/* v menu v */
.menu,
.menuOuvert {
 max-width: 600px;
 z-index: 999;
}

.menu, 
.menuOuvert, 
.dropdown-content {
 background-color: #f6f6ee;
 border-bottom: 1px solid #26261F;
 border-left: 1px solid #26261F;
 border-radius: 9px /12px;
 border-right: 2px solid #000000;
 border-top: 2px solid #000000;
 overflow: hidden;
}

.menu {
 margin-bottom: 1em;
 padding: 1em 1em 1em 1em;
 right: 2%;
}

.menuOuvert {
 margin-bottom: .5em;
}

.menuIcone {
  float: none;
  display: block;
  font-size: 1.3em;
}

.menu a {
 display: inline-block;
 float: left;
 padding-left: .8em;
}

.menu a:hover, 
.menuOuvert a:hover {
 background-color: #FF2626;
 color: #FFF;
}

.menu a.pageActivee, 
.menuOuvert a.pageActivee {
 border-bottom: 1px inset #FF2626;
}
 
.menuIcone {
 display: none;
}

.dropdown-content {
 box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
 display: none;
 max-width: 600px;
 min-width: 160px;
 opacity: .85;
 overflow: hidden;
 padding: 1em 1em 1em 1em;
 top: .9em;
 z-index: 999;
}

.dropdown:hover .dropdown-content {
 display: inline-block;
}

.dropdown-content a {
 display: inline-block;
 float: none;
}

.dropdown-content a:hover {
 color: #FFF;
 background-color: #FF2626;
}
                   /* ^ menu ^ */
                   
                   /* v menu mobile v */
@media screen and (max-width: 600px) {
  .menu {
   display: none;
  }
  
  .menuOuvert,
  .menuIcone  {
    display: block;
  }
  
  .menuOuvert a {
    float: none;
    display: block;
    padding-left: 1em;
    text-align: left;
  }
}                   /* ^ menu mobile ^ */