html{color:#000;font-family:sans-serif;}
body{margin:0;background-color:#000;padding:0;font-size:16px;}
#container{max-width:1920px;background-image:url("../img/fond.jpg");background-size:100% auto;background-repeat:repeat-x;background-attachment:fixed;padding:20px;}
@media (max-width:729px){#container{background-size:100% auto;}
}
img{max-width:100%;height:auto !important;}
img[style*="float:left"]{margin-right:.5em;margin-bottom:.5em;}
img[style*="float:right"]{margin-left:.5em;margin-bottom:.5em;}
@media (max-width: 729px) {img[style*="float:left"],img[style*="float:right"]{float:none !important;margin-left:auto;margin-right:auto;}
}

ul, li{margin:0;padding:0;}
.uncollapser{height:1px;}
#homepage #logo{margin:50px 0 0 50px;width:300px;height:auto;}
@media (max-width:729px){#homepage #logo{margin:1em auto 0;width:300px;}
}
#homepage #logo>a>img{width:100%;height:auto;}
#right-boxes{position:relative;float:right;margin:-244px 50px 0 0;width:300px;min-height:720px;}
@media (max-width:729px){#right-boxes{float:none;top:auto;margin:1em auto auto;width:300px;}
}
#right-boxes>div{background-color:rgba(255,255,255,0.75);padding:10px;}
#right-boxes>div+div{margin-top:10px;}
#right-boxes{padding-bottom:2em;}
#right-boxes h2{margin:0;font-family:Farsan, cursive;}
#right-boxes ul{margin:0 0 0 1em;padding:0;}
#right-boxes li{margin:5px 0;}
#right-boxes a{color:#000;text-decoration:none;}
#left{position:fixed;}
#right{margin-left:220px;min-height:720px;background-color:rgba(255,255,255,0.85);padding:2em;}
#right hr{visibility:hidden;clear:both;height:0;}
#right h1{margin-top:0;text-align:center;}
#right h2{background:rgba(200,150,40,0.2);background:linear-gradient(5deg,rgba(200,150,40,0.3),rgba(200,150,40,0));padding:.2em .5em;font-family:Farsan, cursive;font-size:1.8em;}
#right ul{overflow:hidden;}
#right li{margin-left:1em;}
#footer{margin-left:220px;}
@media (max-width:999px), (max-height:666px){#left{position:static;}
#right,
#footer{margin-left:initial;}
#right{min-height:auto;}
}
#logo{width:200px;height:auto;}
#logo>a>img{width:100%;height:auto;}
@media (max-width:999px), (max-height:666px){#logo{margin-bottom:1em;}
#logo>a>img{width:100%;}
}
#menu{margin-top:15px;}
@media (max-width:999px), (max-height:666px){#menu{margin-top:0;}
}
#menu-button{float:right;display:none;border:#444 1px solid;width:40px;background-color:#333;padding:5px;font-weight:bold;cursor:pointer;}
#menu-button>div{margin:7px auto;height:3px;background-color:#eee;}
#menu-content{display:block;border:#444 1px solid;width:198px;background-color:#333;list-style:none;}
#menu-content h1{margin-top:0;}
#menu-content h2{margin:0 auto;font-family:Farsan, cursive;}
#menu-content li{color:#fff;}
#menu-content>li{padding:7px;font-family:Farsan, cursive;font-size:22px;}
#menu-content>li a{display:block;cursor:pointer;color:#eee;text-decoration:none;}
#menu-content>li>ul{display:none;padding-left:1em;font-family:sans-serif;font-size:14px;}
#menu-content>li>ul>li{padding-top:7px;padding-bottom:7px;}
@media (max-width:999px), (max-height:666px){#menu{position:absolute;top:20px;right:20px;z-index:999;}
#menu-button{display:block;}
#menu-content{display:none;box-shadow:0px 0px 8px 4px #333;margin-top:49px;width:auto;min-width:200px;}
}
#footer{background-color:rgba(0,0,0,0.80);padding:10px;text-align:center;}
#footer,
#footer a{color:#999;text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#go-top{position:fixed;bottom:22px;right:22px;opacity:.2;border-radius:2em;background-color:#000;}
#go-top>a{display:block;outline:none;padding:.3em;font-size:2em;color:#fff;text-decoration:none;line-height:1em;}