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

@media screen and (max-width: 991px) {
.content_page {

  padding-top: 120px;
 
}

}


@media screen and (max-width: 458px) {
  .content_page {
    padding-top: 80px;
      
  }
    
    
     .content_page h2, .content_page h2 a {
  
  padding: 10px 0px 0px 2px;
    
}
}
/*----------------------------------------------------------------
		HEADER - NAVBAR
----------------------------------------------------------------*/
@media screen and (max-width: 1150px) {
    .logo_tm {
width: 200px;
}
}

@media screen and (max-width: 991px) {
    
    
    .logo_tm {
  display: none;
}
    
   .logo_mobile {
     display:block;
       width:200px;
       padding:5px;
  }
    
    .tmob {
   display: none;
  }
    .tmob2 {
    font-size: 1.1rem;
    padding: 0px 0px 10px 0px;
    margin: 0;
  }
    
}


@media screen and (max-width: 450px) {
    
       .logo_mobile {
     display:block;
       width:180px;
       padding:5px;
  }
    

      .tmob2 {
   display: none;
  }
}
/*----------------------------------------------------------------
		CAROUSEL -  HOME
----------------------------------------------------------------*/
@media screen and (max-width: 991px) {
  .carousel-inner {
    padding-top: 95px;
  }
    
}

@media screen and (max-width: 490px) {
  .carousel-inner {
     padding-top:75px;
  }
  .carousel-item h3 {
    font-size: 1.8rem;
  }
  .carousel-caption p a {
    font-size: 1.2rem;
  }
    

}
/*----------------------------------------------------------------
		GAMME - Liste Produits
----------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  .product-grid2 .product-image2 img {
    width: 100%;
    height: 40vw;
  }
  .product-grid2 .social li {
    transform: translateX(650px);
  }
}
@media screen and (max-width: 458px) {

  #cat_produits {
    padding: 20px 5px 15px 5px;
  }

  .product-grid2 .social li {
    transform: translateX(300px);
  }
}

/*----------------------------------------------------------------
            PAGES CONTENU
----------------------------------------------------------------*/
@media screen and (max-width: 991px) {
.page_contenu {
 
  padding-top:110px;
}
    
}

@media screen and (max-width: 650px) {

    
  table, th, tr, td {
    display: block;
      text-align:center;
  }
  td {
    padding: 0px;
    position: relative;
  }
    
}
    
@media screen and (max-width: 450px) {
    
    .page_contenu {
 
  padding-top:80px;
}
    
    }
/*----------------------------------------------------------------
		CONTACT
----------------------------------------------------------------*/

    
@media(max-width:992px) {
    
  .content_contact {

  padding-top:100px;

}
    
  .form_contact {
    max-width: 990px;
    margin: 0px 0px 15px 5px;
    padding: 0px 0px 25px 5px;
    border-left: 0px solid #e1e1e1;
  }
}
    
  /*----------------------------------------------------------------
		FOOTER
----------------------------------------------------------------*/
      @media screen and (max-width: 1200px) {  
.newsletter {
     width:100%;
    min-height:450px;
}
}

      @media screen and (max-width: 760px) {  
.newsletter {
     width:100%;
    min-height:550px;
}
}

    
    @media screen and (max-width: 450px) {
    
  img.logo_footer {
  display: inline-block;
  margin: 10px;
  text-align: center;
  max-height: 100px;
}
    
    }