/*
 * COMTRADE Custom code goes here.
 * A template should always ship with an empty custom.css
 */
/* font*/
/* ajout css documents joints */
#_desktop_logo {
position: relative;
z-index:50000;
}
.ape {display:none;}

.col-md-2 {
    float: left;
    width: 16.66667%;
    position: relative;
    z-index: 5000;
  }
.docs-joints {
  float: left;
  margin-top: 10px;
  font-size: 18px;
  font-weight: bold;
}

.product-attachments ul {
    padding-left: 0;
}
.product-attachments a {
  vertical-align: -moz-middle-with-baseline;
}
.product-attachments i.material-icons {
    vertical-align: middle;
    margin-right: 5px;
}
.col-md-9 {
  width: 100% !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
}


/* ajout css documents joints */
.search-widget form button[type="submit"] {
  position: absolute;
  background: none;
  border: none;
  bottom: 2.313rem;
  right: .125rem;
  color: #000;
}
#header .header-top .search-widget {
  float: right;
  position: relative;
  top: 45px;
  min-width: 350px;
  min-height: 92px;
  padding-right: 26px;
  padding-left: 0px;
}
#header .header-top .menu {
  padding-left: 0px;
}
.col-md-6.col-xs-6.qty {
  position: relative;
  top: 35px;
  left: 45px;
}
.top-menu ul ul {
    display: none !important;
}
.block-contact {
  width: 35%;
}
@media (min-width: 768px) {
  .col-md-10 {
    float: left;
    width: 100%;
        font-size: 15px;
        position: relative !important;
    top: -154px;
    height: 61px;
  }
  col-md-9 {
    float: left;
    width: 100% !important;
  }
  .col-md-2 {
    float: left;
    width: 16.66667%;
    position: relative;
    z-index: 5000;
  }
 
//li.root-item {
  margin-top: 0px;
}
#subcategories {
margin-top: 65px;
}
}
@media (max-width: 767px){
header .row #header_logo img {
	margin: 0 auto !important;
	height: auto !important;
	max-width: 100% !important;
}
#subcategories ul li {
  float: left;
  width: 33%;
  text-align: center;
  padding-right: 4px;
  padding-left: 3px;
  margin-bottom: 13px;
  height: 99px;
}

 .container-entete{
// margin-left: -8% !important;
}
#header .header-nav .top-logo a img {
    max-height: 120px;
    max-width: 100%;
  }
  #custom-text img {
 // max-width: 310px;
  }
}
.pdf-gamme {
  margin-top: 20px;
  display: block;
  background: url('https://www.firchim.fr/images/icones/pdf.gif');
  background-repeat : no-repeat;
  z-index: 90000;
position: relative;
background-position-x: center;
background-position-y: 28px;
height: 50px;
}
.block-category {
  display: none;
  }
#header .logo {
  max-width: 100%;
width: 120px !important;
  padding-top: 9px;
  margin-bottom: -18px;
  max-height:130px !important;
}

.dropdown-item {
  color: #fff !important;
  text-transform: uppercase;
  background: #324a9a;
  }
  .titre-gamme{
  display: none;  }
  
  .top-menu a:not([data-depth="0"]) {
  
  background: none;
}
/* AJOUT DU CONDITIONNEMENT PAGE CATEGORIE */
 .conditionnement-categorie {
  margin-left: 23px;
  display: block;
  background: #34285e;
  text-align: center;
  color: #fff;
  font-weight: bold;
  padding: 10px;
  width: 46%;
  position: absolute;
  bottom : 0;
  left: 15%;
}
/* FIN AJOUT DU CONDITIONNEMENT PAGE CATEGORIE */
  .replace-2x {
margin-top: 10%;
display: block;
width: 100%;
}
.replace-2x:hover {
-ms-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  overflow: hidden;
  }
.sous-cat {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.subcategory-name
{
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: block;
  text-transform: uppercase;
  font-size: 9px;
  color: #000;
  margin-top: 10px;
    float: left;
}
#subcategories ul li {
  float: left;
  width: 33%;
  text-align: center;
  padding-right: 8px;
  padding-left: 8px;
}
#mobile_top_menu_wrapper {
    padding: 15px;
    background: #7ebce9;
    font-size: 10px;
}

.top-menu a:hover([data-depth="2"]) {
  color: #324a9a !important;
  background: none;
}
  .dropdown-item:hover{
  color: #324a9a !important;
  background: none;
  }
  .top-menu a.dropdown-submenu {
  color: #232323 !important;
  text-transform: uppercase;
  font-weight: 600;
  background: none;
}
 .product-price
{
  display: none;
}
product-prices div
{
  display: none;
}
/* font*/
strong {
  max-width: 1153px;
  width: 100%;
}
video {
  text-align: center;
  margin: 0 auto;
  display: block;
  max-width: 100%;
  height:110px;
    margin-top: -40px;
}

.top-menu .popover {
 z-index: 9999999999;
}

.tarif-unite {
  display: none;
}
/*MODIFS GAMMES*/
/* AJOUT DU CONDITIONNEMENT PAGE CATEGORIE */
 .conditionnement-categorie {
  margin-left: 23px;
  display: block;
  background: #34285e;
  text-align: center;
  color: #fff;
  font-weight: bold;
  padding: 10px;
  width: 496%;
  position: absolute;
  bottom : 0;
  left: 15%;
  z-index: 0;
}

/* desktops classiques */
.product-accessories.clearfix .ligne {
  margin-left: 13%;
  display: block;
  position: relative;
  width: 100%;
}

#header .menu, #header .menu > ul > li {
  display: inline-block;
  padding-bottom: 20px;
}

@media only screen and (min-device-width : 1224px) and (max-device-width: 1370px) {
	.container-entete {
    width: 119% !important;
    display: block;
    height: 660px;
	margin-left: -10% !important;
	}
	.ligne {
  margin-left: -11% !important;
}
#subcategories {
  width: 100%;
  min-width: 1024px;
}
}
@media only screen and (min-device-width: 1224px) {
  .ligne {
    margin-left: 0% !important;}}
    
/* ECRANS LARGES IMAC */
@media only screen and (min-device-width : 1224px) and (max-device-width: 2049px) {
#subcategories {
  width: 100%;
  min-width: 1024px;
}
  #custom-text {
    background: white !important;
}
#header .header-top .search-widget {
  top: -46px !important;
}
}
	
@media only screen and (min-device-width : 1224px){
.thumbnail-container-gammes {
width: 1300px !important;
}

/* Transforme la liste en conteneur flex centré */
#subcategories ul.clearfix {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
  padding: 0;
  list-style: none;
  margin: 0 auto;
}

#subcategories ul.clearfix li {
  flex: 0 1 220px;
  text-align: center;
  list-style: none;
}
//#subcategories {
  width: 100%;
  min-width: 1024px;
}
.product-accessories.clearfix > p {
    margin-left: -25%;
    margin-top: 20px;
}
.product-accessories.clearfix {
    display: table-caption;
    margin-left: 17%;
        width: 100%;
            max-width: 69%;
}
span {
    font-size: 16px;
}
.h3.product-title-gammes >a {
color: #34285E;
font-weight: 600;
font-size: 25px;
font-family: Brizel;
z-index: 5;
position: relative;
padding: 5px;
}
.thumbnail-gammes.product-thumbnail-gammes > img {
    right: 0;
    top: 10%;
 position: absolute;
 padding-left: 50%;
 width: 900px !important;
}

