/** END FONCTIONS **/
/** PRODUITS **/
/* LISTE */
#liste_produits {
  margin: 0 20px;
}
#liste_produits .element-item {
  margin-bottom: 0;
}
#liste_produits .element-item .un_produit {
  position: relative;
  margin-bottom: 40px;
}
#liste_produits .element-item .un_produit .visuel_produit {
  position: relative;
}
#liste_produits .element-item .un_produit .visuel_produit img {
  display: block;
}
#liste_produits .element-item .un_produit .visuel_produit:before {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: #000;
  position: absolute;
  z-index: 2;
  opacity: 0.3;
}
#liste_produits .element-item .un_produit .infos {
  display: block;
  transition: all 0.25s;
  z-index: 3;
  padding: 20px 40px 20px 0;
  position: relative;
}
#liste_produits .element-item .un_produit .infos .title {
  display: block;
  color: #2c5698;
  font-weight: 700;
  font-size: 30px;
}
#liste_produits .element-item .un_produit .infos .extrait {
  color: #2c5698;
}
#liste_produits .element-item .un_produit .infos svg {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0%, -50%);
}
#liste_produits .element-item .un_produit .infos svg path {
  fill: #2c56a5;
}
#liste_produits .element-item .un_produit .infos:after {
  content: "";
}
#intro_lp {
  padding: 0 20px;
  text-align: center;
  margin: 15px auto 30px auto;
}
/* END LISTE */
/* ---- isotope ---- */
/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}
/* ---- .element-item ---- */
.element-item > * {
  margin: 0;
  padding: 0;
}
.element-item .name {
  position: absolute;
  left: 10px;
  top: 60px;
  text-transform: none;
  letter-spacing: 0;
  font-size: 12px;
  font-weight: normal;
}
.element-item .symbol {
  position: absolute;
  left: 10px;
  top: 0px;
  font-size: 42px;
  font-weight: bold;
  color: white;
}
.element-item .number {
  position: absolute;
  right: 8px;
  top: 5px;
}
.element-item .weight {
  position: absolute;
  left: 10px;
  top: 76px;
  font-size: 12px;
}
#contenu_blp {
  margin-bottom: 20px;
  padding: 0 15px;
}
/** END PRODUITS **/
/* Version 768 */
@media (min-width: 768px) {
  /* LISTE */
  #liste_produits {
    margin: 0 1%;
  }
  #liste_produits .element-item {
    width: 47%;
    margin: 0 1.5% 20px 1.5%;
  }
  /* END LISTE */
}
/* END Version 768 */
/* Version 1024 */
@media (min-width: 1024px) {
  /* LISTE */
  #liste_produits {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0;
  }
  #liste_produits .element-item {
    width: 30.3333%;
    margin: 0 1.5% 3% 1.5%;
  }
  /* END LISTE */
}
/* END Version 1024 */
/* Version 1200 */
@media (min-width: 1200px) {
  /* LISTE */
  #liste_produits {
    max-width: 1800px;
    width: 95%;
    margin: 0 auto 50px auto;
  }
  #liste_produits .element-item {
    width: 30.9%;
    margin: 0 1.2% 20px 1.2%;
  }
  #liste_produits .element-item .un_produit {
    margin-bottom: 0;
  }
  #liste_produits .element-item .un_produit .visuel_produit {
    overflow: hidden;
  }
  #liste_produits .element-item .un_produit .visuel_produit img {
    margin: 0 auto;
    transition-property: transform;
    transition-duration: 0.25s;
    transition-delay: 0.15s;
  }
  #liste_produits .element-item .un_produit a {
    width: 100%;
    padding: 45px;
  }
  #liste_produits .element-item .un_produit a .title {
    font-size: 45px;
  }
  #liste_produits .element-item .un_produit a .extrait {
    display: block;
    margin-top: 20px;
  }
  #liste_produits .element-item .un_produit a i {
    right: 45px;
    font-size: 35px;
    top: 55px;
  }
  #liste_produits .element-item .un_produit .infos .title,
  #liste_produits .element-item .un_produit .infos .extrait {
    transition: all 0.25s;
  }
  #liste_produits .element-item .un_produit .infos svg {
    top: 30px;
    transform: none;
    transition: all 0.15s;
  }
  #liste_produits .element-item .un_produit .infos svg path {
    transition: all 0.25s;
  }
  #liste_produits .element-item .un_produit:hover .visuel_produit img {
    transform: scale(1.05);
  }
  #liste_produits .element-item .un_produit:hover .infos .title,
  #liste_produits .element-item .un_produit:hover .infos .extrait {
    color: #E36844;
  }
  #liste_produits .element-item .un_produit:hover .infos svg {
    right: 10px;
  }
  #liste_produits .element-item .un_produit:hover .infos svg path {
    fill: #E36844;
  }
  #intro_lp {
    margin: 45px auto 35px auto;
    max-width: 960px;
  }
  /* END LISTE */
}
/* END Version 1200 */