@charset "utf-8";
/* CSS Document */


/*----------------------------------------------------------------
		HEADER - NAVBAR
----------------------------------------------------------------*/

@media screen and (max-width: 1024px) {
    
    
  #brandLogo {
    height: 65px;
      padding-left:40px;
  }
      .bg-accent {
    border-bottom:3px solid #858585;
  }

}




@media screen and (max-width: 550px) {
    
    
      #brandLogo {
    height: 55px;
           padding-left:0px;
  }
    
    
    .list_rub {
        display:none;
    }
    
    .user a {
    color:#000;
    font-size:11px;
}
    

}



/*----------------------------------------------------------------
           PAGES
----------------------------------------------------------------*/

@media only screen and (max-width: 1024px) {
    
.content_page {
width: 100%;

}

    
    
.breadcrumb {
    padding:15px 5px 15px 5px;
    border-bottom:0px solid #f1f1f1;
    background-color:#f0f0f0;
}
}


/*----------------------------------------------------------------
           HOME 
----------------------------------------------------------------*/

@media only screen and (max-width: 1191px) {
.text_list_home {
  height: 90px;
  text-align: center;
}
    
         .text_list_home  h3 {
  font-weight: 500;
  font-size: 1rem;

    text-align:center;
}

}
@media only screen and (max-width: 1024px) {
.text_list_home {

  height: 50px;
  text-align: center;
}
    

    
    .promos h2 {
   
    text-align:center;
    font-size:1.2rem;
}
    
    .cat_home h2   {
        
         text-align:center;
    font-size:1.2rem;
    }

}

@media only screen and (max-width: 599px) {
    
    .diapo_home_image {
  width: 100%;
  height: 100px;
  position: relative;
}
    
    .text_list_home {

  height: 70px;
  text-align: center;
}
    
    .text_list_home  h3 {
  font-weight: 500;
  font-size: 0.9rem;

    text-align:center;
}
    
}


/*----------------------------------------------------------------
	Liste PRODUITs
----------------------------------------------------------------*/
    
@media only screen and (min-width: 1024px) {
    

    
    .toogle_list {
      display:none;  
    }
    
      .collapse.dont-collapse-sm {
    display: block;
    height: auto !important;
    visibility: visible;
  }
    }
/*----------------------------------------------------------------
	FICHE PRODUIT
----------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
    
.top_fiche img {
    max-width:100px;
}
    
    .variante_tarif {
    text-align:left;
}

    
    .img_variante  {
        padding:15px 0px 20px 0px;
    }
    
    }
    




    @media only screen and (max-width: 660px) {
        
        .img_prod img {
    max-width:250px;
}
    
.top_fiche img {
    max-width:80px;
}
        
        .detail_prod {
    padding:5px 5px 5px 5px;
}
        
        .details_prod {
    padding:45px 5px 5pxp 40px;
}
    
        .details_prod table {
    font-size:0.9rem;
    max-width:90%;

}

        .img_prod {
            margin-bottom:25px;
        }
        
        .diapo_qte {
            padding-top:20px;
        }
        
        
        .diapo_qte  .input-group .quantity-field {
 

  width: 120px;

}
        .list_variantes {
  padding: 25px 5px 25px 5px;
}
        
    }

/*----------------------------------------------------------------
          MARQUES
----------------------------------------------------------------*/

@media (max-width: 750px){
    
    
    .marques_nav  ul li a {
  margin:5px;
    padding:5px;
}
    
    .marque_alphabetical_list {
    margin-bottom: 20px;
    -moz-column-count: 2;
    column-count: 2;
}
    
    .marque_alphabetical_list a {
    margin:5px 5px 5px 0px;
}
    
    
}

/*----------------------------------------------------------------
           USER
----------------------------------------------------------------*/

@media (max-width: 700px){
    .table thead {
    display: none;
    }

    .table tr{
    display: block;
    margin-bottom: 5px;
    }

    .table td {
    display: block;
    text-align: left;
        margin:2px;
        padding:5px;
    }

    .table td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    }
    
    .th_mob {
    display:inline-block;
        font-size:0.7rem;
}

    }


/*----------------------------------------------------------------
	FOOTER
----------------------------------------------------------------*/

    @media only screen and (max-width: 760px) {
  
        .adresse {
            text-align:center;
            padding:10px;
            border-bottom:1px dotted #fff;
        }
 
}