/* 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; }
	.title { width:75%; margin:0 auto; text-align:center; padding:2vw; }
	.text { width:50%; margin:0 auto; text-align:justify; padding:2vw; }
	.cgu { width:75%; margin:0 auto; padding:2vw; }
	.mentions { width:75%; margin:0 auto; display:flex; flex-wrap:wrap; }
		.mentionsBox { width:48%; display:flex; flex-wrap; border:#000000 1px solid; padding:2vw; margin:1%; }
			.mentionsBox_pict { width:40%; font-size:0; }
			.mentionsBox_text { width:60%; padding:0 2vw; display:flex; flex-wrap:wrap; }
				.mentionsBox_text a:link, .mentionsBox_text a:visited { color:#FE6A00; }
				.mentionsBox_text a:hover, .mentionsBox_text a:active { color:#000000; }


	.lineButton { display:flex; flex-wrap:wrap; justify-content:space-between; width:75%; margin:0 auto; padding:2vw; }
		a.linkButton:link, .linkButton:visited { background-color:#FE6A00; color:#FFFFFF; padding:0.5vw 1vw; border-radius:0.5vw; }
		a.linkButton:hover, .linkButton:active { color:#000000; }

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

}

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

}

@media only screen and (max-width:600px) {
	.title, .text { width:90%; }
  	.bandeau { padding-bottom:175px; }
  		.imgCredits { bottom:16vw; font-size:2vw; }
  		.bandeauTitle { width:100%; font-size:4vw; }
  			.bandeauTitle i { width:100%; text-align:center; font-size:12vw; }
  	.lineButton { width:98%; }
  		.lineButton div { width:100%; }
  			a.linkButton:link, a.linkButton:visited { display:block; width:100%; margin-bottom:2vw; padding:2vw 4vw; border-radius:2vw; }
  	.title, .text, .cgu { width:94%; }
  	.content h2, .content p { text-align:justify; }
}