/* header */
.header{height:60px;top:0px;width:100%;z-index:50;position:fixed;}
.header{background:#303030;opacity:1;}
/* footer */
.footer{clear:both;margin:0px;width:100%;position:fixed;bottom:0;}
#copyright{margin-left:0px;padding:10px 0 10px 10px;}
.foot{margin-bottom:10px;margin-top:10px;}
.footer{background:#303030;color:#F5FFEA;opacity:1;}
/* navigation */
/* form */
.menu{max-width:90%;margin:0 auto;display:flex;flex-direction:row-reverse;}
.menu a{text-decoration:none;line-height:150%;padding-bottom:5px;}
.menu ul{padding-left:0;margin-bottom:0;}
.menu__list{display:flex;flex-direction:row-reverse;}
.menu__list li{padding:5px;margin:10px;}
.menu__list .dropDown::after{content:' ▾ ';display:inline-block;margin-left:5px;}
.menu__list__dropDown{display:none;position:absolute;padding-top:5px;}
/* appearance */
.menu{background:#303030;}
.menu a{color:#C3FDB8;}
.menu a:hover{color:DeepPink;border-bottom:2px solid DeepPink;}
.menu ul li{list-style:none;}
.menu__list__dropDown{background:#303030;}
/* @media */
@media screen and (max-width:725px){.menu{max-width:96%;}
.menu #toggle{position:absolute;right:1%;top:20px;padding:10px 40px 10px 0px;}
.menu #toggle:hover{color:none;border-bottom:2px solid transparent;}
.menu #toggle span,
.menu #toggle span::before,
.menu #toggle span::after{content:'';height:5px;width:35px;background:#C3FDB8;position:absolute;display:block;transition:all 0.5s ease-in-out;}
.menu #toggle span:before{top:-10px;}
.menu #toggle span:after{bottom:-10px;}
.menu #toggle.active span{background-color:transparent;}
.menu #toggle.active span:before,
.menu #toggle.active span:after{top:0;}
.menu #toggle.active span:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.menu #toggle.active span:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.menu__list{display:none;position:absolute;margin-top:20px;padding:0 25px;top:60px;border-radius:10px;}
.menu__list:after{width:0px;height:0px;position:absolute;top:0%;right:10px;content:'';transform:translate(0%,-100%);border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #303030;}
.menu__list__dropDown{display:block;position:relative;}
.menu__list li{padding-left:10px;margin:0;}
.menu ul ul{margin:0;}
.menu__list{box-shadow:5px 10px 20px 10px darkgray;background:#303030;}
}
@media screen and (min-width:725px){.menu__list{display:flex !important;flex-direction:row;}
.menu ul ul{margin:0;}
}
/* media */
/* Valeur par défaut commune à toutes tailles */
.main article{margin-left:1em;}
/* Responsive :galerie */
@media (min-width:320px){#galerie ul{padding-left:7.5%;}
}
@media (min-width:550px){#galerie ul{padding-left:10%;}
}