@media screen and (max-width:732px){
	h1{
		font-size: 1.5rem;
		line-height:1.8rem;
		text-align:center;
		font-weight:bold;
		width:100%; 
		margin-left: auto; 
		margin-right: auto;
		padding-top:50px;
		margin-top:0;
	}
	h2{font-size:2.2rem;line-height:2.3rem;}
	
	body{ -webkit-animation: bugfix infinite 1s; }
	@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }
	
	
	/***************** Partie header *****************/	

	header{top:0;position:absolute;}
	div#divheaderint{
		width: 100%; 
		height:80px;
		background-image: url(/images/bg-heater-int.png);
		background-repeat:no-repeat;
		background-position: center bottom;
		background-size: 100% auto;
	}
	
	/** Menu **/
	input + div#divmenu{max-height:0px;overflow:hidden;position:relative;transition:max-height 0.5s;background:#242323;padding:0;}
	input:checked + div#divmenu{max-height:600px;transition:max-height 0.5s}
	header div#divmenumain {position:relative;}
	label[for="close"] {display:none;position:absolute;}
	input:checked ~ label[for="close"]{right:5px;top:24px;display:block;width:33px;height:80px;background-image: url(/images/menu-on-s.png);background-repeat:no-repeat;cursor : pointer;}
	label#labelmenu{
		height: 77px;
		margin-right:7px;
		font-size:1.5em;
		display:block;
		background-image:url(/images/menu-off-s.png);
		background-repeat:no-repeat;
		background-position:right 24px;
		cursor : pointer;
	}
	/** Menu **/
	
	#divlogo{
		position: absolute;
		display:block;
		margin-left: 15px;
		top: 10px;	
		width: 80px;
		height: 60px;
		z-index: 2;
	}
	
	a#alogo:link,a#alogo:visited,a#alogo:active,a#alogo:hover{
		width: 82px;
		height: 60px;
		display: inline-block;
		text-decoration: none;
		background: url(/images/logo-ferme-du-plateau-des-soies-s.png) no-repeat 0 0;
		background-position: 0 center;
		background-size: 100% 100%;	
	}
	div#nav1 ul{margin-top: 0px;}
	
	#nav2{
		position:absolute;
		width:auto;
		height:auto;
		top:20px;
		right:80px;
		font-size:0.75rem;		
		height:32px;
		line-height:32px;
	}
	a#afacebook{margin-right:20px;}
	span#spantel{float:right;height:23px;line-height:23px;margin-top:12px;}
	img#imgtel{display:none;}
	
	/******************** les sous menus **************************/	
	#divmenu{
		width: auto;		
		z-index: 0;
		display: block;
		padding: 15px;
		text-align:left;
	}
	
	#divmenu > ul{
		margin: 0px;
		padding: 5px;
		list-style-type: none;
		background-color:#73574C;
		z-index:10;
	}
	
	#divmenu > li{list-style-type: none;}
	#divmenu > ul > li{
		display:block;
		position: static;
	}
	
	#divmenu > ul > li > ul{list-style-type: square;color:#383838;}
	
	#divmenu a{
		display: block;
		text-decoration:: none;
	}
	
	#divmenu a:hover{text-decoration:none;background-color:#5BB061;color:white;}
	
	#divmenu > ul > li > a{
		display:block;
		color: #ffffff;
		text-decoration: none;
		width: auto;
		height: auto;
		min-height: 27px;
		font-size: 1rem;
		padding-left: 2%;
		padding-right: 20px;
		border-top: 1px dotted white;
	}
	#divmenu > ul > li:first-child > a{border:none;}

	.submenu li{padding:0;margin:0;}
	.submenu li a{
		display:block;
		color: #383838;
		width: auto;
		height: auto;
		min-height: 27px;
		padding-left:5px;
	}

	.submenu li a:hover{text-decoration:none;background-color:#096FAC;color:white;}
	
	/******************** les sous menus **************************/
	
	div.divmoitieg,div.divmoitied{width:96%;padding:1%;margin-left:1%;%margin-right:1%;display:block;margin-bottom:20px;}
	
	/***************** Partie main *****************/
	
	.hidden-phone{display: none !important;}
	
	div#divarianeint{width:98%;height:25px;padding-left:2%;line-height: 25px;}
	
	div#divimght{
		position:relative;
		height:auto;		
	}
	div#divimght img{width:100%;}
	
	div#divimghtint{
		position:absolute;
		top:auto;
		bottom:0;
		left:0;
		right:0;
		height:50px;
		background: url(/images/bg-blanc-ht-s.png);
		background-repeat:repeat-x;
		background-position:bottom;
		z-index:1;
	}
	
	div#divinfoslideint{
		position:absolute;
		width: 70%; 
		max-width:90%; 
		left: 15%;
		right:15%;
		z-index:0;
		text-align:center;
		margin-top:5%;
		padding-left:10px;
		padding-right:10px;
		padding-top:15px;
		padding-bottom:15px;
	}
	div#divinfoslideint h1{font-size:1.2rem;font-weight:bold;line-height:1.7rem;padding:0;}
	div#divinfoslideint h2{display:none;}
	
	div#divglobgen{margin-top:75px;}
	
	div.divmainint{width:100%; padding-top:20px;padding-bottom:20px;min-height:200px;}
	div.divmainintmin{width:92%;padding:4%;}
	
	section#sectionarianeint{width:100%;height:30px;margin:auto;color:#646464;padding-left:10px;line-height: 30px;}
	div.divmainint{height: auto;padding-left:2%;padding-right:2%;width:96%;padding-top:20px;padding-bottom:20px;}
	
	div#divintrohome{
		text-align:center;
		min-height:400px;		
		font-size:1rem;
	}
	
	table#tabpictohome{
		margin:auto;
		margin-top:20px;
	}
	table#tabpictohome img{margin-left:15px;margin-right:15px;}
	
	div.divliste{
		width: 90%;
		max-width: 402px;
		height: auto;
		margin-bottom: 20px;
		margin-left: 5%;
		margin-right: 5%;
		margin-bottom:30px;
	}
	
	div.divliste h2{height:70px;line-height:70px;bottom: 15px;font-size:2rem;}
	div.divliste img{max-width: 100%;height: auto;}
	
	img#imghome,img#imghomeb{display:none;}
	
	span#spanretourhome{
		display:block;
		color: #ffffff;
		text-decoration: none;
		width: auto;
		height: auto;
		min-height: 27px;
		font-size: 1rem;
		padding-left: 2%;
		padding-right: 20px;
	}
	
	/** Bandeau cookies **/
	div#divcooktxt{display:block;padding:10px;padding-left:2%;padding-right:2%;width:96%;}
	div#divcookbt{display:block;padding-left:2%;padding-right:2%;width:82%;text-align:center;padding-top:10px;}
	div#divcookclose{position:absolute;right:20px;bottom:10px;width:4%;text-align:center;padding-top:10px;}
	.divmoitieg,div.divmoitied{width:98%;margin-left:1%;%margin-right:1%;display:block;}
	/** Bandeau cookies **/
	
	div.partenaireitem{width:96%;}
	div.partenaireitem h3{
		margin-bottom:20px
	}
	
	/***************** Partie footer *****************/
	div#divintfooter{
		padding-top:30px;
	}
	
	div#divintfooter aside{
		width: 90%;
		margin: auto;
		margin-bottom: 20px;
		padding-left:5%;
		padding-right:5%;
	}
	div#divintfooter aside h2{font-size:1.6rem;background-image:none;margin:0;margin-bottom:15px;padding:0;text-align:left;}

	form p{text-align:left;margin-bottom:0;}
	form input[type=text],form input[type=email], form select, form textarea{width:98%;}
	div.divformeng{display:inline-block;width:98%;text-align:left;}
	
	form label{
		display:block;
		width:90%;
		text-align:left;
		line-height:1em;
		margin-top: 10px;
	}
	
	div.divformulaire{
		width:100%;
		text-align:center;
	}
	
	div.div3tiers_1,div.div3tiers_2,div.div2moities_1,div.div2moities_11,div.div2moities_2,div.div1tier2tiers_1,div.div1tier2tiers_2,div.div2tiers1tier_1,div.div2tiers1tier_2{padding:3%}
	div.div3tiers_1 div,div.div3tiers_2 div,div.div2moities_1 div,div.div2moities_11 div,div.div2moities_2 div,div.div1tier2tiers_1 div,div.div1tier2tiers_2 div,div.div2tiers1tier_1 div,div.div2tiers1tier_2 div{display:block;width:94%;height:auto;}
	
	div.div3tiers_1 div img:not(.imgplus),div.div3tiers_2 img:not(.imgplus),div.div2moities_1 div img:not(.imgplus),div.div2moities_11 div img:not(.imgplus),div.div2moities_2 div img:not(.imgplus){display:block;margin-left:auto;margin-right:auto;}
	
	img#imgcochbas{display:none;}
	
	div#divnosactusbas{position:absolute;right:50px;margin-top:-140px;z-index:10;}
	
	div#divmainabas{width:100%;text-align:center;margin-top:30px;}
	
	div.dernierdivc,div.dernierdivf{padding-bottom:50px;}
}
	

@media screen and (max-width:500px){
	div#divheaderint{
		height:78px;
	}
	
	div.divliste h2::before {
		content:url(/images/queue-cochon-h2-div-home-s.png) ;
		position:absolute; 
		right:25px;
		top:-25px;
	}

	span#spantel{display:none;}
	img#imglogobas{margin-top:50px;}
}
