body{
    background-color: #f8f8f8;
}

.content{
    width: 84%;
    margin-left: 8%;
    margin-right: 8%;
}

.bloc{
    border : 4px solid #87162b;
    border-radius: 2em;
}

.ajout{
    margin-left: 38%;
}

.barre_nav{
    background-color: #87162b;
    margin-bottom: 0px;

}

.div_container{
   background-color: #87162b;
}

#lignes_accueil{
    color: #f8992d;
}

.menu_lignes{
    font-size:1.5em;
    background-color: lightgrey;
}

.sous_menu_lignes{
    font-size:1em;
    background-color: lightgrey;
}

#choix_ligne{
     color: #f8992d;
}

#choix_ligne:hover{
    background-color: #87162b;
    color: #f8992d;
}

.barre_recherche{
    border : 2px solid #f8992d;
    background-color:black;
    color : #f8992d;
    width : 120%;

}

#user_nav{
    background-color: black;
    color: #f8992d;
    border-radius: 10px;
}

.footer{
    position:fixed;
    bottom: 0;
    min-height : 47px;
    background-color: black;
    color: #f8992d;
}

.bandeau{
    background-color: black;
    margin : 0px 0 0px;
    color: #f8992d;
}

#bandeau_ligne{
    background-color: black;
    color: #f8992d;
}

#test{
    color: #87162b;
}

.password_reset{
    background-color: black;
    color: #f8992d;
}

.ui-autocomplete {
    width : 35%;
    max-height: 250px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding for vertical scrollbar */
    background-color: black;
    color: white;
    border-radius: 8px;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    _width: 160px;
    padding: 4px 0;
    margin: 2px 0 0 0;
    list-style: none;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

.ui-helper-hidden-accessible {
   display: none;
}

.ui-autocomplete li {
    font-size:1.3em;
    list-style:none;
}

.entete-panier{
    background-color:#87162b;
    color :#f8992d;
    margin : 0px 0 2px;
    border-top-left-radius: 50px;
}

.entete-panier2{
    background-color:#87162b;
    color :#f8992d;
    margin : 0px 0 2px;
}

.entete-panier3{
    background-color:#87162b;
    color :#f8992d;
    margin : 0px 0 2px;
    border-radius: 5px 0 50px 10px
}

.content_panier{
    background-color:#f7ecb5;
    color : black;
    border-bottom-left-radius: 25px 50px;
    margin : 2px 0 0px;
}

.content_panier2{
    background-color:#f7ecb5;
    color : black;
    border-radius: 1em 4em 1em 4em;
    margin : 2px 0 0px;
}

.content_panier3{
    background-color:#f7ecb5;
    color : black;
    border-bottom-right-radius: 25px 50px;
    margin : 2px 0 0px;
}

.panier{
    width: 88%;
    margin-left: 6%;
    margin-right: 6%;
}

.suppr_panier{
    background-color: #87162b;
    color : #f8992d;
    margin-left: 2%;
    display: inline;
}

.panier_vide{
    background-color: #f7ecb5;
    color : black;
    margin : 2px 0 0px;
}

.bouton{
    background-color: #87162b;
    color: white;
}

.bouton:hover{
    color: #fff;
    background-color: #d9534f;
}

.bouton_choix{
    color: white;
    background-color: #f8992d;
}

.bouton_choix:hover{
    color: #fff;
    background-color: #f0ad4e;
}

#remise{
    background-color: red;
    color : black;
}


#menu-vertical{
  padding:0;
  margin:0;
  list-style:none;
  width: 180px; /* seule ligne rajoutée */
  
}

#menu-vertical ul {
  padding:0;
  margin:0;
  list-style:none;
  width: 400px; /* seule ligne rajoutée */
}

@media screen and (max-width: 1024px)
{
    #menu-vertical{
        padding:0;
        margin:0;
        list-style:none;
        width: 80px; /* seule ligne rajoutée */
  
    }

    #menu-vertical ul {
        padding:0;
        margin:0;
        list-style:none;
        width: 180px; /* seule ligne rajoutée */
    }

    #menu-vertical li:hover ul {
        top: 0;
        left: 140px;

    }
}

#menu-vertical li {

  position: relative;
  background-color: lightgrey; /* juste pour cacher le texte de la page en-dessous */
}

#menu-vertical a {
  display:block;
  text-decoration: none;
  color: #000;
}

#menu-vertical ul {
  position: absolute;
  left:-999em;
}

#menu-vertical li:hover ul {
  top: 0;
  left: 180px;

}