@media screen and (max-width: 480px) { 





	body{
		    background-size: auto 435px;
	}
	
	
	/* ==================================================
	 * zoneEntete et zoneHaut de page
	 * ================================================== */

	
	#zoneTitre{
		background-position: center top;
		background-size: 90% auto;
	}
	
	#zoneInformative{
		text-align: center
	}
	#zoneInformative p.infoConnection{
		float: none;
		display: inline-block;
	}
	#mobileMenuToggle{

		float: none;
		display: block;
		margin: 0 auto;
	}
	/* ==================================================
	 * zoneEntete
	 * ================================================== */



	
}


@media screen and (max-width: 767px) { 
	
	/* ==================================================
		généraux
		zoneEntete et zoneHaut de page
		menu mobile
		*/
	
	
	/* ==================================================
	 * généraux
	 * ================================================== */

	/*largeur des zones principales*/
	#zoneEntete #identite,#zoneHautPage,#zoneMilieuAccueil,#zoneMilieuPage,#zoneBasPage{
		width: 100%;

	}
	
	
	
	
	/* ==================================================
	 * zoneEntete et zoneHaut de page
	 * ================================================== */
	
	body{
		    background-size: auto 435px;
	}

	
	#zoneHautPage{
		padding: 0;
	}
	

	
	#zoneInformative{
		padding: 0 24px;
		margin-bottom: 70px;
	}
	#mobileMenuToggle{
		border: none;
		background-color: #000;
		background-image: url(/wp-content/themes/int1010/img/structure/ico_menu_ouvrir.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 25px auto;
		border-radius: 5px;
    	height: 40px;
    	width: 40px;
	}
	
	#zoneMilieuAccueil{
		margin-top: 30px
	}
	
	/* ==================================================
	 * menu mobile
	 * ==================================================
	
	

	/*Menu Accueil*/
	#menuAccueil{
		background-color: #fff9de;
		overflow: hidden;
		height: 105px;
		-webkit-transition: height 0.3s;
    	transition: height 0.3s;
	}
	#menuAccueil.menuClosed{
		height: 0;
	}

	#menuAccueil ul{
		
	}

	#menuAccueil ul li{
		display: block;
		text-align: left;
		float: none;
		padding: 5px 7px;
		color: #000;
		background-color: transparent;
		padding: 10px 0 10px 24px;
		height: auto;

	}

	#menuAccueil ul li:not(:first-child){
		border-top: solid #d18237 1px;
		margin-left: 0;
	}

	#menuAccueil ul li:hover,#menuAccueil ul li.current_page_item{
		background-color: transparent;
		box-shadow: none;
		font-weight: bold;
	}

	#menuAccueil ul li a:link,
	#menuAccueil ul li a:visited,
	#menuAccueil ul li a:active{
		text-decoration:none;
		
	}
	/* ==================================================
	 * vidéos
	 * ================================================== */
	
	#contenu .boiteAnimVideo{
		width: 100%;
		margin: 0 auto
	}
	#contenu .boiteAnimVideo.fltD{

		margin: 0 auto 10px auto;
		float: none;
	}


}