/* cmsms stylesheet: BS_Menu_PC modified: 12/11/2019 10:36:19 */
/* cmsms stylesheet: Menu modified: 13/06/2019 08:22:39 */
/** Taille du texte **/
#menu {
  text-transform: uppercase;
  font-size: 17px;
  position:relative;
}

/** Enleve les marges, les paddings, les styles du "ul" et met un font blanc **/
#menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
  background: white;
}

/** met les "li" côte à  côte **/
#menu ul li {
  float: left;
  position: relative;
  width: auto;
}

/** Lien 1er niveau **/
#menu ul li a, #menu ul li.sectionheader label{
  display: block;
  padding: 7px 22px 7px 26px;
  color: black;
  text-decoration: none;
}

/** survol **/
#menu ul li a:hover, #menu ul li.sectionheader:hover {
  background-image: linear-gradient(to right, #e1001a, #A10013);
  color:white;
}

#menu ul li.sectionheader label{
  padding-left: 22px;
}

li.sectionheader label{
display:block;
}
#menu ul li.sectionheader:hover label{
color:white;
}


li.sectionheader{
border-left: 4px solid white;
}

li.sectionheader:hover{
border-left: 4px solid #e1001a;
color:white;
}

#menu ul li ul li {
  padding-left: 0px;
  text-transform: none;
}



/** Lien 2eme niveau **/
#menu ul li ul li a {
  display: block;
  padding: 8px 7px 8px 14px;
  color: black;
  text-decoration: none;
}

/** Mise en forme 1er niveau et masquage 2ème **/
#menu ul li ul {
  background: #fff;
  position: absolute;
  left: -4px;
  z-index: 999; /*  Met en-dessus de tout */
  box-shadow: 0px 1px 1px 0px grey;
  border-left: 4px solid #e1001a;
}
#menu ul ul li{
  height:0px;
  transition:height 0.5s;
  overflow:hidden;
}
#menu #maison{
  border:none;
}

/** Montre les menus descendants **/
#menu ul li:hover ul {
  display: block;
}

/** les "li" sont alignés à  gauche et ajoute une largeur **/
#menu ul li ul li {
  display: block;
  text-align: left;
  width: 300px;
  margin-left: -4px;
  border:none;
}


/******************************** Button Acceuil #maison ********************************/
/** Largeur de l'acceuil plus petit **/
#menu ul li#maison{
    background-image: url('/../../bs/bs_2019/files/uploads/images/design_2019/sprite_home.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 50px;
    padding: 0px;
    margin:0px;
}

/** cache la surplus au premier "li" du #menu **/
#menu ul li#maison{
    height:34px;
    overflow: hidden;
}

/** met à la bonne position la deuxième image home **/
#menu ul li#maison a{
    height:34px;
}

/** prend une autre image de home, en rouge **/
#menu ul li#maison a:hover{
    background-color: white;
    background-image: url('/../../bs/bs_2019/files/uploads/images/design_2019/sprite_home.png');
    background-repeat: no-repeat;
    background-position: 0px -34px;
}

/** Annule les effets de  **/
#menu ul li ul li#maison a:hover{
    background-color: #C70017;
    background-image: url('');*/
    width:300px; /* largeur du premier li dans le menu */
}

.sous_menu {
  display: none;
}
#menu li:hover > ul li{height:35px;}
.fleche_menu_mobile{display:none}

#menu p {
margin:0px;
}