@charset "utf-8";
/* CSS Document */
body{margin:0;font-size: 1em; font-family: "helvetica"; background-color: #c5c0ad;}
ul,li{list-style: none; margin: 0px; padding: 0px;}
header,section,footer,aside,nav,main,article,figure {display: block;}

header{height: 110px; color: #fff;box-shadow: 0px 0px 10px rgb(62, 60, 55);width: 100%;top: 0px;background-color: rgba(197, 192, 173, 0.92);position: fixed;z-index: 2;;;;}
content{ padding:20px;display: block; margin-left:0px; margin-top:110px; margin-bottom:50px;}
nav{position:fixed;bottom:50px;left:0px;top:110px;width:239px;background-color:#c5c0ad;border-right:solid 1px #888579;padding:10px;z-index:4;display:none;}
nav li{position: relative;display:block;padding: 5px 0px;}
nav li li{:padding: 5px 17px;}
nav li li a{position: relative;display:block;padding: 0px 17px;font-weight: 200;}
nav li li a::before{content: '>';margin-right:10px;}



nav li a{text-decoration: none; color: #fff;}
#logo img{height: 80px;padding: 7px; background-color: #fff; float: left;border-radius: 600px;margin: 6px;margin-top: -13px;}
.active{font-size: 2em;bottom: 6px;position: relative;}
#logo p{margin: 0px 0px;display: block;margin-left: 118px;margin-bottom: -2px;}
#logo{display: block;float: left;font-size: 1.3em;font-weight: 200;margin-top: 25px;background-image: url(logoB.svg);left: 15px;position: absolute;top: -4px;;;}
#logo span{display: block;margin-left: 118px;font-size: 0.7em;}

footer{height: 50px;box-shadow: 0px 0px 10px rgb(62, 60, 55);position: fixed;bottom: 0px;left: 0px;right: 0px;text-align: center;background-color: rgba(197, 192, 173, 0.9);;;}
footer a{color:#fff;text-decoration:none;display:inline-block;padding:10px;}

#coordonnees{ position: absolute; right: 30px; padding: 10px; text-align: right; top: 26px;; }
#coordonnees a{text-decoration: none; color: #fff; display: block;}
h1{margin: 0px}






/******************MediaQuery********************/
@media all and (max-device-width: 480px){

}


@media (orientation: landscape) and (max-device-width : 640px){

}


@media (max-width: 767px){

}



@media (max-width: 979px){

}


@media (max-width: 1024px) and (min-width: 980px) {

}


@media (max-width: 1200px){

}



.display{margin-top:85px;

}