.product-reference-gammes {
    color: #fff;
    font-weight: bold;
    position: relative;
z-index: 10;
top : 0px;
}
.product-reference-gammes > p {
    margin-bottom: -6px;
    margin-top: -30px;
}
.description-produit-gammes {
  padding-top: 50px;
}
.description-produit-gammes > p {
    color: #000;
    text-align: left !important;
    width: 60% !important;
    left: 15px;
    font-weight: normal;
    font-size: 14px !important;
    //padding-top: 4%;
    display: inline-block;
    line-height: 18px;
    position: relative;
    margin-bottom: 0;
}
#custom-text td {
  background: #5977BF;
  border-bottom-right-radius: 30px;
  color: #fff;
  margin-top: 20px;
  display: inline-block;
  margin-bottom: 20px;
  text-align: left !important;
  padding: 10px;
}
#custom-text td a {
  color: #4b2525;
  font-weight: bold;
}
.highlighted-informations-gammes{
    position: absolute;
    bottom: 0;
    padding-top: .625rem;
    z-index: 2;
    background: transparent;
    text-align: center;
    width: 250px;
    height: 5.125rem;
    border-bottom-right-radius: 20px;
    transition: bottom .3s;
}
.label-gammes, label-gammes {
    color: #fff;
    text-align: right;
    font-size: .875rem;
    position: relative;
z-index: 10;
line-height: 0px;
}
.data-sheet-gammes {
    margin-top: -7%;
    font-weight: bold;
    font-size: 14px;
    position: relative;
z-index: 10;
  text-transform: lowercase;
  display:none;
}
.h6-gammes {
    display:none;
}
.product-description-gammes-titre > p {
    position: absolute;
    color: #000;
    text-align: left !important;
    width: 54%;
    max-width: ;
    left: 265px;
    font-weight: bold;
    font-size: 14px !important;
    margin-top: 10px;
}
.couleurs {
    width: 250px;
    float: left;
}
.container-entete {
    width: 177%;
    display: block;
    height: 660px;
    margin-left: -40%;
    font-family: Brizel;
    font-size: 33px;
    text-align: center;
    padding-top: 10px;
}
.block-categories {
    display: none;
}
.container {
   width: 1170px;
}
.ligne {
margin-left: 22% !important;
    width: auto !important;
}
#js-product-list {
  margin-left: -45%;
}
}

/* SMARTPHONES PORTRAIT ET PAYSAGE*/
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
video {
  max-width: 100%;
}
 .image-gamme-accueil {
    left: 9% !important;
    position: relative;
  }
.container-entete {
    display: block;
    height: 196px;
 margin-bottom: 80px;
    width: 381px;
    margin-left: -8px;
    text-align: center;
}
.h3.product-title-gammes > a {
    color: #34285e;
    font-weight: 600;
    font-size: 28px;
    font-family: Brizel;
    z-index: 5;
    position: relative;
    margin-left: -30% !important;
    width: 100%;
    display: inline-block;
    text-align: center;
}
.aligne {
    width: 108%;
}
}

/* Tablettes paysage */
@media 
  (max-device-width: 1280px) 
  and (orientation: landscape)
 {
	 video {
  max-width: 100%;
}
.block-categories {
display: none;
}
.product-accessories.clearfix {
    display: table-caption;
    margin-left: 131px;
}
.container-entete {
    width: 123% !important;
    display: block;
    height: 465px;
    margin-left: -17% !important;
    font-family: Brizel;
    font-size: 33px;
    text-align: center;
    padding-top: 10px;
}
.product-miniature.js-product-miniature {
    margin-left: 61px !important;
}
.couleurs {
    max-width: 230px;
}
.thumbnail-container-gammes {
    min-width: 900px;  
    max-width: 1267px;

}
#product-description-short-gammes > p {
    color: #314999;
    margin-top: 50px;
    position: relative;
    z-index: 5;
    max-width: 220px;
    margin-left: 5px;
}
.product-description-gammes-titre > p {
    position: absolute;
    color: #000;
    text-align: left !important;
    width: 65%;
    left: 244px !important;
    font-weight: bold;
    font-size: 12px !important;
    margin-top: 12px;
    line-height: 15px;
}
.description-produit-gammes > p {
    color: #000;
    text-align: left !important;
    width: 50%;
    font-weight: normal;
    font-size: 11px !important;
   // padding-top: 4%;
    display: inline-block;
    line-height: 18px;
    margin-top: 20px;
    position: relative;
    z-index: 8;
    margin-left: 15px;
    margin-bottom: 0;
}
.thumbnail-gammes.product-thumbnail-gammes > img {
    width: 900px;
    display: inline-block;
    position: absolute;
    z-index: 80;
    right: 0;
    min-width: 1278px;
    padding-top: 64px;
    padding-bottom: 33px;
    top: 0%;
    padding-left: 1057px;
}
.h3.product-title-gammes > a {
    color: #34285e;
    font-weight: 600;
    font-size: 28px;
    font-family: Brizel;
    z-index: 5;
    position: relative;
    margin-left: -7% !important;
    width: 100%;
    display: inline-block;
    text-align: center;
    max-width: 220px;
}
.product-reference-gammes {
    color: #fff;
    font-weight: bold;
    position: relative;
    z-index: 10;
    width: 100%;
    max-width: 230px;
    top: -23px;
    line-height: 12px;
    text-align: center;
   
}
.label-gammes, label-gammes {
    color: #fff;
}
.h6-gammes {
    color: #fff;
     margin-top: 8px;
      
}
.data-sheet-gammes {
    margin-top: -5px;
    text-transform: lowercase;
}
}
/* Tablettes portrait */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { 
  
  body, html {
    width: 100%;
   
}
.description-produit-gammes > table {
    display: none;
}
.description-produit-gammes iframe {
    display: none;
}
.ligne {
margin-left: 33%
}
.product-accessories.clearfix {
    display: table-caption;
    margin-left: 35%;
}
.block-categories {
display: none;
}
.container-entete {
height: 282px;
font-family: Brizel;
width: 121%;
margin-left: -13%;
}
.thumbnail-container-gammes {
    min-width: 790px !important;
}
.product-miniature.js-product-miniature {
    width: 100%;
//   margin-left: 11% !important;
    min-width: 783px !important;
}

.couleurs {
    max-width: 230px;
}

.thumbnail-gammes.product-thumbnail-gammes > img {
    width: 850px !important;
    display: inline-block;
    position: absolute;
    z-index: 80;
    right: 0;
    padding-top: 64px;
    padding-bottom: 94px !important;
    top: 0%;
    padding-left: 690px;
    min-width: 0 !important;
}
.product-reference-gammes {
    top: 290px;
}
#product-description-short-gammes > p {
    font-size: 12px !important;
    width: 100%;
    max-width: 230px;
    font-weight: bold;
}
.product-description-gammes-titre > p {
    position: absolute;
    color: #000;
    text-align: left !important;
    width: 65%;
    left: 244px !important;
    font-weight: bold;
    font-size: 12px !important;
    margin-top: 12px;
    line-height: 15px;
}

