/*menu - surcharge superfish-modified */

/* bordure fine menu*/
.sf-menu li{
    border-bottom:1px solid grey;
}

/* surchage uppercase - uniformiser texte*/
.sf-menu  li > ul > li > a,
ul.supplier div > div > li > a{
   text-transform: uppercase; 
   font-weight:bold;
   color:#484848;
   font:600 13px "Open Sans", sans-serif;
}

/*dimension second niveau*/
.sf-menu li > ul > li {
    width:40%;
}@media (max-width: 767px) {
    .sf-menu li > ul > li {
      width:100%;
      text-align:center; }
}

.sf-menu li > ul{
  padding-top:10px;
}

/* liste vertical deuxieme niveau */
.sf-menu li li{
    clear:both;
}

/*Espacement de éléments du menu*/
.sf-menu li > ul > li,
ul.supplier.submenu-container li{
  padding:1.5%;
}

.sf-menu li > ul > li > ul > li{
   padding:1.7%; 
}

.sf-menu li > ul > li > ul > li > ul > li{
   padding:4.5%; 
}

/*affichage second menu */
.sf-menu li li:hover{
    visibility:inherit;
}

/* bordure gauche second menu */
.sf-menu li ul li:hover
 {
    padding-left:1%;
    border-left:7px solid grey;
}

/* niveau troisieme niveau */
.sf-menu li li ul{
    position:absolute;
    left:-999;
    border-left:3px solid grey;
    padding-left:1%;
    margin-top:1%;
    background-color:white;
}@media (max-width: 767px) {
    .sf-menu li li ul {
        display:none !important;
        visibility:visible;
        position:relative;
    }
}
   
.sf-menu li li li a{
    padding-bottom:0;
}

/*affichage troisieme menu */
.sf-menu li li li:hover{
    visibility:inherit;
}

/*decalage liste trois*/
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
  left:43%;
  width:60%;
  top: 0; 
}
@media (max-width: 767px) {
      ul.sf-menu li li:hover ul,
    ul.sf-menu li li.sfHover ul{
        left:0%;
        width:100%;
    }
}

/* non affichage de la bordure de gauche au hover pour les niveaux trois et quatre*/
.sf-menu li ul li ul li:hover{
    border-left:none;
    padding-left:2%;
}

/*hover dernier niveau*/
.sf-menu li li li ul{
    position:absolute;
    top: -999;}
    @media (max-width: 767px) {
    .sf-menu li li li ul {
      visibility:visible;
      position: relative; 
    }
}

/*dimension max dernier sous menu */
.sf-menu li li li li{
    width:100%;
}


/*decalage liste quatre*/
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
  left:45%;
  width:40%;
  top: 0; 
}
@media (max-width: 767px){
 ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul{
    left:0%;
     width:100%;
    }
}

.sf-menu li ul li ul li ul li:hover{
    padding-left:5%;
}

/* bordure univers */
.sf-menu .menuCat3:hover,
.sf-menu .menuCat3 li:hover,
.sf-menu .menuCat3 ul,
.sf-menu .menuCat3 a:hover,
.sf-menu .menuCat3.sfHover > a,
.sf-menu .menuCat3 .sfHover > a {
    border-color: rgb(238, 51, 126);
    color:rgb(238, 51, 126);
    }

.sf-menu .menuCat38:hover,
.sf-menu .menuCat38 li:hover,
.sf-menu .menuCat38 ul,
.sf-menu .menuCat38 a:hover,
.sf-menu .menuCat38.sfHover > a,
.sf-menu .menuCat38 .sfHover > a{
    border-color: rgb(0, 117, 157);
    color:rgb(0, 117, 157);
    }
    
.sf-menu .menuCat71:hover,
.sf-menu .menuCat71 li:hover,
.sf-menu .menuCat71 ul,
.sf-menu .menuCat71 a:hover,
.sf-menu .menuCat71.sfHover > a,
.sf-menu .menuCat71 .sfHover > a{
    border-color: rgb(246, 138, 31);
    color:rgb(246, 138, 31);
    }

