@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; }
		.contentBox_title { width:100%; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; text-align:center; }
			.contentBox_title h1 { width:100%; margin:0; padding:0; font-size:2.8em; font-family:'latoBlack', Arial, Helvetica, sans-serif; }
		.contentBox_bande01 { width:100%; padding-top:6.5em; display:flex; flex-wrap:wrap; justify-content:space-between; }
			.contentBox_bande01_box { width:30%; 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 { 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); }

	.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;  }

	.text_image { width:100%; display:flex; flex-wrap:wrap; }
		.text_image_text { width:50%; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; padding:2em 4em 2em 12em; }
			.text_image_text h3 { width:100%; font-size:1.85em; font-family:'latoBlack', Arial, Helvetica, sans-serif; }
			.text_image_text h4 { width:100%; font-size:1.25em; font-family:'latoBlack', Arial, Helvetica, sans-serif; }
			.text_image_text p { width:100%; font-size:1.25em; }
				.text_image_text p span { font-family:'latoBlack', Arial, Helvetica, sans-serif; }
		.text_image_pict { width:50%; font-size:0; background-color:#FFFFFF; }


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

}

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

}

@media screen and (max-width:1280px) {
	/* 17-19 pouces */
		.contentBox { width:94%; }
			.contentBox_bande01 { padding-top:3.25em; }
				.contentBox_bande01_box_text { padding:0 1em 1em 1em; }
					.contentBox_bande01_box_text h2 { font-size:1.7em; }

			.contentBandeau_box { width:100%; padding:2em 0; }
				.contentBandeau_box h3, .contentBandeau_box h2 { font-size:1.7em; }
			
			.text_image_text { width:50%; padding:0 1em; }
				.text_image_text h3 { font-size:1.5em; margin:0.25em 0; padding:0.25em 0; }
				.text_image_text h4, .text_image_text p { font-size:1em; margin:0.25em 0; padding:0.25em 0; }
}

@media screen and (max-width:1080px) {
	/* 15 pouces */

}

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

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

}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
	
	/* iPad Pro */
	@media screen and (max-width:1480px) {
		.contentBox { width:94%; }
			.contentBox_bande01 { padding-top:3.25em; }
				.contentBox_bande01_box_text { padding:0 1em 1em 1em; }
					.contentBox_bande01_box_text h2 { font-size:1.7em; }

			.contentBandeau_box { width:100%; padding:2em 0; }
				.contentBandeau_box h3, .contentBandeau_box h2 { font-size:1.7em; }
			
			.text_image_text { width:50%; padding:0 1em; }
				.text_image_text h3 { font-size:1.5em; margin:0.25em 0; padding:0.25em 0; }
				.text_image_text h4, .text_image_text p { font-size:1.25em; margin:0.25em 0; padding:0.25em 0; }
	}
	
	@media screen and (max-width:1180px) {
			.contentBox_title h1 { font-size:2em; }
			.text_image_text h4, .text_image_text p { font-size:1.15em; }
	}
	
	/*  iphone SE --> 11 + XR | MacBook | iMac | iPad */
	@media screen and (max-width:1080px) {
		.contentBox { width:94%; }
			.contentBox_bande01 { padding-top:3.25em; }
				.contentBox_bande01_box_text { padding:0 1em 1em 1em; }
					.contentBox_bande01_box_text h2 { font-size:1.7em; }

			.contentBandeau_box { width:100%; padding:2em 0; }
				.contentBandeau_box h3, .contentBandeau_box h2 { font-size:1.7em; }
			
			.text_image_text { width:50%; padding:0 1em; }
				.text_image_text h3 { font-size:1.2em; margin:0.25em 0; padding:0.25em 0; }
				.text_image_text h4, .text_image_text p { font-size:0.95em; margin:0.25em 0; padding:0.25em 0; }
	}
	
	@media screen and (max-width:880px) {
		.contentBox_title { width:90%; margin:0 auto; }
			.contentBox_title h1 { font-size:1.7em; }
		.contentBox { width:100%; padding:2em 0; }
			.contentBox_bande01 { padding-top:2em; }
				.contentBox_bande01_box { width:90%; margin:2em auto; }
					.contentBox_bande01_box_text { padding:0 1em 1em 1em; }
						.contentBox_bande01_box_text h2 { font-size:1.7em; }
		.contentBandeau_box { width:100%; padding:1em; }
			.contentBandeau_box h3, .contentBandeau_box h2 { font-size:1.7em; }
			
		.text_image_text { width:100%; padding:1em; }
			.text_image_text h3 { font-size:1.5em; }
			.text_image_text h4, .text_image_text p { font-size:1.25em; }

		.text_image_pict { width:100%; }
	}
	
	@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) {
		
	}
}