@charset "utf-8";

/* 
CSS Document

FONT-FAMILY :  * lato     * latoBlack     * latoBold     * latoHeavy     * latoItalic

COULEUR OR : #CBB26B / rgba(203, 178, 107)
COULEUR GRIS : #393E46 / rgba(57, 62, 70)
*/


.content { width:100%; }
	.contentBox { width:75%; margin:0 auto; padding:6.5em 0; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; }
		.contentBox_bande01 { width:35%; display:flex; flex-wrap:wrap; align-items:flex-start; padding-top:3em; }
			.contentBox_bande01_box { width:100%; display:flex; flex-wrap:wrap; flex-direction:column; box-shadow:0 4px 8px 0 rgba(0,0,0,0.2); }
			.contentBox_bande01_box_pict { width:100%; font-size:0; }
			.contentBox_bande01_box_text { width:100%; display:flex; flex-wrap:wrap; padding:0 2.8em 2.8em 2.8em; font-size:1.35em; }
				.contentBox_bande01_box_text h2 { width:100%; font-family:'latoBlack', Arial, Helvetica, sans-serif; font-size:2.2em; margin-bottom:0; padding-bottom:0; }
				.contentBox_bande01_box_text a:link, .contentBox_bande01_box_text a:visited { color:rgba(57,62,70); }
				.contentBox_bande01_box_text a:hover, .contentBox_bande01_box_text a:active { color:rgba(57,62,70); }
			
		.contentBox_texte { width:60%; display:flex; flex-wrap:wrap; flex-direction:column; padding:2em; justify-content:center; }
			.contentBox_texte a:link, .contentBox_texte a:visited { color:rgba(203,178,107); }
			.contentBox_texte a:hover, .contentBox_texte a:active { color:rgba(57,62,70); }
			.contentBox_texte h2, .contentBox_texte h3, .contentBox_texte h4, .contentBox_texte p { width:100%; margin:0; padding:0.25em 0; }
				.contentBox_texte h2 { font-size:2em; font-family:'latoBlack', Arial, Helvetica, sans-serif; }
				.contentBox_texte h4 { font-size:1.25em; font-family:'latoBlack', Arial, Helvetica, sans-serif; }
				.contentBox_texte h5 { font-size:1.25em; font-family:'latoBlack', Arial, Helvetica, sans-serif; margin-bottom:0; }
				.contentBox_texte p {  font-size:1.25em; }
				.contentBox_texte h3 { font-size:1.5em; font-family:'latoBlack', Arial; Helvetica, sans-serif; padding-top:1.5em; }

	.contentBandeau { width:100%; background-color:rgba(64,61,56); color:#FFFFFF; }
		.contentBandeau_box { width:75%; margin:0 auto; padding:4em 0; display:flex; flex-wrap:wrap; justify-content:center; }
			.contentBandeau_box h3, .contentBandeau_box h2 { width:100%; text-align:center; margin:0; padding:0.25em 0; font-size:2.5em; font-family:'latoBlack', Arial, Helvetica, sans-serif;  }

	.audit { width:100%; background-image:url(../picts/beton.jpg); color:#FFFFFF; }
		.auditBox { width:75%; margin:0 auto; padding:6.85em 0; display:flex; flex-wrap:wrap; justify-content:flex-start; }
			.auditBox h2, .auditBox p { width:100%; }
				.auditBox h2 { margin:0; padding:0; font-size:2em; font-family:'latoBlack', Arial, Helvetica, sans-serif; }
				.auditBox p { font-size:1.25em; }
					.auditBox p span { font-family:'latoBold', Arial, Helvetica, sans-serif; }
	.auditContent { width:75%; margin:6.85em auto; display:flex; flex-wrap:wrap; justify-content:space-between; }
		.auditContent div { width:32%; font-size:0; }

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

}

@media screen and (max-width:1480px) {
	.contentBandeau_box { width:100%; padding:1em; }
		.contentBandeau_box h3, .contentBandeau_box h2 { font-size:1.7em; }
}

@media screen and (max-width:1280px) {
	/* 17-19 pouces */
	.contentBox { width:90%; padding:2em 0; }
		.contentBandeau_box { width:100%; padding:2em 0; }
			.contentBandeau_box h3, .contentBandeau_box h2 { font-size:1.7em; }
		
	.auditBox { width:90%; padding:2em 0; }
		.auditBox h2 { font-size:1.7em; }
				
	.auditContent { width:90%; }
}

@media screen and (max-width:1080px) {
	/* 15 pouces */
	.contentBox_bande01_box_text { padding:0 1em 1em 1em; }
		.contentBox_bande01_box_text h2 { font-size:1.7em; }
}

@media screen and (max-width:880px) {
		.contentBox { width:100%; padding:2em 0; }
			.contentBox_texte { width:100%; }
			.contentBox_bande01 {width:90%; margin:0 auto; }
			
			.auditBox { width:90%; padding:2em 0; }
				.auditBox h2 { font-size:1.7em; }
				
			.auditContent { width:90%; }
				.auditContent div { width:100%; border-bottom:#FFFFFF 8px solid; }
			
			.contentBandeau_box { width:100%; padding:1em; }
				.contentBandeau_box h3, .contentBandeau_box h2 { font-size:1.7em; }
}

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

}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
	
	/* iPad Pro */
	@media screen and (max-width:1480px) {
			.contentBandeau_box { width:100%; padding:2em 0; }
				.contentBandeau_box h3, .contentBandeau_box h2 { font-size:1.7em; }
	}
	
	/*  iphone SE --> 11 + XR | MacBook | iMac | iPad */
	@media screen and (max-width:1080px) {

	}
	
	@media screen and (max-width:880px) {
		.contentBox { width:100%; padding:2em 0; }
			.contentBox_texte { width:100%; }
			.contentBox_bande01 {width:90%; margin:0 auto; }
				.contentBox_bande01_box_text { padding:0 1em 1em 1em; }
					.contentBox_bande01_box_text h2 { font-size:1.7em; }
			
			.auditBox { width:90%; padding:2em 0; }
				.auditBox h2 { font-size:1.7em; }
				
			.auditContent { width:90%; }
				.auditContent div { width:100%; border-bottom:#FFFFFF 8px solid; }
			
			.contentBandeau_box { width:100%; padding:1em; }
				.contentBandeau_box h3, .contentBandeau_box h2 { font-size:1.7em; }

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

	}
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
	/*  iphone12 --> 16  */
	@media screen and (max-width:880px) {
		
	}
	
	@media screen and (max-width:480px) {
		
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:4) {
	/*  Google Pixel 6 Pro | OPPO Find X3 Pro | Samsung Galaxy + S21-22 Ultra */
	@media screen and (max-width:450px) {
	
	}
	
	@media screen and (max-width:880px) {
		
	}
}