.sf-menu .menuCat93:hover,
.sf-menu .menuCat93 li:hover,
.sf-menu .menuCat93 ul,
.sf-menu .menuCat93 a:hover,
.sf-menu .menuCat93.sfHover > a,
.sf-menu .menuCat93 .sfHover > a{
    border-color: rgb(28, 188, 193);
    color:rgb(28, 188, 193);
    }

.sf-menu .menuCat105:hover,
.sf-menu .menuCat105 li:hover,
.sf-menu .menuCat105 ul,
.sf-menu .menuCat105 a:hover,
.sf-menu .menuCat105.sfHover > a,
.sf-menu .menuCat105 .sfHover > a{
    border-color: rgb(157, 23, 42);
    color:rgb(157, 23, 42);
    }
    
.sf-menu .menuCat140:hover,
.sf-menu .menuCat140 li:hover,
.sf-menu .menuCat140 ul,
.sf-menu .menuCat140 a:hover,
.sf-menu .menuCat140.sfHover > a,
.sf-menu .menuCat140 .sfHover > a{
    border-color: rgb(218, 92, 31);
    color:rgb(218, 92, 31);
    }

.sf-menu .menuCat177:hover,
.sf-menu .menuCat177 li:hover,
.sf-menu .menuCat177 ul,
.sf-menu .menuCat177 a:hover,
.sf-menu .menuCat177.sfHover > a,
.sf-menu .menuCat177 .sfHover > a{
    border-color: rgb(116, 154, 52);
    color:rgb(116, 154, 52);
    }

.sf-menu .menuCat220:hover,
.sf-menu .menuCat220 li:hover,
.sf-menu .menuCat220 ul,
.sf-menu .menuCat220 a:hover,
.sf-menu .menuCat220.sfHover > a,
.sf-menu .menuCat220 .sfHover > a{
    border-color: rgb(63, 29, 33);
    color:rgb(63, 29, 33);
    }
    
.sf-menu .menuCat293:hover,
.sf-menu .menuCat293 li:hover,
.sf-menu .menuCat293 ul,
.sf-menu .menuCat293 a:hover,
.sf-menu .menuCat293.sfHover > a,
.sf-menu .menuCat293 .sfHover > a{
    border-color: rgb(0, 107, 182);
    color:rgb(0, 107, 182);
    }

.sf-menu .menuCat344:hover,
.sf-menu .menuCat344 li:hover,
.sf-menu .menuCat344 ul,
.sf-menu .menuCat344 a:hover,
.sf-menu .menuCat344.sfHover > a,
.sf-menu .menuCat344 .sfHover > a{
    border-color: rgb(198, 131, 32);
    color:rgb(198, 131, 32);
    }
    
.sf-menu .menuCat392:hover,
.sf-menu .menuCat392 li:hover,
.sf-menu .menuCat392 ul,
.sf-menu .menuCat392 a:hover,
.sf-menu .menuCat392.sfHover > a,
.sf-menu .menuCat392 .sfHover > a{
    border-color: rgb(169, 104, 171);
    color:rgb(169, 104, 171);
    }

.sf-menu .menuCat468:hover,
.sf-menu .menuCat468 li:hover,
.sf-menu .menuCat468 ul,
.sf-menu .menuCat468 a:hover,
.sf-menu .menuCat468.sfHover > a,
.sf-menu .menuCat468 .sfHover > a{
    border-color: rgb(229, 186, 35);
    color:rgb(229, 186, 35);
    }

.sf-menu .menuCat503:hover,
.sf-menu .menuCat503 li:hover,
.sf-menu .menuCat503 ul,
.sf-menu .menuCat503 a:hover,
.sf-menu .menuCat503.sfHover > a,
.sf-menu .menuCat503 .sfHover > a{
    border-color: rgb(197, 145, 198);
    color:rgb(197, 145, 198);
    }
    
