h1{margin-left: 50px}
h2{ color: #8CC800; }
.gamme{font-family: "bariolregular"; font-size: 0; display: inline-block; width: 30%; margin:0 1.5%; vertical-align: top;margin-bottom: 25px; position: relative;}
.gamme p{font-size: 1rem;}

.foto{height:250px;border-bottom:1px solid #d3d2d2;}
.foto img{width: 100%; height: 100%; object-fit: contain}

.couleurproduit{font-size: 0;}
.couleurproduit p{ font-size: 1rem; display: inline-block;width: auto; margin-right: 25px;;vertical-align: middle;margin-bottom: 0 }
.couleurproduit a{display: inline-block; margin: 2px; border:2px solid transparent; vertical-align: middle;}
.couleurproduit a.Mycolor{position: relative; border-color:#8CC800; padding: 2px }
.couleurproduit a.Mycolor::before{content:"";display: block;position: absolute; top: -13px;left: 50%;transform:translateX(-50%); border: 10px solid transparent;border-top-color:#8CC800; border-bottom: none}
.coul{display: inline-block; width: 30px; height: 30px; border: 1px solid #CCC; box-sizing: content-box;}
.coul div{border:30px solid transparent; border-bottom: none; border-left: none;}

.gamme >a:nth-child(1)>p{min-height: 3em}
.gamme >a:nth-child(1){text-decoration: none;}

.famille_prod .gamme >a:nth-child(1)>p{min-height: 0}

h4{font-size: 1.8em; margin-top: 50px;text-transform: uppercase;}
label{font-size: 1.4em;}


.famille_prod{position: relative; max-width: 1300px; margin:auto; margin-top: 50px; margin-bottom: 25px;text-align: center;}
.famille_prod .bloc2{text-align: left;}
.famille_prod a{text-decoration: none;}
.famille_prod h2{margin-bottom: 0.65em;}

/*
  .famille_prod .bloc{font-size: 0.65vw;position: absolute; width: 90%; left:5%; top:5%; z-index: 2}
*/
.keyFeat{text-align: left; margin: auto;display: inline-block; width: auto}
@media screen and (max-width: 900px) {
  #infoGamme .famille_prod>img{display: none;}
  #infoGamme .famille_prod>.bloc{
  position: relative;
  }
  #infoGamme .famille_prod>.bloc>.bloc2{ width: 100%}
  #infoGamme .famille_prod>.bloc>.bloc2 p{font-size: 3em;}
  .famille_prod .gamme{vertical-align: top}
}

@media screen and (max-width: 600px) {
	h2{font-size: 1.5rem}
  .famille_prod .gamme{ width: 45%}
  .gamme p{font-size: 20px;}
}
@media screen and (max-width: 400px) {
 #infoGamme .famille_prod>.bloc{font-size: 1.5vw;}
 .famille_prod .gamme{ width: 90%}
 	h2{font-size: 1.5rem}
 	.gamme p{font-size: 15px;}
}

body.amp-working .foto{height: auto}