/*     RESPONSIVE  */

@media screen and (max-width:1024px){    /* marron */
/*    body {background-color: chocolate !important}*/
	
	.annonce {padding-bottom: 1em;}
	.annonce .masquerQuieries {display: none;}
	.menuGlissant {justify-content: flex-start; overflow-x:scroll !important; overflow-y:hidden !important; white-space:nowrap !important; scrollbar-width:none !important;}
	.menuGlissant::-webkit-scrollbar{display:none !important;}
	.onglet .onglet-long, .onglet .onglet-moyen {width: inherit;}
	#footer .localisation {flex: 2 0;}
	#footer .partenaire .col2 p {flex: 1 100%;}

}

@media all and (max-width : 800px) {    /* Violet Foncé */
/*	body {background-color: blueviolet !important}*/
	
	h2 {text-align: center}
	h3.titreAlign {margin: 17px 0 0;}
	.annonce.annonceFluide {float: none; width: auto; max-width: none;}
	.imgTxtFluide.imgTxtFluide_ImgSmall {width: auto;}
	.avis .imgTxtFluide {float: left;}
	ul.listeFluide {margin-left: auto;}
	.CTA.bt-fluide {margin-left: auto;}
	.part-Domaine h2 {text-align: center;}
	#footer .col2 {flex-direction: column;}
	#footer .partenaire {margin-top: 2em; border-left: 0; padding-left: 0;}
	iframe {width: auto;}
}


@media screen and (max-width:753px){    /* rouge  */
/*    body {background-color: crimson !important}*/
	 
	 iframe.catalogue {width: 100%;}
	 h2 {font-size: 2em}
	 .titre {padding-left: 0;}
	 .mepTexte h2{margin-left: auto; margin-right: auto;     margin-bottom: 0.5em;}
	 .displayFlex .telecharger {order: 1;
	 text-align: left;}
	 .col2  {justify-content: center;}
	 .col2 h2 { font-size: 7vw; }
	 .col2 p {font-size: 5.5vw; }
	 .col2 aside {flex: 1 100%; max-width: 500px;}
	 .bandeau p, .bandeau .col2 p {font-size: 18px;}
	 .bandeau h2 {font-size: 22px;}
	 #planning h1 {font-size: 1.3em;}
	 .planning {row-gap: 2.5em;}
	 .imgTxtFluide {text-align: center; width: 49%;}
	 .masquer, .masquer1 {display: block;}
}
 
@media screen and (max-width:520px){    /*  bleu ciel */
/*    body {background-color: #aef !important}*/
	
	#nav .menu-container {display: none;}
	.mepTexte ul {padding-left: 0;}
	.cadre {float: none; margin-left: auto; margin-right: auto;}
}

@media screen and (max-width:415px){    /*  orange */
/*    body {background-color: darkorange !important}*/
	
	/* Accueil - bandeau 2 affiches */
	.displayFlex.accueil-clicAffiche > * {flex: 100% 0 0;}
	.displayFlex.accueil-2Affiche .affiche-printemps {order: 2;}
	.displayFlex.accueil-2Affiche .affiche-ete {order: 1;}
	.displayFlex.accueil-2Affiche figcaption {order: 3;}
	.accueil-planning {margin-top: 2em;}
	.accueil-planning h2 span, h2 span {text-align: left;}
	.mepTexte {padding: 0; }
	.btPlanning {flex: 1 100%; }
	.btCharte {flex: 1 100%;}
	.planning {row-gap: 2em;}
	.btCharte:hover .imgCouverture {transform: none;}
	.imgTxtFluide {width: 100%;}
	/* Pages Planning */
	#planning .navPlanning .navigation a {font-size: 3em;}
}

@media screen and (max-width:340px){ 
	#footer .localisation {position: relative;}
}