@charset "utf-8";
/* CSS Document */
/* COULEURS
	OR : #CDA472
*/

.bandeauReference { width:100%; }
	.contentLineUnderline { width:20%; background-color:#CDA472; font-size:3px; }
	.contentLineImage { width:50%; font-size:0; }
	.referenceTitle { width:50%; margin:0 auto; text-align:center; }
		.referenceTitle h2  { text-transform:uppercase; font-size:3vw; margin-bottom:8vh; }
	.referenceLine { width:100%; display:flex; flex-wrap:wrap; }
	.referenceLineReverse { width:100%; display:flex; flex-wrap:wrap; }
	.contentLineText { width:50%; padding:5vw; }
		.contentLineText h4 { color:#CDA472; font-size:1.5vw; margin:0; }
		.contentLineText h3 { font-size:2.5vw; margin:2vh 0 3vh 0; }

		a.webLinkGraphisme:link, a.webLinkGraphisme:visited { color:#CDA472; }
		a.webLinkGraphisme:hover, a.webLinkGraphisme:active { color:#000000; }

@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
	.contentLineText { padding:1.8vw; }
		.contentLineText h3 { margin:1vh 0 1.5vh 0; }
		.contentLineText p { font-size:1.8vw; }
}

@media only screen and (min-width :1000px) and (max-width :1100px) and (orientation:landscape) {
	.contentLineText { padding:1.8vw; }
	.contentLineText p { font-size:1.8vw; }
}

@media only screen and (min-width:601px) and (max-width:767px) {
	.contentLineText, .contentLineImage { width:70%; margin:0 auto; }
	.contentLineImage { padding-bottom:10vw; }
	.referenceLineReverse { flex-wrap:wrap-reverse; padding:2vh 0; }
	.contentLineText { padding:3vw; }
		.contentLineText h4 { font-size:3.5vw; }
		.contentLineText h3 { font-size:4.5vw; }
		.contentLineText p { font-size:3vw; }
}

@media only screen and (max-width:600px) {
	.referenceTitle h2  { font-size:9vw; margin-bottom:4vh; }
	.contentLineText, .contentLineImage { width:100%; }
	.contentLineImage { padding-bottom:10vw; }
	.referenceLineReverse { flex-wrap:wrap-reverse; padding:2vh 0; }
	.referenceTitle { width:100%; }
	
	.contentLineText { padding-bottom:6vw 0 2vw 0; }
		.contentLineText h4 { font-size:5.5vw; }
		.contentLineText h3 { font-size:7.5vw; }
		.contentLineText p { font-size:4.5vw; margin-bottom:0; padding-bottom:0; }

}