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

@font-face {
    font-family: 'odibee';
    src: url('fonts/odibee.ttf') format('truetype'); font-weight: normal; font-style: normal; 
    font-family: 'bebas';
    src: url('fonts/bebas.ttf') format('truetype'); font-weight: normal; font-style: normal; 
    font-family: 'lato';
    src: url('fonts/lato.ttf') format('truetype'); font-weight: normal; font-style: normal; 
}


* { box-sizing: border-box; }
html { font-size:1.2vw; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; text-size-adjust:100%; height:100%; }
body { margin:0; padding:0; background:#FFFFFF; font-family:'lato',Verdana, Arial, Helvetica, sans-serif; font-size:100%; color:#000000; min-height:100%; position:relative; padding-bottom:7vw; }
footer { position:absolute; bottom:0; right:0; left:0; }

img { width:100%; height:auto; }
a:link, a:hover, a:visited { color:#FFFFFF; text-decoration:none; }


.nav { width:100%; display:flex; flex-wrap:wrap; }
	.nav_logo { width:10%; padding:1vw 2vw 0.5vw 2vw; font-size:0; }
	.nav_box { width:90%; padding:1vw 2vw 0.5vw 2vw; display:flex; flex-wrap:wrap; }
		.nav_box_menu { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; align-content:end; }
			.nav_box_menu h1 { margin:0; padding:0; }
		.nav_box_menuSub { text-align:right; }
			.nav_box_menuSub_box { width:100%; display:flex; flex-wrap:wrap; }
			.nav_box_menuSub_box_link { background-color:#FE6A00; border-radius:0.5vw; padding:0.5vw; margin:0 0.15vw; }
				.nav_box_menuSub_box_link a:link, .nav_box_menuSub_box_link a:visited { color:#FFFFFF; }
				.nav_box_menuSub_box_link a:hover, .nav_box_menuSub_box_link a:active { color:#000000; }
		.menuNormal { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; align-content:end; align-items:flex-end; padding-bottom:0.5vw; }
			.menuNormal a:link, .menuNormal a:visited { color:#000000; border:#FFFFFF 1px solid; padding:0.5vw 1vw; border-radius:0.5vw; }
			.menuNormal a:hover, .menuNormal a:active { background-color:#FE6A00; color:#FFFFFF; border:#FE6A00 1px solid; border-radius:0.5vw; }
			.menuNormal a i { padding-right:1vw; }
		.menuRWD { display:none; }

.bandeau { width:100%; font-size:0; position:relative; }
	.imgCredits { position:absolute; bottom:1vw; right:2vw; font-size:0.65vw; padding:0.5vw 1vw; background:rgba(0,0,0,0.5); color:#FE6A00; }
		.imgCredits i { padding-right:0.5vw; }
		.imgCredits a:link, .imgCredits a:visited { color:#FFFFFF; }
		.imgCredits a:hover, .imgCredits a:active { color:#FE6A00; }

.piedpage { width:100%; background-color:#FE6A00; color:#FFFFFF; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; font-size:0.65em; padding:2vw; }
	.piedpage div ul { list-style:none; margin:0; padding:0; }
	.piedpage a:link, .piedpage a:visited { color:#FFFFFF; }
	.piedpage a:hover, .piedpage a:active { color:#0066CC; }
	.copyright { text-align:right; }

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

}

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

}

@media only screen and (max-width:600px) {
  html { font-size:4.8vw; }
  body { padding-bottom:20vh; }
	.nav_logo { width:100%; padding:4vw 8vw; text-align:center; }
  		.nav_logo img { width:50%; margin:0 auto; }
  	.nav_box { width:100%; padding:4vw 8vw; text-align:center; }
  		.nav_box_menu h1 { font-size:1em; margin:0; padding:0; }
  	
  	.menuNormal { display:none; }
  	.menuRWD { width:100%; display:flex; flex-direction:column; }
  		/* .menuRWD div { width:100%; padding:2vw 0; } */
  			/* .menuRWD div a { color:#000000; } */
  		.nav_box_menuSub { width:94%; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:space-between; }
  			.nav_box_menuSub_box { justify-content:space-between; }
  				.nav_box_menuSub_box_link { font-size:10vw; border-radius:4vw; padding:2vw; margin:4vw 0; }
  	.piedpage div { width:100%; text-align:center; padding:2vw 0; }
}