@charset "utf-8";
/* CSS Document */
/* Styles 2024 - Studiostrob */

.left { text-align:left; }
.center { text-align:center; }

.bandeau_pict { width:100%; padding-top:8em; }

.bandeau_text { width:90%; margin:0 auto; display:flex; flex-wrap:wrap; padding:4em 0; color:#58585A; }
	.bandeau_text h2, .bandeau_text h3 { width:100%; margin:0; padding:0; font-family:'lato', Arial, Helvetica, sans-serif; color:rgba(155,144,124); font-size:1.5em; }
	.bandeau_text h3 { padding-bottom:1em; }
	.bandeau_text ul { width:100%; list-style:none; margin:0 0 1em 0; padding:0; color:#58585A; font-size:1.2em; }
		.bandeau_text ul li { width:100%; }
		.bandeau_text ul li a:link, .bandeau_text ul li a:visited { rgba(155,144,124); }
		.bandeau_text ul li a:hover, .bandeau_text ul li a:active { color:#58585A; }

	h2.title { margin:0; padding:0; }
	.bandeau_text p { margin:0; padding:0; font-size:1.2em; padding-bottom:1em; }


@media screen and (max-width:670px) {
	.diapoBox { padding-top:10em; }
	.bandeau_text { width:90%; padding:1em 0; }
		.bandeau_text p { padding-bottom:1em; }
		h2.title { margin-top:1em; }

}

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

}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.diapoBox{ padding-top:12em; }
	.bandeau_text { width:90%; padding:1em 0; }
		.bandeau_text p { padding-bottom:1em; text-align:justify; }
		h2.title { margin-top:1em; font-size:1.5em; }

	@media only screen and (orientation: landscape) {
		.diapoBox { padding-top:10em; }
		
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) {

}