@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%; }
	.contentMenu { width:100%; margin:0 auto; background-color:rgba(203,178,107); color:#FFFFFF; }
		.contentMenu_box { width:75%; margin:0 auto; padding:1em 0; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; font-size:1.5em; }
		.contentMenu a:hover, .contentMenu a:active { color:rgba(57,62,70); }
	.contentBox { width:55%; margin:0 auto; padding:6.5em 0; display:flex; flex-wrap:wrap; justify-content:space-between; }
		.contentBox h3 { width:100%; font-size:2.5em; font-family:'latoBlack', Arial, Helvetica, sans-serif; }
		.contentBox h4 { width:100%; font-size:2em; font-family:'latoBold', Arial, Helveticy, sans-serif; }
		p.special { width:100%; font-size:1.25em; margin:0; padding:0.5em 0; }
		.contentBox ul { list-style:square; font-size:1.25em; }
	
	.contentMentions { width:75%; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; }
		.mediumTitle { margin:0 auto; display:flex; flex-wrap:wrap; justify-content:center; }
			.mediumTitle h3 { width:100%; padding-bottom:1em; font-size:2.5em; font-family:'latoBlack', Arial, Helvetica, sans-serif; border-bottom:rgba(203,178,107) 4px solid; text-align:center; }
		.mediumContent { width:100%; padding-bottom:2em; display:flex; flex-wrap:wrap; justify-content:space-between; }
			.mediumContent_text { width:100%; margin:0 auto; padding:0; font-size:1.25em; }
				.mediumContent_text h4 { margin-bottom:0; padding-bottom:0; font-size:2em; }
			.mediumContent_mentionsBox { width:49%; display:flex; flex-wrap:wrap; flex-direction:column; margin:0.5em 0; background-color:rgba(57,62,70); padding:1em; align-items:flex-start; }
				.mediumContent_mentionsBox_pict { width:100%; position:relative; }
					.mediumContent_mentionsBox_pictBox { width:100%; font-size:0; }
					.mediumContent_mentionsBox_pictCopyright { position:absolute; bottom:0; right:0; padding:0.25em 0.5em; background-color:rgba(203,178,107); font-size:0.85em; }
						.mediumContent_mentionsBox_pictCopyright a:link, .mediumContent_mentionsBox_pictCopyright a:visited { color:#FFFFFF; }
						.mediumContent_mentionsBox_pictCopyright a:hover, .mediumContent_mentionsBox_pictCopyright a:active { color:rgba(57,62,70); }
				.mediumContent_mentionsBox_text { width:100%; color:#FFFFFF; }

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

}

@media screen and (max-width:1480px) {
	.contentMenu_box { width:96%; }
}

@media screen and (max-width:1280px) {
	/* 17-19 pouces */
	.contentMenu_box { width:100%; justify-content:center; }
		.contentMenu_box div { width:100%; text-align:center; }
	.contentMentions { width:96%; }
}

@media screen and (max-width:1080px) {
	/* 15 pouces */
	.contentBox { width:75%; padding:2em 0; }
	.contentMenu_box { width:100%; justify-content:center; }
		.contentMenu_box div { width:100%; text-align:center; }
	.contentMentions { width:96%; }
	.mediumContent_text { width:75%; padding:0; }
}

@media screen and (max-width:880px) {
		.contentMenu_box { width:100%; padding:1em; font-size:1.25em; }
			.contentMenu_box div { padding:0.25em 0; }
		.contentMentions { width:100%; }
			.contentMentions .mediumTitle { width:90%; margin:0 auto; }
			.mediumContent_mentionsBox { width:100%; }
				.mediumContent_mentionsBox_pictCopyright { position:statif; width:100%; text-align:center; font-size:0.75em; }
			.mediumContent_text { width:100%; padding:0; }
		
		.contentBox { width:100%; padding:1em; }
}

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

}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
	
	/* iPad Pro */
	@media screen and (max-width:1480px) {
		
	}
	
	/*  iphone SE --> 11 + XR | MacBook | iMac | iPad */
	@media screen and (max-width:1080px) {

	}
	
	@media screen and (max-width:880px) {
		.contentMenu_box { width:100%; padding:1em; font-size:1.25em; }
			.contentMenu_box div { padding:0.25em 0; }
		.contentMentions { width:100%; }
			.contentMentions .mediumTitle { width:90%; margin:0 auto; }
			.mediumContent_mentionsBox { width:100%; }
				.mediumContent_mentionsBox_pictCopyright { position:statif; width:100%; text-align:center; font-size:0.75em; }
			.mediumContent_text { width:100%; padding:0; }
		
		.contentBox { width:100%; padding:1em; }
	}
	
	@media screen and (max-width:450px) {

	}
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
	/*  iphone12 --> 16  */
	@media screen and (max-width:880px) {
		.contentMenu_box { width:100%; padding:1em; font-size:1.25em; }
			.contentMenu_box div { padding:0.25em 0; }
		.contentMentions { width:100%; }
			.contentMentions .mediumTitle { width:90%; margin:0 auto; }
			.mediumContent_mentionsBox { width:100%; }
				.mediumContent_mentionsBox_pictCopyright { position:statif; width:100%; text-align:center; font-size:0.75em; }
			.mediumContent_text { width:100%; padding:0; }
		
		.contentBox { width:100%; padding:1em; }
	}
	
	@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:880px) {
			.contentMenu_box { width:100%; padding:1em; font-size:1.25em; }
			.contentMenu_box div { padding:0.25em 0; }
		.contentMentions { width:100%; }
			.contentMentions .mediumTitle { width:90%; margin:0 auto; }
			.mediumContent_mentionsBox { width:100%; }
				.mediumContent_mentionsBox_pictCopyright { position:statif; width:100%; text-align:center; font-size:0.75em; }
			.mediumContent_text { width:100%; padding:0; }
		
		.contentBox { width:100%; padding:1em; }
	}
	
	@media screen and (max-width:480px) {
		
	}
}