.description-produit-gammes > p {
    color: #000;
    text-align: left !important;
    width: 49% !important;
    font-weight: normal;
    font-size: 11px !important;
   // padding-top: 4%;
    display: inline-block;
    line-height: 15px !important;
    margin-top: 20px;
    position: relative;
    z-index: 8;
    margin-left: 14px;
        margin-bottom: 0;
}

.h3.product-title-gammes > a {
    color: #34285e;
    font-weight: 600;
    font-size: 27px;
    font-family: Brizel;
    z-index: 5;
    position: relative;
    margin-left: -7% !important;
    width: 100%;
    display: inline-block;
    text-align: center;
    max-width: 224px;
}
.product-reference-gammes {
    color: #fff;
    font-weight: bold;
    position: relative;
    z-index: 10;
    width: 100%;
    max-width: 230px;
    top: -98px;
    line-height: 12px;
    text-align: center;
}
.label-gammes, label-gammes {
    color: #fff;
}
.h6-gammes {
    color: #fff;
     margin-top: 8px;
}
.data-sheet-gammes {
    margin-top: -5px;
    text-transform: lowercase;
}
}
/* SAMSUNG 9 PAYSAGE*/
@media only screen 
  and (min-device-width: 360px) 
  and (max-device-width: 740px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
  .thumbnail-container-gammes {
    min-width: 728px;
    max-width: 1267px;
}
video {
  max-width: 100%;
}
.container-entete {
    width: 735px !important;
    margin-left: -23% !important;
    }
    .thumbnail-gammes.product-thumbnail-gammes > img {
    min-width: 1212px !important;
}
.description-produit-gammes > p {
    width: 45%;
    margin-bottom: 0;
    }
    }
     /* IPHONE 12 et 14 */
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
     .image-gamme-accueil {
    margin: 40px 0 0 -41px !important;
  }
  .container-entete {
    margin-left: -25px !important;
    }
    .conditionnement-categorie {
    margin-left: -53px !important;
    }
        #subcategories ul li {
  width: 100% !important;
  padding: 0 !important;
      height: 225px;
    }
    }
    
/* SMARTPHONES IPHONE X PAYSAGE*/
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 813px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
  
  video {
  max-width: 100%;
}
.product-reference-gammes {
top: -80px;  
}
  .product-reference-gammes > p {
position: relative;
top: 14px;
width: 100%;
}
.product-accessories.clearfix {
    margin-left: -10px;
    max-width: 0px;
}
.product-accessories.clearfix >p {
    min-width: 800px;
    margin-top: 20px;
}
.product-miniature.js-product-miniature {
   
    margin-left: 0% !important;
}
} 
/* SMARTPHONES IPHONE X PORTRAIT*/
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 813px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
  .product-accessories.clearfix {
    margin-left: -18px;
}
.product-accessories.clearfix > p {
    min-width: 380px !important;
    margin-top: 20px;
}
}
  @media only screen and (min-width: 2000px){
#custom-text {
  background: white !important;
  border-radius: 2px;
  margin-bottom: 1.5rem;
  padding: 3.125rem;
  text-align: center;
  margin-top: -2%;
}
#custom-text td {
  margin-left: 0px !important;
  font-size: 14px !important;
  width: 33% !important;
  text-align: left !important;
}
#header .header-top .search-widget {
  top: -46px !important;
}
}
  
/* SMARTPHONES PAYSAGE*/
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
  video {
  max-width: 100%;
}
  .product-accessories.clearfix {
    display: table-caption;
}
.product-accessories.clearfix > p {
    min-width: 370px !important;
    margin-top: 20px;
}
  
.block-categories {
    //display: none !important;
}
.container-entete {
    width: 134% !important;
    display: flow-root;
    height: 305px;
    margin-left: -17% !important;
    font-size: 25px;
    font-family: Brizel;
    text-align: left;
    padding-left: 0%;
}

.highlighted-informations-gammes {
    position: absolute;
    bottom: 0;
    padding-top: 12px;
    z-index: 2;
    background: transparent;
    text-align: center;
    width: 27%;
    height: 5.125rem;
    transition: bottom .3s;
}
.product-reference-gammes {
    color: #fff;
    font-weight: bold;
    position: relative;
z-index: 10;
top: -22px;
}
.product-reference-gammes > p {
    top: -22px;
}
.h3.product-title-gammes > a {
    color: #34285e;
    font-weight: 600;
    font-size: 19px;
    font-family: Brizel;
    z-index: 5;
    position: relative;
    margin-left: -32% !important;
    width: 100%;
    display: inline-block;
    text-align: center;
    max-width: 115px;
}
.description-produit-gammes > p {
    color: #000;
    text-align: left !important;
    width: 48%;
    font-weight: normal;
    font-size: 11px !important;
   // padding-top: 4%;
    display: inline-block;
    line-height: 15px;
    margin-top: 4px;
    margin-left: 14px;
    margin-bottom: 0;
}
#product-description-short-gammes > p {
    margin-top: 20%;
    position: relative;
    font-size: 12px !important;
    width: 63%;
    margin-left: 3%;
}
.label-gammes, label-gammes {
    color: #fff;
    text-align: right;
    font-size: .875rem;
    position: relative;
z-index: 10;
}
.data-sheet-gammes {
    margin-top: -7%;
    font-weight: bold;
    font-size: 14px;
    position: relative;
z-index: 10;
text-transform: lowercase;
}
.h6-gammes {
    color: #fff;
    margin-top: 2%;
    position: relative;
z-index: 10;
}
.couleurs {
    width: 170px;
    float: left;
}
.container {
   width: 525px !important;
}
.product-miniature.js-product-miniature {
    margin-left: 0px !important;
}
.thumbnail-gammes.product-thumbnail-gammes > img {
    right: 0;
    top: 0%;
    position: absolute;
    padding-left: 171%;
    max-width: 100%;
    z-index: 15;
    padding-top: 72px;
    padding-bottom: 101px;
}
.description-produit-gammes > span{
font-size: 12px !important;
}
.product-description-gammes-titre > p {
    position: absolute;
    color: #000;
    text-align: left !important;
    width: 55%;
    left: 185px !important;
    font-weight: bold;
    font-size: 11px !important;
    margin-top: -9px;
    line-height: 14px;
}
.thumbnail-container-gammes {
width: 100%;
min-width: 655px;
}
#main {
 width: 134%;
    margin-left: -17%;
}
.aligne {
    width: 130%;
}
}
/* smartphones portrait */
@media only screen and (max-width: 435px) {
  .conditionnement-categorie {
    display: block;
    margin-left: 0px;
    background: #34285e;
    text-align: center;
    color: #fff;
    font-weight: bold;
    padding: 0px;
    width: 121%;
    top: -19%;
    position: relative;
    font-size: 10px;
    z-index:1;
        left: 30%;
  }
  .data-sheet-gammes {
    margin-top: -13px;
    font-size: 14px;
text-transform: lowercase;
display: none;
}
.h6-gammes {
    color: #000;
    margin-top: -3px;
	display: none;
}
}

