/* CSS Document
-- Orange : #FE6A00
-- Bleu : #0066CC
-- Rouge : #E43312
-- Jaune : FEDC00
-- Vert : #336633
*/

.bandeau { padding-bottom:3vw; }
	.imgCredits { bottom:4vw; }
	.bandeauTitle { width:50%; margin:0 auto; background-color:#EFEFEF; position:absolute; bottom:0; left:0; right:0; padding:2vw; font-size:1vw; text-align:center; }

.content { width:100%; position:relative; padding-top:3vw; display:flex; flex-wrap:wrap; }
	.mainBox { width:75%; margin:0 auto; text-align:center; }
	.edemarcheMenu { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; }
	.edemarcheMenu div a:link, .edemarcheMenu div a:visited { background-color:#FE6A00; color:#FFFFFF; padding:0.25vw 0.5vw; border:#FE6A00 1px solid; border-radius:0.5vw; }
	.edemarcheMenu div a:hover, .edemarcheMenu div a:active { background-color:#FFFFFF; color:#FE6A00;  }

	.title { width:52%; margin:0 auto; "><h2 style="width:100%; text-align:center; }
		.intro { width:52%; margin:0 auto; }
			.intro h2 { width:100%; text-align:center; }
			.introCGU { width:100%; display:flex; flex-wrap:wrap; }
				.introCGU_ul { width:5%; text-align:center; }
				.introCGU_text { width:95%; }
		.options { width:100%; padding:2vw; display:flex; flex-wrap:wrap; justify-content:space-between; }
			.optionsBox { width:33%; border:#000000 1px solid; padding:2vw; text-align:center; border-radius:8px; }
				.optionsBox i { font-size:5em; }
				.optionsBox a:link, .optionsBox a:visited { color:#000000; }
				.optionsBox a:hover, .optionsBox a:active { color:#FE6A00; }


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

}

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

}

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

}