@charset "utf-8";
*{padding:0; margin:0}
body  { color: #fff;position:relative; font-weight: bold; font-size: 16px;  font-family: 'Cinzel'Verdana,Arial,serif; text-align: justify; text-indent: 0cm;background-color: #002040}
header, footer, section, nav, aside, article {display: block; border: 0 none; font-family: inherit;font-size: 100%; font-style: inherit;font-weight: inherit;margin: 0;padding: 0;vertical-align: baseline; position:relative}
header {position: fixed; top: 0; z-index: 3; width: 100%; background: rgb(255,255,255);}
a {background-color: transparent ;text-decoration: none;font-family: 'Cinzel', serif;color: #e0e0e0; font-weight: normal; font-size: 14px;}
a:hover {color: #ffffff;animation: alpha ease-in 2s;}
img {border:none; }
nav{width:34%; float:right}
div#yaroslava  {z-index:100;color: #ffe000; position:absolute;padding-left:100px;top:10px;left:100px;right:0px;overflow:auto;background-color: transparent ; font-family: 'Archivo Black', sans-serif; font-weight: normal; font-size: 160px;}
div#dautry  {z-index:100; position:absolute;padding-left:200px;top:170px;left:125px;right:0px;overflow:auto;background-color: transparent ;font-family: 'Black Ops One', cursive;font-weight: normal; font-size: 60px;}
div#menu  {z-index:10000; position:absolute; text-align: center;top:10px;left:0px;right:0px;overflow:auto;background-color: transparent ;font-family: 'Black Ops One', cursive; color: #ff0; font-weight: normal; font-size: 20px;}
a.menu {background-color: transparent ;text-decoration: none;font-family: 'Cinzel', serif;color: #e0e0e0; font-weight: normal; font-size: 20px;}
a.menu:hover {color: #ffffff;animation: alpha ease-in 2s;}

div#down  {z-index:1; top:585px;color: #e0e0e0; font-weight: normal; font-size: 14px;}
div#bot {z-index:200;left:0px;right:0px;margin:auto;background-color: transparent ;font-family: 'Cinzel', serif;color: #e0e0e0; font-weight: normal; font-size: 14px;}

div#news {z-index:200;position:absolute; top:200px;right:100px;width:150px;height:200px;background-color: transparent ;font-family: 'Cinzel', serif;color: #e0e0e0; font-weight: normal; font-size: 14px;}
div#newsb {z-index:200;position:absolute;margin:auto; top:100px;right:100px;width:300px;height:500px;background-color: transparent ;font-family: 'Cinzel', serif;color: #e0e0e0; font-weight: normal; font-size: 20px;}
font-size: 14px;}

.center{text-align:center}
.clear{clear:both; line-height:0}
/*Le site est sur 12 colonnes*/
.col1{width:6.333333%; float:left; padding:0 1%;}
.col2{width:14.666666%; float:left; padding:0 1%}
.col3{width:21%; float:left; padding:1em 1.9%}
.col4{width:29.333333%; float:left; padding:1em 2%}
.col5{width:39.666666%; float:left; padding:0 1%}
.col6{width:46%; float:left; padding:0 2%; position:relative}
.col8{width:62.666666%; float:left; padding:1em 2%}
.col9{width:71%; float:left; padding:1em 2%}
.col10{width:81.333333%; float:left; padding:0 1%}
.col11{width:89.333333%; float:left; padding:0 2%}
.col12{width:96%; float:left; padding:0 2%}


footer{background:#0080c0; padding: 0.5em 0 4em; color:#ffffff; font-size: 1em;height:300px; line-height: 164%;}
footer a:link, footer a:visited{color:#ffffff}
footer a:hover, footer a:active, footer a:focus {color:#b4afaf;}
footer li a, footer li a:link, footer li a:visited{padding: 0.3em 0.7em;display: inline-block;}
footer .contact li a, footer .contact li a:link, footer .contact li a:visited {padding: 0;display: inline-block;}
footer .contact li{padding: 0.3em 0.7em;}
footer nav{width:100%; text-align:center; background:#fff; color:#6e6f70; font-size:91%}
footer nav a, footer nav a:link, footer nav a:visited{color:#6e6f70; text-transform:uppercase; padding:1em 0; display:inline-block}
footer nav a:hover, footer nav a:active, footer nav a:focus{color:#b4afaf;}


/*--------------------------------------------------------------------principal------------------------------------------------------------*/
.logo{width:17%; float:left;}
.logo img {margin: 0.2em 0 0 1.2em; animation: alpha ease-in 2s;}
.boxcon{font-family:Verdana,times;color:#000000;margin: 0.3em ;padding: 0.3em ;text-transform: uppercase;vertical-align=top;border: solid 1px #e0e0e0;text-align: center;}
ul#amenu li { display : inline;margin:1em;padding : 1em 1em;background-color:#0080c0;}
ul#amenu li a{color:#ffffff;}
ul#amenu li a:hover{color:#ffffff;padding : 0.8em 0.8em;background-color:#20e0ff;}
ul#amenu {float:right;margin:10px;visibility:hidden;list-style-type : none;}
/*--------------------------------------------------------------------Fin CSS Pages------------------------------------------------------------*/
@media print, screen and (max-width:1600px){}
@media print, screen and (max-width:1500px){}
@media print, screen and (max-width:1400px){}
@media print, screen and (max-width:1024px){
div#yaroslava  {position:absolute;padding-left:45px;top:0px;left:0px;font-family: 'Archivo Black', sans-serif;color: #ffe000;font-weight: normal; font-size: 100px;}
div#dautry  { left:-80px;top:105px;font-family: 'Black Ops One', cursive;color: #fff; font-weight: normal; font-size: 24px;}
div#menu  {z-index:10000; position:absolute; text-align: center;top:480px;left:0px;right:0px;overflow:auto;background-color: transparent ;font-family: 'Cinzel', serif;color: #ff0; font-weight: normal; font-size: 18px;}

div#down {position:absolute;z-index:1; top:580px;margin:auto;overflow:auto;background-color: transparent ;color: #e0e0e0; font-weight: normal; font-size: 14px;}
div#bot {z-index:200; top:3000px;position:absolute;background-color: transparent ;font-family: 'Cinzel', serif;color: #e0e0e0; font-weight: normal; font-size: 14px;}
}
@media print, screen and (max-width:900px){}
@media print, screen and (max-width:768px){
div#yaroslava {position:absolute;top:20px;left:10px;font-family: 'Archivo Black', sans-serif;color: #ffe000; font-weight: normal; font-size: 60px;}
div#dautry {left:-130px;top:90px;font-family: 'Black Ops One', cursive;color: #fff; font-weight: normal; font-size: 16px;}
div#menu  {z-index:10000; position:absolute; text-align: center;top:300px;left:0px;right:0px;overflow:auto;background-color: transparent ;font-family: 'Cinzel', serif;color: #ff0; font-weight: normal; font-size: 18px;}

a.menu {background-color: transparent ;text-decoration: none;font-family: 'Cinzel', serif;color: #e0e0e0; font-weight: normal; font-size: 14px;}
a.menu:hover {color: #ffffff;animation: alpha ease-in 2s;}
div#down  {position:absolute;z-index:1; top:300px;margin:auto;overflow:auto;background-color: transparent ;color: #e0e0e0; font-weight: normal; font-size: 14px;}
div#bot {z-index:200;position:absolute; top:3000px;margin:auto;background-color: transparent ;font-family: 'Cinzel', serif;color: #e0e0e0; font-weight: normal; font-size: 14px;}
div#news {z-index:200;position:absolute; top:585px;left:0px;background-color: transparent ;font-family: 'Cinzel', serif;color: #e0e0e0; font-weight: normal; font-size: 14px;}
div#newsb {z-index:200;position:absolute;margin:auto; top:100px;right:100px;width:300px;height:500px;background-color: transparent ;font-family: 'Cinzel', serif;color: #e0e0e0; font-weight: normal; font-size: 20px;}
.col1{width:96%; float:left; padding:0 2%}.col2{width:98%; float:left; padding:1em 1%}.col3{width:96%; float:left; padding:1em 2%}.col4{width:96%; float:left; padding:1em 2%}.col5{width:96%; float:left; padding:0 2%}.col6{width:96%; float:left; padding:0 2%}.col8{width:96%; float:left; padding:1em 2%}.col9{width:96%; float:left; padding:1em 2%}.col10{width:96%; float:left; padding:0 2%}
}
@media print, screen and (max-width:640px){}
@media print, screen and (max-width:480px){
	div#menu  {z-index:10000; position:absolute; text-align: center;top:200px;left:0px;right:0px;overflow:auto;background-color: transparent ;font-family: 'Cinzel', serif;color: #ff0; font-weight: normal; font-size: 18px;}
}
@media print, screen and (max-width:360px){}