/* 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%;
}
}
@media (max-width: 600px) {
  section.main {
    padding-left: 1ch;
    padding-right: 1ch;
  }
}