.sf-menu .menuCat529:hover,
.sf-menu .menuCat529 li:hover,
.sf-menu .menuCat529 ul,
.sf-menu .menuCat529 a:hover,
.sf-menu .menuCat529.sfHover > a,
.sf-menu .menuCat529 .sfHover > a{
    border-color: rgb(77, 211, 179);
    color:rgb(77, 211, 179);
    }
	
.sf-menu .menuCat597:hover,
.sf-menu .menuCat597 li:hover,
.sf-menu .menuCat597 ul,
.sf-menu .menuCat597 a:hover,
.sf-menu .menuCat597.sfHover > a,
.sf-menu .menuCat597 .sfHover > a{
    border-color: rgb(115, 156, 62);
    color:rgb(115, 156, 62);
    }
    

/* test scroll*/
/*
.sf-menu .menuCat220>ul,
.sf-menu .menuCat293>ul,
.sf-menu .menuCat468>ul,
.sf-menu .menuCat529>ul{
    max-height:98%;
    overflow:scroll;
    overflow-x:hidden;
}*/

/* Ajout une scroll bar pour les fournisseurs*/
ul.supplier.submenu-container{
    max-height:600px;
    overflow-x:hidden;
}

/*enleve les arrow sur le menu presta*/
.sf-menu li li li a:before {
	content: none;
}

/*style symbole croix li*/
@media (max-width: 767px){
    span.submenu-1.menu-mobile-glover{
        position:relative;
        top:50%;
        float:right;
        color:#484848;
    }
}

@media (max-width: 767px){
    .menuCat2 span.submenu-2.menu-mobile-glover{
        position:relative;
        top:50%;
        float:right;
        color:#484848;
    }
}

@media (max-width: 767px){
 ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul{
    left:0%;
     width:100%;
    }
}

/*cache le dernier menu*/
@media (max-width: 767px){
.sf-menu ul li ul li ul, 
.sf-menu ul li ul li ul li {
    display: none;
    visibility: hidden;
}
}

/*Symbole menu*/

/*cache le texte menu*/
@media (max-width: 767px){
    .cat-title{
        overflow:hidden;
        text-indent:-9999px;
    }
}

@media (max-width: 767px){
    .cat-title:before{
        font-family: FontAwesome;
        content: "\f039";
        text-indent:0px;
        float:left;
    }
}


@media (max-width: 767px){
    .cat-title:after, .cat-title.active:after{
        content:none;
    }
}

@media (max-width: 767px){
.shopping_cart span{
    display:none;
}
}

@media (max-width: 767px){
.header_user_info span{
    display:none;
}
}

/*** Page Negoconseil ***/
.attention{
    border: 2px solid #cf111d;
    padding:3%
}

.attention strong{
   color:#cf111d;
}

.table-negoconseil > thead > tr > th,
.table-energie > tbody > tr > th {
  text-align:center;
  background-color:#575756!important;
  color:white!important;
    font-weight: bold;
}

.table-negoconseil .table-bois-couverture > tbody > tr > td,
.table-negoconseil .table-bois-couverture > thead> tr > th,
.table-negoconseil .table-bois-couverture > tbody > tr > th{
  border-left:4px solid white;
}

.table-negoconseil > tbody > tr > td{
  background-color:#A9A9A9;
}


.table-negoconseil > tbody > tr:nth-child(odd) > td, 
.table-negoconseil> tbody > tr:nth-child(odd) > th{
  background-color:LightGrey;
}

.table-negoconseil > tbody > tr > td,
.table-negoconseil > thead> tr > th
{
   border:2px solid white!important;
   padding: 1%;
}


.table-negoconseil > tbody > tr > th{
  background-color:#707070!important;
  color:white!important;
}

.table-peinture > tbody > tr > td,
.table-agencement-sol > tbody > tr > td,
.table-normes-parquet > tbody > tr > td,
.table-classification-revetements > tbody > tr > td,
.table-efficacite-energetique > tbody > tr > td
{
  font-weight:bold;
}