@media only screen and (max-width : 435px) { 
.bord-nautique, .bord-clim, .bord-enfants, .bord-agro, .bord-cuisinistes, .bord-lycee, .bord-funeraire, .bord-hotel, .bord-pharmacie,
.bord-pl, .bord-sante, .bord-metaux, .bord-agri, .bord-animaux, .bord-boulangerie, .bord-camping, .bord-electriciens, .bord-high-tech,
.bord-ehpad, .bord-orfevrerie, .bord-plombiers, .bord-piscines, .bord-sports, .bord-voirie, .bord-cheministes, .bord-auto, .bord-btp,
.bord-firoline, .bord-firpulvo, .bord-firwipe, .bord-pwsp, .bord-gants, .bord-desodorisants, .bord-desinfection, .bord-brosserie, .bord-insect,
.bord-aerosols, .bord-sacs {
left: 0;
}
.couleurs {
   display: none;
}
#main {
 width: 100%;
    margin-left: 0;
}
.float-xs-right {
    margin-top: 25px;
}
.col-md-6.offset-md-2.pr-0 {
    width: 94%;
    position: relative;
    float: left;
}
.col-md-4 {
    padding-left: 90px;
}
.btn.btn-secondary {
    padding-right: 90px;
    max-width: 200px;
    right: 26px;
    position: relative;
    float: right;
}

.description-produit-gammes {
    display: none;
}
.thumbnail-container-gammes {
max-width: 375px !important;
min-width: 200px !important;
//left: -31px;
height: 320px;
}
.thumbnail-gammes.product-thumbnail-gammes > img {
    left: 100px;
    top: 0%;
    position: absolute;
    padding-left: 0%;
    max-width: 159px;
    //z-index: 8;
    padding-top: 93px;
}
.hidden-sm-down {
   // display: block !important;
}
dd {
//  display: none;
}
.product-reference-gammes {
    color: #000;
    font-weight: bold;
    position: absolute;
  //  z-index: 10;
    left: 60px;
    top: 272px;
    width: 100%;
    max-width: 340px;
    line-height: 16px;
    text-align: center;
}
.product-miniature.js-product-miniature {
    min-width: 355px !important;
}
#product-description-short-gammes > p {
    display: none;
}
.product-description-gammes-titre > p {
    position: absolute;
    color: #000;
    text-align: center !important;
    width: 100%;
    left: 0 !important;
    font-weight: bold;
    font-size: 11px !important;
    margin-top: 9px;
    line-height: 14px;
    padding: 0px 20px;
}
.h6-gammes {
    color: #000;
    margin-top: -3px;
}
.data-sheet-gammes {
    margin-top: -13px;
    font-size: 14px;
text-transform: lowercase;
}
.label-gammes{
color: #000;
}
.h3.product-title-gammes > a {
   margin-left: 14% !important;
color: #000;
width: 100%;
top: -48px;
min-width: 290px;
padding-top: 63px;
padding-bottom: 225px;
margin-top: 0px;
line-height: 20px;
text-shadow: #fff 3px -1px 2px;
}
}
.image-entete-tissus {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/tissus.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
text-align: center;
display: block;
}
.image-entete-ECOFIR {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/ECOFIR.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
text-align: center;
display: block;
}

.image-entete-frigo {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/froid.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
text-align: center;
display: block;
}

.image-entete-toits {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/toits-murs.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
text-align: center;
display: block;
}

.image-entete-renovateurs {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/renovateurs.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
text-align: center;
display: block;
}


