/** END FONCTIONS **/
#slider_home {
  margin: 0 auto 30px auto;
  padding-bottom: 50px;
  position: relative;
}
#slider_home .carousel__slide {
  width: 100%;
  padding: 0;
  overflow-y: hidden;
}
#slider_home .carousel__slide .content {
  display: flex;
  flex-direction: column;
}
#slider_home .carousel__slide .titre_sstitre {
  padding: 30px 15px 15px 15px;
}
#slider_home .carousel__slide .titre_sstitre .titre {
  font-family: 'sansation';
  font-weight: 700;
  font-size: 2em;
  letter-spacing: 1px;
  margin-bottom: 15px;
}
#slider_home .carousel__slide .titre_sstitre .soustitre {
  font-family: 'sansation';
  font-size: 1.85em;
  letter-spacing: 1px;
  color: #C41230;
}
#slider_home .carousel__slide .visuel img {
  display: inline-block;
  margin: 0;
}
#slider_home .carousel__dots {
  position: absolute;
  bottom: 0px;
  top: auto;
}
#slider_home .carousel__dots li {
  margin: 0 7px;
}
#slider_home .carousel__dots li:after {
  width: 24px;
  height: 6px;
  border: 1px solid #A7B3C4;
  background: #fff;
  border-radius: 6px;
  opacity: 1;
  transition: all 0.25s;
}
#slider_home .carousel__dots li.is-selected {
  width: 46px;
}
#slider_home .carousel__dots li.is-selected:after {
  width: 46px;
  background: #A7B3C4;
}
#slider_home .carousel__nav .carousel__button {
  top: auto;
  bottom: -13px;
  transform: none;
  z-index: 2;
}
/** GAMMES **/
#gammes_intro_h {
  position: relative;
  z-index: 3;
}
#gammes_intro_h #gammes_h {
  padding: 0 15px;
  display: flex;
  justify-content: center;
}
#gammes_intro_h #gammes_h .une_gamme {
  flex: 1;
  border-radius: 5px;
  max-width: 105px;
}
#gammes_intro_h #gammes_h .une_gamme:nth-of-type(2) {
  margin: 0 15px;
}
#gammes_intro_h #gammes_h .une_gamme .picto {
  width: 54px;
  margin: 0 auto 0px auto;
  padding-bottom: 7px;
  border-bottom: 3px solid #fff;
}
#gammes_intro_h #gammes_h .une_gamme .picto picture {
  width: 50px;
  margin: 0 auto;
}
#gammes_intro_h #gammes_h .une_gamme .titre {
  display: block;
  font-family: 'sansation';
  font-weight: 700;
  color: #fff;
  font-size: 0.8125em;
  line-height: 1.15;
  text-align: center;
  margin-top: 10px;
}
#gammes_intro_h #gammes_h .une_gamme > a {
  padding: 10px 10px 10px 10px;
  display: block;
  height: 100%;
  transition: all 0.25s;
}
#gammes_intro_h #intro_h {
  background: #E7EEF7;
  padding: 25px 15px 25px 15px;
  margin-top: 15px;
}
#visuels_introh {
  display: flex;
  align-items: end;
  max-width: 500px;
  margin: 20px auto 0 auto;
}
#visuels_introh #visuel1_h svg,
#visuels_introh #visuel2_h svg {
  max-width: 100%;
  height: auto;
}
#visuels_introh #visuel1_h {
  width: 40%;
}
#visuels_introh #visuel2_h {
  width: 60%;
}
/** END GAMMES **/
/** BANDEAU **/
#bandeau_v {
  background: #128364;
  background: linear-gradient(144deg, #128364 0%, #47c468 90%, #47c468 100%);
}
#contenu_bandeau_v {
  padding: 25px 15px 10px 15px;
}
#contenu_bandeau_v .un_elem {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
#contenu_bandeau_v .un_elem .picto {
  width: 75px;
  margin: 0 15px 0 0;
}
#contenu_bandeau_v .un_elem .titre_txt .titre {
  display: block;
  color: #fff;
  font-family: 'sansation';
  font-weight: 700;
  font-size: 1.25em;
  margin-bottom: 5px;
}
#contenu_bandeau_v .un_elem .titre_txt .txt {
  color: #fff;
}
/** END BANDEAU **/
/** CONSEILS **/
#conseil_h {
  padding: 35px 20px 25px 20px;
}
#conseil_h #titre_sstitre_bes {
  text-align: center;
  margin-bottom: 25px;
}
#conseil_h #titre_sstitre_bes #titre_bes {
  font-family: 'sansation';
  font-weight: 700;
  font-size: 2em;
  line-height: 1;
  margin-bottom: 15px;
}
#conseil_h #titre_sstitre_bes #sstitre_bes {
  font-family: 'sansation';
  color: #C41230;
  font-size: 1.4375em;
}
#conseil_h #tel_pos {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#conseil_h #tel_pos a {
  font-family: 'sansation';
  color: #203167;
  position: relative;
  font-size: 1.6em;
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
  transition: all 0.25s;
}
#conseil_h #tel_pos a:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 5px;
  background: #C41230;
  border-radius: 5px;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all 0.25s;
}
#conseil_h #tel_pos a:hover:after {
  background: #203167;
}
/** END CONSEILS **/
/** AVANTAGE **/
#avantages_h {
  background: #E7EEF7;
  padding: 45px 20px 250px 20px;
  display: flex;
  flex-direction: column-reverse;
  position: relative;
}
#visuel_av {
  position: absolute;
  width: 450px;
  left: -120px;
  bottom: -70px;
}
#visuel_av svg {
  max-width: 100%;
  height: auto;
}
.content ul {
  margin: 10px 0 10px 0;
}
.content ul li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px;
}
.content ul li:last-of-type {
  margin-bottom: 0;
}
.content ul li:before {
  content: '';
  position: absolute;
  top: 12px;
  left: 0;
  width: 15px;
  height: 3px;
  background-color: #C41230;
}
.content ul li ul {
  margin: 10px 0 10px 0;
}
.content ul li ul li {
  padding-left: 15px;
}
.content ul li ul li:before {
  width: 8px;
}
/** END AVANTAGE **/
/** BESOINS **/
#besoins_h {
  padding: 130px 20px 100px 20px;
}
#liste_besoinsh .un_besoin {
  display: flex;
  flex-direction: column;
  margin-bottom: 40px;
}
#liste_besoinsh .un_besoin .contenu {
  margin-bottom: 20px;
}
#liste_besoinsh .un_besoin .titre {
  text-transform: uppercase;
}
#liste_besoinsh .un_besoin .titre span {
  font-family: 'sansation';
}
#liste_besoinsh .un_besoin .txt {
  margin: 5px 0 20px 0;
}
#liste_besoinsh .un_besoin .editor-lien:hover {
  border-color: var(--hover-color);
  background-color: var(--hover-color);
  color: #fff !important;
}
#liste_besoinsh .un_besoin .editor-lien:after {
  transition: none;
}
#liste_besoinsh .un_besoin .visuel {
  border-radius: 5px;
  overflow: hidden;
}
/** END BESOINS **/
/* Version > 1024 */
@media (min-width: 1024px) {
  /** SLIDER **/
  #slider_home .carousel__slide .content {
    flex-direction: row-reverse;
    padding-bottom: 50px;
  }
  #slider_home .carousel__slide .content .visuel {
    width: 46%;
  }
  #slider_home .carousel__slide .content .visuel img {
    filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.16));
  }
  #slider_home .carousel__slide .content .titre_sstitre {
    flex: 1;
  }
  /** END SLIDER **/
}
/* END Version > 1024 */
/* Version > 1200 */
@media (min-width: 1200px) {
  /** SLIDER **/
  #slider_home {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  #slider_home .carousel__slide .content {
    max-width: 1280px;
    margin: 0 auto;
    min-height: 780px;
    justify-content: flex-start;
    flex-direction: column;
  }
  #slider_home .carousel__slide .content .visuel {
    width: 887px;
    position: absolute;
    left: calc(50% + 75px);
  }
  #slider_home .carousel__slide .content .visuel .hexagones img {
    position: absolute;
  }
  #slider_home .carousel__slide .content .visuel .hexagones img.hexa_b {
    top: 520px;
    left: 13.5%;
  }
  #slider_home .carousel__slide .content .visuel .hexagones img.hexa_r {
    top: 645px;
    left: 34%;
  }
  #slider_home .carousel__slide .content .visuel .hexagones img.hexa_v {
    top: 645px;
    left: 57.5%;
  }
  #slider_home .carousel__slide .content .titre_sstitre {
    width: 56%;
    flex: none;
    padding: 0 40px 0 0;
    margin-top: 230px;
  }
  #slider_home .carousel__slide .content .titre_sstitre .titre {
    font-size: 3.25em;
    line-height: 1.15;
  }
  #slider_home .carousel__slide .content .titre_sstitre .soustitre {
    font-size: 2.153em;
    line-height: 1.15;
  }
  #slider_home .carousel__dots {
    max-width: 1280px;
    width: 100%;
    justify-content: flex-start;
    bottom: auto;
    top: 510px;
    left: 50px;
  }
  #slider_home .carousel__nav {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    z-index: 2;
    top: 510px;
    left: 50%;
    transform: translate(-50%, 0%);
  }
  #slider_home .carousel__nav .carousel__button {
    top: -13px;
    bottom: auto;
    z-index: 4;
  }
  #slider_home .carousel__nav .carousel__button svg {
    width: 20px;
  }
  #slider_home .carousel__nav .carousel__button.is-prev {
    left: -15px;
  }
  #slider_home .carousel__nav .carousel__button.is-next {
    right: auto;
  }
  #slider_home.nbslides-2 .carousel__nav .carousel__button.is-next {
    left: 117px;
  }
  #slider_home.nbslides-3 .carousel__nav .carousel__button.is-next {
    left: 152px;
  }
  #slider_home.nbslides-4 .carousel__nav .carousel__button.is-next {
    left: 190px;
  }
  #slider_home:after {
    content: "";
    display: inline-block;
    width: 1347px;
    height: 941px;
    background: url(../images/gouttes-eau-top-2x.png) center center no-repeat;
    background-size: 1347px 941px;
    position: absolute;
    top: -56px;
    left: 80px;
    z-index: -1;
  }
  /** END SLIDER **/
  /** GAMMES **/
  #gammes_intro_h {
    margin-top: -165px;
  }
  #gammes_intro_h #gammes_h {
    justify-content: flex-start;
    padding: 0;
    margin-bottom: -35px;
    position: relative;
    z-index: 2;
  }
  #gammes_intro_h #gammes_h .une_gamme {
    max-width: 180px;
    height: 220px;
    border-radius: 10px;
    transition: all 0.25s;
  }
  #gammes_intro_h #gammes_h .une_gamme:nth-of-type(2n) {
    margin: 0 35px;
  }
  #gammes_intro_h #gammes_h .une_gamme .titre {
    font-size: 1.25em;
    transition: all 0.2s;
  }
  #gammes_intro_h #gammes_h .une_gamme > a {
    padding: 35px 10px 30px 10px;
  }
  #gammes_intro_h #gammes_h .une_gamme:hover {
    background: #C41230 !important;
  }
  #gammes_intro_h #gammes_h .une_gamme:hover .titre {
    margin-top: 20px;
  }
  #gammes_intro_h #intro_h {
    background: none;
    display: flex;
    padding: 0;
    margin: 0;
    justify-content: space-between;
    align-items: flex-end;
  }
  #gammes_intro_h #intro_h #contenu_intro_h {
    width: 690px;
    padding: 130px 110px 100px 0;
    background: #E7EEF7;
    border-radius: 0 50px 0 0;
    position: relative;
  }
  #gammes_intro_h #intro_h #contenu_intro_h:before {
    content: "";
    display: inline-block;
    width: 90%;
    height: 100%;
    background: #E7EEF7;
    position: absolute;
    right: 100%;
    top: 0;
  }
  #gammes_intro_h #intro_h #visuels_introh {
    flex: 1;
    flex-wrap: wrap;
    max-width: 100%;
    position: absolute;
    bottom: 40px;
    right: 40px;
    margin: 0;
  }
  #gammes_intro_h #intro_h #visuels_introh #visuel1_h {
    width: 285px;
    margin: 0 -50px 0 0;
    position: relative;
    top: 150px;
  }
  #gammes_intro_h #intro_h #visuels_introh #visuel2_h {
    width: 380px;
  }
  /** END GAMMES **/
  /** BANDEAU **/
  #bandeau_v {
    position: relative;
    z-index: 2;
    overflow: hidden;
  }
  #bandeau_v:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 460px;
    background: url(../images/courbes-points-2x.png) center center no-repeat;
    background-size: 1920px 460px;
    position: absolute;
    top: 0;
    left: 0;
  }
  #contenu_bandeau_v {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    height: 470px;
    padding: 80px 0;
  }
  #contenu_bandeau_v .un_elem {
    width: 290px;
    margin: 0;
    flex-direction: column;
    align-items: flex-start;
  }
  #contenu_bandeau_v .un_elem:nth-of-type(1) {
    align-self: flex-start;
  }
  #contenu_bandeau_v .un_elem:nth-of-type(2) {
    margin: -45px 0 0 0;
    align-self: center;
  }
  #contenu_bandeau_v .un_elem:nth-of-type(3) {
    margin: 45px 0 0 0;
    align-self: center;
  }
  #contenu_bandeau_v .un_elem:nth-of-type(4) {
    align-self: flex-end;
  }
  #contenu_bandeau_v .un_elem .picto {
    margin: 0 0 10px 0;
  }
  /** END BANDEAU **/
  /** CONSEILS **/
  #conseil_h {
    padding: 0;
    position: relative;
  }
  #conseil_h:before,
  #conseil_h:after {
    content: "";
    display: inline-block;
    position: absolute;
  }
  #conseil_h:before {
    width: 1433px;
    height: 1022px;
    background: radial-gradient(circle, #e7eef7 0%, #e7eef7 25%, rgba(231, 238, 247, 0) 60%, rgba(231, 238, 247, 0) 100%);
    right: 90px;
    top: -340px;
    opacity: 0.7;
  }
  #conseil_h:after {
    width: 1347px;
    height: 941px;
    background: url(../images/gouttes-eau-top-2x.png) center center no-repeat;
    background-size: 1347px 941px;
    top: -230px;
    left: -180px;
    z-index: -1;
  }
  #conseil_h .conteneur {
    padding: 120px 0 30px 0;
    z-index: 2;
  }
  #conseil_h #titre_sstitre_bes {
    margin-bottom: 100px;
  }
  #conseil_h #titre_sstitre_bes #titre_bes {
    font-size: 3.5em;
    margin-bottom: 35px;
  }
  #conseil_h #titre_sstitre_bes #sstitre_bes {
    font-size: 1.625em;
  }
  #conseil_h #tel_pos {
    flex-direction: row;
    justify-content: center;
  }
  #conseil_h #tel_pos a {
    font-size: 1.875em;
    margin: 0 55px;
  }
  #conseil_h img {
    position: absolute;
  }
  #conseil_h img#conseil1 {
    top: -20px;
    right: 20px;
  }
  #conseil_h img#conseil2 {
    top: 120px;
    left: 130px;
  }
  #conseil_h img#conseil3 {
    top: 285px;
    right: 0;
  }
  /** END CONSEILS **/
  /** AVANTAGES **/
  #avantages_h {
    background: none;
    display: flex;
    padding-top: 55px;
    padding-bottom: 55px;
    min-height: 650px;
    justify-content: center;
    margin-top: 110px;
  }
  #avantages_h:after {
    content: "";
    display: inline-block;
    width: 1347px;
    height: 941px;
    background: url(../images/gouttes-eau-top-2x.png) center center no-repeat;
    background-size: 1347px 941px;
    position: absolute;
    top: -440px;
    right: -360px;
    z-index: -1;
  }
  #avantages_h #visuel_av {
    width: 1165px;
    right: auto;
    left: -670px;
    bottom: auto;
    top: 0%;
    transform: translate(0%, -50%);
    z-index: 2;
  }
  #avantages_h #contenu_avh {
    position: relative;
  }
  #avantages_h #contenu_avh #content_avh {
    padding: 0px 0 50px 37%;
    position: relative;
    z-index: 2;
    top: 40px;
  }
  #avantages_h #contenu_avh:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 77%;
    background: #E7EEF7;
    border-radius: 0 0 50px 0;
    position: absolute;
    z-index: 1;
    bottom: -40px;
  }
  /** END AVANTAGES **/
  /** BESOINS **/
  #besoins_h {
    padding-bottom: 50px;
  }
  #besoins_h #liste_besoinsh .un_besoin {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 80px;
  }
  #besoins_h #liste_besoinsh .un_besoin:nth-of-type(2n) {
    flex-direction: row-reverse;
  }
  #besoins_h #liste_besoinsh .un_besoin:nth-of-type(2n) .contenu {
    padding: 0 0 0 40px;
    text-align: left;
  }
  #besoins_h #liste_besoinsh .un_besoin:nth-of-type(2n) .contenu .titre {
    margin: 0 0 50px -65px;
  }
  #besoins_h #liste_besoinsh .un_besoin:nth-of-type(2n) .contenu .titre:after {
    right: auto;
    left: -25px;
  }
  #besoins_h #liste_besoinsh .un_besoin .visuel {
    width: 620px;
    border-radius: 10px;
    overflow: hidden;
  }
  #besoins_h #liste_besoinsh .un_besoin .contenu {
    flex: 1;
    padding: 0 40px 0 0;
    text-align: right;
    margin: 0;
  }
  #besoins_h #liste_besoinsh .un_besoin .contenu .titre {
    position: relative;
    margin: 0 -65px 50px 0;
  }
  #besoins_h #liste_besoinsh .un_besoin .contenu .titre span {
    position: relative;
    z-index: 2;
  }
  #besoins_h #liste_besoinsh .un_besoin .contenu .titre:after {
    content: "";
    display: inline-block;
    width: 99px;
    height: 113px;
    background: url(../images/hexagone-blanc-2x.png) center center no-repeat;
    background-size: 99px 113px;
    position: absolute;
    top: 50%;
    right: -25px;
    transform: translate(0%, -50%);
  }
  #besoins_h #liste_besoinsh .un_besoin .txt {
    margin: 0 0 40px 0;
  }
  /** END BESOINS **/
}
/* Version > 1600 */
@media (min-width: 1600px) {
  /** AVANTAGES **/
  #avantages_h #visuel_av {
    left: -480px;
  }
  #avantages_h #content_avh #content_avh {
    padding: 0 0 0 32%;
  }
  /** END AVANTAGES **/
}
/* END Version > 1600 */