.table-parasismique > thead > tr .empty{
  visibility:hidden;
}

.alerte a, 
.alerte a:hover {
  color:white;
  text-decoration:none;
}

.table-electricite td,
.table-electricite th,
.table-efficacite-energetique td,
.table-efficacite-energetique th{
  text-align:center;
}

.titre-info{
  border-left: 75px solid black;
  margin: 0.5%;
  padding: 1%;
}

.titre-info > h3{
  margin-left:3%!important;
}

.texte-italique{
  font-style: italic;
  font-size:11px;
}

#cms #page .rte .alerte{
  border-top:8px solid #575756;
}


.table-peinture .color-square {
  float: left;
  width: 15px;
  height: 15px;
  margin: 5px;
  border: 1px solid rgba(0, 0, 0, .2);
}

.table-peinture .pourpre {
  background: #75151e;
}

.table-peinture .violet {
  background: purple;
}

.table-peinture .bleu {
  background: blue;
}

.table-peinture .turquoise {
  background: turquoise;
}

.table-peinture .vert {
  background: green;
}

.table-peinture .jaune {
  background: yellow;
}

.table-peinture .orange {
  background: orange;
}

.table-peinture .rouge {
  background: red;
}

.liste-garage li{
  list-style-type:none;
}

.zone-color .color-square{
  float: left;
  width: 15px;
  height: 15px;
  margin: 5px;
  border: 1px solid rgba(0, 0, 0, .2);
}

.z1{
  background:#fee1c3;
}

.z2{
  background:#fecf9a;
}

.z3{
 background:#e99b6d;
}

.table-efficacite-energetique .Asupsup{
  background:#00a651!important;
}

.table-efficacite-energetique .Asup{
  background:#4ab747!important;
}

.table-efficacite-energetique .A{
  background:#a9cf38!important;
}

.table-efficacite-energetique .B{
  background:#fff100!important;
}

.table-efficacite-energetique .C{
  background:#feb911!important;
}

.table-efficacite-energetique .D{
  background:#f58222!important;
}

.table-parasismique .zone1{
  background:rgb(255, 247, 152)!important;
}

.table-parasismique .zone2{
  background:rgb(255, 241, 0)!important;
}

.table-parasismique .zone2-light{
  background:rgb(255, 252, 214)!important;
}

.table-parasismique .zone3{
  background:rgb(247, 148, 29)!important;
}

.table-parasismique .zone3-light{
  background:rgb(252, 209, 192)!important;
}

.table-parasismique .zone4{
  background:rgb(237, 29, 44)!important;
}

.table-parasismique .zone4-light{
  background:rgb(248, 170, 173)!important;
}

.table-parasismique .zone5{
  background:rgb(198, 23, 141)!important;
}

.table-parasismique .zone5-light{
  background:rgb(233, 148, 192)!important;
}

/*** Produit icon norme ***/
i.icon-question-circle {
    float: right;
    font-size: 16px;
}

/*** Page Comparaison Icon Remove All ***/
a.cmp_remove_all{
  float: right;
  font-size: 16px;
  color:black;
  padding-bottom:1%;
}

/*** Nom des produits en majuscules***/
.product-name,
body#product h1{
  text-transform: uppercase;
}

/*Enleve la colonne de gauche dans les pages cms */
body#cms #left_column{
  display:none;
}

/*cache le breadcrumb de la page mentions légales*/
.cms-mentions-legales .breadcrumb-row{
  display:none;
}

/*cache le comparer des produits de la page d'accueil*/
#homefeatured .add_to_compare{
  display:none;
}

/*icon de recherche près de la barre*/
#searchbox span:after{
    margin-right:5px;
    font-family: FontAwesome;
    content: "\f002";
}

#searchbox button{
  border:none;
  margin-left:-2%;
}

form.compare-form {
    float: right;
}