@media screen and (max-width: 975px){
	#page{
		padding: 0 20px 20px 20px !important;
	}
	
	#nested .firstLevel li a{
		font-size: 0.7em;
	}
	
	/* CONTENT HOME */ 
	
	#blocLeft .item.w3, .catalog .item.w3{
		width: 100%;
		float: none;
		clear: both;
		height: auto;
	}
	
	#blocLeft .item, .catalog .item{
		width: 47%;
		height: 145px;
		margin: 0 3% 3% 0;
	}
	
	#container .widgetLastElements{
		width: 46%;
	}
	
	.item.h2 img{
		height: auto;
		min-width: 100%;
		max-width: 100%;
		position: relative;
		left: 0 !important;
	}
	
	#pets img{
		margin-top: -10%;
		margin-left: 0 !important;
	}
	
	#agneaux img{
		margin-top: -10%;
		margin-left: 0 !important;
	}
	
	#veaux img{
		margin-top: -10%;
		margin-left: 0 !important;
	}
	
	.item.newsletter{
		display: none;
	}
	
	/* FORMULAIRE CONTACT */
	
	.formulaire input[type="text"] {
		width: 90%;
		max-width: 90%;
	}
	
	.formulaire input#field2id{
		width: 90%;
	}
}
	
@media screen and (max-width: 730px){
	
	
	.simpleText img{
		float: none !important;
		width: 100% !important;
		height: auto !important;
		margin: 0 0 10px 0 !important;
	}
	
	.catalog .short_product{
		width: 100%;
		float: none;
		height: auto;
	}
	
	
	
	/* MENU */
	
	.navPicto{
		display: block;
	}
	
	header #top{
		width: auto;
		background: none;
		height: auto;
		top: 0;
	}
	
	header #top .lang{
		float: none;
		margin: 0 9px 0 0;
	}
	
	header #top .lang a{
		display: block;
		float: left;
		padding: 10px;
	}
	
	header #logo, header #logo a{
		width: 30%;
	}
	
	#nested{
		width: 100%;
		margin: 0;
		background: #2c5b9b;
		display: none;
	}
	
	#nested ul.firstLevel {
		float: none;
		clear: both;
	}
	
	#nested .firstLevel li{
		float: none;
		height: auto;
		border-bottom: 1px solid #ccc;
	}
	
	#nested .firstLevel li a{
		color: #fff;
		display: block;
		border: 0 none;
		padding: 15px 0 15px 15px;
	}
	
	
	/* CONTENT PAGE */
	
	.col #container h1{
		font-size: 23px
	}
	
	.col #container{
		width: 100%;
		float: none;
	}
	
	#product{
		width: 100%;
		float: none;
	}
	
	.col #rightbar{
		width: 100%;
		float: none;
	}
	
	 #rightbar .widget-rightbar p:first-child{
		float: left;
	}
	
	.col .colleft, .col .colright{
		width: 100%;
		float: none;
	}
	
	
	/* FORMULAIRE CONTACT */
	.col .formulaire .colleft, .col .formulaire .colright{
		width: 100%;
		float: none;
	}
	
	.col .formulaire input[type=submit]{
		margin: 0;
		width: 100%;
	}
	
	.col .formulaire select#field1{
		width: 90%;
		margin: 0 0 10px 0;
		height: 35px;
	}
	
	/* FOOTER */
	.widgetShortcutFooter ul li{
		display: block;
	}
	
	
	/* CONTENT HOME */
	
	#blocLeft h1{
		font-size: 25px;
		line-height: 20px;
	}
	
	#blocLeft h1 span{
		font-size: 14px;
		margin: 0;
	}
	
	#container #blocLeft, #container #blocRight{
		width: 100%;
		float: none;
	}
	
	#container #blocRight ul{
		display: table;
		text-align: center;
		width: 100%;
	}
	
	#container #blocRight ul li{
		width: 30%;
		display: inline-block;
		text-align: center;
	}
	
	#container #blocRight ul li img{
		float: none;
		clear: both;
		margin: 0;
	}
	
	#container #blocRight ul li a{
		float: none;
		clear: both;
		font-size: 12px;
		line-height: 14px;
	}
	
	#container .widgetLastElements, #container .widgetProduct{
		width: 100%;
		float: none;
		clear: both;
		margin: 0 0 20px 0;
	}
	
	.widgetLastElements .widgetLastElementsPicture{
		width: 100%;
		height: auto;
		float: none;
		margin: 0 0 10px 0;
	}
	
	#container .widgetProduct .picture{
		width: 99%;
		height: auto;
		margin: 0 0 10px 0;
		float: none;
	}
	
	.widgetLastElements .widgetLastElementsPicture img{
		min-width: 100%;
		min-height: auto;
	}
	
	#container .widgetProduct .picture img{
		max-width: 100%;
	}
	
	.widgetLastElements.right{
		padding: 0;
	}
	
	#container .widgetProduct{
		border: 0 none;
	}
	
	#container .widgetProduct h3{
		float: none;
		text-align: center !important;
		width: 100%;
	}
	
	.accueil .widgetProduct .viewProduct{
		float: none;
		text-align: center !important;
		width: 100%;
	}
}


@media screen and (max-width: 575px){
	.item img{
		
		margin: 0 !important;
		max-width: none !important;
		height:100% !important;
	}
	
	#product .productPictures{
		width: 100%;
		float: none;
	}
	
	#product #text{
		width: 100%;
		float: none;
	}
}