@media screen and (max-width: 1200px){
	
	.siteMobile{display:block !important;}
	.siteClassique{display:none !important;}


	/* *************************************************************************************** */
	/* TETE */
	/* *************************************************************************************** */

		/* header logo et menu 
		-------------------------------------*/
			/* Menu */
			#btnMenuOpen {display: block;position:absolute;bottom:5px;right:10px;color:white;cursor:pointer;margin:0;height:25px;width:90px;padding: 15px 10px 10px;
				text-align:right;font-size:1.8rem;line-height:2.0rem;}
			
			#menuTeteContainer{display:none;height: 100%;position: fixed;width: 100%;z-index: 999999;top:0;left:0;cursor: pointer;}
    
				#btnMenuClose{display: block;width: 60%;height: 100%;position: absolute;top:0;right: 0;background:rgba(0,0,0,0.5);}

				#menuTete {width: 40%;height: 100%;padding: inherit;list-style: none;display:block;margin:0;background: black;overflow-y: auto;
					-webkit-box-shadow: 0 0 10px 0 #000000;box-shadow: 0 0 10px 0 #000000;}

					#menuTete #btnAccueil{display: inline-block;}

					#menuTete li {margin:0;padding:0;position: relative;height:auto;width: 100%;}
					#menuTete li a {width: auto;height:35px;margin:0;padding:5px 10px 0 10px;}

					#menuTete li .hrNiv1{width: 100%;left:0;}
					/*
					#menuTete .appendLink {display:flex;}

					#menuTete li ul {position: relative; display:none;width: 100%;  height: auto;border: 0;left:0;}
					#menuTete li:hover ul{display:none;}
					#menuTete li ul li {position:relative;height:auto;margin: 0;padding:0;width:100%;}
					#menuTete li ul li a {display: block;width: auto;height: auto;padding: 10px 1%;margin: auto;}
					#menuTete li ul li a:hover{}

					#menuTete li ul li ul {position: relative;  left: 0;display:none; top:0;width: 100%; z-index: 0;border-left: 0;}
					#menuTete li ul li:hover ul{display:none;}
					#menuTete li ul li ul li{position: relative;margin:0;overflow: visible;width:100%;}
					#menuTete li ul li ul li a {display: block;height:auto;width: auto;padding:10px 1%;margin:auto;background:rgba( 143, 102, 90, 0.7);}
					#menuTete li ul li ul li a:hover{}*/

				/* selector
				#menuTete li ul .current_page_parent ul li a{background:rgba( 143, 102, 90, 0.7);}
				#menuTete li ul .current_page_item ul li a{background:rgba( 143, 102, 90, 0.7);} */

	/* *********************************************************************************************************************************** */
	/* HOME */
	/* *********************************************************************************************************************************** */

	/* section 2 : presentation 
	-------------------------------------------- */
		#presentationTitre{width:95%;}
		#presentationTexte{width:95%;}


	/* section 3 : avis 
	-------------------------------------------- */
	#avisTitre{width:95%;}
	#homeAvisCarousel{width:95%;}
	.slick-prev{display: none !important;}
	.slick-next{display: none !important;}

	/* section 4 : actualites 
	-------------------------------------------- */
	#section4Content{width:100%;}


	/* *********************************************************************************************************************************** */
	/* PIED */
	/* *********************************************************************************************************************************** */
	#footerHr{display:none;}
	#footerSite{position: relative;}

		/* footer logo */
		#footerLogo{display: block;position:relative;text-align: center;}

		/* footer coordonnes */
		#footerCoordonnees{padding: 0 20px 0;}



}

@media screen and (max-width: 1150px){
	/* ******************************************************************* */
	/* cookie notice */
	/* ********************************************************************/
	#cookie-notice{width:100%;left:0 !important;bottom:0 !important}
}


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

	#titreInt{padding: 40px}

	/* fil d'ariane et formulaire de recherche */
	#breadcrumbsContent{padding: 10px;}

		/* formulaire de recherche */
		#formSearch{float: none;margin: 5px 0;}

	/* *************************************************************************************** */
	/* TETE */
	/* *************************************************************************************** */

		/* header logo et menu 
		-------------------------------------*/
			/* Menu */
			#btnMenuClose{width: 50%;}
			#menuTete {width: 50%;}



		/* btn next section 
		-------------------------------------*/
		.nextSectionHome{display:none;}
		#nextSectionInt{display:none;}

	/* *********************************************************************************************************************************** */
	/* HOME */
	/* *********************************************************************************************************************************** */
		/* logos home
		-------------------------------------*/
		/*#homeLogo{position: relative;right: auto;bottom: auto;}*/
		#homeLogo{top:120px;right:20px;}

	/* *********************************************************************************************************************************** */
	/* PIED */
	/* *********************************************************************************************************************************** */

	/* btn haut de page */
	#btnHdp{display: none !important;}

}

@media all and (orientation: landscape) and (max-width: 900px){
	#headerLogo{position: relative;}
}

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


	#titreInt{position: relative;padding: 10px}

	/* *************************************************************************************** */
	/* TETE */
	/* *************************************************************************************** */

		/* header logo et menu 
		-------------------------------------*/
			#headerSite{min-height: 0;}

			/* logo */
			#headerLogo{position: relative;}

			/* Menu */
			#btnMenuClose{width: 40%;}
			#menuTete {width: 60%;}

}

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

	/* *********************************************************************************************************************************** */
	/* MIDDLE */
	/* *********************************************************************************************************************************** */

		/* menu niveau 3 */
		#menuNiv3 li{width: 46%;display: block;float:left;margin: 15px 2%}
}

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

	/* *************************************************************************************** */
	/* TETE */
	/* *************************************************************************************** */

		/* header logo et menu 
		-------------------------------------*/
			/* Menu */
			#btnMenuClose{width: 20%;}
			#menuTete {width: 80%;}

		/* slider home 
		-------------------------------------*/
		#titleSlider{left:40px;right:40px;}
		#sliderBtnHome{left: 40px;}


	/* *********************************************************************************************************************************** */
	/* HOME */
	/* *********************************************************************************************************************************** */
	/* section 4 : actualites 
	-------------------------------------------- */
	#section4Left{width:100%;margin:0;}
		#suivezNousDiv{margin-bottom: 30px;}
	#section4Right{width:100%;}

}

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

	/* *********************************************************************************************************************************** */
	/* MIDDLE */
	/* *********************************************************************************************************************************** */

		/* menu niveau 3 */
		#menuNiv3 li{width: 100%;margin: 15px 0}
}