/***************************************************************************/
/*CSS issue de https://jonsuh.com/blog/responsive-css3-menu-with-dropdown/ */
/***************************************************************************/
.menu {
  display: inline-block;
}
.menu, .menu ul, .menu li {
  list-style: none; padding: 0px; margin: 2px; font-size: 1.1em
}
.menu a {
  text-decoration: none;
}
.menu > li {
  display: inline-block; float: left; 
}
.menu {margin-bottom: -40px;} /*< le 5mai2016, suite à id="tit"*/
/*vv Liens du menu inerte, au chargement de la page vv*/
.menu > li > a {
  color: #aaa; display: block;  font-size: 1em; padding: 7px 2px 15px 0px; 
}
.menu > li:hover > a {
  /*background-color: #eee;*/color: #ffffff; 
}
.menu > li > a:active {
  /*background-color: #ddd;*/
}
.menu > li.current > a {
  background-color: #ccc;
}
/*dropdown*/
.menu > li div {
  position: absolute; display: none;
}
.menu > li div ul {
  float: left; 
}
.menu > li:hover div {
  /*background: #000000;*/ display: block;  
}
/*Ci-dessous pastille Plus pour dérouler sous-menu*/
#plus{border-radius: 6px;  font-size: 0.8em; margin-top: 5px; border-style: none;  padding:3px 8px 4px 8px;}
#plus:hover {color: #fff; background: #536c9b;}
/*vv Ci-dessous style des lignes apparaissant en déroulant  vv*/
#div_releve ul, #div_plu ul, #div_ego ul, #div_altere ul {background: #000000; border-radius: 6px;  line-height: 2.2em; font-size: 0.8em; padding: 0px 5px 15px 10px;  margin-left: -10px; line-height: 1.5em;}
#div_plu ul {margin-left: -20px;}
#div_releve ul,  #div_ego ul,  #div_altere ul {/*margin-top: -15px*/}/*Récemment remis à peu près comme avant ce margin-top, nov 2024*/
#div_plu ul li a, #div_releve ul a, #div_ego ul a,  #div_altere ul a {font-size: 0.95em} /* < Les liens du pavé plus*/
/* ^^ #div_releve et #div_plu sont affectés que par les styles de leur enfant ul*/
.menu > li div  a {font-size: 1.1em;}/*Ajouté ça. Je ne maîtrise cependant pas cette syntaxe (le signe supérieur ne semble rien changer)*/
.menu > li div  a:hover{}
#ima_top {margin: 20px 0px -40px 0px}
/************/
/*responsive*/
/************/
@media (max-width: 480px) { /* To adjust the "breaking point" of the responsive menu, change 480px to a value of your choosing. */
#ima_top {margin-top: 80px; margin-bottom: -105px}
  .menu.responsive, .menu.responsive > li {
    width: auto!important;
    background:#203968; border-radius: 6px;
    display: block;
    float: none; border-style:none;
    /*margin-bottom:200px;*/ padding-left: 1px
   font-size: 1.4em;
  }
  .menu.responsive > li div, #div_releve {
    display: block!important; /*Toujours affiché*/
    margin: 3px 0px 200px 0px; padding-left: 2px; 
    border-style: none ; border-radius: 6px; border-width: thin; /*border-color:*/ 
    background:#536c9b; color:#999;/*#333333*/ width: 75%
  }
.menu.responsive > li div a{border-style: none}
/*#plus, #releve{display: none}*/
.top_conten{margin-top: 35px}
/* vv div englobant le menu, utile seulement pour @media tiny*/
#men  {margin-bottom: 0px;}
/*#div_plu {padding: 0px 40px 30px 20px;    background:#536c9b;  border-style: none none dotted dotted; border-radius: 6px; border-width: thin;}
 */
#div_releve ul, #div_plu ul{border-style: solid}/* < ne semble pas pris en compte*/
}