/* -------------------------------------------------------*/

#menu_haut { display: flex; font-size:85%; margin-left:10px; padding-left:0;font-weight: 600; } 
#menu_haut a{text-decoration: none;  font-size:105%; }
#menu_haut a:hover {}
#menu_haut ul {padding-left:0;}

.menu2_type  { display: flex; font-size:85%; margin-left:10px; padding-left:0;font-weight: 600;min-height:30px; vertical-align:middle; } 
.menu2_type span {margin-left:5px; text-align:center; background:#e7e7e8; padding:3px; max-width:200px;  }
.menu2_type a {color:#5e5e82; text-decoration: none; padding:3px;}


.menu11 {background-color:#ec288c ; padding-right:5px; min-height:38px; text-align:center;}
.menu12 {background-color:#f0e42a ;padding-right:5px;min-height:38px;text-align:center;}
.menu13 { background-color:#00adef ; padding-right:5px;min-height:38px;text-align:center;}
.menu14 {background-color:#d22128 ;padding-right:5px;min-height:38px;text-align:center;}
.menu15 { background-color:#00b749 ;padding-right:5px;min-height:38px;text-align:center;}
.menu16 { background-color:#ec288c ;padding-right:5px;min-height:38px;text-align:center;}
.menu17 { background-color:#f0e42a ;padding-right:5px;min-height:38px;text-align:center;}
.menu18 { background-color:#00adef ;padding-right:5px;min-height:38px;text-align:center;}
.menu19 { background-color:#d22128 ;padding-right:5px;min-height:38px;text-align:center;}
.menu110 {background-color:#ec288c ; padding-right:5px;min-height:38px;text-align:center;}
/*
.menu11 {background-color:#009ddf ; padding-right:5px; min-height:38px; text-align:center;}
.menu12 {background-color:#49a22d ;padding-right:5px;min-height:38px;text-align:center;}
.menu13 { background-color:#009ddf ; padding-right:5px;min-height:38px;text-align:center;}
.menu14 {background-color:#49a22d ;padding-right:5px;min-height:38px;text-align:center;}
.menu15 { background-color:#009ddf ;padding-right:5px;min-height:38px;text-align:center;}
.menu16 { background-color:#49a22d ;padding-right:5px;min-height:38px;text-align:center;}
.menu17 { background-color:#009ddf ;padding-right:5px;min-height:38px;text-align:center;}
.menu18 { background-color:#49a22d ;padding-right:5px;min-height:38px;text-align:center;}
.menu19 { background-color:#009ddf ;padding-right:5px;min-height:38px;text-align:center;}
.menu110 {background-color:#49a22d ; padding-right:5px;min-height:38px;text-align:center;}
*/
.menu12 a, .menu17 a {color:#4f4f4f ; min-width:50px;} /* black #4f4f4f */
.menu11 a , .menu13 a , .menu14 a, .menu15 a, .menu16 a, .menu18 a, .menu19 a, .menu110 a {color:white; min-width:50px;}

.menu1,.menu11,.menu12,.menu13,.menu14,.menu15,  .menu16, .menu17 , .menu18 , .menu19 , .menu110  {
    float: left; /* Pour que les liens s'affichent horizontalement */
    position: relative; /* Crée un contexte de positionnement pour les sous-listes */
	margin-right:10px; 
	padding-left:5px;
}


/* Responsive Navigation styles begin here */

nav > input
.nav-button {
  display: none; /* hidden on large screens */
}

/* ============================  small screens styles  ============================================*/
@media (max-width: 1067px) {  /*767*/
  #menu_haut { justify-content:flex-start; display: none; }

.menu1,.menu11,.menu12,.menu13,.menu14,.menu15,  .menu16, .menu17 , .menu18 , .menu19 , .menu110   {
/*   position: absolute;
/*   width: 70vw;   */
   display: block;
   transform: translateX(-300%) translateZ(0);
   transition: transform .2s;
   will-change: transform;
   height:0;
   padding-left:15px;
   
  }
  
  /* here's goes the slide effect */
  input:checked ~ .menus1 {
    transform: translateX(0);
	height:100%;

  }
  .menu1,.menu11,.menu12,.menu13,.menu14,.menu15 ,  .menu16, .menu17 , .menu18 , .menu19 , .menu110  {float:none; }
  .menus2 {margin-left:50px;}
  /* Button deco */
 .nav-button {
    display: block;
    position: absolute;
    top: 1rem; right: 1rem;
    z-index: 1;
    height: 3.5rem; width: 3.5rem;
    background-color: transparent;
    background-image: linear-gradient(to right, #333, #333),
      linear-gradient(to right, #333, #333),
      linear-gradient(to right, #333, #333);
    background-position: center top, center, center bottom;
    background-repeat: no-repeat;
    background-size: 3.5rem .9rem;
    padding: 0;
    outline: 0;
    border: 0;
    cursor: pointer;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
  }
}
.menu_telephone {text-align:center;width:80%; background-color:grey; margin-bottom:10px; flex-wrap: wrap;}
.menu_telephone a {color:white; font-size:200%; padding:15px; }

/* -------------------SOUS-MENUS -------------------------------------*/
.sous_menus_page {display:flex; max-width:867px;  justify-content:space-around;  flex-wrap: wrap;}
.sous_menu_page{max-width:180px; min-width:80px; border:1px solid gray;margin-left:5px;  padding:5px; text-align:center; color:#4f4f4f;}
@media (max-width: 1067px) {  /*767*/
	.sous_menu_page{font-size:150%;}
}