.image-entete-firoline {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/firoline.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
text-align: center;
display: block;
}
.image-entete-firpulvo {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/firpulvo.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
text-align: center;
display: block;
}
.image-entete-firwipe {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/firwipe.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
text-align: center;
display: block;
}
.image-entete-pwsp {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/pwsp.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
text-align: center;
display: block;
}
.image-entete-gants {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/gants.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
text-align: center;
display: block;
}
.image-entete-nettoyants-ext {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/nett-ext.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
text-align: center;
display: block;
}
.image-entete-desodorisants {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/desodorisants.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
text-align: center;
display: block;
}
.image-entete-desinfection {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/desinfection.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
text-align: center;
display: block;
}
.image-entete-brosserie {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/brosserie.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
text-align: center;
display: grid;
}
.image-entete-sols {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/sols.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
text-align: center;
display: block;
}
.image-entete-ouate {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/ouate.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
text-align: center;
display: block;
}
.image-entete-C-insecticides {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/C-insecticides.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
text-align: center;
display: block;
}
.image-entete-sanitaire {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/sanitaire.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
text-align: center;
display: block;
}
.image-entete-chariots {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/chariots.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
text-align: center;
display: block;
}
.image-entete-doseurs {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/doseurs.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
text-align: center;
display: block;
}
.image-entete-absorbants {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/absorbants.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
text-align: center;
display: block;
}
.image-entete-pompes {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/pompes.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
text-align: center;
display: block;
}
.image-entete-conteneurs {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/conteneurs.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
text-align: center;
display: block;
}
.image-entete-pulverisateurs {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/pulverisateurs.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
text-align: center;
display: block;
}
.image-entete-degraissage {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/degraissage.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
text-align: center;
display: block;
}
.image-entete-epandeurs {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/epandeurs.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
text-align: center;
display: block;
}
.image-entete-insect {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/insecticides.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
text-align: center;
display: block;
}
.image-entete-aerosols {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/aerosols.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
text-align: center;
display: block;
}
.image-entete-sacs {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/sacs.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
text-align: center;
display: block;
}
.image-entete-enfants {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/enfants.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
text-align: center;
display: block;
}
.image-entete-agro {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/agro.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
    padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-nautique {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/nautique.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
text-align: center;
display: block;
padding-top: 10px;
}
.image-entete-clim {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/clim.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
text-align: center;
display: block;
padding-top: 10px;
}
.image-entete-auto {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/auto.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
text-align: center;
display: block;
padding-top: 10px;
}
.image-entete-btp {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/btp.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
text-align: center;
display: block;
padding-top: 10px;
}
.image-entete-lycee {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/lycee.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-cuisinistes {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/cuisinistes.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-funeraire {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/funeraire.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-hotel {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/hotel.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-pharmacie {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/pharmacie.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-pl {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/pl.jpg');
    background-size: cover;
    height: 100%;
    color: #000;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-sante {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/sante.jpg');
    background-size: cover;
    height: 100%;
    color: #000;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-metaux {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/metaux.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-agri {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/agri.jpg');
    background-size: cover;
    height: 100%;
    color: #000;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-animaux {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/animaux.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-boulangerie {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/boulangerie.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-camping {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/camping.jpg');
    background-size: cover;
    height: 100%;
    color: #661A07;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-electriciens {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/electriciens.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
text-align: center;
padding-top: 10px;
display: block;
}
.image-entete-equestre {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/equestre.jpg');
    background-size: cover;
    height: 100%;
    color: #000;
text-align: center;
padding-top: 10px;
display: block;
}
.image-entete-high-tech {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/high-tech.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-distri {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/distributeurs.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-ehpad {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/ehpad.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-orfevrerie {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/orfevrerie.jpg');
    background-size: cover;
    height: 100%;
    color: #000;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-plombiers {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/plombiers.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-piscines {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/piscines.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-sports {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/sports.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-voirie {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/voirie.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-cheministes {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/cheministes.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-mains {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/hygiene-des-mains.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-c-desinfection {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/c-desinfection.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-cuisine {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/cuisine.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-protection {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/protection-individuelle.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-c-brosserie {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/c-brosserie.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-c-desodorisation {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/c-desodorisation.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-pollutions {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/pollutions.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-c-btp {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/c-btp.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-peintures {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/peintures.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-diluants {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/diluants.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-degrippants {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/degrippants.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-dielectriques {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/dielectriques.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-vehicules {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/vehicules.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-detartrants {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/detartrants.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
padding-top: 10px;
text-align: center;
display: block;
}.image-entete-linge {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/hygiene-du-linge.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-eau {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/eau.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-biotech {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/biotechnologie.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-biotech-verte {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/gamme-biotech-verte.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-autre {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/autres.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-devege {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/devegetalisation.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-materiels {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/materiels.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-hygiene {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/hygiene.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-maintenance {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/maintenance.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-tous {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/produits.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-pro {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/gammes-pro.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-tech {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/gammes-tech.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-Select {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/Select.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-saison {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/saison.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
padding-top: 10px;
text-align: center;
display: block;
}
.image-entete-gamme-verte {
    background: url('https://www.firchim.fr/pro/img/pages-gammes/gamme-verte.jpg');
    background-size: cover;
    height: 100%;
    color: #fff;
padding-top: 10px;
text-align: center;
display: block;
}
.thumbnail-container-gammes {
 position: relative;
margin-bottom: 1.563rem;
height: 318px;
width: 100%;
background: #fff;
box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);
}

.thumbnail-gammes.product-thumbnail-gammes {
    width: 1150px;
}

.h3.product-title-gammes{
padding-top: 15%;
}

.product-description-gammes{
height: 100%;
width: 250px;
text-align: center;
background: transparent;
border-bottom-right-radius: 20px;
position: absolute;
top: 0;
}
.bord-firoline{
height: 20px;
width: 100%;
background-color: #2D597C;
}
.couleur-firoline {
    height: 250px;
    background-color: #4E98B1;
    width: 100%;
    position: relative;
    Z-index : 1;
    float: left;
}
.couleur-firoline2 {
    height: 82px;
    background-color: #2D597C;
    border-bottom-right-radius: 20px;
    position: relative;
    width: 100%;
    margin-top: -5%;
display: block;
float: left;
z-index: 1;
}
.bord-firwipe{
height: 20px;
width: 100%;
background-color: #CC5535;
}
.couleur-firwipe {
    height: 250px;
    background-color: #EDA87E;
    width: 100%;
    position: relative;
    Z-index : 1;
    float: left;
}
.couleur-firwipe2 {
    height: 82px;
    background-color: #CC5535;
    border-bottom-right-radius: 20px;
    position: relative;
    width: 100%;
    margin-top: -5%;
display: block;
float: left;
z-index: 1;
}
.bord-firpulvo{
height: 20px;
width: 100%;
background-color: #44B9C0;
}
.couleur-firpulvo {
    height: 250px;
    background-color: #63C2D4;
    width: 100%;
    position: relative;
    Z-index : 1;
    float: left;
}
.couleur-firpulvo2 {
    height: 82px;
    background-color: #44B9C0;
    border-bottom-right-radius: 20px;
    position: relative;
    width: 100%;
    margin-top: -5%;
display: block;
float: left;
z-index: 1;
}
.bord-pwsp{
height: 20px;
width: 100%;
background-color: #20398B;
}
.couleur-pwsp {
    height: 250px;
    background-color: #89CCDD;
    width: 100%;
    position: relative;
    Z-index : 1;
    float: left;
}
.couleur-pwsp2 {
    height: 82px;
    background-color: #20398B;
    border-bottom-right-radius: 20px;
    position: relative;
    width: 100%;
    margin-top: -5%;
display: block;
float: left;
z-index: 1;
}
.bord-gants{
height: 20px;
width: 100%;
background-color: #305198;
}
.couleur-gants {
    height: 250px;
    background-color: #2D6EB0;
    width: 100%;
    position: relative;
    Z-index : 1;
    float: left;
}
.couleur-gants2 {
    height: 82px;
    background-color: #305198;
    border-bottom-right-radius: 20px;
    position: relative;
    width: 100%;
    margin-top: -5%;
display: block;
float: left;
z-index: 1;
}
.bord-desodorisants{
height: 20px;
width: 100%;
background-color: #305198;
}
.couleur-desodorisants {
    height: 250px;
    background-color: #2D6EB0;
    width: 100%;
    position: relative;
    Z-index : 1;
    float: left;
}
.couleur-desodorisants2 {
    height: 82px;
    background-color: #305198;
    border-bottom-right-radius: 20px;
    position: relative;
    width: 100%;
    margin-top: -5%;
display: block;
float: left;
z-index: 1;
}
.bord-desinfection{
height: 20px;
width: 100%;
background-color: #BE4C6E;
}
.couleur-desinfection {
    height: 250px;
    background-color: #B46F7A;
    width: 100%;
    position: relative;
    Z-index : 1;
    float: left;
}
.couleur-desinfection2 {
    height: 82px;
    background-color: #BE4C6E;
    border-bottom-right-radius: 20px;
    position: relative;
    width: 100%;
    margin-top: -5%;
display: block;
float: left;
z-index: 1;
}
.bord-brosserie{
height: 20px;
width: 100%;
background-color: #3D4F7D;
}
.couleur-brosserie {
    height: 250px;
    background-color: #7196B3;
    width: 100%;
    position: relative;
    Z-index : 1;
    float: left;
}
.couleur-brosserie2 {
    height: 82px;
    background-color: #3D4F7D;
    border-bottom-right-radius: 20px;
    position: relative;
    width: 100%;
    margin-top: -5%;
display: block;
float: left;
z-index: 1;
}
.bord-insect{
height: 20px;
width: 100%;
background-color: #8146DE;
}
.couleur-insect {
    height: 250px;
    background-color: #79A4B4;
    width: 100%;
    position: relative;
    Z-index : 1;
    float: left;
}
.couleur-insect2 {
    height: 82px;
    background-color: #8146DE;
    border-bottom-right-radius: 20px;
    position: relative;
    width: 100%;
    margin-top: -5%;
display: block;
float: left;
z-index: 1;
}
.bord-aerosols{
height: 20px;
width: 100%;
background-color: #6B54E3;
}
.couleur-aerosols {
    height: 250px;
    background-color: #8378F2;
    width: 100%;
    position: relative;
    Z-index : 1;
    float: left;
}
.couleur-aerosols2 {
    height: 82px;
    background-color: #6B54E3;
    border-bottom-right-radius: 20px;
    position: relative;
    width: 100%;
    margin-top: -5%;
display: block;
float: left;
z-index: 1;
}
.bord-sacs{
height: 20px;
width: 100%;
background-color: #96857B;
}
.couleur-sacs {
    height: 250px;
    background-color: #B29C8E;
    width: 100%;
    position: relative;
    Z-index : 1;
    float: left;
}
.couleur-sacs2 {
    height: 82px;
    background-color: #96857B;
    border-bottom-right-radius: 20px;
    position: relative;
    width: 100%;
    margin-top: -5%;
display: block;
float: left;
z-index: 1;
}
.bord-enfants{
height: 20px;
width: 100%;
background-color: #921F0F;
}
.couleur-enfants {
    height: 250px;
    background-color: #AA4436;
    width: 100%;
    position: relative;
    Z-index : 1;
    float: left;
}
.couleur-enfants2 {
    height: 82px;
    background-color: #921F0F;
    border-bottom-right-radius: 20px;
    position: relative;
    width: 100%;
    margin-top: -5%;
display: block;
float: left;
z-index: 1;
}
.bord-clim{
height: 20px;
width: 100%;
background-color: #324A9A;
 // max-width: 55.5%;
}
.couleur-clim {
    height: 250px;
    background-color: #ABB6CA;
    width: 100%;
    position: relative;
    Z-index : 1;
    float: left;
}
.couleur-clim2 {
    height: 82px;
    background-color: #324A9A;
    border-bottom-right-radius: 20px;
    position: relative;
    width: 100%;
    margin-top: -5%;
display: block;
float: left;
z-index: 1;
}
.bord-btp{
height: 20px;
width: 100%;
background-color: #737172;
}
.couleur-btp {
    height: 250px;
    background-color: #B19780;
    width: 100%;
    position: relative;
    Z-index : 1;
    float: left;
}
.couleur-btp2 {
    height: 82px;
    background-color: #737172;
    border-bottom-right-radius: 20px;
    position: relative;
    width: 100%;
    margin-top: -5%;
display: block;
float: left;
z-index: 1;
}
.bord-agro{
height: 20px;
width: 100%;
background-color: #DF5A4F;
}
.couleur-agro {
    height: 250px;
    background-color: #DB7861;
    width: 100%;
    position: relative;
    Z-index : 1;
    float: left;
}
.couleur-agro2 {
    height: 82px;
    background-color: #DF5A4F;
    border-bottom-right-radius: 20px;
    position: relative;
    width: 100%;
    margin-top: -5%;
display: block;
float: left;
z-index: 1;
}

.bord-nautique{
height: 20px;
width: 100%;
background-color: #4F4B95;
}
.couleur-nautique {
    height: 250px;
    background-color: #3B6DBE;
    width: 100%;
    position: relative;
    Z-index : 1;
    float: left;
}
.couleur-nautique2 {
    height: 82px;
    background-color: #4F4B95;
    border-bottom-right-radius: 20px;
    position: relative;
    width: 100%;
    margin-top: -5%;
display: block;
float: left;
z-index: 1;
}
.bord-cuisinistes{
height: 20px;
width: 100%;
background-color: #C3CF36;
}
.couleur-cuisinistes {
    height: 250px;
    background-color: #C0BF03;
    width: 100%;
    position: relative;
    Z-index : 1;
    float: left;
}
.couleur-cuisinistes2 {
    height: 82px;
    background-color: #72AA47;
    border-bottom-right-radius: 20px;
    position: relative;
    width: 100%;
    margin-top: -5%;
display: block;
float: left;
z-index: 1;
}
.bord-lycee{
height: 20px;
width: 100%;
background-color: #7177A1;
}
.couleur-lycee {
    height: 250px;
    background-color: #C5C4EF;
    width: 100%;
    position: relative;
    Z-index : 1;
    float: left;
}
.couleur-lycee2 {
    height: 82px;
    background-color: #7177A1;
    border-bottom-right-radius: 20px;
    position: relative;
    width: 100%;
    margin-top: -5%;
display: block;
float: left;
z-index: 1;
}
.bord-funeraire{
height: 20px;
width: 100%;
background-color: #705071;
}
.couleur-funeraire {
    height: 250px;
    background-color: #746771;
    width: 100%;
    position: relative;
    Z-index : 1;
    float: left;
}
.couleur-funeraire2 {
    height: 82px;
    background-color: #705071;
    border-bottom-right-radius: 20px;
    position: relative;
    width: 100%;
    margin-top: -5%;
display: block;
float: left;
z-index: 1;
}
.bord-hotel{
height: 20px;
width: 100%;
background-color: #B23259;
}
.couleur-hotel {
    height: 250px;
    background-color: #B27972;
    width: 100%;
    position: relative;
    Z-index : 1;
    float: left;
}
.couleur-hotel2 {
    height: 82px;
    background-color: #B23259;
    border-bottom-right-radius: 20px;
    position: relative;
    width: 100%;
    margin-top: -5%;
display: block;
float: left;
z-index: 1;
}
.bord-pharmacie{
height: 20px;
width: 100%;
background-color: #878786;
}
.couleur-pharmacie {
    height: 250px;
    background-color: #B3B2B2;
    width: 100%;
    position: relative;
    Z-index : 1;
    float: left;
}
.couleur-pharmacie2 {
    height: 82px;
    background-color: #878786;
    border-bottom-right-radius: 20px;
    position: relative;
    width: 100%;
    margin-top: -5%;
display: block;
float: left;
z-index: 1;
}
.bord-pl{
height: 20px;
width: 100%;
background-color: #8095BE;
}
.couleur-pl {
    height: 250px;
    background-color: #9593A8;
    width: 100%;
    position: relative;
    Z-index : 1;
    float: left;
}
.couleur-pl2 {
    height: 82px;
    background-color: #8095BE;
    border-bottom-right-radius: 20px;
    position: relative;
    width: 100%;
    margin-top: -5%;
display: block;
float: left;
z-index: 1;
}
.bord-sante{
height: 20px;
width: 100%;
background-color: #82717D;
}
.couleur-sante {
    height: 250px;
    background-color: #B2A5AC;
    width: 100%;
    position: relative;
    Z-index : 1;
    float: left;
}
.couleur-sante2 {
    height: 82px;
    background-color: #82717D;
    border-bottom-right-radius: 20px;
    position: relative;
    width: 100%;
    margin-top: -5%;
display: block;
float: left;
z-index: 1;
}
.bord-metaux{
height: 20px;
width: 100%;
background-color: #E6554D;
}
.couleur-metaux {
    height: 250px;
    background-color: #F09649;
    width: 100%;
    position: relative;
    Z-index : 1;
    float: left;
}
.couleur-metaux2 {
    height: 82px;
    background-color: #E6554D;
    border-bottom-right-radius: 20px;
    position: relative;
    width: 100%;
    margin-top: -5%;
display: block;
float: left;
z-index: 1;
}
.bord-agri{
height: 20px;
width: 100%;
background-color: #5F762F;
}
.couleur-agri {
    height: 250px;
    background-color: #99A14C;
    width: 100%;
    position: relative;
    Z-index : 1;
    float: left;
}
.couleur-agri2 {
    height: 82px;
    background-color: #5F762F;
    border-bottom-right-radius: 20px;
    position: relative;
    width: 100%;
    margin-top: -5%;
display: block;
float: left;
z-index: 1;
}
.bord-animaux{
height: 20px;
width: 100%;
background-color: #314695;
}
.couleur-animaux {
    height: 250px;
    background-color: #3F55A1;
    width: 100%;
    position: relative;
    Z-index : 1;
    float: left;
}
.couleur-animaux2 {
    height: 82px;
    background-color: #314695;
    border-bottom-right-radius: 20px;
    position: relative;
    width: 100%;
    margin-top: -5%;
display: block;
float: left;
z-index: 1;
}
.bord-boulangerie{
height: 20px;
width: 100%;
background-color: #E03B3A;
}
.couleur-boulangerie {
    height: 250px;
    background-color: #E25949;
    width: 100%;
    position: relative;
    Z-index : 1;
    float: left;
}
.couleur-boulangerie2 {
    height: 82px;
    background-color: #E03B3A;
    border-bottom-right-radius: 20px;
    position: relative;
    width: 100%;
    margin-top: -5%;
display: block;
float: left;
z-index: 1;
}
.bord-equestre{
height: 20px;
width: 100%;
background-color: #4E3B35;
}
.couleur-equestre {
    height: 250px;
    background-color: #8D5735;
    width: 100%;
    position: relative;
    Z-index : 1;
    float: left;
}
.couleur-equestre2 {
    height: 82px;
    background-color: #4E3B35;
    border-bottom-right-radius: 20px;
    position: relative;
    width: 100%;
    margin-top: -5%;
display: block;
float: left;
z-index: 1;
}
.bord-auto{
height: 20px;
width: 100%;
background-color: #4E3B35;
}
.couleur-auto {
    height: 250px;
    background-color: #8D5735;
    width: 100%;
    position: relative;
    Z-index : 1;
    float: left;
}
.couleur-auto2 {
    height: 82px;
    background-color: #4E3B35;
    border-bottom-right-radius: 20px;
    position: relative;
    width: 100%;
    margin-top: -5%;
display: block;
float: left;
z-index: 1;
}
.bord-cheministes{
height: 20px;
width: 100%;
background-color: #B48822;
}
.couleur-cheministes {
    height: 250px;
    background-color: #D5BE6E;
    width: 100%;
    position: relative;
    Z-index : 1;
    float: left;
}
.couleur-cheministes2 {
    height: 82px;
    background-color: #B48822;
    border-bottom-right-radius: 20px;
    position: relative;
    width: 100%;
    margin-top: -5%;
display: block;
float: left;
z-index: 1;
}
.bord-camping{
height: 20px;
width: 100%;
background-color: #B48822;
}
.couleur-camping {
    height: 250px;
    background-color: #D5BE6E;
    width: 100%;
    position: relative;
    Z-index : 1;
    float: left;
}
.couleur-camping2 {
    height: 82px;
    background-color: #B48822;
    border-bottom-right-radius: 20px;
    position: relative;
    width: 100%;
    margin-top: -5%;
display: block;
float: left;
z-index: 1;
}
.bord-electriciens{
height: 20px;
width: 100%;
background-color: #1B208A;
}
.couleur-electriciens {
    height: 250px;
    background-color: #736BD2;
    width: 100%;
    position: relative;
    Z-index : 1;
    float: left;
}
.couleur-electriciens2 {
    height: 82px;
    background-color: #1B208A;
    border-bottom-right-radius: 20px;
    position: relative;
    width: 100%;
    margin-top: -5%;
display: block;
float: left;
z-index: 1;
}

.bord-high-tech{
height: 20px;
width: 100%;
background-color: #7A2B82;
}
.couleur-high-tech {
    height: 250px;
    background-color: #A0599F;
    width: 100%;
    position: relative;
    Z-index : 1;
    float: left;
}
.couleur-high-tech2 {
    height: 82px;
    background-color: #7A2B82;
    border-bottom-right-radius: 20px;
    position: relative;
    width: 100%;
    margin-top: -5%;
display: block;
float: left;
z-index: 1;
}
.bord-ehpad{
height: 20px;
width: 100%;
background-color: #704590;
}
.couleur-ehpad {
    height: 250px;
    background-color: #888EC0;
    width: 100%;
    position: relative;
    Z-index : 1;
    float: left;
}
.couleur-ehpad2 {
    height: 82px;
    background-color: #704590;
    border-bottom-right-radius: 20px;
    position: relative;
    width: 100%;
    margin-top: -5%;
display: block;
float: left;
z-index: 1;
}
.bord-orfevrerie{
height: 20px;
width: 100%;
background-color: #D68302;
}
.couleur-orfevrerie {
    height: 250px;
    background-color: #D7A755;
    width: 100%;
    position: relative;
    Z-index : 1;
    float: left;
}
.couleur-orfevrerie2 {
    height: 82px;
    background-color: #D68302;
    border-bottom-right-radius: 20px;
    position: relative;
    width: 100%;
    margin-top: -5%;
display: block;
float: left;
z-index: 1;
}
.bord-plombiers{
height: 20px;
width: 100%;
background-color: #3A3F3B;
}
.couleur-plombiers {
    height: 250px;
    background-color: #83856F;
    width: 100%;
    position: relative;
    Z-index : 1;
    float: left;
}
.couleur-plombiers2 {
    height: 82px;
    background-color: #3A3F3B;
    border-bottom-right-radius: 20px;
    position: relative;
    width: 100%;
    margin-top: -5%;
display: block;
float: left;
z-index: 1;
}
.bord-piscines{
height: 20px;
width: 100%;
background-color: #1456B7;
}
.couleur-piscines {
    height: 250px;
    background-color: #49C7FE;
    width: 100%;
    position: relative;
    Z-index : 1;
    float: left;
}
.couleur-piscines2 {
    height: 82px;
    background-color: #1456B7;
    border-bottom-right-radius: 20px;
    position: relative;
    width: 100%;
    margin-top: -5%;
display: block;
float: left;
z-index: 1;
}
.bord-sports{
height: 20px;
width: 100%;
background-color: #ACA53B;
}
.couleur-sports {
    height: 250px;
    background-color: #E4B962;
    width: 100%;
    position: relative;
    Z-index : 1;
    float: left;
}
.couleur-sports2 {
    height: 82px;
    background-color: #ACA53B;
    border-bottom-right-radius: 20px;
    position: relative;
    width: 100%;
    margin-top: -5%;
display: block;
float: left;
z-index: 1;
}
.bord-voirie{
height: 20px;
width: 100%;
background-color: #666F80;
}
.couleur-voirie {
    height: 250px;
    background-color: #8B8474;
    width: 100%;
    position: relative;
    Z-index : 1;
    float: left;
}
.couleur-voirie2 {
    height: 82px;
    background-color: #666F80;
    border-bottom-right-radius: 20px;
    position: relative;
    width: 100%;
    margin-top: -5%;
display: block;
float: left;
z-index: 1;
}
.description-produit-gammes > table {
    display: none;
}
.description-produit-gammes iframe {
    display: none;
}

#product-description-short-gammes > p {
    color: #314999;
    margin-top: 9%;
    position: relative;
    z-index: 5;
    padding: 0 5px 5px 0;
}




//.description-produit-gammes{
    margin-left:15px;
    font-weight: bold;
    font-size: 14px !important;
    margin-top: 10px;
}

/*FIN MODIFS GAMMES*/
.products-selection .sort-by-row {
    display: none;
}
@font-face {
    font-family: 'Brizel';
    src:url('https://www.firchim.fr/pro/themes/classic/fonts/Brizel.ttf.woff') format('woff'),
        url('https://www.firchim.fr/pro/themes/classic/fonts/Brizel.ttf.svg#Brizel') format('svg'),
        url('https://www.firchim.fr/pro/themes/classic/fonts/Brizel.ttf.eot'),
        url('https://www.firchim.fr/pro/themes/classic/fonts/Brizel.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}
/* Fin font*/
/* MODIFS POUR GAMMES PROFESSIONNELLES SELON WARC*/
.thumbnail-container-visualis {
min-width: 800px;
}
.full-desc-visualis > p {
    color: #000;
    font-size: 13px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    display: inline !important;
}
.full-desc-visualis {
    position: absolute;
    left: 140%;
    width: 600px;
    font-size: 12px;
    color: #000;
    top: -190px;
}
.product-thumbnail-visualis img{
    position: absolute;
    top: 30%;
    bottom: 0;
    right: 1%;
}
.h3.product-title-visualis {
margin-top: 50px;
}



.product-miniature.js-product-miniature-visualis{
    width: 1150px;
    margin-left: -20%  !important;
}


/* FIN MODIFS POUR GAMMES PROFESSIONNELLES SELON WARC*/
 #logo-f {
       color: transparent;
       }
 .PDF {
    max-width: 7%;
    float: left;
}
.col-md-6_FT-FDS {
  //  width: 24%;
  //  float: left;
}
.documentation {
   // width: 24% !important;
}
 .display-1 {
  font-size: 2rem;
  font-weight: 600;
  color: #fff;
  text-shadow: #71777e 5px 2px 6px;

}

 p {
    background-color: transparent !important;
}

 .price {
    display: none;
}
#products .regular-price, .featured-products .regular-price, .product-accessories .regular-price, .product-miniature .regular-price {
    color: #7a7a7a;
    text-decoration: line-through;
    font-size: .875rem;
    display: none;
}

.product-features>dl.data-sheet dd.value:nth-of-type(2n), .product-features>dl.data-sheet dt.name:nth-of-type(2n) {
    background: #f6f6f6;
    text-transform: lowercase !important;
}
#products .thumbnail-container .product-thumbnail img, .featured-products .thumbnail-container .product-thumbnail img, .product-accessories .thumbnail-container .product-thumbnail img, .product-miniature .thumbnail-container .product-thumbnail img {
    max-height: 85% !important ;
    }
//.form-control.js-child-focus.js-visible-password{
    display: none;
}
//.input-group .input-group-btn > .btn[data-action="show-password"] {
    
    display: none;
}
#header {
background: #edeaf1;
color: #000;}

#wrapper {
background: #edeaf1;
padding: 15px;}
.texte-lignes{color: #000;
}

.page-content.page-cms ul >p {
    font-size: .9375rem;
    color: #fff;
    font-weight: 400;
}
.product-description >p{
color: #000;
line-height: 20px;
}
button.btn.btn-primary.add-to-cart {
    background-color: #29253c;
}
button.btn.btn-primary.add-to-cart:hover {
    background-color: #746f8a;
}
#header .header-top a[data-depth="0"] {
    color: #29253c;
    text-transform: uppercase;
}
.btn-primary {
    color: #fff;
    background-color: #29253c;
    border-color: transparent;
}
.btn-primary:hover {
    color: #fff;
    background-color: #746f8a;
    border-color: transparent;
}
#header .header-top a[data-depth="0"]:hover {
    color: #746f8a;
    text-transform: uppercase;
}
.conditionnement{
background-color : #746f8a;
color : #fff;
padding : 5px;
margin: 10px 0 10px 0;
border-bottom-right-radius : 20px;
box-shadow: 5px 5px 5px #473e52;
}
#products .thumbnail-container, .featured-products .thumbnail-container, .product-accessories .thumbnail-container, .product-miniature .thumbnail-container {
border-bottom-right-radius : 20px !important;
}
.product-description, .product-accessories .product-description, .product-miniature .product-description {
	border-bottom-right-radius : 20px !important;
}
#product-description-short-1  >p {
    color: #fff;
    background-color:#8279AD;
}
#product-description-short-visualis-1 >p {
    color: #000 !important;
   // font-size : 12px;
}
#product-description-short-produit-1 {
    background-color: #8279ad;
    padding: 5px 5px 0px 5px;
    text-align: left !important;
    border-bottom-right-radius: 20px;
    box-shadow: 5px 5px 5px #453e60;
}
#product-description-short-produit-1 >p,#product-description-short-produit-2 >p,#product-description-short-produit-3 >p,#product-description-short-produit-4 >p,#product-description-short-produit-5 >p,#product-description-short-produit-6 >p,#product-description-short-produit-7 >p, #product-description-short-produit-8 >p {
color: #fff !important;  
padding-bottom: 5px;  
}
.product-description-visualis {
background-color : #8279ad;
padding : 5px;
margin: 10px 0 10px 0;
border-bottom-right-radius : 20px;
box-shadow: 5px 5px 5px #453e60;
}
.product-description-visualis  >p {
color: #fff;
}
.page-content.page-cms ul, p {
font-size: 16px !important;}

.product-description-visualis-home {
    text-align: center !important;
    background-color: #fff !important;
    font-size:12px !important;
   // color: #000 !important;
   border-bottom-right-radius: 30px;
}
.product-description-visualis-home > p {
    font-size: 12px !important;
    color: #000;
    padding: 5px;
    line-height: 14px;
    margin-top: -11px;
}
/* smartphones portrait et paysage */
@media only screen and (min-device-width : 320px) and (max-device-width : 736px) {
.col-md-6_visualis {
    width: 100% !important;
}
video {
  max-width: 100%;
}
}
#products .product-description, .featured-products .product-description, .product-accessories .product-description, .product-miniature .product-description {
    position: absolute;
    z-index: 3;
    background: #fff;
    width: 250px;
    bottom: 0;
    height: 110px;
}
.page-content.page-cms ul, p {
    font-size: .9375rem;
    color: #7a7a7a;
    font-weight: 400;
   // background-color: #fff !important;
    text-align: center !important;
}

#description {
    background-color: #847ea2 !important;
    padding: 5px;
    border-bottom-right-radius : 20px;
}
span {
    font-size: 16px;
}
.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover {
    border: none;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: medium;
    border-bottom: 3px solid #847ea2;
}
.tabs .nav-tabs .nav-link.active {
    color: #847ea2;
}
.tabs {
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);
    margin-top: 2rem;
    background: #bcc8e2;
    padding: 1.25rem 1.875rem;
        border-bottom-right-radius : 20px;
}
.product-images > li.thumb-container > .thumb.selected, .product-images > li.thumb-container > .thumb:hover {
border-bottom-right-radius : 20px;
box-shadow: 5px 5px 5px #453e60;
border: 0px !important;
padding: 5px;
}
.product-cover{
border-bottom-right-radius : 20px;
box-shadow: 5px 5px 5px #453e60;
    padding: 10px;
    background: #fff;
    max-width: 250px;
}
.product-cover img {
box-shadow: none;
background: #fff;
    max-width: 250px;
}
.js-qv-product-cover{
border-bottom-right-radius : 20px;
}
.layer.hidden-sm-down {
border-bottom-right-radius : 20px;
box-shadow: 5px 5px 5px #453e60;
}
.col-md-6_visualis {
background-color: rgba(189,205,237,0.8);
padding: 15px;
margin: 10px 0 10px 0;
border-bottom-right-radius: 20px;
box-shadow: 5px 5px 5px #453e60;
width: 50%;
float: left;
}