/* CSS Document */
/* Styles pour le menu responsive */


/* zone globale de la ligne de menu */
nav
{
  margin:0px;
  padding:0px;
}

nav > ul{
  margin:0px;
  padding:0px;
}

/* retrait des puces des li */
nav li{
  list-style-type:none;
}

/* alignement des options */
nav > ul > li{
  float:left;
}

/* elements pour prehensive */
.sous-menu{
  display:none;
}

nav input[type=checkbox]{
  display:none;
}

.menu-mobile{
  display:none;
}



/* on surcharge pour définir les choix du niv general */
nav{
  width:100%;
  background-color: #777777;  /* couleur de fond de la barre regulière des menus */
}

nav > ul > li{
  float:left;
  position:relative;
}

/* clearfix : truc pour */
nav > ul::after{
  content:"";
  display:table;
  clear:both;
}



/* choix des liens */
nav a{
  display:inline-block;
  text-decoration:none;
}

/* specifique au niv gen */
nav > ul > li > a{
  padding:20px 30px;
  color:white;
  font-size:1.0em;
  font-family:'lato';
}



/* les sous-menu */
nav li:hover .sous-menu{
  display:inline-block;
  position:absolute;
  top:100%;
  left: 0px;
  padding: 0px;
  z-index:15000;
  background-color:#cccccc; /* couleur de fond des options des sous-menu */
}

.sous-menu li{
  border-bottom: 1px solid white; /* ligne de séparation des options des sous-menus */ 
}

.sous-menu li a{          /* decrit les options des sous-menus */
  padding:15px 30px;
  font-size:14px;
  color:#222538;
  width:250px;  
}

/* colorisation des menus gen en survol */
.menu-001:hover, .menu-002:hover, .menu-003:hover, .menu-004:hover, .menu-005:hover, .menu-006:hover{
  border-top:5px solid #444444;
  background-color: RGBa(62, 76, 92, 0.95);
}

/* enleve le decalage vertical du premier niveau */
nav > ul > li:hover a{
  padding: 15px 30px 20px 30px;
}

/* colorisation des sous-menus normal */
.menu-001 .sous-menu, .menu-002 .sous-menu, .menu-003 .sous-menu, .menu-004 .sous-menu, .menu-005 .sous-menu, .menu-006 .sous-menu{
  background-color: RGBa(230, 99, 55);
}

/* textes des sous-menus */
.sous-menu li:hover a{
  color:eeeeee;
  font-weight:bold;
}

/* colorisation des sous-menus en survol */
.menu-001 .sous-menu li:hover, .menu-002 .sous-menu li:hover, .menu-003 .sous-menu li:hover, .menu-004 .sous-menu li:hover, .menu-005 .sous-menu li:hover, .menu-006 .sous-menu li:hover{
  background-color: RGB(150, 150, 150);
} 


/* --------- RESPONSIVE DESIGN ---------- */
nav input[type=checkbox]:checked ~ ul{
    display:block;
}


@media all and (max-width : 990px){       /* de base=700 - 849 pour LL - 910 2nite - 990 2nite 6 options*/
    .menu-mobile{
        display:block;
        color:white;
        background-color:RGBa(29, 190, 150, 0.95);
        background-color:RGBa(29, 150, 20, 0.95);
        background-color:RGBa(29, 190, 20, 0.95);
        background-color:#444444;         /* couleur barre de fond titre "Menu" sur mobile */
        text-align:center;
        padding: 20px 0;
        padding:20px 30px;
        color:white;
        font-size:1.0em;
        xfont-family:Verdana;
    }
    label.menu-mobile{
        border: 0px solid black;
    }
    
    nav ul{
        display:none;
    }

    nav ul li, nav ul li a{
        width:100%;
        text-align:center;
        border-bottom:1px solid white; /* ligne de separation des sous-menu */
    }

    nav ul li a, nav ul li:hover a{
        padding: 10px 0px 10px 0px;
        border-bottom:0px; /* enleve la surcharge de ligne des sous-menu */
    }    
    
    nav li:hover .sous-menu{
        display:block;
        position:static;
    }

}