/*
Theme Name: Redbox Média - Thème Personnalisé
Theme URI: http://redboxmedia.ca/
Description: Ceci est un thème personnalisé créé par Redbox Média
Author: Redbox Média
Author URI: http://redboxmedia.ca/
Template: salient
Version: 1
*/

@font-face {
    font-family: 'hanley_promonoline';
    src: url('fonts/hanley_pro_monoline/hanleypro-monoline-webfont.woff2') format('woff2'),
         url('fonts/hanley_pro_monoline/hanleypro-monoline-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
 
/**** général ***/
#sp-ks8a8s {
    min-height:100vh;
}
.rechaptcha_by_google {
    font-size: 10px !important;
    opacity: .5;
}
img {
  max-width: 100%;
}
html body  {
	font-family: 'Mulish', sans-serif;
	font-size: 21px;
	
	color: #302F63;
	font-weight: 300;
	line-height: 1.2;
}
body .bold, 
body strong, 
body b {
    font-family: 'Mulish', sans-serif;
    font-weight: 800;
}

html body a {
	color: #302F63;
}
html body .light a {
  color: #fff;
}
html body p a {
  text-decoration: underline;
}

html body h1,
html body h2,
html body h3,
html body h4{
	font-family: 'Mulish', sans-serif;

	color: #6C6E70;
	font-weight: 1000;
	line-height: 1.2;
	letter-spacing: 0.03em;
}
html body h1 strong,
html body h2 strong,
html body h3 strong,
html body h4 strong {
	font-family: 'Mulish', sans-serif;
  font-weight: 1000;

}
html body h1,
html body h2 {
  font-size: 48px;
  font-size: clamp(30px,2.5vw,48px);
  color: #FFC952;
  margin-bottom: 46px;
}
html body .light h1,
html body .light h2 {
  color: #fff;
}
.hanley_pro_h2 h2  {
  font-family: "hanley_promonoline", cursive !important;
  font-weight: normal !important;
  line-height: 1;
  letter-spacing: 0;
  margin-bottom: 26px;
}
.hanley_pro_h1 h1 {
  font-family: "hanley_promonoline", cursive !important;
  font-weight: normal !important;
  line-height: 1;
  letter-spacing: 0;
}
html body .vague_jaune h3,
html body .vague_jaune h2 {
  

  margin-bottom: 25px;
  background: url(images/vague-jaune.svg) no-repeat left bottom;
  padding-bottom: 25px;
}
html body h3 {
  color: #302F63;
  font-size: 21px;
}
.li_bold li,
body .text_bold {
  font-weight: 800;
}
body .text_tres_bold {
  font-weight: 1000;
}
body .container {
  max-width: calc(1410px + 40px);
  width: calc(73.5vw + 40px);
}
.wpb_row {
  margin-top: -148px;
      margin-top: -79px;
       margin-top: -115px;
}
.no_neg_marg_top.wpb_row {
  margin-top: 0;
}
.wpb_row:first-child,
.wpb_row.no_marg_top,
.wpb_row .wpb_row{
  margin-top: 0 !important;
}
.wpb_row .wpb_row > .span_12 {
  padding-top: 0;
  padding-bottom: 0;
  
}
.wpb_row > .span_12 {
  padding-top: 82px ;
  padding-bottom: 248px ;
 
}
.pad_bottom.wpb_row > .span_12 {
  
  padding-bottom:82px !important;
 
}

.carriere_info  {
  margin-bottom: 248px !important;
}
.wpb_row.no_pad_top > .span_12 {
  padding-top: 0 ;
 
 
}
.wpb_row.plus_pad_top > .span_12 {
  padding-top: 250px ;
 
 
}
.wpb_row.no_pad_bottom > .span_12 {
 
  padding-bottom: 0 ;
 
}
.wpb_row.moyen_pad_bottom > .span_12 {
 
  padding-bottom:195px ;
      /*padding-bottom: 10vw;*/
 
}
.wpb_row.petit_pad_bottom > .span_12 {
 
  padding-bottom:171px ;
      /*padding-bottom: 8vw;*/
 
}

.wpb_row.tres_petit_pad_bottom > .span_12 {

  padding-bottom: 47px ;
 
}
#nous_trouver.wpb_row > .span_12 {
  padding-bottom:140px ;
}
.premier_row.wpb_row > .span_12 {
  padding-top:195px ;
}
.pad_top_plus.wpb_row > .span_12 {
  padding-top:195px ;
  padding-top:136px ;
      padding-top: 7.2vw !important;
}
.wpb_row > .row-bg-wrap .row-bg{

  -webkit-border-top-left-radius: 7.3vw;
  -webkit-border-top-right-radius: 7.3vw;
  -moz-border-radius-topleft: 7.3vw;
  -moz-border-radius-topright: 7.3vw;
  border-top-left-radius: 7.3vw;
  border-top-right-radius: 7.3vw;
  overflow: hidden;
}
.wpb_row:first-child > .row-bg-wrap .row-bg,
.wpb_row.no_round > .row-bg-wrap .row-bg,
.wpb_row .wpb_row  > .row-bg-wrap .row-bg {
 
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}



.main-content>.row > .wpb_row:nth-child(1) {
  z-index: 10;
}
.main-content>.row > .wpb_row:nth-child(2) {
  z-index: 11;
}
.main-content>.row > .wpb_row:nth-child(3) {
  z-index: 12;
}
.main-content>.row > .wpb_row:nth-child(4) {
  z-index: 13;
}
.main-content>.row > .wpb_row:nth-child(5) {
  z-index: 14;
}
.main-content>.row > .wpb_row:nth-child(6) {
  z-index: 15;
}
.main-content>.row > .wpb_row:nth-child(7) {
  z-index: 16;
}
.main-content>.row > .wpb_row:nth-child(8) {
  z-index: 17;
}
.main-content>.row > .wpb_row:nth-child(9) {
  z-index: 18;
}
.main-content>.row > .wpb_row:nth-child(10) {
  z-index: 19;
}
.main-content>.row > .wpb_row:nth-child(11) {
  z-index: 20;
}
.main-content>.row > .wpb_row:nth-child(12) {
  z-index: 21;
}
.main-content>.row > .wpb_row:nth-child(13) {
  z-index: 22;
}
#nous_trouver #wpsl-wrap #wpsl-result-list ul li .ctas .wpsl-directions,
#nous_trouver #wpsl-search-btn,
body .nectar-button {
  font-family: 'Mulish', sans-serif;
  font-size: 14px !important;
  font-size: clamp(11px,.745vw, 14px) !important;
  font-weight: 1000 !important;
  text-transform: uppercase;
  padding: 17px 27px !important;
  padding: 1.1vw 1.4vw !important;
  text-align: center;
 
}
body #nous_trouver #wpsl-wrap #wpsl-result-list ul li .ctas .nectar-button,
body #nous_trouver #wpsl-wrap #wpsl-result-list ul li .ctas .wpsl-directions {
  /*padding-left: 0 !important;*/
   white-space: nowrap;
   margin-right: 0;
}
body .nectar-button.regular-button.extra-color-3 {
  color: #302F63 !important;
}
body .nectar-button {
      margin-right: 20px;
      position: relative;
      overflow: hidden;
}
body .full-width-section .light .nectar-button:hover, 
body .nectar-button:hover {
  opacity: 1;
}
body .nectar-button {
  
  background-image: url(images/cta_over.svg);
  background-position: center 80px;
  background-repeat: no-repeat;
  -webkit-transition: background-position 500ms ease-out !important;
    -moz-transition: background-position 500ms ease-out !important;
    -o-transition: background-position 500ms ease-out !important;
    transition: background-position 500ms ease-out !important;

}
body.page-template-page-confirmation .nectar-button.extra-color-1 {
  background-size: 100% auto;
}


body .nectar-button.has-icon:before {
  display: none !important;
}
body .nectar-button.extra-color-3:not(.has-icon) {
  background-image: url(images/cta_over_gray.svg) ;
}
body .nectar-button:hover {
  background-position: 50% -50px;
  opacity: 1 !important;
}
body .nectar-button.has-icon{
       padding: 1.1vw 2.4vw !important;
       padding: 1.1vw 26px 1.1vw 19px !important;
       background-image: unset !important;
}
 
body .nectar-button.regular-button.extra-color-3.text_turquoise,
.text_turquoise {
  color: #68C3CD !important;
}
html body.material[data-button-style^=rounded] .nectar-button.has-icon:not([class*=see-through]) i {
  background-color: transparent;
}
body #list_ontario .nectar-button,
.cta_violet.carriere_region .gform_wrapper.gravity-theme .gform_footer input[type=submit] , 
.text_violet {
  color: #302F63 !important;
}
body .nectar-button.regular-button.extra-color-3.text_rouge,
body #list_maritime .nectar-button,
.cta_rouge.carriere_region .gform_wrapper.gravity-theme .gform_footer input[type=submit] , 
.text_rouge {
  color: #EA504C !important;
}
body #list_siege-social .nectar-button,
.cta_jaune.carriere_region .gform_wrapper.gravity-theme .gform_footer input[type=submit] , 
.text_jaune {
  color: #ffc952 !important;
}

.container-wrap {
  margin-top: -127px !important;
  padding-top: 0 !important;
}
body .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner {
  position: relative;
}
body .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner .img_absolut {
  position: absolute;
  top: 0;
  right: 0;
}
body .vc_row.vc_row-flex>.span_12>.vc_column_container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.horizontal_blue_line {
  margin-bottom: 110px !important;
      margin-bottom: 5.5vw!important;
}
.horizontal_blue_line.no_marg_bottom {
  margin-bottom: 0 !important;
}
.horizontal_blue_line > .row-bg-wrap .row-bg {
  background: url(images/vague_bleu.svg) repeat-x left bottom;
}
.horizontal_blue_line > .span_12{
  padding-bottom: 152px !important;
  padding-bottom: 7.9vw !important;
  padding-bottom: 110px !important;
  padding-bottom: 5.6vw !important;
  /*padding-top: 148px !important;*/
}
.back_cta {
  margin-bottom: 74px;
  margin-bottom: 4vw;
}
.back_cta a {
  font-weight: 1000;
  font-size: 14px;
  text-decoration: none;
  text-transform: uppercase;
}
.back_cta a svg {
  -webkit-transition: transform 250ms ease-out ;
  -moz-transition: transform 250ms ease-out ;
-o-transition: transform 250ms ease-out ;
transition: transform 250ms ease-out ;
}

.back_cta a:hover svg{
  transform: translateX(-10px);
}
.text_center_horiz {
  align-items: center !important;
}

.deux_col_a > .vc_column-inner {
  padding-right: 17%;
}
.deux_col_a .img-with-aniamtion-wrap {
  margin-bottom: 45px;
}


.deux_col_b > .vc_column-inner {
  padding-left: 6%;
}
/*.piscine_spa_informations .deux_col_b > .vc_column-inner .wpb_content_element .info,
.deux_col_b > .vc_column-inner .wpb_content_element {
  padding-left: 12%;
}
.deux_col_b > .vc_column-inner .wpb_content_element + .nectar-button {
  margin-left: 12%;
}*/
.piscine_spa_informations .deux_col_b > .vc_column-inner .wpb_content_element {
  padding-left: 0;
}
.deux_col > .span_12 {
  padding-top: 96px!important;
  padding-bottom: 109px !important;

  padding-top: 5vw!important;
    padding-bottom: 2.6vw !important;
    padding-bottom: 52px !important;
}
.home .deux_col > .span_12 {
  padding-top: 0 !important;
}
.deux_col.devenir_detaillant > .span_12 {
  padding-top: 0 !important;
}
/*.deux_col  > .row-bg-wrap .row-bg ,*/
.deux_col  > .span_12{
  background: url(images/vague_turquoise.svg) repeat-x left bottom;
}

.deux_col h3 {
  font-size: 21px;
  color: #FFC952;
  font-weight: 800;
  margin-bottom: 20px !important;
}
.deux_col .deux_col_a {
  background: url(images/vague_turquoise_vertical.svg) repeat-y right top;
  padding-top: 65px;
  padding-bottom: 50px !important;
}
.deux_col .deux_col_b {
  padding-bottom: 50px !important;
  padding-top: 65px;
}
body .gros_h2 h3 {
  font-size: 32px;
  font-size: clamp(21px,1.67vw,32px);
  color: #FFC952;
  text-transform: uppercase;
  font-weight: 300;
  margin-top: 20px;
}


body .divider-wrap .divider-border {
  background-color: transparent;
  height: 8px !important;
   background: url(images/vague_turquoise.svg) repeat-x left bottom;
   margin: 54px 0 !important;
}

body .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border: 1px solid #68C3CD;
    background: transparent;
    opacity: 1;
}
body .swiper-pagination-bullet-active {
    opacity: 1;
    background: #302F63;
   border: 1px solid #302F63;
}
html body.material[data-button-style^="rounded"] .nectar-button.small i.icon-button-arrow {
  font-size: 25px;
  font-size: clamp(18px,1.31vw,25px);
      font-weight: bold;
      -webkit-transition: transform 250ms ease-out ;
    -moz-transition: transform 250ms ease-out ;
    -o-transition: transform 250ms ease-out ;
    transition: transform 250ms ease-out ;
    transform: translateY(-50%) translateX(0px);
}
html body.material[data-button-style^="rounded"] .nectar-button.small:hover i.icon-button-arrow {
      transform: translateY(-50%) translateX(10px);
}
.material .wpb_row.titre_image_texte.first {
  margin-top: 100px !important;
}
html body .row .titre_image_texte h3 {
  font-weight: 300;
  font-size: clamp(21px,1.67vw,32px);
  letter-spacing: 0.03em;
  text-transform: uppercase;
  margin-bottom: 15px;
}
body .titre_image_texte .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner .img_absolut {
      right: -48%;
}
.titre_image_texte .wpb_column:first-child {
  position: relative;
    z-index: 2;
}

/*.wpb_row.top-level > .span_12 ,*/
.page-template-page-carriere #reassurance > .span_12,
.dont_scroll > .span_12,
.carriere_region > .span_12,
  .wpb_row#configurateur > .span_12,
.wpb_row#infolettre > .span_12,
.wpb_row > .span_12 .span_12 {
  transform: unset !important;
  translate: unset !important; 
  rotate: unset !important; 
  scale: unset !important;
}


/**** gallery logos ****/

.gallery_logos {
  display: flex;
  flex-wrap: wrap;
    align-items: center;
        margin-top: 55px;
}
.gallery_logos .un_logo {
  width: 33.333%;
  padding: 0 15px 45px;
  text-align: center;
}
.gallery_logos .un_logo img {
  margin: 0;
  display: inline-block;
}
/**** banner ****/

#banner > .span_12 {
  min-height: 948px;
  min-height: calc(100vh + 55px);
  padding: 0 !important;
  color: #fff;
  flex-direction: row-reverse;
}
body #banner .banner_titre {
  position: relative;
  
}
body .page_confirmation .banner_titre h1:after,
body #banner .banner_titre:after {
  margin-top: 10px;
  content: '';
  display: block;
  width: 80px;
  height: 26px;
  background: url(images/petite_vague_turquoise.svg) no-repeat left bottom;
  background-size: 100% auto;
} 
body .page_confirmation .banner_titre h1:after {
  margin-bottom: ;
}
body #banner h1 a {
  color: #fff;
}
body #banner h1 {
  color: #fff;
  font-size: 71px;
  font-size: clamp(30px,3.7vw,71px);
  text-transform: uppercase;
  margin-bottom: 5px;
}
#banner .column_container:nth-child(2) .vc_column-inner {
  padding: 190px 6% 210px 55px;
      display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
#banner .sous-titre {
  color: #FFC952;
  padding-bottom: 0;
  font-family: "hanley_promonoline", cursive;
  font-weight: normal;
  font-size: 48px;
  font-size: clamp(24px,2.5vw,48px);
  line-height: 1;
  letter-spacing: 0;
}
.les_accessoires .accessoire:before,
.archive_piscine_spa .une_piscine:before,
.animated_reveal:before {
  content: '';
  position: absolute;
  top:0;
  right: 0;
  width: 100%;
  bottom:0 ;
  background-color: #fff;
  z-index: 22;
  display: block ;
  -webkit-transition: all 500ms ease-out ;
    -moz-transition: all 500ms ease-out ;
    -o-transition: all 500ms ease-out ;
    transition: all 500ms ease-out ;
}
.les_accessoires .accessoire.active:before,
.archive_piscine_spa .une_piscine.active:before,
.animated_reveal.active:before {
  width: 0;
} 
.cta_rendez_vous_wrap {
  display: inline-block;
    vertical-align: top;
}

/**** header / menu *****/

html body #header-outer {
  background-color: transparent;
}

body #header-outer #logo {

  background-color: #302F63;
  padding: 25px 45px;
      padding: 1.26vw 2.45vw;
  margin: 0 !important;
  border-bottom: 1px solid #68C3CD;
}
body #header-outer #logo .logo_icon {
  display: none;
}
body #header-outer .logo-spacing {
  margin-top: 0;
  margin-bottom: 0;
  width: 402px;
}
body #header-outer.small-nav #logo {

      
  padding: 20px 45px;
      padding: 1.05vw 45px;
      padding: 20px 26px;
}
body #header-outer.small-nav #logo .stnd {
  display: none;
}
body #header-outer.small-nav #logo .logo_icon {
  display: block;
}
body #header-outer.lighten-logo.transparent #top #logo img.logo_icon {
    opacity: 1!important;
}
body #header-outer[data-full-width=true] header>.container {
  padding-left: 0;
}
#slide-out-widget-area .wrap_sociaux,
#slide-out-widget-area .form_infolettre_off_canvas {
  -webkit-transition: all 10ms ease-out ;
    -moz-transition: all 10ms ease-out ;
    -o-transition: all 10ms ease-out ;
    transition: all 10ms ease-out ;
    opacity: 0;
    transform: translateY(40px);
}
#slide-out-widget-area.open .wrap_sociaux,
#slide-out-widget-area.open .form_infolettre_off_canvas {
  opacity: 1;
  transform: translateY(0);
  -webkit-transition: all 500ms ease-out .5s;
    -moz-transition: all 500ms ease-out .5s;
    -o-transition: all 500ms ease-out .5s;
    transition: all 500ms ease-out .5s;
}
body #header-outer #top .left-aligned-ocm[data-user-set="1"],
body #header-outer #top .left-aligned-ocm[data-user-set="1"] li,
body #header-outer #top .left-aligned-ocm[data-user-set="1"] li div,
html body[data-slide-out-widget-area-style=slide-out-from-right] .slide-out-widget-area-toggle > div,
html body[data-slide-out-widget-area-style=slide-out-from-right] .slide-out-widget-area-toggle {
      display: flex;
    align-items: stretch;
    
}
body #header-outer #top .left-aligned-ocm[data-user-set="1"] li div,
body #header-outer #top .left-aligned-ocm[data-user-set="1"] li {
  height:100%;
}
body #header-outer #top .left-aligned-ocm a {
    display: flex!important;
    align-items: center;
    background: #68C3CD;
    padding: 10px 44px;
    padding: .5vw 2.45vw;
    padding: 10px 35px;
    height: 100%;
    border-bottom: 1px solid #68C3CD;
}
body #header-outer.small-nav #top .left-aligned-ocm a {
  padding: 10px 27px;
}
body #top .slide-out-widget-area-toggle a span {

    width: 50px;
}
html body #header-outer .lines-button.close {
  display: none !important;
}
body .slide-out-widget-area-toggle .lines-button:after,
body .lines:after, 
body .lines:before,
body #header-outer .left-aligned-ocm .lines:before, 
html body #header-outer .slide-out-widget-area-toggle.mobile-icon .lines:before, 
html body[data-slide-out-widget-area-style=slide-out-from-right-hover] .slide-out-widget-area-toggle.mobile-icon .lines:before {
    width: 50px!important;
    height: 3px;
    
}
body #header-outer[data-format=centered-menu] #top .span_9 nav {
      align-items: center;
}
body #header-outer[data-format=centered-menu] #top .span_9 .sf-menu:not(.buttons) {
  -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}
body #header-outer[data-format=centered-menu].side-widget-open #top .span_9 .sf-menu:not(.buttons) {
  display: none !important;
}
body #header-outer[data-format=centered-menu].small-nav #top .span_9 .sf-menu:not(.buttons) {
  transform: translateY(-100px);
  opacity: 0;
}
body #header-outer[data-format=centered-menu] #top .span_9 .sf-menu:not(.buttons) li {
  padding: 20px 5px;
  background-color: #68C3CD;
 
}
body #header-outer[data-format=centered-menu] #top .span_9 .sf-menu:not(.buttons) li:first-child {
  padding-left: 15px;
  -webkit-border-top-left-radius: 100px;
  -webkit-border-bottom-left-radius: 100px;
  -moz-border-radius-topleft: 100px;
  -moz-border-radius-bottomleft: 100px;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
}
body #header-outer[data-format=centered-menu] #top .span_9 .sf-menu:not(.buttons) li:last-child {
  padding-right: 15px;
  -webkit-border-top-right-radius: 100px;
  -webkit-border-bottom-right-radius: 100px;
  -moz-border-radius-topright: 100px;
  -moz-border-radius-bottomright: 100px;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
}
body .slide-out-widget-area-toggle .lines-button.hover-effect:after,
body .lines:after, 
body .lines:before {
  background-color: #302F63 ;
}
body .slide-out-widget-area-toggle .lines-button:after {
  background: transparent;
}
body .slide-out-widget-area-toggle a>span {
  height: 33px;
}
html body #header-outer .lines-button {
    top: 15px;
}
body .sf-menu>li.sfHover:not(.magamenu)>ul:not(.on-left-side) {
  left: auto;
  right: 0;
}
body .lines:before, 
html body[data-slide-out-widget-area-style=slide-out-from-right-hover] .slide-out-hover-icon-effect.slide-out-widget-area-toggle.small .lines:before {
    
    top: 15px;
}
body .lines:after, 
html body[data-slide-out-widget-area-style=slide-out-from-right-hover] .slide-out-hover-icon-effect.slide-out-widget-area-toggle.small .lines:after {
    top: -15px;
}
body #top nav .sf-menu .menu-item > a .sf-sub-indicator i {
  color: #fff;
  font-weight: bold;
}
body #top nav .sf-menu .current_page_item > a .sf-sub-indicator i {
  color: #302F63 !important;
}
body #top nav .sf-menu  .sfHover > a .sf-sub-indicator i {
  color: #302F63 !important;
}
body #top nav>ul>li>a {
  color: #fff;
  font-weight: 1000;
  text-transform: uppercase;
  line-height: 1;


}
body #header-outer.transparent #top nav>ul>li[class*=button_solid_color]>a:before, 
body #top .slide-out-widget-area-toggle[data-custom-color=true] a:before, 
body #top nav>ul>li[class*=button_solid_color]>a:before {
  height: 44px;
}
#header-outer:not([data-format=centered-menu-under-logo]):not([data-format=centered-menu-bottom-bar]) #top nav>ul>li[class*=button_].cta_soumission >a:before{
  background-color: #EA504C !important;
}

body #header-outer[data-lhe="default"] #top nav > ul > li > a:hover, 
body #header-outer[data-lhe="default"] #top nav .sf-menu > .sfHover:not(#social-in-menu) > a, 
body #header-outer[data-lhe="default"] #top nav .sf-menu > .current-menu-item > a, 
body #header-outer[data-lhe="default"] #top nav .sf-menu > .current_page_ancestor > a, 
body #header-outer[data-lhe="default"] #top nav .sf-menu > .current-menu-ancestor > a, 
body #header-outer[data-lhe="default"] #top nav .sf-menu > .current_page_item > a, 
body #header-outer[data-lhe="default"] #top nav > ul > .button_bordered > a:hover, 
body #header-outer[data-lhe="default"] #top nav > .sf-menu > .button_bordered.sfHover > a, 
body #header-outer:not(.transparent) .nectar-mobile-only.mobile-header a:hover, 
body #header-outer:not(.transparent) .nectar-mobile-only.mobile-header li[class*="current"] a {
    color: #302F63 !important;
}
html body.material #header-outer.transparent .slide-out-widget-area-toggle a .close-line,
html body.material.mobile #header-outer.transparent:not([data-permanent-transparent="1"]) header .slide-out-widget-area-toggle a .close-line {
  background: #302F63 !important;
}



body #header-outer[data-lhe=default] #top nav>ul>li[class*=button_solid_color]>a {
  padding-top: 20px !important;
  padding-bottom: 20px!important;
}
body #header-outer[data-lhe=default] #top nav>ul>li[class*=button_solid_color].button_solid_color>a {
  background: #68c3cd !important;
  position: relative;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  overflow: hidden;
}
body #header-outer[data-lhe=default] #top nav>ul>li[class*=button_solid_color].cta_soumission>a {
  background: #EA504C !important;
}
body.page-id-1883 #header-outer[data-lhe=default] #top nav>ul>li[class*=button_solid_color].cta_soumission>a,
body.page-id-219 #header-outer[data-lhe=default] #top nav>ul>li[class*=button_solid_color].cta_soumission>a {
  background: #fff !important;
  color: #EA504C !important;
}
body #header-outer[data-lhe=default] #top nav>ul>li[class*=button_solid_color].button_solid_color_2>a {
  background: #302f63 !important;
  position: relative;
   -webkit-border-radius:30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  overflow: hidden;
} 
body #top .slide-out-widget-area-toggle a span .lines-button.hover-effect {
    left: 0;
   
}
body #header-outer[data-lhe=default].side-widget-open #top nav>ul>li[class*=button_solid_color].button_solid_color_2>a {
background: #68C3CD !important;
}
body #top .slide-out-widget-area-toggle:not(.small) a .close-wrap {
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    transform-origin: center;
}
body #header-outer:not([data-format=centered-menu-under-logo]):not([data-format=centered-menu-bottom-bar]) #top nav>ul>li[class*=button_]>a:before {
  display: none;
}
body #header-outer[data-lhe=default] #top nav>ul>li[class*=button_solid_color].button_solid_color_2>a:after,
body #header-outer[data-lhe=default] #top nav>ul>li[class*=button_solid_color].button_solid_color>a:after {
  content: '';
  display: block;
  position: absolute;
  left: -10px;
  right: -10px;
  top: 101%;
  height: 300%;
  background: url(images/cta_over.svg) no-repeat center top;
  -webkit-transition: top 500ms ease-out ;
    -moz-transition: top 500ms ease-out ;
    -o-transition: top 500ms ease-out ;
    transition: top 500ms ease-out ;

}
body #header-outer[data-lhe=default] #top nav>ul>li[class*=button_solid_color].button_solid_color_2>a:hover:after,
body #header-outer[data-lhe=default] #top nav>ul>li[class*=button_solid_color].button_solid_color>a:hover:after {
  top:-200%;
}
body .portfolio-items[data-ps="7"] .col[data-default-color="true"] .work-item:not(.style-3) .work-info-bg {
  background-color: transparent !important;
}

/** menu burger ***/
body #header-outer:not(.transparent) #top .slide-out-widget-area-toggle .close-line,
html body.mobile.material[data-header-color=light] #header-outer .slide-out-widget-area-toggle a .close-line,
html body.mobile.material[data-header-color=light] #header-outer.transparent .slide-out-widget-area-toggle a .close-line {
    background-color: #302F63 !important;
}
body #slide-out-widget-area .inner>.container {
  margin-bottom: 50px;
}

body .fullscreen-inline-images .nectar-ocm-image-wrap-outer {
    background-color: #302F63;
  }

#slide-out-widget-area .container {
  display: flex;
  text-align: left;
}
#slide-out-widget-area .container .off-canvas-menu-container {
  padding: 0 15px;
}
#slide-out-widget-area .container .off-canvas-menu-container.col_1 {
  width: 40%;
}
#slide-out-widget-area .container .off-canvas-menu-container.col_2 {
  width: 30%;
}
#slide-out-widget-area .container .off-canvas-menu-container.col_3 {
  width: 30%;
      display: flex;
    flex-direction: column;
    justify-content: space-between;
}
body #slide-out-widget-area .inner .off-canvas-menu-container form h3 {
    color: #fff;
}
body #slide-out-widget-area .off-canvas-menu-container .menu,
body #slide-out-widget-area .off-canvas-menu-container .menu ul {
      justify-content: center;
    flex-direction: column;
    align-items: flex-start;
}
body #slide-out-widget-area .inner .off-canvas-menu-container li {
  line-height: 1;
}
body #slide-out-widget-area .inner .off-canvas-menu-container li a {
  font-size: 21px ;
  font-weight: 300;
  margin: 0 0.1em;
  font-family: 'Mulish', sans-serif;
  line-height: 1.2;
}
body #slide-out-widget-area .inner .off-canvas-menu-container li.lien_mobile {
  display: none !important;
}
body #slide-out-widget-area .inner .off-canvas-menu-container li.wpml-ls-item a {
  font-weight: 800;
}
body #slide-out-widget-area .inner .off-canvas-menu-container li.accent {
  margin-top: 16px;
}
body #slide-out-widget-area .inner .off-canvas-menu-container li.accent:first-child {
  margin-top: 0;
}
body #slide-out-widget-area .inner .off-canvas-menu-container li.accent a {
  font-size: 32px ;
  font-size: clamp(21px,1.67vw,32px);
  text-transform: uppercase;
}



body #slide-out-widget-area .inner .off-canvas-menu-container.col_2 li {
  margin-bottom: 20px;
}
body #slide-out-widget-area.fullscreen-inline-images .inner {
  padding: 60px 0 17px;
  padding-left: 4.7%;
  padding-right:4.7% ;
}
body #slide-out-widget-area.fullscreen-inline-images .inner > .container {
  /*padding-left: 9.4%;
  padding-right:9.4% ;*/
  max-width: 1204px;
  width: 85%;
}
body #slide-out-widget-area.fullscreen-inline-images .inner .bottom-meta-wrap {
  background: url(images/vague_blanche.svg) repeat-x left top;
  padding-top: 50px;
}

#slide-out-widget-area .wrap_sociaux #social {
  display: flex;
}
#slide-out-widget-area .wrap_sociaux #social li {
  padding: 0 12px;
}
#slide-out-widget-area .wrap_sociaux #social li:first-child {
  padding-left: 0;
}
#slide-out-widget-area .wrap_sociaux #social li a {
  border: 1px solid #fff;
  background-color: #fff;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: flex;
  align-items: center;
    justify-content: center;
    color: #302F63;
    font-size: 19px;
      -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}
#slide-out-widget-area .wrap_sociaux #social li a:hover {
  background: transparent;
  color: #fff;
}
#slide-out-widget-area .wrap_sociaux #social li a .fa {
  top: 0;
}
#slide-out-widget-area .wrap_sociaux #social li:first-child a {
  align-items: flex-end;
  font-size: 26px;
}
#slide-out-widget-area .wrap_sociaux #social li:first-child a .fa {
  top: 4px;
}
#slide-out-widget-area .wrap_sociaux #social li:nth-child(2) a {
  
  font-size: 17px;
}

.inner .bottom-meta-wrap .footer-menu-burger li{
  display: inline-block;
  margin-right: 19px;
  margin-bottom: 19px;
}
.inner .bottom-meta-wrap .footer-menu-burger li a{
  font-weight: 500;
  font-size: 14px;
  

  
}
.form_infolettre_off_canvas .gform_footer input {
  width: 100%;
}

html body[data-form-submit="regular"] .off-canvas-menu-container input[type=submit] {
  background-color: #68C3CD;
  max-width: unset;
  min-width: unset;
  
}
html body[data-form-submit="regular"] input[type=submit],
html body[data-form-submit="regular"] .off-canvas-menu-container input[type=submit] {
  background-size: 100%;
  background-image: url(images/cta_over.svg) ;
  background-position: center 80px;
  background-repeat: no-repeat;
  -webkit-transition: background-position 500ms ease-out ;
    -moz-transition: background-position 500ms ease-out ;
    -o-transition: background-position 500ms ease-out ;
    transition: background-position 500ms ease-out ;
    min-width: 210px;

}
html body[data-form-submit="regular"] input[type=submit]:hover,
html body[data-form-submit="regular"] .off-canvas-menu-container input[type=submit]:hover {
  background-position: 50% -50px;
  opacity: 1 !important;
}
body #slide-out-widget-area .off-canvas-menu-container li a .wrap:after {
  border: 0;
    height: 6px;
    background: url(images/mini-vague-blanche.svg) no-repeat right bottom;
    bottom: -3px;
        transition: unset;
}
body #slide-out-widget-area .off-canvas-menu-container .menu li a .wrap {
   
    padding: 0 0 5px;
}


html body #top .effect-shown .lines-button:after, 
html body #top .effect-shown .lines:after, 
html body #top .effect-shown .lines:before, 
html body #top .slide-out-widget-area-toggle a:hover .lines-button:after, 
html body #top .slide-out-widget-area-toggle a:hover .lines:after, 
html body #top .slide-out-widget-area-toggle a:hover .lines:before {
    transform: translateX(0);
}
html body #top .slide-out-widget-area-toggle a:hover .lines-button.hover-effect:after {
  transform: translateX(-30px);
}



body .sf-menu>li ul.sub-menu {
    padding: 40px 20px 20px;
    width: 650px;
        box-shadow:unset !important;
    background: transparent !important;
    border: unset !important;
  

}

body .sf-menu>li.menu-item-has-children.first ul.sub-menu {
  display: flex;
  flex-direction: column;
  width: 260px;  
}

body .sf-menu>li.menu-item-has-children.first  ul.sub-menu li {
  width: 80%;
}

body .sf-menu>li ul.sub-menu:after {
  content: '';
  position: absolute;
  display: inline-block;
  top: 20px;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 28px;
  background: #68C3CD;
}
body .sf-menu>li ul.sub-menu li {
  float: left !important;
  width: 50%;
  padding: 0 0 5px !important;
}
body #header-outer .sf-menu li ul li.menu-item a,
body #header-outer .sf-menu li ul li a{
  font-family: 'Mulish';
  font-weight: 1000;
  font-size: 14px;
  text-transform: uppercase;
  color: #FFFFFF;

}
body #header-outer .sf-menu li ul li.menu-item.current-menu-item a,
body #header-outer .sf-menu li ul li.current-menu-item a,
body #header-outer .sf-menu li ul li.menu-item a:hover,
body #header-outer .sf-menu li ul li a:hover {
    color: #302F63 !important;
}
html body .sf-sub-indicator [class*=" icon-"] {
  color: #fff;
}

#slide-out-widget-area.open .off-canvas-menu-container .menu > li:nth-child(12) > a .wrap {
    transition-delay: 0.94s;
}

#slide-out-widget-area.open .off-canvas-menu-container .menu > li:nth-child(13) > a .wrap {
    transition-delay: 0.98s;
}

#slide-out-widget-area.open .off-canvas-menu-container .menu > li:nth-child(14) > a .wrap {
    transition-delay: 1.02s;
}


/**** form général  ***/
body .gform_wrapper.gravity-theme .gform_footer, 
body .gform_wrapper.gravity-theme .gform_page_footer {
  position: relative;
}
body .gform_required_legend {
  display: none;
}
.input-disabled{
    background-color:#C1C8C1 !important;
    border:1px solid #ABADB3;
    padding:2px 1px;
}
.remove_address_city_zip{
    pointer-events: all !important;
    opacity: inherit !important;
}

body .gform_wrapper .gform_ajax_spinner {

  position: absolute;
  top: 75px;
  right: 0;
}
body .gform_wrapper .form_infolettre .gform_ajax_spinner {
   top: 75px;
}
body .custom_select .selected-items,
body .configurateur_piscine .selected-items,
body input[type=date], 
body input[type=email], 
body input[type=number], 
body input[type=password], 
body input[type=search], 
body input[type=tel], 
body input[type=text], 
body input[type=url], 
body textarea {
  background-color: #fff !important;
  height: 54px;
  padding: 15px !important;
  font-size: 14px !important;
  border: 3px solid transparent;
  color: #302F63;
  border-radius: 4px;
}
body textarea {
  height: 155px;
}


body .input_fillet input[type=date], 
body .input_fillet input[type=email], 
body .input_fillet input[type=number], 
body .input_fillet input[type=password], 
body .input_fillet input[type=search], 
body .input_fillet input[type=tel], 
body .input_fillet input[type=text], 
body .input_fillet input[type=url], 
body .input_fillet textarea {
  border: 1px solid #302F63;
}
body .gform_wrapper.gravity-theme .gfield textarea.large {
    height: 155px;
}
body .gform_wrapper.gravity-theme.form_telechargement_guide_wrapper .gform_fields {
    grid-column-gap: 5%;
}
body button[type=submit],
body input[type=button],
body input[type=submit] {
  height: 54px;
  font-size: 14px !important;
  font-size: clamp(13px,.745vw, 14px) !important;
  font-weight: 1000 !important;
  text-transform: uppercase;
  font-family: 'Mulish';
  padding: 7px 25px;
  -webkit-appearance: none;
-webkit-border-radius: none;
}
.light .gform_wrapper .gfield_required {
  color: #fff;
}
body .gform_wrapper .gfield_required {
  color: #302f63;
}

body .gform_wrapper.gravity-theme .gform_validation_errors>h2 {
  font-size: 14px !important;
      text-transform: none;
    font-weight: bold;
}
body .gform_footer {
      justify-content: flex-end;
}
html body[data-form-submit="regular"] input[type=submit],
html body[data-form-submit="regular"] input[type=button] {
  background-color: #302F63;
 /* width: 100%;
  max-width: 210px;*/
  
}
body .gform_wrapper.gravity-theme .ginput_complex .ginput_container_date {
      flex-basis: unset;
}
body select {

  background-color: #fff !important;
  height: 54px;
  padding: 15px !important;
  border: 1px solid #302F63;
  font-size: 14px !important;
  font-size: clamp(13px,.745vw, 14px) !important;
  font-family: 'Mulish', sans-serif;
}
body .ginput_container_select  {
  background: #fff;
  position: relative;
  border-radius: 4px;
}
body .ginput_container_select:after {
  content: url(images/select-arrow.svg);
  display: block;
  position: absolute;
  width: 20px;
  top: 50%;
  right: 10px;
  margin-top: -3px;
  font-size: 0;
} 
body .ginput_container_select select {
  background: transparent !important;
  /* for Firefox */
  -moz-appearance: none;
  /* for Chrome */
  -webkit-appearance: none;
  appearance: none;
}
/* For IE10 */
body .ginput_container_select select::-ms-expand {
  display: none;
}
body .form_postuler_wrap {
  margin-bottom: 65px;
 
}
body .form_postuler {
   max-width: 1140px;
}
body .form_postuler_wrap select {
  border: 0;
}
body .gform_wrapper.gravity-theme .ginput_complex label,
html body .gform_wrapper .top_label .gfield_label {
   
  font-family: 'Mulish', sans-serif;

    font-weight: 800;
    font-size: 14px;
    padding-right: 15px;
}
body .gform_wrapper.gravity-theme .ginput_complex label {
      margin-top: 20px;
    margin-bottom: 6px;
}
body .gform_wrapper.gravity-theme .configurateur_piscine .ginput_complex label {
      margin-top: 5px;
    margin-bottom: 6px;
   /* font-size: 11px;*/
}
body .gform_wrapper.gravity-theme .ginput_container_address span {
  margin-bottom: 8px;
}

body .span_12.light input[type=date], 
body .span_12.light input[type=email], 
body .span_12.light input[type=password], 
body .span_12.light input[type=search],
body .span_12.light input[type=tel], 
body .span_12.light input[type=text], 
body .span_12.light input[type=url], 
body .span_12.light select, 
body .span_12.light textarea {
    font-size: 14px;
    color: #302F63;
}
.configurateur_piscine .gfield_date_dropdown_day {
  display: none;
}   /* 
.configurateur_piscine .gfield--type-address .address_zip input,
.configurateur_piscine .gfield--type-address .address_city input {
  opacity: .7;
  pointer-events: none;
}*/
body .gform_wrapper.gravity-theme .gfield_required {
  color: #fff;
}
body .gform_wrapper.gravity-theme .form_contact .gfield_required,
body .gform_wrapper.gravity-theme .configurateur_piscine .gfield_required {
  color: #302F63;
}
body.single-service .gform_wrapper.gravity-theme .gfield_required,
body .gform_wrapper.gravity-theme .form_detaillant .gfield_required,
body .gform_wrapper.gravity-theme .form_rendez_vous .gfield_required {
  color: #302F63;
}
body .gform_wrapper.gravity-theme .gfield_validation_message, 
body .gform_wrapper.gravity-theme .validation_message {
    background: transparent;
    border: unset;
    margin-top: 0;
    padding: 4px 15px;
    display: none;
}


body .gform_wrapper.gravity-theme .gform_validation_errors {
    background: transparent;
    border: unset;
    box-shadow: unset;
    padding: 10px 0;
    z-index: 22;

}
body .gform_wrapper.gravity-theme .gfield_error .gfield_required ,
body .gform_wrapper.gravity-theme .gfield_error .gfield_repeater_cell label, 
body .gform_wrapper.gravity-theme .gfield_error label, 
body .gform_wrapper.gravity-theme .gfield_error legend, 
body .gform_wrapper.gravity-theme .gfield_validation_message, 
body .gform_wrapper.gravity-theme .validation_message, 
body .gform_wrapper.gravity-theme .gform_validation_errors>h2 {
  color: #EA504C;
}
body .gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
    border: 3px solid #EA504C;
}
body .gform_wrapper.gravity-theme [aria-invalid=true]+label, 
body .gform_wrapper.gravity-theme label+[aria-invalid=true] {
  color: #302F63;
}

body .fond_rouge .gform_wrapper.gravity-theme .gfield_error .gfield_required ,
body .fond_rouge .gform_wrapper.gravity-theme .gfield_error .gfield_repeater_cell label, 
body .fond_rouge .gform_wrapper.gravity-theme .gfield_error label, 
body .fond_rouge .gform_wrapper.gravity-theme .gfield_error legend, 
body .fond_rouge .gform_wrapper.gravity-theme .gfield_validation_message, 
body .fond_rouge .gform_wrapper.gravity-theme .validation_message, 
body .fond_rouge .gform_wrapper.gravity-theme [aria-invalid=true]+label, 
body .fond_rouge .gform_wrapper.gravity-theme label+[aria-invalid=true],
body .fond_rouge .gform_wrapper.gravity-theme .gform_validation_errors>h2 {
  color: #730B08;
}
body .fond_rouge .gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
    border: 3px solid #730B08;
}
.gform_wrapper.gravity-theme .form_rendez_vous .gform_previous_button.button {
  background-image: url(images/arrow-bleu-small-left.svg);
  background-repeat: no-repeat;
  background-position: 10px 50%;
    -webkit-transition: background-position 250ms ease-out;
  -moz-transition: background-position 250ms ease-out;
  -o-transition: background-position 250ms ease-out;
  transition: background-position 250ms ease-out;
  padding-left: 35px;
}
.gform_wrapper.gravity-theme .form_rendez_vous .gform_previous_button.button:hover  {
  background-position: 0 50%;
}

.autodetect-location
{
    display:none;
}

/**** accueil *****/


/** slider haut **/
.accueil_slider > .span_12 {
  padding: 0 !important;
}
.accueil_slider .slider_accueil .swiper-slide {
  min-height: calc(100vh + 148px);
  display: flex;

    flex-direction: row-reverse;
     background-color: #302f63;

}
.accueil_slider .slider_accueil .swiper-slide .text {
  padding: 155px 3vw 210px;
  width: 50%;
  color: #fff;
  display: flex;
  flex-direction: column;
      justify-content: flex-end;
}
.accueil_slider .slider_accueil .swiper-slide .video {
  position: relative;
}
.accueil_slider .slider_accueil .swiper-slide .video video {
      left: 0;
    position: absolute;
    top: 0;
    width: 100%;
        height: 100%;
    object-fit: cover;
}
.accueil_slider .slider_accueil .swiper-slide .video,
.accueil_slider .slider_accueil .swiper-slide .image {
  width: 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 74% 50%;
  background-repeat: no-repeat;

}
.accueil_slider .slider_accueil .swiper-slide .text .titre {
  color: #fff;
  text-transform: uppercase;
  font-weight: 1000;
  font-size: 71px;
 font-size: clamp(32px,3.7vw,71px);
  padding-bottom: 5px;
}
.accueil_slider .slider_accueil .swiper-slide .text .sous-titre {
  color: #FFC952;
  padding-bottom: 0;
  font-family: "hanley_promonoline", cursive;
  font-weight: normal;
  font-size: 48px;
  font-size: clamp(26px,2.5vw,48px);
  line-height: 1;
}
.accueil_slider .slider_accueil .swiper-slide .text .descip {
 max-width: 404px;
 width: 90%;
 margin-bottom: 28px;
}
.slider_accueil .swiper-button-next, 
.slider_accueil .swiper-button-prev {
  top:unset;
  bottom: 210px;
  width: 54px;
  height: 54px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: flex;
}
.slider_accueil .swiper-button-next {
  right: 52px;
}
.slider_accueil .swiper-button-prev {
  right: 126px;
  left: unset;
}
.slider_accueil .swiper-button-next:after, 
.slider_accueil .swiper-button-prev:after {
  display: none;
}

.slider_accueil .swiper-button-next:before, 
.slider_accueil .swiper-button-prev:before {
  content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    z-index: -1;
  box-shadow: inset 0 0 0 35px #fff;
      -webkit-transform: scale3d(0.9, 0.9, 1);
      transform: scale3d(0.9, 0.9, 1);
      -webkit-transition: box-shadow 0.3s, -webkit-transform 0.3;
      transition: box-shadow 0.3s, transform 0.3s;
}
.slider_accueil .swiper-button-next:hover svg path, 
.slider_accueil .swiper-button-prev:hover svg path {
  fill:#fff ;
  position: relative;
  z-index: 0;
}
.slider_accueil .swiper-button-next:hover:before, 
.slider_accueil .swiper-button-prev:hover:before  {
  box-shadow: inset 0 0 0 2px #fff;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}


/** incitatif **/
.incitatif .nectar-button {
  margin-right: 25px;
      margin-right: 1.6vw;
}
.incitatif .nectar-button:last-child {
  margin-right: 0;
}
.incitatif .texte>.vc_column-inner {
  position: relative;
  display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
}
.incitatif .texte>.vc_column-inner>.wpb_wrapper {
  padding: 35px;
 padding: 3.7vw;
 padding: 1vw 2vw;
  
}

.incitatif .texte .titre_incitatif {
  position: absolute;
  top:2vw;
  left: 2vw;
  right: 2vw;
  padding-bottom: 115px;
}

body .incitatif.inscitatif_plus .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img {
      margin-left: auto;
}
body .incitatif.inscitatif_plus.plus_gauche .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img {
  margin-left: unset;
      max-width: 89%;
}
.incitatif .texte h2 {
  color: #fff;
  text-transform: uppercase;
  max-width: 80%;
}
.incitatif .texte p {
  color:#fff;
}
.incitatif.inscitatif_plus .texte>.vc_column-inner>.wpb_wrapper {
  padding: 35px;
  padding: 3.7vw;
 
  
}
.incitatif.inscitatif_plus .texte .titre_incitatif {

  top:3.7vw;
  left: 3.7vw;
  right: 3.7vw;
  padding-bottom: 155px;
}
.incitatif.inscitatif_plus.non_absolute .texte .titre_incitatif {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  padding-bottom: 0;
}
.incitatif.inscitatif_plus.non_absolute .texte>.vc_column-inner>.wpb_wrapper {
  padding-right: 15px;
}
body .incitatif.inscitatif_plus .image > .vc_column-inner {
  overflow: hidden;
}
body .incitatif.inscitatif_plus .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img.gros_flotteur {
      margin-top: -20%;
    margin-right: -4%;
}

.incitatif.inscitatif_plus .texte h2 {
  max-width: unset;
  font-size: 71px;
  font-size: clamp(37px,3.7vw,71px);

}
.incitatif .image>.vc_column-inner {
  
  justify-content: center;
}


/** slider temoignages **/

.les_temoignages {
  overflow: hidden;
}
.les_temoignages .wpb_column:first-child {
  z-index: 1;
}
.slider_testimonials {
  position: relative;
}

.slider_testimonials:before {
  content: '';
  position: absolute;
  top: 0;
  left: -75%;
  bottom: 0;
  width: 75%;
  display: block;
  background: #fff;
  background: #fff;
    z-index: 0;
}
.slider_testimonials .swiper-wrapper {
  z-index: -1;
  min-height: 158px;
}
.slider_testimonials .le_temoignage {
  color: #302F63;
  font-size: 21px;
}

.slider_testimonials .le_temoignage .temoignage {
  
  font-weight: 1000;
  margin-bottom: 22px;
}
.slider_testimonials .le_temoignage .temoigneur {
  font-weight: 300;
}
.slider_testimonials .swiper-slide {
  background: #fff;
}
.slider_testimonials .swiper-button-next, 
.slider_testimonials .swiper-button-prev {
  top:unset;
  bottom: -22px;
  width: 54px;
  height: 54px;
  
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: flex;
 
}
.slider_testimonials .swiper-button-next {
  left: calc(-58% - 54px);
  left: -63%;
  right: unset;
}
.slider_testimonials .swiper-button-prev {
  left: -74%;
  
}

.slider_testimonials .swiper-button-next:before, 
.slider_testimonials .swiper-button-prev:before {
  content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    z-index: -1;
  box-shadow: inset 0 0 0 35px #302F63;
      -webkit-transform: scale3d(0.9, 0.9, 1);
      transform: scale3d(0.9, 0.9, 1);
      -webkit-transition: box-shadow 0.3s, -webkit-transform 0.3;
      transition: box-shadow 0.3s, transform 0.3s;
}
.slider_testimonials .swiper-button-next svg path, 
.slider_testimonials .swiper-button-prev svg path {
    fill: #fff;
}
.slider_testimonials .swiper-button-next:hover svg path, 
.slider_testimonials .swiper-button-prev:hover svg path {
  fill:#302F63 ;
  position: relative;
  z-index: 0;
}
.slider_testimonials .swiper-button-next:hover:before, 
.slider_testimonials .swiper-button-prev:hover:before  {
  box-shadow: inset 0 0 0 2px #302F63;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.slider_testimonials .swiper-button-next:after, 
.slider_testimonials .swiper-button-prev:after {
  display: none;
}
.les_temoignages > .span_12{
     padding-top: 148px !important;
         padding-top: 7.7vw !important;
          padding-top: 6vw !important;
  
}





.subline {
  margin-bottom: 25px;
  margin-top: 25px;
}
.incitatif > .span_12,
.offres > .span_12 {
  min-height: 600px;
  min-height: 31.3vw;
}

.offres .vc_column-inner {
  padding: 35px;
  padding: 1.85vw;
}
.offres .vc_column-inner h3 {
  color: #fff;
  font-weight: 300;
  font-size: 32px;
  font-size: clamp(21px,1.67vw,32px);
  text-transform: uppercase;
}


/*** form guide ****/
#guide > .span_12 {
  background: url(images/pinguin.svg) no-repeat left bottom;
  background-size: 358px !important;
  background-size: 18.6vw !important;
 
}
#guide h2 {
 margin-bottom: 22px;
}
#guide h3 {
  font-size: 32px;
      font-size: clamp(21px,1.67vw,32px);
  font-weight: 300;
  color: #FFC952;
  text-transform: uppercase;
}

#guide > .span_12 {
      padding-left: 18%;
    padding-right: 9%;
}

#guide .titre_form {
  padding-bottom: 80px;
  padding-bottom: 0;
  /*background: url(images/ligne_form_guide.svg) no-repeat left bottom;*/
}
.form_telechargement_guide_wrapper {
  padding-left: 146px;
  padding-right: 27px;
  text-align: left;
  padding-bottom: 86px;

  padding-left: 7.7vw;
  padding-right: 1.4vw;
      padding-left: 3.7vw;
    padding-right: 3.7vw;

  padding-bottom: 4.4vw;
  background: url(images/ligne_form_guide.svg) no-repeat left bottom;
      margin-bottom: 15vw !important;
}
.form_telechargement_guide{
  display: flex;
}
.form_telechargement_guide .gform_body {
  width: 64%;
}
.form_telechargement_guide .gform_footer {
  width: 36%;
  padding-left: 28px !important;
  padding-top: 39px !important;
}
.form_telechargement_guide .gform_footer input[type=submit] {
  width: 100%;
  text-align: center;
  background-color: #302F63 !important;
  max-width: unset;
}


/*** trouver **/

#trouver > .span_12 {
      padding-left: 9%;
    padding-right: 9%;
}
#trouver .nectar-button {
  margin-right: 0;
}

.visite_iframe .wpb_wrapper {
  position: relative;
  padding-top: 50%;
}
.visite_iframe .wpb_wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;

  height: 100%;
}


/** articles ****/
.slider_post.swiper {
  padding: 0 1.5%;
  width: 100%;
}
.bottom_vague_turquoise > .row-bg-wrap .row-bg,
#articles  > .row-bg-wrap .row-bg {
  background: url(images/vague_turquoise.svg) repeat-x left bottom;
  min-height: 8px;
}
#articles > .span_12 {
  /*padding-bottom: 62px;*/
}
.articles ,
#articles .blog-recent {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1.5%;
  align-content: space-between;
}
.articles .un_post,
#articles .blog-recent .col {
    
    float: none;
    margin-right: 0;
    padding: 0 1.5%;
    width: 33.333%;
    text-align: left;
}
.articles .un_post {
  margin-bottom: 67px;
}
.articles .swiper .un_post {
  width: 100%;
  padding: 0;
}
.articles > .un_post:first-child {
  margin-bottom: 62px;
}
#articles .cta_mobile {
  display: none;
}

.articles .un_post .photo .wrap_photo {
  -webkit-background-size: cover ;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 87%;
}
.articles .un_post .wrap  {
  position: relative;
  

}
.articles .un_post .wrap a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 2;

}
.articles .un_post .infos {
  padding: 20px 12px;
}
.articles .un_post .infos h3 {
  font-size: 21px;
  margin-bottom: 20px;
  font-weight: 300;
}
.articles .un_post .infos .date {
  font-size: 11px;
  color: #68C3CD;
  margin-bottom: 8px;
}

.articles .un_post .infos .cta {

}
.articles .un_post .infos .cta  {
  color: #302F63;
  font-size: 14px;
  font-weight: 1000;
  text-transform: uppercase;
}
.articles .un_post .infos .cta svg {
  margin-left: 5px;
  position: relative;
    top: 2px;
    -webkit-transition: transform 250ms ease-out;
  -moz-transition: transform 250ms ease-out;
  -o-transition: transform 250ms ease-out;
  transition: transform 250ms ease-out;
}
.articles .un_post .wrap:hover .infos .cta svg {
  transform: translateX(10px);
}


.articles > .un_post:first-child,
#articles .blog-recent .col:first-child {
  width: 100%;
 
}
.articles > .un_post:first-child .wrap {
   display: flex;
}
.articles > .un_post:first-child .photo {
  width: 48.5%;
  margin-right: 1.5%;
}
.articles > .un_post:first-child .infos {
  width: 58.5%;
  margin-left: 1.5%;
  padding-left: 3%;
  padding-left: 2%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    background: url(images/vague_turquoise.svg) repeat-x left top;
    position: relative;
}
.articles > .un_post:first-child .infos:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 10px;
   background: url(images/vague_turquoise.svg) repeat-x left bottom;
}
.articles > .un_post:first-child .infos h3 {
  font-size: 32px;
  font-size: clamp(21px,1.67vw,32px);
  text-transform: uppercase;
}
.articles > .un_post:first-child .infos .excerpt {
  margin-bottom: 25px;
}


.slider_post .swiper-pagination {
      position: relative;
      display: none;
}
.articles .pagination {
  width: 100%;
  text-align: center;
}
.articles .pagination .page-numbers {
  display: inline-block;
  vertical-align: middle;
  padding: 0 2px;
  margin: 0 10px;
  color: #302F63;
}
.articles .pagination .page-numbers:hover {
  font-weight: 1000;
}
.articles .pagination .page-numbers.current {
  color: #68C3CD !important;
  font-weight: 1000;
}
.articles .pagination .page-numbers.prev svg ,
.articles .pagination .page-numbers.next svg {
  width: 8px !important;
  height: auto;

}
.articles .pagination .page-numbers.prev svg path ,
.articles .pagination .page-numbers.next svg path {
  fill: #302F63;

}

/** a propos **/


#a_propos .deux_col_a .img-with-aniamtion-wrap .img-with-animation{
  float: right;
  margin-right: -10%;
  margin-top: -125px;
  max-width: 142px;
}







/** badges **/
#badges > .span_12 {
  /*padding-top: 102px!important;
  padding-top: 5.3vw!important;*/

  
}


/** infolettre **/
.infolettre .titre_form {
    padding-bottom: 80px;
    background: url(images/ligne_form_infolettre.svg) no-repeat 84% bottom;
    padding-left: 9%;
    padding-right: 9%;
}
.infolettre h2 {
 margin-bottom: 22px;
}
.infolettre h3 {
  font-size: 32px;
  font-size: clamp(21px,1.67vw,32px);
  font-weight: 300;
  color: #FFC952;
  text-transform: uppercase;
}
.form_infolettre {
  padding-left: 9%;
  padding-right: 9%;
  text-align: left;
  padding-bottom: 86px;
}
.form_infolettre{
  display: flex;
}
.form_infolettre .gform_body {
  width: calc(100% - 240px);
}
.form_infolettre .gform_footer {
  width: 240px;
  padding-left: 28px !important;
  padding-top: 39px !important;
}
.form_infolettre .gform_footer input[type=submit] {
  width: 100%;
  text-align: center;
  
}
html body[data-form-submit="regular"] .form_infolettre input[type=submit] {
    background-color: #68C3CD;
    min-width: unset;
  }



/***** archive piscine / spa ****/


.archive_piscine_spa {
  padding-top: 20px;
  display: flex;
  margin: 0 -15px  !important;
      flex-wrap: wrap;
}
.archive_piscine_spa.others {
  margin-bottom: 0 !important;
}
.archive_piscine_spa .une_piscine {
      width: calc(33% - 30px);
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 62px;
   background-color: #302F63;
   position: relative;
}
.archive_piscine_spa .une_piscine .wrap {
  
   background-color: #302F63;
}
.archive_piscine_spa .une_piscine .wrap a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.archive_piscine_spa .une_piscine .photo {
  width: 88%;
      background-color: #302F63 !important;
    position: relative;
    z-index: 1;
    

}

.slide_piscine .swiper-slide img {
    margin: 0 auto;
    max-width: 1400px;
    width: 100% !important;
    max-height: 50vh;
    object-fit: contain;
}

.archive_piscine_spa .une_piscine .photo .la_photo {
  padding-top: calc(100%);
      background-position: top right !important;
    /* background-size: auto 112% !important; */
      -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
    background-size: cover !important; 
    position: relative;
    z-index: 1;
    opacity: .95;

    /*background-position: center center !important;
    background-size: 100% 86% !important;
    background-repeat: no-repeat !important;
    max-width: 380px;
    max-height: 400px;
    width: 100%;
    height: 100%;
    margin: 0 auto;*/
 
    
}
.archive_piscine_spa .une_piscine h3 {
  font-size: 32px;
  font-size: clamp(16px,1.67vw,32px);
  font-weight: 300;
  color: #fff;
  padding: 10px 15px 11px 2vw;
  line-height: 1.2;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  margin-bottom: 0;
}





/*.blob-btn {
   z-index: 1;
   position: relative;
   padding: 20px 46px;
   margin-bottom: 30px;
   text-align: center;
   text-transform: uppercase;
   color: #0505a9;
   font-size: 16px;
   font-weight: bold;
   background-color: transparent;
   outline: none;
   border: none;
   transition: color 0.5s;
   cursor: pointer;
   border-radius: 30px;
}
 .blob-btn:before {
   content: "";
   z-index: 1;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   border: 2px solid #0505a9;
   border-radius: 30px;
}
 .blob-btn:after {
   content: "";
   z-index: -2;
   position: absolute;
   left: 3px;
   top: 3px;
   width: 100%;
   height: 100%;
   transition: all 0.3s 0.2s;
   border-radius: 30px;
}
 .blob-btn:hover {
   color: #fff;
   border-radius: 30px;
}
 .blob-btn:hover:after {
   transition: all 0.3s;
   left: 0;
   top: 0;
   border-radius: 30px;
}*/
 .blob-btn__inner {
   z-index: 0;
   overflow: hidden;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   border-radius:0;
   background: transparent;
}
 .blob-btn__blobs {
   position: relative;
   display: block;
   height: 100%;
   filter: url('#goo');
}
 .blob-btn__blob {
   position: absolute;
   top: 2px;
   width: 25%;
   height: 100%;
   background: #68C3CD;
   border-radius: 100%;
    border-radius: 100px;
   transform: translate3d(0, 150%, 0) scale(1.7);
   transition: transform 0.45s;
}
 @supports (filter: url('#goo')) {
   transform: translate3d(0, 150%, 0) scale(1.4);
}
 .blob-btn__blob:nth-child(1) {
   left: 0%;
   transition-delay: 0s;
}
 .blob-btn__blob:nth-child(2) {
   left: 30%;
   transition-delay: 0.08s;
}
 .blob-btn__blob:nth-child(3) {
   left: 60%;
   transition-delay: 0.16s;
}
 .blob-btn__blob:nth-child(4) {
   left: 90%;
   transition-delay: 0.24s;
}
 .une_piscine .wrap:hover .blob-btn__blob {
   transform: translateZ(0) scale(1.7);
}
 @supports (filter: url('#goo')) {
   transform: translateZ(0) scale(1.4);
}


/****** page merci ****/


.full-width-content.vc_row-fluid .wpb_column.img_bg_pinguin .column-image-bg-wrap .column-image-bg {
      background-position: 50% 100%;
    background-size: 70%;
    background-repeat: no-repeat;
}


/****** page contact ******/
.page-template-page-contact #footer-outer {
  -webkit-border-top-left-radius: 7.3vw;
  -webkit-border-top-right-radius: 7.3vw;
  -moz-border-radius-topleft: 7.3vw;
  -moz-border-radius-topright: 7.3vw;
  border-top-left-radius: 7.3vw;
  border-top-right-radius: 7.3vw;
  overflow: hidden;
}


/*.form_contact .gform_footer {
      justify-content: flex-end;
}
body[data-form-submit="regular"] .form_contact input[type=submit] {
  background-color: #302F63;
  width: 100%;
  max-width: 210px;
  
}*/



/******** page à propos *****/


body .annonce h2 {
  font-size: 71px;
  font-size: clamp(37px,3.7vw,71px);
  text-transform: uppercase;
  margin-bottom: 28px !important;
}
.annonce .texte > .vc_column-inner > .wpb_wrapper {
  padding: 71px 20px 71px 73px;
  padding: 3.8vw 20px 3.8vw 3.9vw;
  min-height: 600px !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
.annonce .image.image_centre  {
  
      align-items: center !important;

}
.annonce .image > .vc_column-inner {
  padding-right: 25px;
  margin-left: -25px;
}
.annonce .image.image_bottom  {
  
     align-items: flex-end !important;
  
}

.capsules_video {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
.capsules_video .une_video {
  width: 50%;
  padding: 0 15px 55px;
  position: relative;
}
.capsules_video .une_video h3 {
  font-weight: 800;

}
.capsules_video .une_video .wrap {
  display: block;
   position: relative;
  
}
.capsules_video .une_video a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
}
.capsules_video .une_video .wrap .wrap_image {
  position: relative;
   margin-bottom: 5px;
   overflow: hidden;
}
.capsules_video .une_video .wrap .image {
  background-color: #EDF8F9;
 display: block;
  padding-top: 56%;
        background-position: center;
     -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: transform 250ms ease-out;
  -moz-transition: transform 250ms ease-out;
  -o-transition: transform 250ms ease-out;
  transition: transform 250ms ease-out;
}
.capsules_video .une_video:hover .wrap .image {
  transform: scale(1.1);
}
.capsules_video .une_video svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
      width: 21%;
      height: auto;
}
.row_capsule_video > .span_12 {
  padding-top: 82px  !important;
}




/****** page piscine hors terre ******/


/** slider **/

.slide_piscine {
  position: relative;
  margin-bottom: 87px;
  overflow: hidden;
}
.slide_piscine .swiper-button-next, 
.slide_piscine .swiper-button-prev {
  top:unset;
  bottom: 52px;

  width: 54px;
  height: 54px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: flex;
  
}
.slide_piscine .swiper-slide img {
  margin: 0 auto;
}

.slide_piscine .swiper-button-next {
  right: 52px;
}
.slide_piscine .swiper-button-prev {
  right: 126px;
  left: unset;
}


.slide_piscine .swiper-button-next:after, 
.slide_piscine .swiper-button-prev:after {
  display: none;
}

.slide_piscine .swiper-button-next:before, 
.slide_piscine .swiper-button-prev:before {
  content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    z-index: -1;
  box-shadow: inset 0 0 0 35px #fff;
      -webkit-transform: scale3d(0.9, 0.9, 1);
      transform: scale3d(0.9, 0.9, 1);
      -webkit-transition: box-shadow 0.3s, -webkit-transform 0.3;
      transition: box-shadow 0.3s, transform 0.3s;
}
.slide_piscine .swiper-button-next:hover svg path, 
.slide_piscine .swiper-button-prev:hover svg path {
  fill:#fff ;
  position: relative;
  z-index: 0;
}
.slide_piscine .swiper-button-next:hover:before, 
.slide_piscine .swiper-button-prev:hover:before  {
  box-shadow: inset 0 0 0 2px #fff;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}




.piscine_spa_informations .span_12 {
  padding-bottom: 55px !important;
  position: relative;
}
.piscine_spa_informations .col_1 {
  padding-right: 9%;
  padding-left: 1%;
  background: url(images/vague_turquoise_vertical.svg) repeat-y right top;
  padding-top: 40px;
}
.piscine_spa_informations .col_2 {
  padding-left: 4%;
  padding-right: 1%;
  padding-top: 40px;
  
}
.piscine_spa_informations .info {
  margin-bottom: 52px;
}
.piscine_spa_informations .deux_col_b .info ,
.piscine_spa_informations .col_2 .info {
  padding-bottom: 25px;
  margin-bottom: 45px;
  background: url(images/vague_turquoise.svg) repeat-x left bottom;
  padding-left: 8%;
}
.piscine_spa_informations .deux_col_b .info:last-child,
.piscine_spa_informations .col_2 .info:last-child {
  background: transparent;
  margin-bottom: 45px;
  padding-bottom: 0;
}
.piscine_spa_informations .info h2 {
  font-size: 21px;
  margin-bottom: 27px;
}
.piscine_spa_informations .info .listes {
  margin-bottom: 35px;
  display: table;
}
.piscine_spa_informations .info .listes .liste {
  display: flex;
 
  display: table-row;
}
.piscine_spa_informations .info .listes .titre {
  width: 111px;
  padding-right: 10px;
  display: table-cell;
  padding-bottom: 15px;
}
.piscine_spa_informations .info .listes .description {
  width: calc(100% - 111px);
  display: table-cell;
  padding-bottom: 15px;
}
.piscine_spa_informations .info .listes_2 {
  margin-bottom: 35px;
  display: table;
}
.piscine_spa_informations .info .listes_2 .liste {
  display: flex;
  
  display: table-row;
}
.piscine_spa_informations .info .listes_2 .titre {
  width: 198px;
  padding-right: 10px;
  display: table-cell;
  padding-bottom: 15px;
}
.piscine_spa_informations .info .listes_2 .description {
  width: calc(100% - 198px);
   display: table-cell;
  padding-bottom: 15px;
}
.piscine_spa_informations .info .listes_2 .description ul {
  margin-bottom: 0;
  margin-left: 23px;
}
.piscine_spa_informations .info .listes_photo {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -11px 15px;
}

.piscine_spa_informations .info .listes_photo .liste {
  width: 25%;
  margin-bottom: 22px;
  padding: 0 11px;
}
.piscine_spa_informations .info .listes_photo .titre {
  font-size: 14px;
  font-weight: 500;
}
.piscine_spa_informations .info .listes_photo .photo {
  margin-bottom: 9px;
  font-size: 0;
}
.piscine_spa_informations .info .listes_photo .photo img {
  margin: 0;
}

.piscine_spa_informations .info .listes_photo.liste_detail {
  display: block;
}
.piscine_spa_informations .info .listes_photo.liste_detail .liste {
    margin-bottom: 22px;
        display: flex;
        align-items: center;
        width: 100%;
}
.piscine_spa_informations .info .listes_photo.liste_detail .liste:last-child {
  margin-bottom: 0;
}
.piscine_spa_informations .info .listes_photo.liste_detail .photo {
    width: calc(25% - 6px);
    padding-right: 11px;
    font-size: 0;
}

.piscine_spa_informations .info .listes_photo.liste_detail .titre {
   
    width: calc(100% - 25% + 6px);
    padding-left: 23px;
}

.piscine_spa_informations .info .listes_photo_2 {
  
 
  margin: 0 0 15px;
}
.piscine_spa_informations .info .listes_photo_2 .liste {
  
  margin-bottom: 22px;
 display: flex;
 align-items: center;
}
.piscine_spa_informations .info .listes_photo_2 .titre {
  font-size: 14px;
  font-weight: 500;
  width: calc(100% - 110px);
  padding-left: 23px;
}
.piscine_spa_informations .info .listes_photo_2 .photo {
  width: 110px;
  font-size: 0;
}
.piscine_spa_informations .info .listes_photo_2 .photo img {
  margin: 0;
}

/****** page piscine creusée ******/
.row .col img.made_in {
  max-width: 275px;
}

.piscine_creusee_row .les_temoignages {
  margin-top: 100px !important;
   background: url(images/vague_turquoise.svg) repeat-x left top;
}

/******* page confirmation ******/
.page-template-page-configurateur-spa .container-wrap,
.page-template-page-configurateur-spa .container-wrap,
.page-template-page-configurateur-spa .container-wrap,
.page-template-page-confirmation .container-wrap {
  padding-bottom: 0;
}
body.page-template-page-confirmation #header-outer[data-format=centered-menu] #top .span_9 .sf-menu,
.page-template-page-confirmation #footer-outer {
  display: none !important;
}

.page_confirmation > .span_12 {
    min-height: 948px;
     min-height: 100vh;
    padding: 0 !important;
    color: #fff;
    flex-direction: row-reverse;
}

.page_confirmation .column_container:first-child {
       align-items: flex-end !important;
}
.page_confirmation .column_container .vc_column-inner {
  padding: 45px;
  min-height: 100vh !important;
  height: 100%;
}
.page_confirmation .column_container:nth-child(2) .vc_column-inner {
    padding: 190px 55px 45px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

body .page_confirmation h1 {
  color: #fff;
  font-size: 71px;
  font-size: clamp(37px,3.7vw,71px);
  text-transform: uppercase;
 margin-bottom: 36px !important;
}
body .page_confirmation p {
  width: 90%;
  max-width: 690px;
}


/***** page merci ****/

body .page_merci .wpb_content_element.merci_box{
  padding: 34px 20px 50px;
  background-color: rgba(48,46,97,.1);
  color: #fff;
  margin: 0 25px 120px;
  margin: 0 25px 6vw;
  position: relative;
}
body .page_merci .wpb_content_element.merci_box:before {
  content:'';
  display: block;
  position: absolute;
  top: -13px;
    right: -38px;
  background: url(images/lunette-rouge-2.png) no-repeat left top;
  width: 138px;
  height: 72px;
  background-size: 100%;

}
body .page_merci .wpb_content_element.merci_box:after {
      content: '';
    display: block;
    position: absolute;
    bottom: -51px;
    left: -29px;
    background: url(images/boue-blanche-2.png) no-repeat left top;
    width: 96px;
    height: 96px;
    background-size: 100%;
}
body .page_merci .wpb_content_element.merci_box strong {
  color: #302F63;
}

body .page_merci .wpb_content_element.merci_rabais {
  color: #fff;
  margin-bottom: 50px;
  position: relative;
}

body .page_merci h1 {
  color: #fff;
  font-size: 71px;
  font-size: clamp(37px,3.7vw,71px);
  text-transform: uppercase;
 margin-bottom: 90px !important;
     margin-bottom: 5vw !important;
}
body .page_merci .wpb_content_element.merci_rabais h2 {
  font-weight: 300;
  font-size: 32px;
      font-size: clamp(24px,1.7vw,32px);
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #F6F6F6;
  margin-bottom: 23px;
}
body .page_merci .wpb_content_element.merci_rabais h2 strong {
  color: #302F63;
  font-weight: 1000;
  display: inline-block;
  position: relative;
}
body .page_merci .wpb_content_element.merci_rabais h2 strong:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: -11px;
  right: 0;
  height: 10px;
   background: url(images/vague_bleu.svg) repeat-x left bottom;
}
body .page_merci .wpb_content_element.merci_rabais strong {
  color: #302F63;
}
body .page_merci .wpb_content_element.merci_rabais em {
  font-weight: 300;
  font-size: 14px;
}
body .page_merci .wpb_content_element.merci_rabais p {
  max-width: 728px;
  width: 85%;
  margin: 0 auto;
  font-weight: 800;
}
#configurateur.page_merci .configurateur_form_side > .vc_column-inner {
  padding-bottom: 60px;
}
/**** page services ****/
.material .wpb_row.nos_services {
    margin-bottom: 100px;
}
/***** page d'un service *****/

.single-service .form_service {
  padding-top: 100px;
  background: url(images/vague_turquoise.svg) repeat-x left bottom;
  padding-bottom: 50px;
}
.form_service .custom_checkbox .ginput_container_checkbox,
.form_service .custom_checkbox .gfield_label {
  float: left;
  margin-top: 20px;
 }
 .form_service .custom_checkbox .ginput_container_checkbox {
  margin-top: 14px;
 
 }
 .form_service .custom_checkbox .gfield_checkbox {
  display: flex;
 }
 .form_service .custom_checkbox .gfield_checkbox .gchoice {
  padding-right: 15px;
 }
.form_service .custom_checkbox .gfield_checkbox .gfield-choice-input+label {
  white-space: nowrap;
  font-family: 'Mulish', sans-serif;

    font-weight: 800;
    font-size: 14px;
    max-width: unset;
}

/***** page équipements ****/
.les_accessoires {
  margin-bottom: 0 !important;
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.les_accessoires.vc_row-fluid > .span_12 {
  margin-left: -15px;
  margin-right: -15px;
}
.les_accessoires.vc_row-fluid>.span_12 .wpb_column {
  padding-left: 15px;
  padding-right: 15px;
}

.les_accessoires .titre,
.les_accessoires .accessoire h3 {
  position: absolute;
  left: 1.7vw;
    right: 1.7vw;
    bottom: 1vw;
}
.les_accessoires .accessoire img {
  margin-bottom: 0;
}
body .les_accessoires .accessoire h3,
body .les_accessoires .titre h3{
  font-size: 21px;
}
body .les_accessoires .accessoire.blanc h3 {
  color: #fff;
}

.les_accessoires .accessoire {
  width: 33.333333%;
  padding: 0 15px;
  margin-bottom: 60px;
  position: relative;
}
.les_accessoires .accessoire .wrap {
  position: relative;
}


/**** page carrière *****/

.carriere_info .deux_col_a .img-with-aniamtion-wrap .hover-wrap-inner {
position: absolute;
    left: 0;
    right: 0;
    top: 0;
}
.carriere_region.wpb_row > .span_12 {
  padding-top: 65px;
  padding-bottom: 177px;
}
body .carriere_region h3 {
  font-family: 'Mulish';

  font-weight: 1000;
  font-size: 71px;
  font-size: clamp(37px,3.7vw,71px);
  line-height: ;

  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #fff;
  cursor: pointer;
  position: relative;
}
.carriere_region .tab_region h3:before {
  content: '+';
    font-size: 67px;
    font-size: clamp(34px,3.7vw,67px);
    font-weight: 800;
    color: #fff;
    
    position: absolute;
    top: 0;
    right: 0;

}
.carriere_region .tab_region h3:after {
  content: '-';
  font-size: 67px;
  font-size: clamp(34px,3.7vw,67px);
  font-weight: 800;
  color: #fff;
  line-height: 1;
  position: absolute;
  top: 0;
  right: 5px;
  display: none;
}
.carriere_region .tab_region h3:after,
.carriere_region .tab_region h3:before {
  -webkit-transition: transform 250ms ease-out;
  -moz-transition: transform 250ms ease-out;
  -o-transition: transform 250ms ease-out;
  transition: transform 250ms ease-out;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(-0deg);
  -o-transform: rotate(0deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  width: 50px;
    height: 51px;
    text-align: center;
    display: block;
    line-height: .58;
}

.carriere_region .tab_region h3:hover:before,
.carriere_region .tab_region h3:hover:after {
  transform: rotate(0deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}



.carriere_region.region_open .tab_region h3:after  {
  display: block;
}

.carriere_region.region_open .tab_region h3:before  {
  display: none;
}
.carriere_region .cta_close {
      position: absolute;
    top: 0;
    right: 0;
    display: none;
}

.carriere_region .cta_close .close {
  display: none;
}

.carriere_region.region_open .cta_close .close {
  display: block;
}
.carriere_region.region_open .cta_close .open {
  display: none;
}
.carriere_region .cta_close .close_open {
  font-size: 67px;
  font-weight: 800;
  color: #fff;
  line-height: 1;
}
.carriere_region .region_un_post {
  margin-bottom: 0;
  display: none;
}
.carriere_region .region_un_post.visible {
 
  display: block;
}
.carriere_region .region_un_post .wrap{
  border-bottom: 1px solid #fff;
  /*padding-bottom: 30px;*/
  margin-bottom: 19px;
}
.carriere_region .region_un_post .wrap .tab {
  padding: 30px 30px 50px;
  position: relative;
  cursor: pointer;
    -webkit-transition: background-color 250ms ease-out;
  -moz-transition: background-color 250ms ease-out;
  -o-transition: background-color 250ms ease-out;
  transition: background-color 250ms ease-out;
}
.carriere_region .region_un_post .wrap .tab:hover {
  background-color: rgba(255,255,255,.15);
}
.carriere_region .region_un_post .wrap .tab h3 {
  position: relative;
  
}

.carriere_region .region_un_post .wrap .tab .close_un_emploi {
  position: absolute;
  top: 53px;
  right: 31px;
}
.carriere_region .region_un_post .wrap .tab .close_un_emploi svg {
    -webkit-transition: transform 250ms ease-out;
  -moz-transition: transform 250ms ease-out;
  -o-transition: transform 250ms ease-out;
  transition: transform 250ms ease-out;
}
.carriere_region .region_un_post.open .wrap .tab .close_un_emploi svg,
.carriere_region .region_un_post .wrap .tab:hover .close_un_emploi svg {
  transform: rotate(180deg);
  transform-origin: center;
}

.carriere_region .region_un_post.open .wrap .tab:hover .close_un_emploi svg {
  transform: rotate(0deg);
}

.carriere_region .region_un_post .wrap .content {
  padding: 0 30px;
  max-height: 0;
    overflow: hidden;
}
.carriere_region .region_un_post.open .wrap .content {
  max-height: unset;
    -webkit-transition: max-height 1000ms ease-out;
  -moz-transition: max-height 1000ms ease-out;
  -o-transition: max-height 1000ms ease-out;
  transition: max-height 1000ms ease-out;
}
.carriere_region .carriere_region_content {
  color: #fff;
  margin-bottom: 0 !important;
}
.carriere_region .carriere_region_content a {
    color:#fff;
}
.carriere_region .carriere_region_content .tri_emploi {
  display: flex;
  padding-top: 30px;
  margin-bottom: 62px;
  
}
.carriere_region .carriere_region_content .tri_emploi label,
.carriere_region .carriere_region_content .tri_emploi .titre {

font-size: 14px;
  font-weight: 1000;
  text-transform: uppercase;
}
.carriere_region .carriere_region_content .tri_emploi .titre {
  padding-top: 6px;
}

.carriere_region .carriere_region_content .tri_emploi .taxonomies {

}
.carriere_region .carriere_region_content .tri_emploi .taxonomies .choix {
  display: inline-block;
  padding-left: 15px;
  margin-bottom: 8px;
}
.tri_emploi .taxonomies .choix [type="checkbox"]:checked,
.tri_emploi .taxonomies .choix [type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.tri_emploi .taxonomies .choix [type="checkbox"]:checked + label,
.tri_emploi .taxonomies .choix [type="checkbox"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    margin-right: 10px;
    display: inline-block;
   
}
.tri_emploi .taxonomies .choix [type="checkbox"]:checked + label:before,
.tri_emploi .taxonomies .choix [type="checkbox"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    background: transparent;
}

.tri_emploi .taxonomies .choix [type="checkbox"]:checked + label:after,
.tri_emploi .taxonomies .choix [type="checkbox"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #fff;
    position: absolute;
    top: 0px;
    left: 0px;

    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.tri_emploi .taxonomies .choix [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.tri_emploi .taxonomies .choix [type="checkbox"]:not(:checked) + label:hover:after ,
.tri_emploi .taxonomies .choix [type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}



.carriere_region .carriere_region_content .tab h3{  
  font-size: 48px;
  font-size: clamp(30px,2.5vw,48px);
  font-weight: 1000;
  text-transform: unset;
  padding-right: 64px;
}
.carriere_region .carriere_region_content h4 {
  font-size: 21px;
  font-weight: 800;
  color: #fff;
}
.carriere_region .carriere_region_content .categorie {
 
}
.carriere_region .carriere_region_content .categorie h4 {
  margin-bottom: 0;
  margin-top: 0;
}
.carriere_region .carriere_region_content .sociaux_wrap {
  display: flex;
   margin-bottom: 55px;
  margin-top: 7px;
}
.carriere_region .carriere_region_content .sociaux_wrap .titre {
  font-size: 14px;
  font-weight: 1000;
  text-transform: uppercase;
  padding-top: 3px;
}
.carriere_region .carriere_region_content .sociaux_wrap .sociaux {
 
}
.carriere_region .carriere_region_content .sociaux_wrap .sociaux a {
  display: inline-block;
  margin-left: 10px;
  font-size: 0;
}
.carriere_region .carriere_region_content .sociaux_wrap .sociaux a:hover svg path{

}
.carriere_region .carriere_region_content .descriptions_list {
  padding-right: 11%;
}
.carriere_region .carriere_region_content .descriptions_list .un_list {
    margin-bottom: 52px;
}
.carriere_region .carriere_region_content .descriptions_list .un_list h4{
  margin-bottom: 15px;
}
.carriere_region .carriere_region_content .descriptions_list .un_list .description{
  
}
.carriere_region .carriere_region_content .descriptions_list .un_list .description p {
  padding-bottom: 0;
  margin-bottom: .8em;
}
.carriere_region .spontane_form {
  color: #fff;
 
}
.carriere_region .spontane_form,
.carriere_region .carriere_region_content {
   max-height: 0;
  overflow: hidden;
    -webkit-transition: max-height 1000ms ease-out;
  -moz-transition: max-height 1000ms ease-out;
  -o-transition: max-height 1000ms ease-out;
  transition: max-height 1000ms ease-out;
}
.carriere_region.region_open .spontane_form,
.carriere_region.region_open .carriere_region_content {
   max-height: unset;
 
}

html body .spontane_form .gform_wrapper .top_label .gfield_label {
  color: #fff;
}
body .carriere_region .gform_wrapper .gfield_required {
  color: #fff;
  font-size: 1em;
}
html body .detaillant_form > .span_12 ,
html body .spontane_form > .span_12 {
  padding-top: 100px !important;
}

html body .spontane_form .gform_wrapper .top_label .carriere_region .gfield_label {
  color: #fff;
  font-size: 21px;
}
.carriere_region .carriere_region_content .form_postuler_wrap h4 {
  font-size: 32px;
  font-size: clamp(21px,1.67vw,32px);
  font-weight: 300;
  text-transform: uppercase;
  margin-bottom: 25px;
}
.carriere_region .gform_wrapper.gravity-theme .gform_footer {
  justify-content: flex-start;
  padding-top: 35px;
}
html body[data-form-submit="regular"] .postuler input[type=submit],
body .region_un_post .nectar-button[data-color-override="false"].regular-button,
.carriere_region .gform_wrapper.gravity-theme .gform_footer input[type=submit] {
      background-color: #fff !important;
      background-image: url(images/cta_over_gray.svg) !important;
          color: #68C3CD;
          background-position: center 80px;
    background-repeat: no-repeat;
    -webkit-transition: background-position 500ms ease-out ;
      -moz-transition: background-position 500ms ease-out ;
      -o-transition: background-position 500ms ease-out ;
      transition: background-position 500ms ease-out ;



}
html body[data-form-submit="regular"] .postuler input[type=submit] {
  color: #302F63;
}


  html body[data-form-submit="regular"] .postuler input[type=submit]:hover,
body .nectar-button[data-color-override="false"].regular-button:hover,
.carriere_region .gform_wrapper.gravity-theme .gform_footer input[type=submit]:hover {
  background-position: 50% -50px;
  opacity: 1 !important;
}

/***** page devenir detaillant ****/

.detaillant_form {
   background: url(images/vague_turquoise.svg) repeat-x left bottom;
}
.detaillant_form > .span_12 {
  padding-bottom: 115px !important;
}
.devenir_detaillant .deux_col_a img.img-with-animation {
      margin-bottom: -197px !important;
}



/***** page blogue ****/

.liste_articles {
  display: flex;
}
.liste_articles .les_articles {
  margin-left: 0;
  margin-right: 0;
}


.liste_articles .filter_sidebar {
  font-size: 14px;
  padding-right: 15px;
}
.filter_sidebar .tri_par_date {
      display: flex;
      margin-bottom: 80px;
}
.filter_sidebar .ctas_tri {
  display: flex;
} 
.filter_sidebar .ctas_tri .tri {
  margin-left: 10px;
}

.filter_sidebar .un_filtre h3 {
  font-size: 21px;
  color: #FFC952; 
  font-weight: 300;
  
  margin-bottom: 25px;
}


.filter_sidebar .ctas_tri [type="radio"]:checked,
.filter_sidebar .ctas_tri [ type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.filter_sidebar .ctas_tri [type="radio"]:checked + label,
.filter_sidebar .ctas_tri [type="radio"]:not(:checked) + label
{
    position: relative;
   
    cursor: pointer;

    display: inline-block;
   
}
.filter_sidebar .ctas_tri [type="radio"] + label:hover, 
.filter_sidebar .ctas_tri [type="radio"]:checked + label {
    font-weight: 800;
    text-decoration: underline;
}



.filter_sidebar .un_filtre .checkbox {
  margin-bottom: 15px;
} 

.filter_sidebar .un_filtre [type="checkbox"]:checked,
.filter_sidebar .un_filtre [type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.filter_sidebar .un_filtre [type="checkbox"]:checked + label,
.filter_sidebar .un_filtre [type="checkbox"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    font-weight: 1000;
}
.filter_sidebar .un_filtre [type="checkbox"]:checked + label:before,
.filter_sidebar .un_filtre [type="checkbox"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 10px;
    height: 10px;
    border: 1px solid #302F63;

    background: #fff;
}
.filter_sidebar .un_filtre [type="checkbox"]:checked + label:after,
.filter_sidebar .un_filtre [type="checkbox"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #302F63;
    position: absolute;
    top: 4px;
    left: 0;

    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.filter_sidebar .un_filtre [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.filter_sidebar .un_filtre [type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}



/****** page un article *****/

body.material .post .content-inner {
      padding-left: 15px;
    padding-right: 15px;
}
.single-post .container-wrap {
  padding-bottom: 0;
}
.single-post .nectar-social {
  display: none !important;
}
.single-post .date_cat {
  font-size: 11px;
  font-weight: 400;
  color: #68C3CD;
  margin-bottom: 23px;
      display: flex;
}
.single-post .date_cat .date{
  padding-right: 26px;
}
.single-post .date_cat .cat {
  
}
.single-post .date_cat .cat a {
  color: #68C3CD;
  text-decoration: underline;
  margin: 0 10px 0 5px;
}

.articles.autres_articles .un_post {
  margin-bottom: 0;
}
.articles.autres_articles .un_post:first-child {
  /*width: 33.3333%;*/
}
.articles.autres_articles .un_post:first-child .wrap {
  display: block;
}
#articles .autres_articles .un_post:first-child .photo {
    width: 100%;
    margin-right:0;
}
#articles .autres_articles .un_post:first-child .infos {
    width: 100%;
    margin-left: 0;
    padding-left: 12;
    padding-left: 12;
    display: block;

    background: unset;
    position: relative;
}
#articles .autres_articles .un_post:first-child .infos h3 {
    font-size: 21px;
    text-transform: unset;
}
#articles  .autres_articles .un_post:first-child .infos:after {
  display: none;
}
.single-post #articles > .row-bg-wrap .row-bg {
  background: #fff;
}
html body[data-ext-responsive=true].single-post .container-wrap.no-sidebar .comment-list>li,
html body[data-ext-responsive=true].single-post .container-wrap.no-sidebar .post-area {
  max-width: unset;
}

.single-post #articles.wpb_row {
    margin-top: 0;
}
.sociaux_navigation .navigation {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.sociaux_navigation .navigation a {
  font-weight: 1000;
  font-size: 14px;
  text-transform: uppercase;
  color: #302F63;
}
.sociaux_navigation .navigation svg {
   -webkit-transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}
.sociaux_navigation .navigation a:hover svg {
  transform: translateX(10px);
}
.sociaux_navigation .navigation .alignleft a:hover svg {
  transform: translateX(-10px);
}
.sociaux_navigation .navigation .alignleft svg {
  margin-right: 10px;
  display: inline-block;
} 

.sociaux_navigation .navigation .alignright svg {
  margin-left: 10px;
  display: inline-block
} 
.sociaux_navigation {
  text-align: center;
  position: relative;
  padding-bottom: 89px;
   background: url(images/vague_turquoise.svg) repeat-x left bottom;
}
.sociaux_navigation .sociaux {
  font-weight: 1000;
  font-size: 14px;
  text-transform: uppercase;
  color: #302F63;
  text-align: center;
  position: relative;
  z-index: 2;
  display: inline-block;
}
.sociaux_navigation .sociaux a {
  display: inline-block;
  margin-left: 15px;
  vertical-align: middle;
}
.comments-section {
  width: 100%;
}
html body[data-ext-responsive=true].single-post.material .comment-wrap #respond, 
html body[data-ext-responsive=true].single-post.material .container-wrap.no-sidebar .comment-wrap h3#comments {
  max-width: unset;
}
html body[data-form-submit="regular"] .comments-section input[type=submit] {
  background-color: #68C3CD;
}
#commentform .form-submit {
 
    text-align: right;
}

body.material.single-post .comment-wrap {
  padding-top: 0;
  padding-bottom: 0;
}
body #respond h3 {
  display: none;
}
.comment-respond .span_6 {
  margin-bottom: 40px;
}
.comment-respond label {
  font-weight: 800;
  font-size: 14px;
  line-height: 18px;
  color: #FFFFFF;
  margin-bottom: 10px;
  display: block;
}
.les_commentaires {
  padding-top: 45px;
}
.les_commentaires .comment-list .comment-author, 
.les_commentaires .comment-list .pingback .comment-body>a {
    color: #fff;
    font-family: 'Mulish', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
}
.les_commentaires .comment-awaiting-moderation {
  margin-bottom: 15px;
}
.comment-author cite {
  font-weight: 800;
  font-size: 21px;
}
body.material.single-post .comment-list .comment>div {
  margin-top: 0;
  padding-top: 86px;
  padding-bottom: 66px;
  padding-left: 0;
  background: url(images/comment_line.svg) repeat-x left top;
      display: flex;
    flex-direction: column-reverse;
}
body .comment-list .comment>div p, 
body .comment-list .pingback>div p {
    margin-top: 5px;
}
body .comment-list .comment-meta {
  margin-top: 30px;
}
body.material.single-post .comment-list .comment:last-child>div {
  padding-bottom: 0;
}

body.material.single-post .comment-list .comment:first-child>div {
  
  background: url(images/vague_turquoise.svg) repeat-x left top;
}
html body.material .comment-list .comment>div img.avatar,
html body:not(.original) .bypostauthor>.comment-body>.comment-author>img.avatar {
  display: none;
}
html body[data-ext-responsive=true].single-post.material .container-wrap.no-sidebar .comment-wrap h3#comments {
  font-family: 'Mulish', sans-serif;
  font-weight: 1000;
  margin-bottom: 45px !important;
}
body .comment-list .comment-meta a,
body.material .comment-list .reply a {
  color: #fff;
}
body p.logged-in-as {
  margin-bottom: 45px;
}



/********* page nous trouver ******/

#nous_trouver  {

}
#nous_trouver #wpsl-result-list {
    width: 100%;
    margin-right: 0;
}
#nous_trouver #wpsl-gmap {
    float: none;
    width: 100%;
    height: 600px !important;
        height: 31.3vw !important;

    
}
#nous_trouver .wpsl-search {
    margin-bottom: 12px;
    padding: 0;
    background:transparent;
}
#nous_trouver #wpsl-search-wrap div label,
#nous_trouver #wpsl-search-wrap div,
#nous_trouver #wpsl-search-btn,
#nous_trouver #wpsl-search-wrap .wpsl-input > div {
  float: none;
}
#nous_trouver #wpsl-search-wrap div label {
  font-family: 'Mulish';
  font-weight: 800;
  font-size: 14px;
  color: #302F63;
  display: block;
  margin-bottom: 7px;
  line-height: 1.2;
}
#nous_trouver .wpsl-input label, 
#nous_trouver #wpsl-radius label, 
#nous_trouver #wpsl-category label {
    width: unset; 
}
#nous_trouver #wpsl-search-wrap form {
    margin: 0;
  
    display: flex;
        flex-wrap: wrap;
}
#nous_trouver #wpsl-wrap #wpsl-result-list {
  margin-top: 60px;
}
#nous_trouver #wpsl-wrap #wpsl-result-list ul {

  display: flex;
  flex-wrap: wrap;
}
#nous_trouver #wpsl-wrap #wpsl-result-list ul li {
  width: 33.3333%;
  border: none;
  padding: 30px 30px 47px 0;
}
html body #wpsl-result-list h3 {
  font-size: 32px;
  font-size: clamp(21px,1.67vw,32px);
  font-weight: 300;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #FFC952;
  margin-bottom: 24px;
}
.wpsl-store-below #wpsl-result-list p {
  padding-bottom: 0;
}
#nous_trouver #wpsl-wrap #wpsl-result-list ul li .distance {
  color:#68C3CD;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
  display: none !important;
}
#nous_trouver #wpsl-wrap #wpsl-result-list ul li .ctas {
  padding-top: 20px;
  display: flex;
      flex-wrap: wrap;
}
#nous_trouver #wpsl-wrap #wpsl-result-list ul li .ctas .wpsl-directions {
  display: inline-block;
}
#nous_trouver #wpsl-wrap #wpsl-result-list ul li .ctas .wpsl-directions:after {
  content:'';
  display: inline-block;
  width: 16px;
  height: 14px;
  background: url(images/arrow-bleu-small.svg) no-repeat left top;
  margin-left: 10px;
   -webkit-transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}
#nous_trouver #wpsl-wrap #wpsl-result-list ul li .ctas .wpsl-directions:hover:after {
  transform: translateX(10px);
}
#nous_trouver #wpsl-stores .wpsl-store-location strong {
 display: inline-block;
  margin-bottom: 15px;
  font-weight: 800;
}
#nous_trouver #wpsl-stores .wpsl-direction-wrap {
  
}

#nous_trouver #wpsl-direction-details, 
#nous_trouver #wpsl-gmap {
   
}
#nous_trouver .wpsl-store-below.wpsl-no-results #wpsl-stores {
   height:unset !important;
}

#nous_trouver .wpsl-store-below:not(.wpsl-no-results) #wpsl-stores {
   height: 419px !important;
   
   overflow: auto;
}
#nous_trouver .wpsl-store-below #wpsl-stores > ul {
  margin-left: 0;
   margin-right: 0;
}
#nous_trouver #wpsl-search-wrap .wpsl-input input {
  color: #302F63;
  border-radius: 3px;
  height: 54px;
  border: 1px solid #302F63;
  font-weight: 500;
  font-size: 14px;
}
#nous_trouver .wpsl-dropdown {
   border: 1px solid #302F63;
}
#nous_trouver .wpsl-dropdown .wpsl-selected-item {
  height: 54px;
      padding: 18px 12px!important;
      color:#302F63;
      font-size: 14px;
      font-weight: 500;
}
#nous_trouver #wpsl-search-input  {
  width: 333px;
}
#nous_trouver #wpsl-search-wrap .wpsl-input {
  margin-right: 50px;
}
#nous_trouver #wpsl-search-wrap #wpsl-results {
  padding-left: 25px;
}
#nous_trouver .wpsl-dropdown {
   
    width: 138px;
}
#nous_trouver .wpsl-select-wrap {
  margin-right: 50px;
}
#nous_trouver .wpsl-search-btn-wrap {
  padding-top: 26px;
}
#nous_trouver #wpsl-search-btn {
    color: #fff;
    background: #302F63 !important;
    outline: none;
    box-shadow: unset;
    height: 54px;
    text-transform: uppercase !important;
    padding: 17px 27px !important;
    text-transform: uppercase !important;
}

/****** page prendre rendez vous  ******/


.form_gapt .ginput_container,
.form_rendez_vous .page_2 .gform_page_footer  {
  
  max-width: 690px;
    margin: 50px auto;
}
body #ga_appointments_calendar {
  box-shadow: unset;
}
#service-working-days td {
  font-weight: 500;
}
.ga_monthly_schedule_wrapper table thead th.ga_header,
body .ga_monthly_schedule_wrapper thead th ,
body .ga_appointments_calendar_header h3 {
  font-size: 14px ;
  font-weight: 1000 !important;
}
body #configurateur #gappointments_calendar_slots .calendar_time_slots .slots-title,
body #configurateur .ga_appointments_calendar_header h3 {
  color:#FFC952 !important;;
  text-align: center;
  font-size: 8.643px;
  font-weight: 1000;
  line-height: normal;
  text-transform: uppercase;
}
body #configurateur .ga_monthly_schedule_wrapper thead th {
  color: #FFC952 !important;
  font-size: 8.643px;
  font-weight: 1000;
  line-height: normal;
  text-transform: uppercase;
}
#configurateur .ga_appointments_calendar_header, 
#configurateur .ga_monthly_schedule_wrapper table thead, 
#configurateur .ga_monthly_schedule_wrapper table thead th {
    background: #302F63 !important;
}
#configurateur .ga_appointments_calendar_header .arrow-left, 
#configurateur .ga_appointments_calendar_header .arrow-right {
   color: #FFC952 !important;
       font-size: 25px;
}
#configurateur .ga_wrapper_small .ga_monthly_schedule_wrapper td.ga_today span, 
#configurateur .ga_wrapper_medium .ga_monthly_schedule_wrapper td.ga_today span, 
#configurateur .ga_wrapper_large .ga_monthly_schedule_wrapper td.ga_today span {
    border: 2px solid #FFC952 !important;
}
#configurateur .ga_monthly_schedule_wrapper td.calendar_slots {
     background: #302F63 !important;
}

#configurateur .ga_wrapper_small .ga_monthly_schedule_wrapper td.day_available:hover span, 
#configurateur .ga_wrapper_small .ga_monthly_schedule_wrapper td.selected span, 
#configurateur .ga_wrapper_medium .ga_monthly_schedule_wrapper td.day_available:hover span, 
#configurateur .ga_wrapper_medium .ga_monthly_schedule_wrapper td.selected span, 
#configurateur .ga_wrapper_large .ga_monthly_schedule_wrapper td.day_available:hover span, 
#configurateur .ga_wrapper_large .ga_monthly_schedule_wrapper td.selected span {
    background: #FFC952 !important;
    border: 2px solid #FFC952 !important;
    color: #302F63 !important;

    font-weight: 800;
}
body .gform_wrapper.gravity-theme .configurateur_piscine .lable_blanc .gfield_required {
  color: #fff;
}
#configurateur #gappointments_calendar_slots label.time_selected div {
    background: #FFC952 !important;
    color: #302F63 !important;
    font-weight: 800;
}
body #configurateur #gappointments_calendar_slots .slot_small label.time_slot div {
    padding: 7px 0;
}
body #configurateur .ga_monthly_schedule_wrapper td {
  font-size: 8.643px;
}
body .ga_monthly_schedule_wrapper thead th {

}
body .ga_monthly_schedule_wrapper td {
  font-weight: 500;
}
body #gappointments_calendar_slots .slot_small label.time_slot div {
    padding: 25px 0;
}
body #gappointments_calendar_slots label.time_slot {
    color: #302F63 !important;
}
.gform_wrapper.gravity-theme .form_rendez_vous .gform_page_footer input.gform_button,
.gform_wrapper.gravity-theme .form_rendez_vous .gform_page_footer input.gform_next_button {
  float: right;
}
.gform_wrapper.gravity-theme .gform_page_footer:after {
  content: '';
  display: block;
  clear: both;
}
.form_rendez_vous .gfield--type-appointment_calendar {
  position: relative;
}
.form_rendez_vous .gfield--type-appointment_calendar:before {
  position: absolute;
  content: '';
  display: block;
  top: 19%;
  left: calc(10% - 84px);
  width: 168px;
  height: 168px;
  background: url(images/ballon-rouge-turquoise.svg) no-repeat center;
  background-size: 132%;
}
.form_rendez_vous .gfield--type-appointment_calendar:after {
  position: absolute;
  content: '';
  display: block;
  top: 57%;
  right: calc(10% - 115px);
  width: 231px;
  height: 135px;
  background: url(images/lunettes-jaune-2.svg) no-repeat center;
}


/***** page un magasin *****/
.single-wpsl_stores .premier_row.wpb_row > .span_12 {
   
    padding-bottom: 152px;
}

.magasin_informations {

}
.magasin_informations .span_12 {
  padding-bottom: 72px !important;
}
.magasin_informations .map_adresse .span_12 {
  padding-bottom:0 !important;
}
.row .magasin_informations .col h3 {

  color: #FFC952;
  margin-bottom: 22px;
}
.row .magasin_informations .col h4 {
  color: #302F63;
}
.magasin_informations .magasin_titre {
  padding: 0 1%;
}
.magasin_informations .wpsl-gmap-canvas {
  height: 25vw;
}
.magasin_informations .col_1 {
  padding-left: 1%;
  padding-right: 8.2%;
   background: url(images/vague_turquoise_vertical.svg) repeat-y right top;
}
.magasin_informations .map_adresse .col_1 {
  background: transparent;
  padding-right: 5px;
}
.magasin_informations .map_adresse .col_2 {
  display: flex;
}
.magasin_informations .map_adresse .col_2 .coordonneew {
      display: flex;
    flex-direction: column;
    justify-content: center;
}
.magasin_informations .col_2 > div,
.magasin_informations .col_1 > div {
  padding-top: 57px;
  padding-bottom: 57px;
}
/*.magasin_informations .col_2 > div {
  padding-bottom: 25px;
}*/
.magasin_informations .col_2 {
  padding-left: 3.5%;
  padding-right: 1%;
}
.magasin_informations .col_2 > div {
  padding-left: 7%;
}
.magasin_informations .col_2 > div {
  background: url(images/vague_turquoise.svg) repeat-x left top;
}

.magasin_informations .desciption {
  font-weight: 800;
}
.magasin_informations .desciption strong {
  font-weight: 1000;
}
.magasin_informations .coordonnees {

}
.magasin_informations .adresse {
  margin-bottom: 25px;
}
.magasin_informations .adresse .wpsl-locations-details > span {
  display: none;
}
.magasin_informations .telephone {
  margin-bottom: 40px;
}
.magasin_informations .ctas a {
margin-right: 30px;
}
.magasin_informations .ctas a:last-child {
margin-right: 0;
}
.magasin_informations .horaire {

}
.magasin_informations .listes_horaire {

}
body:not(.woocommerce-cart) .main-content .listes_horaire table tr:nth-child(2n+1) {
    background-color: transparent;
}
body:not(.woocommerce-cart) .main-content .listes_horaire table {
  border: 0;
}
body:not(.woocommerce-cart) .main-content .listes_horaire td {
  font-size: 21px;
  padding: 0 0 22px;
  border: 0 !important;
}

body:not(.woocommerce-cart) .main-content .listes_horaire td:first-child {
  width: 140px;
  padding-right: 10px;
}

.magasin_informations .horaire .autre a{
  white-space: nowrap;
}
.magasin_informations .produits_offres {

}



/***** page termes /conditions ****/


 
html body .termes_conditions h2 {
  font-weight: 300;
  font-size: 32px;
  font-size: clamp(21px,1.67vw,32px);
  letter-spacing: 0.03em;
  text-transform: uppercase;
      margin-bottom: 12px;
  color: #302F63;

}
.wpb_row.termes_conditions > .span_12 {
    
    padding-bottom: 128px;
    background: url(images/vague_turquoise.svg) repeat-x left bottom;
    margin-bottom: 118px !important;
}

/***** footer ****/


body #footer-outer .row {
  display: flex;
}
#footer-outer .col.footer_1{
  width: 25%;
}
#footer-outer .col.footer_1 .logo_mobile {
  display: none;
}
#footer-outer .footer_2{
  width: 43.5%;
  margin-right: 2%;
}
#footer-outer .footer_2 .col {
  width: 48%;
}
#footer-outer .footer_3{
  width: 35.5%;
 
}
#footer-outer .footer_3 .col {
  width: 61%;
  margin-right: 2%;
}
#footer-outer .footer_3 .col:last-child {
  width: 33%;
}
/*#footer-outer .col {
  width: 20.75%;
}
#footer-outer .col:last-child {
  width: 12.75%;
}*/
body #footer-outer .widget h4 {
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 5px;

}
#footer-outer #footer-widgets .col ul li a {
  font-size: 14px;
  font-weight: normal;

}
#footer-outer #footer-widgets .col ul li.accent {
  margin-top: 18px;
}
#footer-outer #footer-widgets .col ul li.accent:first-child {
  margin-top: 0;
}
#footer-outer #footer-widgets .col ul li.accent a {
  font-weight: 800;
  text-transform: uppercase;
}

body #footer-outer #copyright[data-layout="centered"] .col {
  text-align: left;
  width: 59%;
  padding-left: 25%;
  float: left;
  font-size: 11px;
}
body #footer-outer #copyright[data-layout="centered"] .col:last-child {
  text-align: right;
  width: 39%;
   padding-left: 0;
  float: right;
}
body #footer-outer #copyright[data-layout="centered"] li {
  margin-left: 0 !important;
  margin-right: 14px !important;
}

body #footer-outer #copyright .span_5 a:not(.nectar-button) {
  text-decoration: underline !important;
}

/**** popup configurateur *****/
/*****popup ****/

html.popup {
  overflow-y: hidden;
}
.video_pop {
  
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  color: #fff;
  z-index: -16;
  overflow: hidden;
  transition: 0.5s all;
  overflow: auto;
  background: #302F63;
  padding: 0 !important;
  
}
/*.video_pop > .wrap:before {
  content: '';
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background-color: #E6E5E2;
  opacity: .6;
}*/

.video_pop.open_pop {
    width: 100% !important;
   
   height: 100% !important;
    top: 0 !important;
    right: 0 !important;
    z-index: 9997;
    z-index: 99972;
    border-radius: 1px;
    opacity: 1;
}

.video_pop > .wrap {
  width: 100%;
    
     /* display: flex;*/
          align-items: center;
        justify-content: center;
    min-height: 100vh;
    position: relative;
}


.video_pop .close {
    
    /* border: 1px solid #fff; */
    width: 54px;
    height: 54px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 60px;
    position: absolute;
    opacity: 1;
    transform-origin: center;
    
        top: 51px;
    right: 42px;
    color: #302F63;
    cursor: pointer;
    z-index: 22;
   
    font-weight: 100;
    line-height: 1.39;
    -webkit-transition: transform 250ms ease-out;
    -moz-transition: transform 250ms ease-out;
    -o-transition: transform 250ms ease-out;
    transition: transform 250ms ease-out;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(-0deg);
    -o-transform: rotate(0deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    transform-origin: 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.video_pop .close svg path {
  fill:#302F63 ;
}
.video_pop .close:hover {
  transform: rotate(0deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.video_pop .video {
  position: relative;
  
  color: #fff;
  
  width: 100%;
  margin: 0 auto 0;
 
    text-align: center;
  
  
}
.video_pop .video a {
    color:#fff;
}
.video_pop .video .wrap_container {

  position: relative;

  margin: 0 auto;
          width: 100%;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    justify-content: space-between;

}



.video_pop .video h2 {
  text-align: center;  
   font-weight: 1000;
   font-size: 71px;
  font-size: clamp(29px,3.7vw,71px);
   letter-spacing: 0.03em;
   text-transform: uppercase;
   color: #fff;
       margin-bottom: 24px;
     
}

.video_pop .video h3 {
  text-align: center;
  color: #fff;
  font-weight: 800;
  font-size: 32px;
  font-size: clamp(21px,1.67vw,32px);
  letter-spacing: 0.03em;
  text-transform: uppercase;
  display: inline-block;

  margin-bottom: 55px;
  background: url(images/vague-jaune.svg) no-repeat left bottom;
  padding-bottom: 25px;
}
.video_pop .video .top {
  padding-left: 7%;
    padding-right: 7%;
    padding-bottom: 3.8vw;
    padding-top: 6.3vw;
}
.video_pop .video .bottom {
 
  padding-left: 7%;
  padding-right: 7%;
  padding-bottom: 200px;
  padding-bottom: 10.5vw;
  padding-top: 90px;
      padding-bottom: 7.5vw;
    padding-top: 4vw;
  background: #68C3CD;
  -webkit-border-top-left-radius: 7.3vw;
  -webkit-border-top-right-radius: 7.3vw;
  -moz-border-radius-topleft: 7.3vw;
  -moz-border-radius-topright: 7.3vw;
  border-top-left-radius: 7.3vw;
  border-top-right-radius: 7.3vw;
  position: relative;
}
.video_pop .video .bottom .choix {
  display: flex;
  max-width: 800px;
  margin: 0 auto;
}
.video_pop .video .bottom .choix .un_choix {
  width: 33.333%;
  padding: 0 15px;
}
.video_pop .video .bottom .choix .un_choix .wrap {
  background: url(images/choix-bg.png) no-repeat center;
  background-size: 100% 100%;
  
  color: #fff;
  padding: 50px 10px 76px;
  -webkit-transition: all 400ms ease-out ;
    -moz-transition: all 400ms ease-out ;
    -o-transition: all 400ms ease-out ;
    transition: all 400ms ease-out ;

}
.video_pop .video .bottom .choix .un_choix .wrap:hover {
  
    transform: scale(1.1);
    transform-origin: center;
}
.video_pop .video .bottom .choix .un_choix .wrap span {
  display: inline-block;
  min-height: 105px;
  font-weight: 1000;
  font-size: 26.42px;
 
  color: #fff;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.03em;
  text-transform: uppercase;
      justify-content: center;
      position: relative;

}
.video_pop .video .bottom .choix .un_choix .wrap span:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 73px;
  height: 5px;
  background: url(images/vague_turquoise.svg) repeat-x left bottom;
  margin: 0 auto;

}
.video_pop .video .bottom .popup_footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom:0 ;
  padding: 0 7% 46px;
  color:#302F63;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.6;

}
.video_pop .video .bottom .popup_footer a {
  font-weight: 1000;
  text-transform: uppercase;
  display: inline-block;
  margin-left: 45px;
}



/***** popup emploie *****/


.video_pop.postuler .video .wrap_container {
  justify-content: center;
  max-width: 800px;
  text-align: left;
      padding: 45px 15px;
}
.video_pop.postuler .video .wrap_container h2 {
  font-size: 45px;
  margin-bottom: 15px;
}



/***** popup infos. *****/
.video_pop.popup_info {
  background: transparent;
 
  left: 0;
  right: unset;
  width: 45% !important;
  
}
.video_pop.popup_info .wrap {
  padding: 80px;
}
.video_pop.popup_info .video .wrap_container {
  min-height: unset;
}
.video_pop.popup_info .close svg path {
    fill: #fff;
}

.video_pop.popup_info .close {
      background: transparent;
      color: #fff;
      width: 24px;
      height: 24px;
      top: 8px;
      right: 8px;
  
}
.video_pop.popup_info .video {
      background: #302F63;
      border: 1.5px solid #fff;
      border-radius: 3px;
      padding: 23px 28px;
      text-align: left;
      font-size: 14px;
}
.video_pop.popup_info .video h2 {
  font-weight: 800;
  font-size: 21px;
  text-transform: unset;
  text-align: left;

}
.video_pop.popup_info .video .image {
  margin-bottom: 15px;
}
.video_pop.popup_info .video .texte {
  margin-bottom: 36px;
}
.video_pop.popup_info .video .more {

}
.video_pop.popup_info .video .more .one_more {
  display: flex;
      flex-wrap: wrap;
  background: rgba(12, 11, 65, 0.4);
  padding: 15px 25px;
  margin-bottom: 12px;
  color: #fff;
}
.video_pop.popup_info .video .more .one_more:last-child {
  margin-bottom: 0;
}
.video_pop.popup_info .video .more .one_more .titre {
  width: 100%;
}
.video_pop.popup_info .video .more .one_more .titre h3 {
  font-weight: 800;
  font-size: 21px;
  text-transform: unset;
  text-align: left;
  background: transparent;
  padding-bottom: 0;
  margin-bottom: 10px;
}
.video_pop.popup_info .video .more .one_more .photo {
  width: 48%;
}
.video_pop.popup_info .video .more .one_more .photo img {
  max-width: 100%;
}
.video_pop.popup_info .video .more .one_more .text{
  width: 52%;
  padding-left: 25px;
}


/***** configurateur general ****/
.gform_wrapper.gravity-theme .gfield-choice-input {
    top: auto;
}
body .configurateur_piscine input[type=date], 
body .configurateur_piscine input[type=email], 
body .configurateur_piscine input[type=number], 
body .configurateur_piscine input[type=password], 
body .configurateur_piscine input[type=search], 
body .configurateur_piscine input[type=tel], 
body .configurateur_piscine input[type=text], 
body .configurateur_piscine input[type=url], 
body .configurateur_piscine textarea,
body .configurateur_piscine .selected-items,
body .custom_select .selected-items {
  border: 1px solid #302F63;
}
.page-template-page-configurateur .container-wrap {
  padding-bottom: 0;
}
.page-template-page-confirmation .wpb_row > .row-bg-wrap .row-bg,
.page-template-page-configurateur .wpb_row > .row-bg-wrap .row-bg {
  -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    border-top-left-radius: 0;
    border-top-right-radius:0;
}
#configurateur .sticky_sidebar {
  position: fixed;
  top: 0;
  left: 0;
  width: calc(45% - 30px);
}
body #configurateur .produit_description {
  font-weight: 800;
  font-size: 14px;
}
#configurateur .vc_col-sm-5 {
  width: 45%;

}
#configurateur .vc_col-sm-7 {
  width:55%
}
#configurateur > .span_12 {
  min-height: 100vh;
  padding: 0 41px 0 0;
}
#configurateur .configurateur_form_side > .vc_column-inner{
  padding-top: 52px;
  padding-left: 38px;
}
#configurateur .titre_retour {
  margin-bottom: 50px;
  font-weight: 800;
  text-align: right; 
  position: relative;
  z-index: 2;
}
#configurateur .titre_retour svg {
  vertical-align: middle;
}
.gform_wrapper.gravity-theme .configurateur_piscine .gform_page_footer {
  text-align: right;
  padding-top: 100px;
  position: relative;
  z-index: 2;
}
.gform_wrapper.gravity-theme .configurateur_piscine .gform_page_footer .gform_ajax_spinner{

   top: 135px;

}
.configurateur_piscine .gform_page .gfield {
  background-color: rgba(48,46,97,.1) !important;
      padding: 39px 18px 39px 54px !important;
      position: relative;
 
}
body .configurateur_piscine .last_page .gfield:not(.titre_retrait).no_pad_bottom ,
.configurateur_piscine .gform_page .gfield.no_pad_bottom {
  padding-bottom: 0 !important;
}
.configurateur_piscine .gform_page .gfield.gfield_visibility_hidden {
  max-height: 0;
  overflow: hidden;
      padding: 0 !important;
}
.configurateur_piscine .gform_page .gfield.gform_hidden {
  padding: 0 !important;
}
.configurateur_piscine .gform_page .gfield.magasin_selected {
  max-height: 0;
    overflow: hidden;
    padding: 0 !important;
}
.configurateur_piscine .gform_page:not(.page_presentation_b) .gfield {
  /*display: flex !important;*/
 /*position: relative;
 align-items: flex-start;*/
}

.configurateur_piscine .gfield legend {
  float: left;
}
html body .page_modeles h2,
.configurateur_piscine .page_presentation_b .gfield.titre h2,
.configurateur_piscine .gfield.form_tableau h2 ,
.configurateur_piscine .last_page .gfield.titre_retrait h2,
.gform_wrapper.gravity-theme .configurateur_piscine .gfield > .gfield_label {
  margin: 0;
  /*width: 50%;*/
  font-weight: 800;
  font-size: 32px;
  font-size: clamp(21px,1.67vw,32px);
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 15px;
 background: url(images/vague-jaune.svg) no-repeat left bottom;
  padding-bottom: 25px;
 padding-right: 7%;
}
.gform_wrapper.gravity-theme .configurateur_piscine .gfield > .ginput_container {
  clear: both;
}
/*.gform_wrapper.gravity-theme .configurateur_piscine .gfield > .gfield_description,
.gform_wrapper.gravity-theme .configurateur_piscine .gfield > .ginput_container {
  width: 50%;
  padding-left: 15px;
  float: right;
}*/
.gform_wrapper.gravity-theme .configurateur_piscine .gfield.description_top > .gfield_description {
  font-weight: 800;
  font-size: 14px;
  color: #302F63;
  margin-bottom: 15px;
  /*position: absolute;
  top: 39px;
  right: 54px;*/
      /*width: calc(45% - 54px);*/
}
.gform_wrapper.gravity-theme .configurateur_piscine .gfield > .ginput_container.ginput_container_select {
  max-width: 263px;
}

.gform_wrapper.gravity-theme .configurateur_piscine .gfield.description_top > .ginput_container {
  margin-top: 20px;

}
.gform_wrapper.gravity-theme .configurateur_piscine .gfield > .validation_message {
  position: absolute;
  right: 54px;
  width: calc(50% - 87px);
   width: calc(100% - 87px);
  top: calc(100% - 32px);
}
.gform_wrapper.gravity-theme .configurateur_piscine .page_presentation_b .gfield > .validation_message {
  width: calc(100% - 87px);
}
.configurateur_piscine .last_page.faux .spacer.gfield {
  padding: 0 !important;
}
.configurateur_piscine .last_page .gform_page_fields {
  padding-left: 50%;
}
.configurateur_piscine .last_page:not(.faux) .gfield {
  display: block !important;
}
.configurateur_piscine .gfield.margin_bottom_16 {
  margin-bottom: 34px;
}
.configurateur_piscine .gfield.no_pad_top {
  padding-top: 0 !important;
}
.configurateur_piscine .gfield.no_pad_bottom {
  padding-bottom: 0 !important;
}
.configurateur_piscine .last_page .gfield legend {
    
}
.gform_wrapper.gravity-theme .configurateur_piscine .last_page .gfield > .gfield_description,
.gform_wrapper.gravity-theme .configurateur_piscine .last_page .gfield > .ginput_container {
  width: 100%;
  padding-left: 0;
  float: none;
}
.gform_wrapper.gravity-theme .configurateur_piscine .last_page .gfield > .gfield_label {

  width: 100%;
  margin-bottom: 5px;
  background: transparent;
  padding-bottom: 0;
  padding-right: 0;
  font-weight: 800;
  font-size: 14px;
  color: #302F63;
  text-transform: unset;

}
.gform_wrapper.gravity-theme .configurateur_piscine .last_page .gfield.lable_blanc > .gfield_label {
  color: #FFF;
  margin-bottom: 13px;
  font-size: 21px;
  font-weight: 800;
  line-height: normal;
}


.configurateur_piscine .gfield.radio_button_en_cta:not(.image-choices-field) {
  padding-top:  0 !important;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: flex-end;
  display: flex !important;
}
.configurateur_piscine .gfield.radio_button_en_cta:not(.image-choices-field) .ginput_container {
  width: 50%;
}
.configurateur_piscine .gfield.radio_button_en_cta:not(.image-choices-field) .gfield_description {
  width: 25%;
    text-align: center;
    padding-top: 0;
    font-weight: 800;
}
.configurateur_piscine .gfield.radio_button_en_cta:not(.image-choices-field) legend {
  visibility: hidden;
  padding-bottom: 0 !important;
  width: 50%;
}
.configurateur_piscine .gfield.radio_button_en_cta:not(.image-choices-field) [type="radio"] + label:before,
.configurateur_piscine .gfield.radio_button_en_cta:not(.image-choices-field) [type="radio"] + label:after {
  display: none !important;
}
.configurateur_piscine .gfield.radio_button_en_cta:not(.image-choices-field) .gfield_radio [type="radio"] + label {
  padding: 17px 27px !important;
  -webkit-border-radius:27px;
  -moz-border-radius: 27px;
  border-radius: 27px;
  display: inline-block !important;
  background-color: #302F63;
  font-weight: 1000 !important;
  text-transform: uppercase;
  color: #FFFFFF !important;
  border: 3px solid #302F63;
  line-height: 1;

}
.configurateur_piscine .gfield.radio_button_en_cta:not(.image-choices-field) .gfield_radio {
  display: flex;
}
.configurateur_piscine .gfield.radio_button_en_cta:not(.image-choices-field) .gfield_radio .gchoice {
  width: 50%;
  text-align: center;
  padding: 0 8px;
}
.configurateur_piscine .gfield.radio_button_en_cta:not(.image-choices-field) .gfield_radio .gchoice:nth-child(2) [type="radio"] + label {
  background: #FFC952;
  color: #302F63 !important;
  border-color: #FFC952;
}

.configurateur_piscine .gfield.radio_button_en_cta:not(.image-choices-field) .gfield_radio [type="radio"]:checked + label {
  border-color: #fff !important;
}


.configurateur_piscine .last_page .gfield:not(.titre_retrait) {
  padding-left: 0 !important;
  position: relative;
  background: transparent !important;

}
.configurateur_piscine .last_page .gfield:not(.titre_retrait):after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 200%;
  background-color: rgba(48,46,97,.1) !important;
  z-index: -1;
}
.configurateur_piscine .last_page .gfield:not(.titre_retrait).less_pad_bottom {
  padding-bottom: 20px !important;
}
.gform_wrapper.gravity-theme .configurateur_piscine .last_page .gfield > .ginput_container.ginput_container_select{
  max-width: unset;
}

.configurateur_piscine .last_page .gfield.no_padding_right:not(.titre_retrait) {
  padding-right: 0 !important;
}
.configurateur_piscine .last_page .gfield.no_bg:not(.titre_retrait):after {
  display: none;
}
.configurateur_piscine .last_page .gfield.last_right_field:not(.titre_retrait):after  {
   width: calc(400% + 18px);

}
.configurateur_piscine .last_page .gfield.titre_retrait {
  padding: 0 !important;
  

}
.configurateur_piscine .last_page .gfield.titre_retrait h2 {
  width: calc(100% - 54px);
  position: absolute;
  top: 50px;
  left: calc(-100% + 54px);
}

body .configurateur_piscine .dropdown-items {
  height: unset;
  padding-right: .804%;
  clear: both;
}
body .custom_select .dropdown-items {
  height: unset;
  padding-right: 0;
}
.custom_select .gfield.custom_select legend ,
.configurateur_piscine .gfield.custom_select legend {
  float: none;
}
body .custom_select .selected-items ,
body .configurateur_piscine .selected-items {
  width: 100%;
  min-height: 54px;
  height: unset;
  position: relative;
    
}
body .custom_select .selected-items:after ,
body .configurateur_piscine .selected-items:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 18px;
  width: 12px;
  height: 7px;
  margin-top: -3px;
  background: url(images/select-arrow.svg) no-repeat center; 
}

body .custom_select .options-items,
body .configurateur_piscine .options-items {
  position: absolute;
      width: 100%;
      bottom: 2px;
      left: 0;
      display: none;
      
      border-top: none;
      list-style: none;
      margin: 0;
      padding: 0;
      list-style: none;
      max-height: 300px;

      overflow: auto;
}
body .custom_select .selected-items li ,
body .custom_select .options-items li ,
body .configurateur_piscine .selected-items li ,
body .configurateur_piscine .options-items li {
    background: #fff;
    cursor: pointer;
    padding: 10px 15px;
    width: 100%;
    font-size: 14px;
    font-weight: 800;
    color: #302F63;
    padding-right: 45px;
    position: relative;
    line-height: 1.1;
        padding-right: 23px;
}
body .custom_select .selected-items li,
body .configurateur_piscine .selected-items li {
  padding: 0 15px 0 0;
  height: unset;
  list-style: none;
}
body .custom_select .options-items li:after,
body .configurateur_piscine .options-items li:after {
  content: '';
  display: block;
  clear: both;
}
body .custom_select .selected-items li .items-key,
body .custom_select .options-items li .items-key,
body .configurateur_piscine .selected-items li .items-key,
body .configurateur_piscine .options-items li .items-key{
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.02em;
      width: 100%;
    display: block;

   padding-right: 56px;
    margin-top: 3px;
    pointer-events: none;
}
body .custom_select .selected-items li .items-distance, 
body .custom_select .options-items li .items-distance,
body .configurateur_piscine .selected-items li .items-distance, 
body .configurateur_piscine .options-items li .items-distance{
     
      font-weight: 700;
      width: 56px;
      font-size: 11px;
      position: absolute;
      right: 23px;
      bottom:10px;
      text-align: right;
      pointer-events: none;
    display: none;
}
body .custom_select .selected-items li .items-distance ,
body .configurateur_piscine .selected-items li .items-distance {
  right:23px;
  bottom: 0;
}
body .custom_select .selected-items li .items-distance:before,
body .custom_select .options-items li .items-distance:before ,
body .configurateur_piscine .selected-items li .items-distance:before,
body .configurateur_piscine .options-items li .items-distance:before {
  content: url(images/marker-distance.svg);
  display: inline-block;
  margin-right: 2px;
}
.gform_wrapper.gravity-theme .configurateur_piscine .last_page .gform_fields {
      grid-row-gap: 0;
}

.configurateur_piscine .gfield.form_tableau h2 {

}
.gform_wrapper.gravity-theme .page_form_tableau .gform_fields {
      grid-row-gap: 0;
}

.configurateur_piscine .gfield.form_tableau {
  display: block !important;
}
.page_form_tableau h2 {
  max-width: 614px;
}
.page_extende:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: -41px;
  bottom: 0;
  width: 160%;
  background: #68c3cd;
  z-index: 0;
}
.page_extende .gform_page_fields {
  margin-left: -60%;
  position: relative;
    z-index: 2;
}
.page_form_tableau .tableau_configurateur {
  display: flex;
  padding-top: 25px;
}
.page_form_tableau .tableau_configurateur .tableau_a {
  width: calc(25%);
  border: 3px solid #302F63;
}
.page_form_tableau .tableau_configurateur .tableau_a .titre {
  background: #302F63;
  color: #fff;
  padding: 30px 15px;
  font-weight: 800;
  text-align: center;
}
.page_form_tableau .tableau_configurateur .tableau_a .la_list {
  padding: 23px 40px;
  
}
.page_form_tableau .tableau_configurateur .tableau_a .la_list .une_list {
  color: #fff;
  padding-bottom: 12px;
  display: flex;
}
.page_form_tableau .tableau_configurateur .tableau_a .la_list .une_list .icon {
  width: 25px;
}
.page_form_tableau .tableau_configurateur .tableau_a .la_list .une_list .element {
  font-weight: 800;
  font-size: 14px;
  padding-left: 10px;
  
}
.page_form_tableau .tableau_configurateur .plus {
  width: 10%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 149px;
  font-weight: 800;
}
.page_form_tableau .tableau_configurateur .tableau_b {
  width: 65%;
  border: 3px solid #302F63;
  display: table;
}
.page_form_tableau .tableau_configurateur .tableau_b .range {
  display: table-row;
}
.page_form_tableau .tableau_configurateur .tableau_b .range > div {
  display: table-cell;
  padding: 30px 15px;
  color: #fff;
  border-right: 3px solid #302F63;
  border-bottom: 3px solid #302F63;
  text-align: center;
  font-weight: 800;
  width: 38%;
  vertical-align: middle;
}

.page_form_tableau .tableau_configurateur .tableau_b .range:nth-child(2n + 1) > div {
  background: rgba(48, 47, 99, .2);
}
.page_form_tableau .tableau_configurateur .tableau_b .range:last-child > div {
  border-bottom: 0 !important;
} 
.page_form_tableau .tableau_configurateur .tableau_b .range > div:last-child {
  border-right: 0 !important;
}
.page_form_tableau .tableau_configurateur .tableau_b .range.entete > div {
  background: #302F63;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
  padding: 30px 15px;
  
  text-align: center;
}
.page_form_tableau .tableau_configurateur .tableau_b .range.entete > div:last-child {
  background: #FFC952;
  color: #302F63;
}
.page_form_tableau .tableau_configurateur .tableau_b .range .col_1 {
  color: #302F63;
  text-align: right;
  width: 24% !important;
}



body .gform_wrapper.gravity-theme .configurateur_piscine .gfield:not(.image-choices-field) .gfield_checkbox label, 
body .gform_wrapper.gravity-theme .configurateur_piscine .gfield:not(.image-choices-field) .gfield_radio label {
    font-weight: 800;
    font-size: 14px;
    color: #302F63;
    padding-top: 5px;
    min-height: 30px;
    margin-bottom: 14px;
    display: block;
    max-width: unset;
    
}
body .gform_wrapper.gravity-theme .configurateur_piscine .gfield.image-choices-field.gfield_error  .gfield_checkbox label span, 
body .gform_wrapper.gravity-theme .configurateur_piscine .gfield.image-choices-field.gfield_error  .gfield_radio label span,
body .gform_wrapper.gravity-theme .configurateur_piscine .gfield:not(.image-choices-field).gfield_error .gfield_checkbox label, 
body .gform_wrapper.gravity-theme .configurateur_piscine .gfield:not(.image-choices-field).gfield_error .gfield_radio label {
  color: #EA504C;
}
body .image-choices-field .image-choices-choice-selected {
    border-color: transparent;
}
body .gform_wrapper.gravity-theme .configurateur_piscine .gfield.image-choices-field .gfield_checkbox label, 
body .gform_wrapper.gravity-theme .configurateur_piscine .gfield.image-choices-field .gfield_radio label {
  padding: 0 !important;
  border: 0 !important;
  color: #302F63;
} 
body .gform_wrapper.gravity-theme .configurateur_piscine .gfield.image-choices-field .gfield_checkbox label span, 
body .gform_wrapper.gravity-theme .configurateur_piscine .gfield.image-choices-field .gfield_radio label span {
      color: #fff;
    font-weight: 800;
}
body .gform_wrapper.gravity-theme .configurateur_piscine .gfield_radio .image-choices-choice-image-wrap {
  border: 5px solid #302F63;
  -webkit-border-radius: 37%;
  -moz-border-radius: 37%;
  border-radius: 37%;
  overflow: hidden;
  width: 100%;
    height: auto;
    padding-top: calc(100% - 11.4px);
        background-position: center;
     -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    background-color: #fff;
}
body .gform_wrapper.gravity-theme .configurateur_piscine .creusee_form .gfield_radio .image-choices-choice-image-wrap {
   background-size: 94%;
   background-repeat: no-repeat;
}
body .gform_wrapper.gravity-theme .configurateur_piscine .gfield_radio [type="radio"]:checked + label .image-choices-choice-image-wrap {
  border-color: #FFC952;
}
.configurateur_piscine .gfield:not(.image-choices-field) [type="checkbox"]:checked,
.configurateur_piscine .gfield:not(.image-choices-field) [type="checkbox"]:not(:checked) ,
.configurateur_piscine .gfield:not(.image-choices-field) [type="radio"]:checked,
.configurateur_piscine .gfield:not(.image-choices-field) [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.configurateur_piscine .gfield:not(.image-choices-field) [type="checkbox"]:checked + label,
.configurateur_piscine .gfield:not(.image-choices-field) [type="checkbox"]:not(:checked) + label,
.configurateur_piscine .gfield:not(.image-choices-field) [type="radio"]:checked + label,
.configurateur_piscine .gfield:not(.image-choices-field) [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 38px;
    cursor: pointer;

    display: inline-block;
 
}
.configurateur_piscine .gfield:not(.image-choices-field) [type="checkbox"]:checked + label:before,
.configurateur_piscine .gfield:not(.image-choices-field) [type="checkbox"]:not(:checked) + label:before ,
.configurateur_piscine .gfield:not(.image-choices-field) [type="radio"]:checked + label:before,
.configurateur_piscine .gfield:not(.image-choices-field) [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 28px;
    height: 28px;
    border: 1px solid #302F63;
    border-radius: 100%;
    background: #fff;
}
.configurateur_piscine .gfield:not(.image-choices-field) [type="checkbox"]:checked + label:before,
.configurateur_piscine .gfield:not(.image-choices-field) [type="checkbox"]:not(:checked) + label:before  {
  border-radius: 7px;
}
.configurateur_piscine .gfield:not(.image-choices-field) [type="checkbox"]:checked + label:after,
.configurateur_piscine .gfield:not(.image-choices-field) [type="checkbox"]:not(:checked) + label:after,
.configurateur_piscine .gfield:not(.image-choices-field) [type="radio"]:checked + label:after,
.configurateur_piscine .gfield:not(.image-choices-field) [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 14px;
    height: 14px;
    background: #302F63;
    position: absolute;
    top: 8px;
    left: 8px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.configurateur_piscine .gfield:not(.image-choices-field) [type="checkbox"]:checked + label:after,
.configurateur_piscine .gfield:not(.image-choices-field) [type="checkbox"]:not(:checked) + label:after {
   border-radius: 4px;
   width: 16px;
    height: 16px;
    top: 7px;
    left: 7px;
}
.configurateur_piscine .gfield:not(.image-choices-field) [type="checkbox"]:not(:checked) + label:after,
.configurateur_piscine .gfield:not(.image-choices-field) [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.configurateur_piscine .gfield:not(.image-choices-field) [type="checkbox"]:checked + label:after,
.configurateur_piscine .gfield:not(.image-choices-field) [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.configurateur_piscine .image-choices-field div.gfield_radio {
  display: flex;

    flex-wrap: wrap;
}
.configurateur_piscine .image-choices-field div.gfield_radio .image-choices-choice{
  width: 23%;
  margin-right: 2% !important;
}
.gform_wrapper.gravity-theme .configurateur_piscine .gform_previous_button.button {
  background: transparent;
     position: fixed;
    left: 25px;
    bottom: 25px;
}
.gform_wrapper.gravity-theme .configurateur_piscine .gform_previous_button.button {

}
body .gform_wrapper .configurateur_piscine legend .gfield_required {
  display: none;
}
body .gform_wrapper .configurateur_piscine .lable_blanc legend .gfield_required {
  display: inline-block;
}

.bulle_info .wrap_bulle {
  position: absolute;
      right: 12px;
      bottom: 17px;
      cursor: pointer;
      -webkit-transition: all 250ms ease-out ;
    -moz-transition: all 250ms ease-out ;
    -o-transition: all 250ms ease-out ;
    transition: all 250ms ease-out ;
}
.bulle_info .wrap_bulle:hover {
  transform: scale(1.4);
    transform-origin: center;
}


/**** configurateur page presentation version b ****/
.configurateur_piscine .page_presentation_b .gfield.titre {

}
.configurateur_piscine .page_presentation_b .gfield.titre {
  font-weight: 800;
font-size: 14px;
}
.configurateur_piscine .page_presentation_b .gfield.titre h2 {
  width: 100%;
 
}
.gform_wrapper.gravity-theme .page_presentation_b .gform_fields {
  display: flex;
      grid-row-gap: 0;
      flex-wrap: wrap;
          grid-column-gap: 0;
}
.gform_wrapper.gravity-theme .page_presentation_b .gfield {
  width: 50%;
    
        
}
.gform_wrapper.gravity-theme .page_presentation_b .gfield.informations {
  color: #fff;
  font-size: 12px;
  font-style: italic;
  width: 100%;
  background: transparent !important;
}
.gform_wrapper.gravity-theme .page_presentation_b .gfield.marg_left_50 {
  margin-left: 50%;
  background: transparent !important;
  position: relative;
}
.gform_wrapper.gravity-theme .page_presentation_b .gfield.marg_left_50:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom:0;
  width: 200%;
  background-color: rgba(48,46,97,.1) !important;
}
.gform_wrapper.gravity-theme .page_presentation_b .gfield:not(.titre) {
  padding-left: 15px !important;
}
.gform_wrapper.gravity-theme .configurateur_piscine .page_presentation_b .gfield > .gfield_label {
  width: 100%;
}
.gform_wrapper.gravity-theme .configurateur_piscine .page_presentation_b .gfield > .ginput_container {
    width: 100%;
    padding-left: 0;
    float: none;
    margin-top: 5px;
}
.gform_wrapper.gravity-theme .configurateur_piscine .page_presentation_b .gfield.image-choices-field > .ginput_container {
  margin-top: 37px;
  clear: both;
}
.gform_wrapper.gravity-theme .configurateur_piscine .page_presentation_b .gfield.hidden_label > .ginput_container {
  margin-top: 0;
}
.gform_wrapper.gravity-theme .configurateur_piscine  .page_presentation_b .gfield > .gfield_label {
    width: 100%;
    margin-bottom: 5px;
    background: transparent;
    padding-bottom: 0;
    padding-right: 0;
    font-weight: 800;
    font-size: 21px;
    color: #302F63;
    text-transform: unset;
}

/**** configurateur spa *****/
#photo_spa {
  position: relative;
}
#photo_spa > div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#photo_spa > div.actif {
  visibility: visible !important;
  position: relative !important;
}
#photo_spa .photo_spa_acrylique {
   -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  visibility: hidden;
  font-size: 12px;
    color: #fff;
    padding: 10px 16px;
    font-style: italic;
    text-align: right;
}
#photo_spa .photo_spa_acrylique.sterling.black,
#photo_spa .photo_spa_acrylique.sterling.noir {
  background: url(images/sterling-noir.jpg) no-repeat center;
  
}
#photo_spa .photo_spa_acrylique.tuscan-gris.black,
#photo_spa .photo_spa_acrylique.tuscan-gris.noir {
  background: url(images/tuscan-gris-noir.jpg) no-repeat center;
  
}
#photo_spa .photo_spa_acrylique.tuscan-sun.black,
#photo_spa .photo_spa_acrylique.tuscan-sun.noir {
  background: url(images/tuscan-sun-noir.jpg) no-repeat center;
  
}
#photo_spa .photo_spa_acrylique.midnight-canyon.black,
#photo_spa .photo_spa_acrylique.midnight-canyon.noir {
  background: url(images/midnight-canyon-noir.jpg) no-repeat center;
  
}

#photo_spa .photo_spa_acrylique.sterling.coastal {
  background: url(images/sterling-coastal.jpg) no-repeat center;
 
}
#photo_spa .photo_spa_acrylique.tuscan-gris.coastal {
  background: url(images/tuscan-gris-coastal.jpg) no-repeat center;
 
}
#photo_spa .photo_spa_acrylique.tuscan-sun.coastal {
  background: url(images/tuscan-sun-coastal.jpg) no-repeat center;
 
}
#photo_spa .photo_spa_acrylique.midnight-canyon.coastal {
  background: url(images/midnight-canyon-coastal.jpg) no-repeat center;
 
}

#photo_spa .photo_spa_nage {
  background: url(images/spa-nage.jpg) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  visibility: hidden;
}
#photo_spa .photo_spa_portatif {
  background: url(images/spa-portatif.jpg) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  visibility: hidden;
}

/**** section Financeit ****/

#financeit_row h2 {
        margin-bottom: 1.8vw;

}
#financeit_row h3 {
    font-size: 32px;
    font-size: clamp(21px, 1.67vw, 32px);
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0 !important;
}

/**** fonfigurateur hors terre *****/

#configContainer {
  display: grid;
  grid-template-columns: 1.5fr 2fr;
  width: 100vw;
  height: 100vh;
}
.configurateur_hors_terre #builder {
  background-color: #FFC952;
  background-image: url("images/grid.jpg");
  background-size: 10%;
  -webkit-animation-name: gridAnim;
          animation-name: gridAnim;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  position: relative;
  display: flex;
  justify-content: center;
}
.configurateur_creusee #builder {
  background-color: #FFC952;
  background-image: url("images/garden.jpg");
  background-position: center -651%;
    background-repeat: no-repeat;
    background-size: 113%;
    background-size: auto 93%;
  
}
#builder #popupTips {
  position: absolute;
  bottom: 5%;
  background-color: #FFFFFF;
  color: #302F63;
  box-sizing: border-box;
  padding: 5px 20px;
  max-width: 80%;
  opacity: 0;
  transform: translateY(80px);
  transition: opacity 0.2s, transform 0.2s ease-out;
}
#builder #popupTips.appear {
  opacity: 1;
  transform: translateY(0);
}
#builder #popupTips h3 {
  text-transform: capitalize;
}
#builder #popupTips img {
  float: right;
  width: 20px;
  height: 20px;
  cursor: pointer;
  margin-top: 10px;
}
#photo_spa > div,
#builder #poolContainer {
  width: 100%;
  height: 100%;
  display: flex;
  height: 500px !important;
  min-height: 100vh;
  align-items: flex-end;
      justify-content: flex-end;
}
@-webkit-keyframes gridAnim {
  to {
    background-position: -11% 8%;
  }
}
@keyframes gridAnim {
  to {
    background-position: -11% 8%;
  }
}
#configContainer #choice {
  box-sizing: border-box;
  padding: 10%;
  color: #FFFFFF;
  background-color: #68C3CD;
  max-height: 100vh;
  display: grid;
  grid-template-rows: 1fr 1fr;
  row-gap: 30px;
  overflow-y: scroll;
}
#configContainer #choice section {
  background-color: #76b2c0;
  box-sizing: border-box;
  padding: 5% 10%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
#configContainer #choice section > div {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 5px;
       column-gap: 5px;
  row-gap: 5px;
}
#configContainer #choice section .textureButton {
  background: #302F63;
  border: none;
  box-sizing: border-box;
  border-radius: 2em;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 80px;
  height: 80px;
}
#configContainer #choice section .textureButton img {
  max-width: 100%;
  border-radius: 1.4em;
}
#configContainer #choice form {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}


/**** configurateur spa ****/
html body .page_modeles h2 {
  max-width: 620px;
  padding-right: 0 !important;
}
.gform_wrapper.gravity-theme .page_modeles .gform_fields {
  
    grid-row-gap: 0;
  }
  .configurateur_piscine .gform_page.page_modeles .gfield {
    padding-bottom: 0 !important;
  }
  .configurateur_piscine .page_modeles .image-choices-field div.gfield_radio .image-choices-choice {
    padding-bottom: 40px !important;
  }
.gform_wrapper.gravity-theme .configurateur_piscine .page_modeles .gfield > .gfield_label {
  font-weight: 800;
  font-size: 21px;
  color: #302F63;
  background: transparent;
  padding-bottom: 0;
}
body .gform_wrapper.gravity-theme .configurateur_piscine .page_modeles .gfield_radio .image-choices-choice-image-wrap {
    border: 0;
    -webkit-border-radius:0;
    -moz-border-radius: 0;
    border-radius:0;
    overflow: hidden;

    height: auto;
   
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    width: 88%;
        padding-top: calc(100% - 12%);
        background-position: top right !important;
        background-position: center center !important;
        background-size: auto 112% !important;
        -webkit-background-size: cover !important;
        -moz-background-size: cover !important;
        -o-background-size: cover !important;
        background-size: cover !important;
        background-size: cover !important;
        position: relative;
        z-index: 1;
}
body .gform_wrapper.gravity-theme .configurateur_piscine .page_modeles .gfield.image-choices-field .gfield_radio label {
  
  background: #302F63 url(images/CTA_over_jaune.svg) no-repeat 50% 400px;
  text-align: left;
  -webkit-transition: background-position 500ms ease-out !important;
    -moz-transition: background-position 500ms ease-out !important;
    -o-transition: background-position 500ms ease-out !important;
    transition: background-position 500ms ease-out !important;
}
body .gform_wrapper.gravity-theme .configurateur_piscine .page_modeles .gfield.image-choices-field .gfield_radio .gchoice:hover label {
  
  background-position: 50% -40px;
  

}
body .gform_wrapper.gravity-theme .configurateur_piscine .page_modeles .gfield.image-choices-field .gfield_radio .gchoice:hover label .image-choices-choice-text {
    color: #302F63;
  }

 body .gform_wrapper.gravity-theme .configurateur_piscine .page_modeles .gfield.image-choices-field .gfield_radio input[type="radio"]:checked + label {
  background: #FFC952;
 }
 body .gform_wrapper.gravity-theme .configurateur_piscine .page_modeles .gfield.image-choices-field .gfield_radio .gchoice:hover label .image-choices-choice-text,
  body .gform_wrapper.gravity-theme .configurateur_piscine .page_modeles .gfield.image-choices-field .gfield_radio input[type="radio"]:checked + label .image-choices-choice-text {
    color: #302F63;
  }

body .gform_wrapper.gravity-theme .configurateur_piscine .page_modeles .gfield.image-choices-field .gfield_radio label .image-choices-choice-text {

  font-size: 32px;
      font-size: clamp(16px,1.67vw,32px);
      font-weight: 300;
      color: #fff;
      padding: 10px 15px 11px 2vw;
      line-height: 1.2;
      text-transform: uppercase;
      position: relative;
      z-index: 1;
      margin-bottom: 0;
      display: block;
}
.page_modeles .image-choices-lightbox-btn {
   
    right: 46px;
}

/** cookies popup ****/
body .cky-consent-container .cky-consent-bar {

    padding: 30px 30px;
    box-shadow: 0 -1px 10px 0 #acabab4d;
    border-radius: 35px;
}
body .cky-notice .cky-title {
  font-size: 21px;
  font-weight: 800;
  padding-bottom: 5px;
}
body .cky-notice-des {
  font-weight: 500;
  line-height: 1.1;
}
body .cky-notice-des p{
  padding-bottom: 5px;
}
body .cky-btn {
    flex: unset;
    max-width: 100%;
    font-size: 14px;
    font-style: normal;
    font-weight: 1000;
    line-height: normal;
    text-transform: uppercase;
    padding: 18px 25px;

    margin: 0 8px 0 0;
    
}

@media(max-width:1700px){ 
  body #top nav>ul>li>a, 
  body .pull-left-wrap>ul>li>a {
    
    font-size: 13px;
    
  }
 #header-outer #logo img, 
  #header-outer .logo-spacing img {
    height: 54px;
  }
}

@media(max-width:1600px){ 
 #guide > .span_12 {
     
     background-size: 20.6vw !important;
 }
  .form_telechargement_guide {
     
      flex-direction: column;
      align-items: flex-end;
  }
  .form_telechargement_guide .gform_body {
      width: 100%;
  }
  .form_telechargement_guide .gform_footer {
      width: 301px;
      padding-top: 20px !important;
  } 
  .form_telechargement_guide_wrapper {
      
         margin-bottom: 11vw !important;
  }
  #header-outer #logo img, #header-outer .logo-spacing img {
      height: 62px;
      height: 48px;
  }
  #header-outer.small-nav #logo img, #header-outer.small-nav .logo-spacing img {
      height: 48px;
  }
  #top nav>ul>li>a, .pull-left-wrap>ul>li>a {
      
      font-size: 12px;
    }
    body #header-outer .logo-spacing {
       
        width: 361px;
    }
    body #header-outer[data-lhe="default"] #top nav > ul > li > a {
      padding-left: 4px;
      padding-right: 4px;
    }
    body #header-outer[data-full-width=true] header>.container {
      padding: 0 20px 0 0;
    }
    body #header-outer[data-lhe=default] #top nav>ul>li[class*=button_solid_color]>a {
      padding-left: 15px !important;
      padding-right: 15px !important;
    }
    body #header-outer #top .left-aligned-ocm a {
    
      padding: 0.5vw 2vw;
          padding: 10px 26px;
    }
    .form_infolettre {
        
        padding-bottom: 56px;
    }
    body input[type=date], body input[type=email], body input[type=number], body input[type=password], body input[type=search], body input[type=tel], body input[type=text], body input[type=url] {
      
        height: 48px;
       
    }
    body select {
        height: 48px;
        padding: 7px 15px !important;
    }
    #a_propos .deux_col_a .img-with-aniamtion-wrap .img-with-animation {
        
        max-width: 120px;
    }
    body button[type=submit], body input[type=button], body input[type=submit] {
        height: 48px;
      }
      .piscine_spa_informations .info .listes_photo {
          
          margin: 0 -7px 15px;
      }
      .piscine_spa_informations .info .listes_photo .liste {
         
          padding: 0 7px;
      }
      .piscine_spa_informations .info .listes_photo.liste_detail .photo {
          width: calc(25% - 3px);
          padding-right: 6px;
          
      }
      .piscine_spa_informations .info .listes_photo.liste_detail .titre {
          width: calc(100% - 25% + 3px);
          
      }
      #nous_trouver #wpsl-search-wrap .wpsl-input {
          margin-right: 30px;
      }
      #nous_trouver #wpsl-search-wrap #wpsl-results {
          padding-left: 16px;
      }
      #nous_trouver .wpsl-select-wrap {
          margin-right: 30px;
      }
      html body .wpsl-store-location {
        font-size: 18px;
      }
      .form_rendez_vous .gfield--type-appointment_calendar:before {
         
          left:unset;
          width: 14.2%;
         right: calc(395px + 49%);
          
      }
      .form_rendez_vous .gfield--type-appointment_calendar:after {
         
          right: unset; 

          left: calc(395px + 48%);
          width: 19%;
          background-size: 100%;
          
      }
      body #header-outer.small-nav #top .left-aligned-ocm a {
          padding: 10px 20px;
      }

      .magasin_informations .wpsl-gmap-canvas {
        height: 394px;
      } 
  .gallery_logos .un_logo img {
     
      max-height: 115px;
  }
  body #top nav>ul>li>a, body .pull-left-wrap>ul>li>a {
      font-size: 12px;
  }
}
@media(max-width:1400px){ 
  #header-outer #logo img, #header-outer .logo-spacing img {
        height: 49px;
    }
    #header-outer.small-nav #logo img, #header-outer.small-nav .logo-spacing img {
        height: 45px;
    }
    body #header-outer.small-nav #logo {
        
        padding: 15px 26px;
    }
   body #top .slide-out-widget-area-toggle a span {
       width: 32px;
   }
   body #header-outer[data-format=centered-menu] #top .span_9 .sf-menu:not(.buttons) li {
       padding: 14px 5px;
       
   }
   body #header-outer[data-format=centered-menu] #top .span_9 .sf-menu:not(.buttons) li:first-child {
       padding-left: 7px;
     }

   body #header-outer[data-format=centered-menu] #top .span_9 .sf-menu:not(.buttons) li:last-child {
       padding-right: 7px;
     }
   body #header-outer .logo-spacing {

       width: 321px;
   }
   body #header-outer.transparent #top nav>ul>li[class*=button_solid_color]>a:before, body #top .slide-out-widget-area-toggle[data-custom-color=true] a:before, body #top nav>ul>li[class*=button_solid_color]>a:before {
       height: 28px;
   }
   body #top nav > ul > li[class*="button_solid_color"] > a {
    margin-right: 5px;
    margin-left: 5px;
   }
   body #header-outer[data-lhe=default] #top nav>ul>li[class*=button_solid_color]>a {
       padding-top: 16px !important;
       padding-bottom: 16px!important;
   }
   .gform_wrapper.gravity-theme .configurateur_piscine .last_page .gfield.lable_blanc > .gfield_label {
       
       font-size: 18px;
       
   }
}
@media(max-width:1330px){ 

  body #top .span_9 nav .buttons .menu-item {
    position: relative;
    visibility: visible;
    pointer-events: initial;
  }
  body #header-outer #logo {
      padding: 15.8px 30.6px;
  }
  body #header-outer #top .left-aligned-ocm a {
      padding: 10px 26px;
  }
  body #slide-out-widget-area.fullscreen-inline-images .inner > .container {
      
      width: 100%;

  }
  body .container {

      width: calc(81.5vw + 40px);
  }
}
@media(max-width:1300px){ 
  .deux_col h3,
  body #slide-out-widget-area .inner .off-canvas-menu-container li a,
  .slider_testimonials .le_temoignage,
  .comment-author cite,
  #articles .autres_articles .un_post:first-child .infos h3,
  .filter_sidebar .un_filtre h3 ,
  html body .spontane_form .gform_wrapper .top_label .carriere_region .gfield_label,
  .carriere_region .carriere_region_content h4,
  body .les_accessoires .titre h3,
  body .les_accessoires .accessoire h3,
  .piscine_spa_informations .info h2 ,
  body:not(.woocommerce-cart) .main-content .listes_horaire td,
  html body h3,
  html body {
     
    font-size: 18px;
  }
  .articles .un_post .infos h3 {
      font-size: 18px;
    }
  .incitatif .texte .titre_incitatif,
  .incitatif.inscitatif_plus .texte .titre_incitatif {
      top: 2.7vw;
      left: 2.5vw;
  }
  .incitatif .texte>.vc_column-inner>.wpb_wrapper,
  .incitatif.inscitatif_plus .texte>.vc_column-inner>.wpb_wrapper {
      padding: 2.7vw 2.7vw  1.7vw;
  }
  .form_telechargement_guide_wrapper {
     
      padding-left: 1.7vw;
      
  }
  .wpb_row.moyen_pad_bottom > .span_12 {
      
      padding-bottom: 15vw;
  }
  #guide > .span_12 {
      /*background-size: 267px !important;*/
      background-position: 10% 100%;
  }
/*
  #header-outer #logo img, #header-outer .logo-spacing img {
      height: 53px;
  }
  #header-outer.small-nav #logo img, #header-outer.small-nav .logo-spacing img {
      height: 50px;
  }
  body #header-outer.small-nav #logo {
      
      padding: 15px 26px;
  }
 body #top .slide-out-widget-area-toggle a span {
     width: 32px;
 }
 body #header-outer[data-format=centered-menu] #top .span_9 .sf-menu:not(.buttons) li {
     padding: 14px 5px;
     
 }
 body #header-outer[data-format=centered-menu] #top .span_9 .sf-menu:not(.buttons) li:first-child {
     padding-left: 7px;
   }

 body #header-outer[data-format=centered-menu] #top .span_9 .sf-menu:not(.buttons) li:last-child {
     padding-right: 7px;
   }
 body #header-outer .logo-spacing {

     width: 321px;
 }
 body #header-outer.transparent #top nav>ul>li[class*=button_solid_color]>a:before, body #top .slide-out-widget-area-toggle[data-custom-color=true] a:before, body #top nav>ul>li[class*=button_solid_color]>a:before {
     height: 28px;
 }
 */
  .form_infolettre {
      
      padding-bottom: 36px;
  }

  html body #footer-outer .row {
      padding: 53px 0;
  }
  #a_propos .deux_col_a .img-with-aniamtion-wrap .img-with-animation {

      margin-top: -108px;
      max-width: 100px;
  }
  .form_infolettre .gform_footer {
      width: 200px;
      padding-left: 15px !important;
      
  }
  .form_infolettre .gform_body {
      width: calc(100% - 200px);
  }
  .archive_piscine_spa .une_piscine {
      
      margin-bottom: 56px;
  }
  .slider_testimonials .swiper-button-next {
      left: calc(-50% - 54px);
    
  }
  .titre_image_texte .wpb_column:nth-child(1){
    width: 25%;
    width: 32%;
  }
  .titre_image_texte .wpb_column:nth-child(2){
    width:33.33333%;
  }
  .titre_image_texte .wpb_column:nth-child(3){
    width:41.66667%;
    width:34.66667%
    
  }
  .single-service .form_service {
      padding-top: 7.5vw;
    }
    .les_accessoires .accessoire {

        padding: 0 10px;
        margin-bottom: 40px;
    }
      .les_accessoires {
      margin-right: -10px;
      margin-left: -10px;
  }
  .material .wpb_row.nos_services {
      margin-bottom: 80px;
  }
  .piscine_spa_informations .info .listes_photo .liste {
      width: 33.333%;
      
  }
  .piscine_spa_informations .info .listes_photo.liste_detail .photo {
      width: calc(33.55% - 3px);
      
  }
  .piscine_spa_informations .info .listes_photo.liste_detail .titre {
      width: calc(100% - 33.333% + 3px);
      
  }
  .carriere_region .region_un_post .wrap .tab {
      padding: 25px 20px 30px;
    }
    .carriere_region .region_un_post .wrap .content {
    padding: 0 20px;
  }
  .carriere_region .carriere_region_content .tri_emploi {

      padding-top: 20px;
      margin-bottom: 42px;
  }
  .carriere_region .region_un_post .wrap .tab .close_un_emploi svg {
    width: 30px !important;
    height: 17.5px !important;
  }
  .carriere_region .region_un_post .wrap .tab .close_un_emploi {

      top: 47px;
      right: 24px;
  }
  .video_pop .video h3 {
      
      font-size: clamp(18px,2.45vw,32px);
    }
  .video_pop .close {
      
      top: 25px;
      right: 30px;
    }
  .video_pop .video .bottom {
    
    padding-top: 60px;
  }

  #configurateur .sticky_sidebar {
     
      width: calc(55% - 30px);
  }

  #configurateur .vc_col-sm-7 {
      width: 45%;
  }
  #configurateur .vc_col-sm-5 {
      width: 55%;

  }
  .video_pop.popup_info {
        width: 53% !important;
  }
  .video_pop.popup_info .wrap {
      padding: 80px 55px;
  }
  .configurateur_piscine .gfield.titre,
  .configurateur_piscine .gfield.titre.margin_bottom_16 {
    margin-bottom: 0;
  }
  .gform_wrapper.gravity-theme .page_presentation_b .gfield {
      width: 100%;
  }
  .gform_wrapper.gravity-theme .page_presentation_b .gfield:not(.titre),
  .configurateur_piscine .gform_page .gfield {
        padding: 39px 18px 39px 34px !important;
  }
  .configurateur_piscine .gform_page .gfield.titre {
    padding-bottom: 0 !important;

  }
  html body .page_modeles h2, .configurateur_piscine .page_presentation_b .gfield.titre h2, .configurateur_piscine .gfield.form_tableau h2, .configurateur_piscine .last_page .gfield.titre_retrait h2, .gform_wrapper.gravity-theme .configurateur_piscine .gfield > .gfield_label {
     
      font-size: 27px;

    }
    .page_extende .gform_page_fields {
        margin-left: -126%;
        
    }
    .page_extende:after {
        
        width: 225%;
       
    }
    .page_form_tableau .tableau_configurateur .tableau_a .la_list {
        padding: 23px 20px;
    }
    .page_form_tableau .tableau_configurateur .plus {
        
        font-size: 108px;
        
    }
    .configurateur_piscine .gfield.radio_button_en_cta:not(.image-choices-field) .gfield_radio [type="radio"] + label {
      padding: 17px 18px !important;
    }
    .gform_wrapper.gravity-theme .page_presentation_b .gfield.marg_left_50 {
        margin-left: 0;
        
    }
    .gform_wrapper.gravity-theme .page_presentation_b .gfield.marg_left_50:before {
       
        width: 100%;
        
    }
    .gform_wrapper.gravity-theme .page_presentation_b .gfield:not(.titre).creusee_form:not(.form_organique) {
      padding-bottom: 0 !important;
    }
    .configurateur_piscine .last_page .gfield.titre_retrait h2 {
        width: unset;
        position: relative;
        top: 0;
        left: 0;
    }
    .configurateur_piscine .last_page .gfield:not(.titre_retrait):after {
      display: none;
    }
    .configurateur_piscine .last_page .gfield:not(.titre_retrait) {
      background-color: rgba(48,46,97,.1) !important;
       padding: 39px 18px 39px 34px !important;
    }
    .configurateur_piscine .last_page .gform_page_fields {
        padding-left: 0;
    }
    .configurateur_piscine .last_page .gfield.titre_retrait {
      padding: 39px 18px 0 34px !important;
    }
   
    .filter_sidebar .ctas_tri .tri {
        margin-left: 0;
    }
    #nous_trouver #wpsl-gmap {
      
            height:407px !important;

        
    }
    #nous_trouver #wpsl-search-btn {
        
        min-width: 175px;
    }
    #nous_trouver #wpsl-search-input {
        width: 250px;
    }
    html body .wpsl-store-location {
      font-size: 16px;
    }
    body #header-outer #top .left-aligned-ocm a {
        padding: 10px 27px;
    }
   body .titre_image_texte .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner .img_absolut {
       right: -44%;
       width: 72%;
   }
   .video_pop .video .bottom .popup_footer {
       
       padding: 0 7% 21px;
       
   }

}



  
@media(max-width:999px){ 
  html body #top #logo img, #header-outer[data-permanent-transparent="false"] #logo .dark-version {
    height: 48px!important;
  }
   html body #header-outer {

      padding:0;
  }
  body #header-outer #top nav {
      display: flex !important;
          padding-top: 14px;
  }
  body #header-outer #top ul .slide-out-widget-area-toggle a .lines-button .lines {
    background-color: #302F63 !important;
  }
  html body .lines, body .lines:after, body .lines:before {
      height: 3px;
  }
  body #header-outer[data-format=centered-menu] #top nav>.buttons {
    position: relative;
  }
  body #header-outer[data-format=centered-menu] #top .span_9 .sf-menu:not(.buttons) {
    display: none;
  }

  #slide-out-widget-area .container {
      
      flex-wrap: wrap;
  }
  #slide-out-widget-area .container .off-canvas-menu-container.col_1 {
      width: 60%;
      margin-bottom: 45px;
      padding-right: 15px;
  }
  #slide-out-widget-area .container .off-canvas-menu-container.col_2 {
      width: 40%;
      margin-bottom: 45px;
      padding-right: 15px;
  }
  #slide-out-widget-area .container .off-canvas-menu-container.col_3 {
      width: 100%;
      max-width: 437px;
  }
  #slide-out-widget-area .container .off-canvas-menu-container.col_3 .gform_wrapper {
    margin-bottom: 50px;
  }
  .wpb_row > .row-bg-wrap .row-bg{

    -webkit-border-top-left-radius: 7.3vw;
    -moz-border-radius-topleft: 7.3vw;
    -moz-border-radius-topright: 7.3vw;
    border-top-left-radius: 7.3vw;
    border-top-right-radius: 7.3vw;
    
  }
  .accueil_slider .slider_accueil .swiper-slide {
      min-height: 72vw;
    }
    .accueil_slider .slider_accueil .swiper-slide .text {
        padding: 155px 3vw 173px;
        
    }



    .incitatif .texte h2 {
        
        max-width: 65%;
    }
  .incitatif > .span_12 > .column_container{
     
      min-height: 37.3vw;
  }
  .incitatif > .span_12 > .column_container,
  .offres > .span_12 > .column_container {
      min-height: 600px;
      min-height: 48.3vw;
      min-height: 80.6vw;
  }
  .offres.offres.offres_b.offre_logo_1 .span_12 > .column_container:first-child .column-image-bg {
      background-size: 100% auto !important;
      background-color: #302F63 !important;
      background-repeat: no-repeat ;
  }
  .incitatif.inscitatif_plus > .span_12 > .column_container {
    min-height: unset;
  }
   html body .offres h2,
  html body .incitatif h2 {
      
      font-size: clamp(20px,5.5vw,48px);
      
     
  }
  html body h1,
  html body h2 {
    font-size: 34px;
    margin-bottom: 40px;
  }
  .incitatif.inscitatif_plus .texte h2 {
      
      font-size: clamp(26px,6.7vw,71px);
  }
  .incitatif.inscitatif_plus .texte .titre_incitatif {
    position: relative;
  }

  .incitatif .texte>.vc_column-inner>.wpb_wrapper, .incitatif.inscitatif_plus .texte>.vc_column-inner>.wpb_wrapper {
      padding: 3.7vw 4.7vw 1.7vw;
  }
  .incitatif .texte .titre_incitatif {
      top: 3.7vw;
      left: 3.7vw;
      right: 3.7vw;
      padding-bottom: 75px;
  }
  .incitatif.inscitatif_plus .texte .titre_incitatif {
    top: 0;
    left: 0;

    padding-bottom: 63px;
    padding-bottom: 6vw;

  }
  .inscitatif_plus .image {
    margin-top: -99px;
    margin-top: -10vw;

  }
  .inscitatif_plus.plus_gauche .image {
    
    margin-top: 10vw;
  }
  #guide > .span_12 {
      padding-left: 5%;
      padding-right: 5%;
  }
  h1 br ,
  h2 br ,
  h3 br ,
  h4 br {
    /*display: none;*/
  }
  .offres .vc_column-inner h3 {
      
      font-size: clamp(24px,3.67vw,32px);
      
  }
  #nous_trouver #wpsl-wrap #wpsl-result-list ul li .ctas .wpsl-directions, #nous_trouver #wpsl-search-btn, body .nectar-button {
      
      font-size: clamp(13px,1.4vw, 14px) !important;

      padding: 13px 21px !important;
      
  }

  #nous_trouver #wpsl-search-btn {
    margin-right: 0 !important;
    height: 49px;
  }
  #nous_trouver .wpsl-search-btn-wrap {
      padding-top: 22px;
      margin-right: 0;
          max-width: 175px;
  }

  body .nectar-button.has-icon {
    padding: 13px 26px 13px 21px !important;
  }
  
  .deux_col .deux_col_a {
      background: url(images/vague_turquoise.svg) repeat-x left bottom;
          margin-bottom: 54px !important;
    padding-bottom: 54px;
  }
  .deux_col_b > .vc_column-inner {
      padding-left:0 ;
  }
  .deux_col_a > .vc_column-inner {
      padding-right: 11%;
  }
  #badges > .span_12 {
      
      max-width: 523px;
      margin: 0 auto;
  }
  #badges > .span_12 > .column_container {
    padding: 0 5% 25px;
  }
  #reassurance > .span_12 {
    padding-bottom: 200px;
    max-width: 518px;
    margin: 0 auto;
        width: 100%;
  }

  #reassurance > .span_12 > .wpb_column {
      padding-left: 3%;
      padding-right: 3%;
      padding-bottom: 3%;
      /*width: 50%;*/
  }
  body #badges.vc_row>.span_12{
    justify-content: center;
  }
  body #footer-outer .row {
      flex-wrap: wrap;
  }
  
  
  body #footer-outer #copyright[data-layout="centered"] .col {
      
      padding-left: 0;
     
  }
  #articles .vc_col-sm-3 .img-with-aniamtion-wrap  {
    position: relative;
  }
   #articles .vc_col-sm-3 .img-with-aniamtion-wrap .hover-wrap-inner {
    position: absolute;
    right: -48px;
    top: -136px;
  }
  #articles .vc_col-sm-3 .img-with-aniamtion-wrap .hover-wrap-inner {
      position: absolute;
      right: -48px;
      top: -102px;
      max-width: 180px;
  }

  .wpb_row > .span_12 {
      padding-top: 70px;
      padding-bottom: 228px;
  }
  .pad_top_plus.wpb_row > .span_12 {

      padding-top: 100px;
  }
  #a_propos .deux_col_a .img-with-aniamtion-wrap .img-with-animation {
      
      margin-right: -15%;
      margin-top: -88px;
      max-width: 100px;
  }
  .form_infolettre {
      padding-left: 5%;
      padding-right: 5%;
      
  }
  .form_infolettre .gform_footer {
      width: 155px;
      
      
  }
  .form_infolettre .gform_body {
      width: calc(100% - 155px);
  }
  .infolettre .titre_form {
      
      background-position: 74% bottom;
     
  }
  #trouver .icon .hover-wrap-inner {
           max-width: 22%;
    min-width: 65px;

  }
  .archive_piscine_spa .une_piscine {
      
      margin: 0 10px;
      margin-bottom: 48px;
  }
  .archive_piscine_spa {
      margin: 0 -10px !important;
  }
  .slider_testimonials .swiper-button-prev {
    left: 0;
  }
  .slider_testimonials .swiper-button-next {
      
      left: 69px;
      
  }
  .slider_testimonials  {
    padding-bottom: 77px;
  }
  .slider_testimonials .swiper-wrapper {
      
      min-height: unset;
  }
  .horizontal_blue_line > .span_12 {
      
      padding-bottom: 9.6vw !important;
      
  }
  #articles .cta_mobile {
    display: inline-block;
    margin: 0 auto;

  }
  #articles .cta_desktop {
    display: none;
   

  }
  #articles .wpb_column:nth-child(2) {
    text-align: center;
    padding-bottom: 56px;
  }
  body #footer-widgets .container .col {
    margin-bottom: 0;
  }
  #footer-outer .col.footer_1 {
     
      padding-right: 2%;
  }
  #footer-outer .footer_2 {
      width: 40%;
      
  }
   #footer-outer .footer_2 .col {
    width: 100% !important;
    margin-right: 0;
   }
  #footer-outer .footer_3 {
      width:26.66666%;
      
  }
  #footer-outer .footer_3 .col {
    width: 100% !important;
    margin-right: 0 !important;
  } 
  #banner .wpb_column {
    width: 50%;
  }
   #banner .wpb_column:nth-child(1) ,
  #banner .wpb_column:nth-child(1) .vc_column-inner {
    min-height: unset !important;
  }

  #banner > .span_12 {
      
      min-height: 75vw;
          min-height: 67vw;
  }
  #banner .column_container:nth-child(2) .vc_column-inner {
      padding: 156px 55px 178px;
       padding: 156px 6% 178px;
      
  }
  .titre_image_texte .wpb_column:nth-child(1){
    
    width: 100%;
  }
  .titre_image_texte .wpb_column:nth-child(2){
    width:45%;
  }
  .titre_image_texte .wpb_column:nth-child(3){
    width:55%
    
  }
  .archive_piscine_spa .une_piscine h3 {
      
      padding: 6px 5px 5px 2vw;
      
  }
  .piscine_spa_informations .col_1 {
      padding-right: 7%;
      
  }
  .piscine_spa_informations .col_2 {
      padding-left: 2%;
      
  }
  .piscine_spa_informations .info .listes_photo .titre {
      font-size: 12px;
      
  }
  html body .info {
    font-size: 16px;
  }
  .piscine_spa_informations .info .listes_2 .titre {
      width: 156px;
      
  }
  .piscine_spa_informations .info .listes_2 .description {
    width: calc(100% - 156px);
  }
  .back_cta {
      margin-bottom: 40px;
  }
  .slide_piscine {
      
      margin-bottom: 57px;
     
  }
  .carriere_info .deux_col_a .img-with-aniamtion-wrap .hover-wrap-inner {
      position: relative;
      max-width: 65%;
      margin-bottom: -101px;
  }
  .carriere_region .carriere_region_content .tab h3 {
      
      font-size: clamp(18px,3vw,30px);
      padding-right: 55px;
  }
  body #banner h1 {
      
      font-size: clamp(30px,3.3vw,71px);
      
  }
  .video_pop .video h3 {
      font-size: 26px;
      margin-bottom: 35px;
     
  }
  .video_pop .video .bottom .choix {
      
      max-width: 600px;
     
  }
  .video_pop .video .bottom .choix .un_choix .wrap {
      
      padding: 30px 10px 50px;
      
  }
  .video_pop .video .bottom .choix .un_choix .wrap span {
      
      min-height: 82px;
      font-size: 20.42px;
     
  }
  .video_pop .video .bottom {
      padding-bottom: 105px;
      min-height: calc(100vh - 305px);
  }
  .video_pop .video .bottom .popup_footer {
      
      padding: 0 7% 26px;
      
  }
  .piscine_spa_informations .deux_col_b .info, .piscine_spa_informations .col_2 .info {
    padding-left: 0;
  }
  .deux_col .deux_col_a {
    padding-top: 0;
  }
  .deux_col .deux_col_b {
     
      padding-top: 18px;
  }
  .piscine_spa_informations.deux_col .deux_col_b {
     
      padding-top: 0;
  }
  .piscine_spa_informations .info .listes_photo .liste {
      width: 20%;
  }
  .piscine_spa_informations .info .listes_photo:not(.liste_detail) .liste > * {
    max-width: 110px;
  }
  .piscine_spa_informations .info .listes_photo.liste_detail .photo {
     
      max-width: 116px;
  }
  body .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner .img_absolut {
      
      top: unset;
      right: -9%;
      bottom: 45px;
      max-width: 220px;
      width: 30%;
  }
  body .titre_image_texte .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner .img_absolut {
      right: -13%;
          max-width: 176px;
          display: none;
  }
  body .vc_row-fluid.titre_image_texte.first .wpb_column:first-child {
    margin-bottom: 45px;
  }
  .slide_piscine .swiper-button-next {
      right: 23px;
  }
  .slide_piscine .swiper-button-prev {
      right: 92px;
      
  }
  .slide_piscine .swiper-button-next, .slide_piscine .swiper-button-prev {

    bottom: 30px
  }



  
  .gform_wrapper.gravity-theme .configurateur_piscine .gform_page_footer {
      
      padding-top: 50px;
     
  }
  #configurateur .vc_col-sm-7 {
      width: 100%;
      -webkit-border-top-left-radius: 7.3vw;
      -moz-border-radius-topleft: 7.3vw;
      -moz-border-radius-topright: 7.3vw;
      border-top-left-radius: 7.3vw;
      border-top-right-radius: 7.3vw;
      overflow: hidden;
      margin-top: -50px;
      background: #68c3cd;
  }
  #configurateur .vc_col-sm-5 {
      width: 100%;
  }
  #configurateur .sticky_sidebar {
      width: 100%;
      position: relative;
      overflow: hidden;
  }
  #photo_spa > div, #builder #poolContainer {
     
    height: 116vw !important;
    min-height: unset;
  }
  #configurateur > .span_12 {
      
      padding: 0 0 0 0;
  }
  #configurateur .configurateur_form_side > .vc_column-inner {
      padding-top: 22px;
      padding-left: 38px;
      padding-right: 38px;
  }
  .configurateur_hors_terre #builder {
      margin-top: -205px;
          margin-bottom: 0;
    }
    .video_pop.popup_info {
       
        width: 100% !important;
    }
  #configurateur .titre_retour {
    margin-bottom: 20px;
  }
  .gform_wrapper.gravity-theme .configurateur_piscine .gform_previous_button.button {
      
      width: 45px;
  }
  .page_extende .gform_page_fields {
      margin-left: 0;
  }
  .page_extende:after {
      width: 100%;
  }
  
  .configurateur_piscine .image-choices-field div.gfield_radio .image-choices-choice {
      width: 18%;
      margin-right: 2% !important;
  }
  .page_form_tableau .tableau_configurateur {
      
      flex-direction: column;
  }
  .page_form_tableau .tableau_configurateur .tableau_a {
      width: 100%;
      
  }
  .page_form_tableau .tableau_configurateur .tableau_a .la_list .une_list {
      
      width: 33.333%;

  }
  .page_form_tableau .tableau_configurateur .tableau_a .la_list {
    
      display: flex;
      flex-wrap: wrap;
  }
  .page_form_tableau .tableau_configurateur .plus {
      font-size: 108px;
      width: 100%;
      line-height: 1;
      margin-bottom: 15px;

  }
  html body .tableau_b {
      font-size: 16px;
  }
  .page_form_tableau .tableau_configurateur .tableau_b {
      width: 100%;
      
  }
  .configurateur_piscine .gfield.radio_button_en_cta:not(.image-choices-field) legend {
     
      width: 24%;
  }
  .configurateur_piscine .gfield.radio_button_en_cta:not(.image-choices-field) .ginput_container {
      width: 76%;
  }
  .configurateur_piscine .gfield.radio_button_en_cta:not(.image-choices-field) .gfield_description {
      width: 38%;
      
  }
  html body .row .titre_image_texte h3 {
      
      font-size: clamp(21px,3.0vw,32px);
     
  }
  .annonce .texte > .vc_column-inner > .wpb_wrapper {
    padding: 5.8vw 20px 20px 5.9vw;
    min-height: unset !important;
  }
  .annonce .image > .vc_column-inner {
      padding-right: 25px;
      margin-left: 0;
      padding-left: 25px;
      padding-bottom: 25px;
  }
  body .annonce h2 {
     
      font-size: clamp(30px,4.9vw,71px);
      
  }
  .gform_wrapper.gravity-theme .configurateur_piscine .gform_previous_button.button {
     
      left: 0;
      position: relative;
      bottom: unset;
      float: left;
  }
  .liste_articles .filter_sidebar {
      
      padding-right: 0;
      width: 100%;
  }
  .liste_articles .les_articles {
      
      width: 100%;
  }
  .liste_articles {
   
      flex-direction: column;
  }
  .filter_sidebar .tri_par_date {
      
      margin-bottom: 40px;
  }

  .filter_sidebar .ctas_tri .tri {
      margin-left: 20px;
  }
  .filter_sidebar .un_filtre .niveau_1 {
    display: flex;
    flex-wrap: wrap;
  }
  .liste_articles .les_articles {
      margin-left: -15px;
      margin-right: -15px;
          width: unset;
  }
  .filter_sidebar .un_filtre .checkbox{
    padding-right: 25px;
    margin-bottom: 15px;
  }
  #filter_blog {
    margin-bottom: 45px;
  }
  .magasin_informations .col_1 {
      padding-left: 1%;
      padding-right: 1%;
      background: unset;
      width: 100%;
  }
  .magasin_informations .col_2 {
      padding-left: 1%;
      padding-right: 1%;
      width: 100%;
  }
  .magasin_informations .col_2 > div {
    width: 50%;
    float:left;
        padding-left: 0;
  }
  .magasin_informations .col_2 .coordonneew {
    padding-right: 5%;
  }
  .magasin_informations .col_2 .produits_offres {
    width: 50%;
   
  }
  #nous_trouver #wpsl-wrap #wpsl-result-list ul li {
      width: 50%;
  }
  html body .wpsl-store-location {
    font-size: 21px;
  }
  .page-template-page-confirmation #configurateur .vc_col-sm-5 {
    min-height: 71vw;
  }
  body .page_merci h1 {   
      font-size: clamp(29px,5.7vw,71px);
      margin-bottom: 8vw !important;
  }
  body .page_merci .wpb_content_element.merci_box {
      
      margin: 0 25px 10vw;
     
  }
  body .page_merci .wpb_content_element.merci_rabais h2 {
      
      font-size: clamp(24px,3.4vw,32px);
      
  }
  body #header-outer .slide-out-widget-area-toggle .lines, 
  body #header-outer .slide-out-widget-area-toggle .lines-button, 
  body #header-outer .slide-out-widget-area-toggle .lines:after, 
  body #header-outer .slide-out-widget-area-toggle .lines:before {
    width: 50px;
  }
  .page_confirmation .column_container .vc_column-inner {
    min-height: unset !important;
  }
  .page_confirmation .column_container:nth-child(2) .vc_column-inner {
      padding: 80px 55px 45px;
    justify-content: flex-start;
  }
  .page_confirmation .wpb_column:first-child,
  .img_bg_pinguin {
    min-height: 77vw!important;
  }
  .full-width-content.vc_row-fluid .wpb_column.img_bg_pinguin .column-image-bg-wrap .column-image-bg {
      
      background-size: 54%;
     
  }
  body #header-outer.lighten-logo.transparent #top #logo:not([data-supplied-ml="true"]) img:not(.stnd) {
    opacity: 1!important;
  }
  .devenir_detaillant .deux_col_a img.img-with-animation {
      margin-bottom: -95px !important;
      max-width: 200px;
  }
 
  .comment-respond .row {
   padding-bottom: 0;
  }
  .form_rendez_vous .gfield--type-appointment_calendar:before,
  .form_rendez_vous .gfield--type-appointment_calendar:after {
     
     display: none;
      
  }
  html body.material[data-button-style^="rounded"] .nectar-button.small i.icon-button-arrow {
      
      font-size: clamp(18px,2.1vw,25px);
    }
    #nous_trouver #wpsl-search-wrap .wpsl-input {
        max-width: 602px;
        width: 100%;
        margin-right: 0;
    }
    #nous_trouver .wpsl-select-wrap {
      max-width: 405px;
      width: calc(100% - 195px - 3%);
      margin-right: 3%;
    }
    #nous_trouver #wpsl-search-input {
        width: 100%;
    }
    #nous_trouver .wpsl-search {
        margin-bottom: 24px;
        
    }
     #wpsl-search-wrap div {
      width: 50%;
     }
     #nous_trouver .wpsl-dropdown {
         width: 100%;
     }
     .form_telechargement_guide_wrapper {
         margin-bottom: 6vw !important;
     }
     #guide > .span_12 {
         background-size: 218px !important;
         background-position: 0% 100%;
     }
     body #header-outer.scrolled-down #logo .logo_icon {
         display: block !important;
     }
     body #header-outer.scrolled-down #logo .stnd {
         display: none !important;
     }
     .configurateur_piscine .last_page .gfield:not(.titre_retrait){
      background-color: rgba(48,46,97,.1) !important;
     }
     .configurateur_piscine .last_page .gfield.no_padding_right:not(.titre_retrait):after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
          width: 4.2%;
      right: -4.2%;
      background-color: rgba(48,46,97,.1) !important;
      z-index: 0;
     }
     .magasin_informations .map_adresse .col_2 > div {
      width: 100%;
          background: url(images/vague_turquoise.svg) repeat-x left bottom;
     }
     .video_pop .video .top {
         
         padding-bottom: 50px;
         padding-top: 120px;
         min-height: 305px;
     }
     .row_capsule_video > .span_12 {
         padding-top: 70px !important;
     }

 .magasin_informations.wpb_row {
    margin-top: 0;
  }
 .magasin_informations .col_1>div {
      padding-top: 0;
    }
    #mobile-cart-link {
      display: none !important;
    }
    .gallery_logos .un_logo img {
       
        max-height: unset;
    }
    body .incitatif.inscitatif_plus .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img.gros_flotteur {
        margin-top: 0;
        margin-right: -4%;
        width: 75%;
        max-width: 500px;
        margin-bottom: -15%;
        /* margin-right: -4%; */
    }
}
@media(max-width:767px){ 
  .form_infolettre {
      padding-left: 2%;
      padding-right: 2%;
  }
  .accueil_slider .slider_accueil .swiper-slide {
      min-height: unset;

      flex-direction: column;
     
  }
  .accueil_slider .slider_accueil .swiper-slide .video,
  .accueil_slider .slider_accueil .swiper-slide .image {
      width: 100%;
      padding-top:100%;
      background-position: 74% 0;
    }
    
    .accueil_slider .slider_accueil .swiper-slide .text {
        padding: 60px 7vw 210px;
        width: 100%;
       
    }
    .accueil_slider .slider_accueil .swiper-slide .text .titre {
       
        font-size: clamp(29px,8.7vw,71px);
        font-size: clamp(27px,6.7vw,71px);
        
    }
    .accueil_slider .slider_accueil .swiper-slide .text .sous-titre {
       
        font-size: clamp(24px,6.3vw,48px);
        
    }
    .accueil_slider .slider_accueil .swiper-slide .text .descip {
        max-width: 400px;
       
    }
    .slider_accueil .swiper-button-next, .slider_accueil .swiper-button-prev {
       top: calc(94vw - 25px);
        width: 49px;
        height: 49px;
    }
    .slider_accueil .swiper-button-next {
        right: 27px;
    }
    .slider_accueil .swiper-button-prev {
        right: 94px;
        
    }
    .slider_accueil .swiper-button-next svg ,
    .slider_accueil .swiper-button-prev svg {
      width: 24px;
    }
    #banner .wpb_column {
        width: 100%;
    }
    
    #banner .wpb_column:nth-child(1) .vc_column-inner {
          padding-top: 100%;
    }
    .container-wrap .main-content #banner .column-image-bg-wrap[data-bg-pos="center center"] .column-image-bg {
      background-position: 50% 43px;
    }

    #banner .column_container:nth-child(2) .vc_column-inner {
        padding: 56px 9% 192px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }
    body #banner h1 { 
      font-size: clamp(28px,8.7vw,71px);
      font-size: clamp(28px,6.5vw,51px);
    }
    .les_accessoires .accessoire {
      width: 50%;
      padding: 0 15px;
      
  }
  .les_accessoires  {
    margin-right: -15px;
    margin-left: -15px;
  }
  .piscine_spa_informations .col_1 {
      padding-right: 0;
      width: 100%;
         background: url(images/vague_turquoise.svg) repeat-x left bottom;
         margin-bottom: 45px;
         padding-bottom: 45px;
         padding-top: 0;
  }
  .piscine_spa_informations .col_2 {
      padding-left: 1%;
      width: 100%;
      padding-right: 1%;
      padding-top: 10px;
  }
  .piscine_spa_informations .info .listes_photo .liste {
      width: 20%;
  }
  .piscine_spa_informations .info .listes_photo.liste_detail .photo {
      width: calc(20% - 3px);
  }
  .piscine_spa_informations .info .listes_photo.liste_detail .titre {
      width: calc(100% - 20% + 3px);
  }
  .piscine_spa_informations .col_2 .info {
      
      padding-left: 0;
  }
  .piscine_spa_informations .info .listes_photo .titre {
      font-size: 14px;
  }
   .archive_piscine_spa {
    margin-left: -10px;
    margin-right: -10px;
   }
  .archive_piscine_spa .une_piscine {
    
    margin-left: 10px;
    margin-right: 10px;
  }
  body #footer-outer #copyright[data-layout="centered"] .col:last-child,
  body #footer-outer #copyright[data-layout="centered"] .col {
    text-align: center;
    width: 100%;
  }
  .video_pop .video .top {
     
      padding-top: 88px;
  }

  .magasin_informations .col_2 .coordonneew {
      padding-right: 0;
  }
  .magasin_informations .col_2 > div {
      width: 100%;
      float: none;
      padding-left:0;
      padding-right: 0 !important;
  }
  html body .wpsl-store-location {
    font-size: 16px;
  }
  body .page_merci .wpb_content_element.merci_box:before {
     
      top: -32px;
     
  }
  .sociaux_navigation .navigation {
      position: relative;
      margin-top: 25px;
     
  }
  body #gappointments_calendar_slots .slot_small label.time_slot div {
      padding: 20px 0;
  }
  #guide > .span_12 {
      background-size: 190px !important;
      
  }
  .page-template-page-confirmation #configurateur .vc_col-sm-5 {
      min-height: 95vw;
  }
  .gform_wrapper.gravity-theme .description, .gform_wrapper.gravity-theme .gfield_description, .gform_wrapper.gravity-theme .gsection_description, .gform_wrapper.gravity-theme .instruction {
     
      font-size: 13px;
    }
    .magasin_informations .col_2 .produits_offres {
        width: 100%;
    }
    #wpsl-base-gmap_0 {
        height: 325px;
    }

}
@media(max-width:690px){ 
  body #slide-out-widget-area.fullscreen-inline-images .inner .off-canvas-menu-container li a {
    font-size: 16px;
  }
  .deux_col h3, body #slide-out-widget-area .inner .off-canvas-menu-container li a, .slider_testimonials .le_temoignage, .comment-author cite,  .filter_sidebar .un_filtre h3, html body .spontane_form .gform_wrapper .top_label .carriere_region .gfield_label, .carriere_region .carriere_region_content h4, body .les_accessoires .titre h3, body .les_accessoires .accessoire h3, .piscine_spa_informations .info h2, body:not(.woocommerce-cart) .main-content .listes_horaire td, html body h3, html body {
      font-size: 16px;
  }

  body #slide-out-widget-area.fullscreen-inline-images .inner > .container {
      
      width: 100%;
  }
  body #slide-out-widget-area .inner .off-canvas-menu-container li.accent a {
      
      font-size: 18px;
      
  }
  #slide-out-widget-area .container .off-canvas-menu-container.col_3 {

      max-width: 350px;
  }
  body .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
     line-height: 1.2; 
   }
   #guide > .span_12 {
       background-size: 267px !important;
       background-size: 47.8% !important;
       background-size: 37.8% !important;
       background-size: 205px !important;
   }
    html body h1, html body h2 {
    font-size: 26px;
    margin-bottom: 30px;
  }
  html body .hanley_pro_h2 h2 {
      font-size: 32px;
    }
  #guide h3 {
      
      font-size: 24px;
      
  }
  body input[type=date], body input[type=email], body input[type=number], body input[type=password], body input[type=search], body input[type=tel], body input[type=text], body input[type=url] {
      height: 40px;
      padding: 8px 15px !important;
  }
  body textarea {
    padding: 8px 15px !important;
  }
  body select {
      height: 40px;
      padding: 7px 15px !important;
  }
  .pad_top_plus.wpb_row > .span_12 {
      
      padding-top: 75px;
  }
  .wpb_row > .span_12 {
      padding-top: 50px;
      padding-bottom: 248px;
  }

  #articles .vc_col-sm-3 .img-with-aniamtion-wrap .hover-wrap-inner {
      position: absolute;
      right: -10vw;
      top: -19vw;
      max-width: 238px;
      width: 44%;
  }
  #articles .vc_col-sm-3 .img-with-aniamtion-wrap .hover-wrap-inner {
      position: absolute;
      right: -3vw;
      top: -12vw;
      max-width: 220px;
      width: 27%;
  }
  #badges > .span_12 {
      max-width: 425px;
    
  }
  body button[type=submit], body input[type=button], body input[type=submit] {
      height: 40px;
  }
  html body[data-button-style=rounded] .container-wrap button[type=submit], 
  html body[data-button-style=rounded] .container-wrap input[type=submit] {
    padding: 8px 23px!important;
  }
  .infolettre .titre_form {
    padding-bottom: 62px;
    padding-left: 5%;
    padding-right: 5%;
  }
  .form_infolettre .gform_footer {
      width: 100%;
      max-width: 350px;
          margin: 0 auto !important;
  }
  .form_infolettre .gform_body {
      width: 100%;
      max-width: 350px;
      margin: 0 auto;
  }
  .form_infolettre {
      
      flex-direction: column;
  }
  html body .gform_wrapper .form_infolettre .top_label .gfield_label {
      
      margin-top: 4px;
  }
  .gform_wrapper.gravity-theme  .form_infolettre .gfield.gfield--width-half {
      -ms-grid-column-span: 12;
      grid-column: span 12;
  }
  
  body #footer-outer #footer-widgets .container .footer_1{
    padding-right: 0;
    width: 100% !important;
    text-align: center;
    margin-bottom: 45px;
  }
  body #footer-outer #footer-widgets .container .footer_1 img {
      max-width: 281px;
      width: 72%;
  }
  
  html body #footer-outer .row {
      padding: 26px 0;
  }
  body #footer-outer #copyright[data-layout="centered"] .col {
      text-align: center !important;
      width: 100% !important;
      padding-right:0;
      float: none;
      
  }
  .articles .un_post .infos h3 {
      font-size: 16px;
  }
 
 .articles .un_post:first-child .infos h3 {
      
      font-size: 20px;
    
  }
  .articles .un_post .infos {
      padding: 12px 7px;
  }
  
  
  .infolettre .titre_form {
      background-position: 83% bottom;
  }
  body #header-outer[data-full-width=true] header>.container {
      padding: 0 9px 0 0;
  }
  #top nav>ul>li>a, .pull-left-wrap>ul>li>a {
      font-size: 11px;
  }
  .archive_piscine_spa .une_piscine {
      width: calc(50% - 20px);
      
  }
  .archive_piscine_spa .une_piscine h3 { 
      font-size: clamp(13px,2.3vw,32px);     
      padding: 6px 5px 7px 5vw;
  }
  #badges > .span_12 > .column_container {
      
      width: calc(50% - 20px);
  }
  .offres.offres_a > .span_12 > .column_containe,
  .offres.offres_b > .span_12 > .column_containe {
      overflow: hidden;
  }
  .offres.offres_a > .span_12 > .column_container:nth-child(2),
  .offres.offres_b > .span_12 > .column_container:nth-child(1),
  .offres.offres_b > .span_12 > .column_container:nth-child(2){
    min-height: 556.13px;
        min-height: 485.13px;
        overflow:hidden;
  }
   .offres.wpb_row.offres_a .column_container:nth-child(2) .vc_column-inner {
    background-color: #302F63;
   }
   .offres.wpb_row.offres_b .column_container:nth-child(1)  .vc_column-inner {
    background-color: #EA504C;
   }
   .offres.wpb_row.offres_a .column_container:nth-child(2) .vc_column-inner > .column-image-bg-wrap,
   .offres.wpb_row.offres_b .column_container:nth-child(1)  .vc_column-inner > .column-image-bg-wrap {
    z-index: 1;
   }
   .offres.wpb_row.offres_a .column_container:nth-child(2) .vc_column-inner > div:not(.column-image-bg-wrap),
   .offres.wpb_row.offres_b .column_container:nth-child(1)  .vc_column-inner > div:not(.column-image-bg-wrap) {
    position: relative;
    z-index: 2;
   }
  .offres.wpb_row.offres_a .column_container:nth-child(2) .column-image-bg-wrap,
  .offres.wpb_row.offres_b .column_container:nth-child(1)  .column-image-bg-wrap{
    padding-top: 98%;
    padding-top: 85%;
    padding-top: 485.13px;
    height: unset !important;
  }
  .offres.wpb_row.offres_b .column_container:nth-child(1) .column-image-bg-wrap .column-image-bg {
        /*background-size: 631px;
        background-repeat: no-repeat;
        background-position: 79% top;*/
  }
  .offres.wpb_row.offres_a .column_container:nth-child(2) .column-image-bg-wrap .column-image-bg {
        /*background-size: 519px;
        background-repeat: no-repeat;
        background-position: 79% top;*/
  }
  .form_infolettre .gform_footer {
      width: 100%;
      max-width: 350px;
      padding-right: 0 !important;
      padding-left: 0 !important;
  }
  html body[data-form-submit="regular"] .form_infolettre input[type=submit] {
    
      width: 100%;
      max-width: unset;
  }
   #footer-outer .footer_3,
  #footer-outer .footer_2 {
    width: 49%;
  }
     #footer-outer .footer_3 .col:first-child,
    #footer-outer .footer_2 .col:first-child {
       margin-bottom: 25px;
  }
  .slider_testimonials .swiper-button-next, .slider_testimonials .swiper-button-prev {
      
      width: 45px;
      height: 45px;
          bottom: -8px;
    }
  .slider_testimonials .swiper-button-next svg, .slider_testimonials .swiper-button-prev svg {
    width: 22px;
  }
  .slider_testimonials .swiper-button-next {
      left: 59px;
  }

  #trouver {
    text-align: center;
  }
  #trouver .img-with-animation {
    display: inline-block;
  }
  #trouver > .span_12 {
      padding-left:0;
      padding-right: 0;
      max-width: 450px;
      margin: 0 auto !important;
  }
  #trouver .icon .hover-wrap-inner {
    display: inline-block;
  }
  #guide h2 br {
    display: none;
  }
  html body.material[data-button-style^="rounded"] .nectar-button.small i.icon-button-arrow {
      font-size: 20px;
      
  }
  html body.material .nectar-button.has-icon.small:not([class*=see-through]) i {
    transform: translateY(-50%) translateX(14px);
    
  }
  #footer-outer .col.footer_1 .logo_desktop {
      display: none;
  }
  #footer-outer .col.footer_1 .logo_mobile {
      display: inline-block;
  }
  .material .wpb_row.nos_services {
      margin-bottom: 60px;
  }
  .piscine_spa_informations .info .listes_photo .titre {
      font-size: 12px;
  }
  .slider_testimonials {
      padding-bottom: 68px;
  }
  .horizontal_blue_line > .span_12 {
     
      padding-bottom: 65px !important;
    }
    body .carriere_region h3 {
        
        font-size: 28px;
      }
    .carriere_region .region_un_post .wrap .tab {
        padding: 20px 15px 25px;
    }
    .carriere_region .region_un_post .wrap .content {
        padding: 0  15px;
      }
    .carriere_region .region_un_post .wrap .tab .close_un_emploi {
        position: absolute;
        top: 33px;
        right: 13px;
    }
    .carriere_region .region_un_post .wrap .tab .close_un_emploi svg {
       
        width: 25px !important;
        height: auto !important; 
    }
    .carriere_region .carriere_region_content .sociaux_wrap {
        
        margin-bottom: 35px;
       
    }
    .video_pop .close {
        /* border: 1px solid #fff; */
        width: 40px;
        height: 40px;
      }
      .video_pop .close svg {
        width: 16px;
        height: auto;
      }
      .video_pop .video .bottom .choix {
          max-width: 400px;
          flex-wrap: wrap;
          justify-content: center;
      }
     .video_pop .video .bottom .choix .un_choix {
         width: 50%;
         padding: 0 15px 10px;
     }
     .deux_col .deux_col_a {
         
         margin-bottom: 0px !important;
         padding-bottom: 54px !important;
         padding-top: 50px;
     }
     .piscine_spa_informations.deux_col .deux_col_a {
        padding-top: 0;
     }
     .deux_col .deux_col_b {
         padding-bottom: 50px !important;
         padding-top: 50px;
     }
     body .divider-wrap .divider-border {
         
         margin: 44px 0 !important;
     }
     body .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner .img_absolut {
      display: none !important;
     }
     .material .wpb_row.titre_image_texte.first {
         margin-top: 70px !important;
     }
     .piscine_spa_informations.deux_col .deux_col_b {
         padding-top: 45px;
     }
     .slide_piscine .swiper-button-next {
         right: 23px;
     }
     .slide_piscine .swiper-button-prev {
         right: 82px;
         
     }
     .slide_piscine .swiper-button-next, .slide_piscine .swiper-button-prev {
          width: 45px;
          height: 45px;
       
     }
     .slide_piscine .swiper-button-next svg, .slide_piscine .swiper-button-prev svg {
      width: 22px;
      height: auto;
     }
     .configurateur_hors_terre #builder {
         margin-top: -146px;
         margin-bottom: -0px;
     }
     .video_pop.popup_info .wrap {
         padding: 80px 35px;
     }
     #configurateur .titre_retour svg {
         
         width: 35px;
         height: auto;
     }
     .configurateur_piscine .image-choices-field div.gfield_radio .image-choices-choice {
         width: 23%;
         margin-right: 2% !important;
     }
     html body .tableau_b {
         font-size: 14px;
     }
     .page_form_tableau .tableau_configurateur .tableau_a .la_list .une_list {
         
         width: 50%;
         padding-right: 10px;
     }
     #reassurance > .span_12 {
         padding-bottom: 200px;
         max-width: 408px;
        
     }
     #reassurance.petit_pad_bottom > .span_12 {
       padding-bottom: 122px;
     }
     .page_confirmation .column_container:nth-child(2) .vc_column-inner {
         padding: 80px 40px 45px;
     }
     body #gappointments_calendar_slots .slot_small label.time_slot div {
         padding: 16px 0;
     }
     .video_pop .video .top {
         padding-bottom: 34px;
         
         min-height: 279px;
     }
     .video_pop .video .bottom {
         
         min-height: calc(100vh - 279px);
     }
     .capsules_video {

         margin: 0 -10px;
     }
     .capsules_video .une_video {
       
         padding: 0 10px 40px;
         
     }
     .row_capsule_video > .span_12 {
         padding-top: 50px !important;
     }
     .gallery_logos .un_logo img {
        
         max-height: 115px;
     }
     
}

@media(max-width:640px){ 

  body .gform_wrapper .top_label .gfield_label {
      margin-top: 12px;
    }
    .configurateur_piscine .last_page .gfield.no_padding_right:not(.titre_retrait) {
        padding-right: 18px !important;
    }
    body .gform_wrapper.gravity-theme .ginput_container_address span {
      /*
      padding-right: 0%;*/
    }
    .gform_wrapper.gravity-theme .configurateur_piscine .last_page .gfield > .gfield_description, .gform_wrapper.gravity-theme .configurateur_piscine .last_page .gfield > .ginput_container {
        width: auto;
      }
       .configurateur_piscine .last_page .gfield:not(.titre_retrait).less_pad_bottom {
           padding-bottom: 11px !important;
       }
       .configurateur_piscine .last_page .gfield:not(.titre_retrait) {
       
        padding: 20px 18px 20px 18px !important;
      }
      .configurateur_piscine .last_page .gfield.titre_retrait {
          padding: 39px 18px 0 18px !important;
      }
      .configurateur_piscine .last_page .gfield.no_padding_right:not(.titre_retrait):after {
        display: none;
      }
}

@media(max-width:600px){ 
  .articles > .un_post:first-child .wrap {
      
      flex-direction: column;
  }
  .articles > .un_post:first-child .photo {
      width: 100%;
      margin-right: 0;
  }

  .articles > .un_post:first-child .infos {
    width: 100%;
    margin-left: 0;
    padding-top: 20px;
    padding-right: 3%;
    padding-left: 3%;
    padding-bottom: 35px;
    background: unset;
    
  }
  .articles > .un_post:first-child .infos h3 {
      
      font-size: 24px;
      
  }
  .slider_post.swiper {
    
    width: 90%;
    margin-bottom: 25px;
  }
  .slider_post .swiper-pagination {
      display: block;
          width: auto;
    margin-right: -11%;
  }
  .offres .vc_column-inner {

      padding: 5.85vw;
  }

  .incitatif > .span_12 > .column_container{
     
      min-height: 300px;
      min-height: 80.6vw

  }
  .offres > .span_12 > .column_container {
     
      min-height: 300px;
      min-height: 96.6vw

  }
  body.material #header-outer:not([data-format=left-header]) #top nav>.buttons>li.menu-item {
      display: none ;
      
  }
  body.material #header-outer:not([data-format=left-header]).side-widget-open #top nav>.buttons>li.menu-item:first-child {
    display: block;
  }
  #header-outer[data-transparent-header=true].side-widget-open #top #logo img.stnd {
    display: none;
  }
  body #header-outer.lighten-logo.transparent #top #logo:not([data-supplied-ml="true"]) img:not(.stnd) {
    display: block !important;
    opacity: 1 !important;
  }
  .piscine_spa_informations .info .listes_photo .liste {
      width: 25%;
  }
  .piscine_spa_informations .info .listes_photo.liste_detail .photo {
      width: calc(25% - 3px);
  }
  .piscine_spa_informations .info .listes_photo.liste_detail .titre {
      width: calc(100% - 25% + 3px);
  }
  .carriere_info .deux_col_a .img-with-aniamtion-wrap .hover-wrap-inner {
     
      max-width: 294px;
      
  }
  .carriere_region .carriere_region_content .sociaux_wrap .titre,
  .carriere_region .carriere_region_content .tri_emploi .titre {
      
      margin-bottom: 11px;
  }
  .carriere_region .carriere_region_content .sociaux_wrap,
  .carriere_region .carriere_region_content .tri_emploi {
      
      flex-direction: column;
  }
  .carriere_region .carriere_region_content .tri_emploi .taxonomies .choix {
      display: block;
      padding-left: 0;
      
  }
  /*.articles .un_post {
    padding-left: 0;
    padding-right: 0;
  }*/
  .liste_articles .les_articles {
      margin-left: 0;
      margin-right: 0;
     
  }
  .magasin_informations .col_2 > div {
     
      padding-left: 0;
      padding-right: 0 !important;
  }
  #nous_trouver #wpsl-wrap #wpsl-result-list ul li {
      width: 100%;
      padding-left: 0;
      padding-right: 0;
  }
  html body .wpsl-store-location {
      font-size: 18px;
  }
  #nous_trouver .wpsl-store-below #wpsl-stores > ul {
      margin-left: 0;
      margin-right: 0;
  }
  body #slide-out-widget-area .inner .off-canvas-menu-container li.lien_mobile {
    display:  list-item !important;
  }
  #nous_trouver .wpsl-select-wrap {
      max-width: unset;
      width: 100%;
      margin-right: 0;
  }
  .articles .un_post .infos .date {
      font-size: 13px;
      
  }
  #articles .autres_articles .un_post:first-child .infos h3 {
    font-size: 21px;
  }
}
@media(max-width:500px){ 
 
  .articles .un_post, #articles .blog-recent .col {
      margin-bottom: 37px;
      
      margin-right: 0;

      width: 100%;
  }
  .articles.autres_articles .un_post:first-child {
    width: 100%;
  }
 .articles .un_post .infos h3 {
      font-size: 19px;
  }
  
  #articles .vc_col-sm-3 .img-with-aniamtion-wrap .hover-wrap-inner {
    display: none;
  }

  .titre_image_texte .wpb_column:nth-child(2){
    width:100%;
  }
  .titre_image_texte .wpb_column:nth-child(3){
    width:100%
    

  }
  html body .row .titre_image_texte h3 {
   
      font-size: clamp(21px,4.5vw,32px);
      
  }
  
  
}
@media(max-width:479px){ 
  .deux_col h3, body #slide-out-widget-area .inner .off-canvas-menu-container li a, .slider_testimonials .le_temoignage, .comment-author cite, #articles .autres_articles .un_post:first-child .infos h3, .filter_sidebar .un_filtre h3, html body .spontane_form .gform_wrapper .top_label .carriere_region .gfield_label, .carriere_region .carriere_region_content h4, body .les_accessoires .titre h3, body .les_accessoires .accessoire h3, .piscine_spa_informations .info h2, body:not(.woocommerce-cart) .main-content .listes_horaire td, html body h3, html body {
      font-size: 17px;
  }
  .slider_testimonials .le_temoignage {
    font-size: 17px !important;
  }
  .piscine_spa_informations .info h2,
  #articles .autres_articles .un_post:first-child .infos h3,
  .deux_col h3 {
    font-size: 19px;
  }
  body #slide-out-widget-area .inner .off-canvas-menu-container.col_2 li {
      margin-bottom: 15px;
  }
  #slide-out-widget-area .container .off-canvas-menu-container.col_2,
  #slide-out-widget-area .container .off-canvas-menu-container.col_1 {
      width: 100%;
      margin-bottom: 35px;
      padding-left: 5%;
          padding-right: 5%;
          opacity: 0;
     -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
  }
  #slide-out-widget-area.open .container .off-canvas-menu-container.col_2,
  #slide-out-widget-area.open .container .off-canvas-menu-container.col_1 {
      transition-delay: 0.8s;
      
          opacity: 1;
     
  }

  
  #slide-out-widget-area .container .off-canvas-menu-container.col_2 .menu-wrap,
  #slide-out-widget-area .container .off-canvas-menu-container.col_1 .menu-wrap {
      padding-bottom: 35px;
      background: url(images/vague_turquoise.svg) repeat-x left bottom;
      padding-left: 10%;
      padding-right: 10%;
  }
  body #slide-out-widget-area .inner .off-canvas-menu-container li.accent a {
      font-size: 24px;
      max-width: calc(100% - 27px);
  }
  
  html body h1, html body h2 {
      font-size: 25px;
  }
  html body .hanley_pro_h2 h2 {
      font-size: 30px;
    }
  #guide > .span_12 {
      padding-left: 0;
      padding-right: 0;
  }
  html body .gform_wrapper .top_label .gfield_label {
      
      font-size: 12px;
      margin-top: 5px;
  }
  .pad_top_plus.wpb_row > .span_12 {
      padding-top: 53px;
  }
  .wpb_row > .span_12 {
      padding-top: 40px;
      padding-bottom: 248px;
  }
  #a_propos .deux_col_a .img-with-aniamtion-wrap .img-with-animation {
          margin-right: -10%;
      margin-top: -81px;
      max-width: 81px;
      display: none;
  }
  .deux_col_a > .vc_column-inner {
      padding-right: 5%;
  }
  .slider_accueil .swiper-button-next, .slider_accueil .swiper-button-prev {
      top: calc(97vw - 16px);
      top: calc(127vw - 16px);
          top: calc(107vw - 16px);
      width: 32px;
      height: 32px;
  }
  .slider_accueil .swiper-button-next svg, .slider_accueil .swiper-button-prev svg {
      width: 16px;
  }
  .slider_accueil .swiper-button-prev {
      right: 69px;
  }
  html body #top #logo img, #header-outer[data-permanent-transparent="false"] #logo .dark-version {
      height: 53px!important;
  }
  body #header-outer #logo {
      padding: 12.8px 24.6px;
  }
  
   .archive_piscine_spa {
    margin: 0 -6px !important;
   }
  .archive_piscine_spa .une_piscine {
      
      padding: 0 0;
       margin-bottom: 24px;
     
  }
  #guide > .span_12 {

      background-size: 189px !important;
  }
 .articles .un_post .infos h3 {
      font-size: 17px;
  }
  #slide-out-widget-area .gform_wrapper {
    display: none;
  }
 
  .offres.wpb_row.offres_a .column_container:nth-child(2) .column-image-bg-wrap,
  .offres.wpb_row.offres_b .column_container:nth-child(1)  .column-image-bg-wrap{
    padding-top: unset;
    height: 384px !important;
    height: 385px !important;
  }
  body #slide-out-widget-area.fullscreen-inline-images .inner {
      padding: 84px 0 17px;
          padding: 44px 0 17px;
      
  }
  #slide-out-widget-area .container .off-canvas-menu-container.col_3 {
      max-width: unset;
  }
  #slide-out-widget-area.open .wrap_sociaux {
    padding-left: 10% !important;
    width: 100%;
    padding-right: 10% !important;
  }
  #slide-out-widget-area .wrap_sociaux #social li {
      padding: 0;
      width: 25%;
      text-align: center;
  }
  #slide-out-widget-area .wrap_sociaux #social li a {
    margin: 0 auto;
  }
  .footer-menu-burger {
    padding-left: 10%;
  }
 
     
  
   #footer-outer .footer_2 {
      width: 60%;
  }
  #footer-outer .footer_3 {
      width: 38%;
  }
  #guide h3 {
      font-size: 22px;
  }
  .slider_testimonials .swiper-button-next, .slider_testimonials .swiper-button-prev {
      bottom: 0;
      width: 32px;
      height: 32px;
    }
  .slider_testimonials .swiper-button-next svg, .slider_testimonials .swiper-button-prev svg {
    width: 15px;
  }
  .slider_testimonials .swiper-button-next {
      left: 45px;
  }
  .form_infolettre_wrapper,
  .form_telechargement_guide_wrapper {
     
      max-width: 300px;
      margin: 0 auto 24px;
  }
  .form_telechargement_guide_wrapper {
    padding-bottom: 7.4vw;
  }
  .form_telechargement_guide .gform_footer {
     
      width: 100%;
      margin-left: 0 !important;
      max-width: unset;
      padding-left: 0 !important;
  }
  #footer-outer #footer-widgets .col ul li a {
      font-size: 12px;
      
  }
  .archive_piscine_spa .une_piscine h3 {
      
      padding: 5px 5px 4px 4vw;
  }
  #banner .column_container:nth-child(2) .vc_column-inner {
      padding: 38px 6% 192px;
      
  }
  body #banner h1 {
      font-size: clamp(29px,8.2vw,71px);
      font-size: clamp(29px,6.9vw,71px);;
  }
    .les_accessoires .accessoire {
     
      padding: 0 10px;
      
  }
  .material .wpb_row.titre_image_texte.first {
      margin-top: 60px !important;
  }
  .les_accessoires  {
    margin-right: -10px;
    margin-left: -10px;
  }
  body .les_accessoires .accessoire h3 {
    font-size: 14px ;
    font-size: 12px;
  }
  .material .wpb_row.nos_services {
      margin-bottom: 40px;
  }
  .archive_piscine_spa .une_piscine {
         margin-left: 6px;
    margin-right: 6px;
      margin-bottom: 35px;
          width: calc(50% - 12px);
  }
  .piscine_spa_informations .info .listes_photo .liste {
      width: 33.333%;
  }
  .piscine_spa_informations .info .listes_photo.liste_detail .photo {
      width: calc(33.333% - 3px);
  }
  .piscine_spa_informations .info .listes_photo.liste_detail .titre {
      width: calc(100% - 33.333% + 3px);
  }
  body .carriere_region h3 {
      
      font-size: 24px;
    }
    .carriere_region .region_un_post .wrap .tab {
        padding: 15px 0 20px;
    }
    .carriere_region .region_un_post .wrap .content {
        padding: 0;
    }
    .carriere_region .region_un_post .wrap .tab .close_un_emploi svg {
        width: 22px !important;
        
    }
    .carriere_region .region_un_post .wrap .tab .close_un_emploi {
        position: absolute;
        top: 26px;
        right: 4px;
    }
    .carriere_region .carriere_region_content .tab h3 {
       
        padding-right: 43px;
    }
    .video_pop .video .bottom .choix {
        
       
        max-width: 310px;
    }
    .video_pop .video .bottom .choix .un_choix {
        
        padding: 0 4px 0px;
    }
    .video_pop .video .bottom .choix .un_choix .wrap span {
        min-height: 58px;
        font-size: 16.42px;
    }
    .video_pop .video .bottom .choix .un_choix .wrap {
        padding: 25px 10px 42px;
    }
    .video_pop .video .top {
        
        padding-bottom: 40px;
        
    }
    .video_pop .video .bottom {
        padding-top: 37px;
    }
    .video_pop .video h2 {
        
        font-size: clamp(25px,3.7vw,71px);
        
    }
    .video_pop .video h3 {
        font-size: 22px;
        margin-bottom: 35px;
        background-position: bottom center;
    }
  .video_pop .video .bottom {
      padding-bottom: 163px;
  }
  .piscine_spa_informations .info .listes .titre {
      width: 95px;
      
  }
  .piscine_spa_informations .info .listes .description {
    width: calc(100% - 95px);
  }
  .piscine_spa_informations .info .listes_2 .titre {
      width: 136px;
  }
  .piscine_spa_informations .info .listes_2 .description {
    width: calc(100% - 136px);
  }
  .slide_piscine .swiper-button-next {
      right: 11px;
  }
  .slide_piscine .swiper-button-prev {
      right: 53px;
      
  }
  .slide_piscine .swiper-button-next, .slide_piscine .swiper-button-prev {
       width: 35px;
       height: 35px;
      bottom: 23px;
  }
  .slide_piscine .swiper-button-next svg, .slide_piscine .swiper-button-prev svg {
   width: 16px;
   height: auto;
  }
  .les_temoignages > .span_12 {
    padding-top: 30px !important;
  }
  #configurateur .configurateur_form_side > .vc_column-inner {
      padding-top: 22px;
      padding-left: 20px;
      padding-right: 20px;
  }
  .gform_wrapper.gravity-theme .page_presentation_b .gfield:not(.titre), .configurateur_piscine .gform_page .gfield {
      padding: 30px 13px 30px 13px !important;
  }
  html body .page_modeles h2, .configurateur_piscine .page_presentation_b .gfield.titre h2, .configurateur_piscine .gfield.form_tableau h2, .configurateur_piscine .last_page .gfield.titre_retrait h2, .gform_wrapper.gravity-theme .configurateur_piscine .gfield > .gfield_label {
      font-size: 24px;
  }
  .configurateur_piscine .image-choices-field div.gfield_radio .image-choices-choice {
      width: 31.333%;
      margin-right: 2% !important;
  }
  #configurateur .vc_col-sm-7 {
      
      margin-top: -30px;
     
  }
  .configurateur_hors_terre #builder {
      margin-top: -107px;
      
  }
  .bulle_info .wrap_bulle {
      right: 6px;
      bottom: 3px;
    }
    .video_pop.popup_info .wrap {
        padding: 80px 12px;
    }
    .video_pop.popup_info .video {
        
        padding: 23px 20px;
       
    }
    .video_pop.popup_info .video .more .one_more {
      
        padding: 15px 18px;
        
    }
    .video_pop.popup_info .video .more .one_more .photo {
        width: 100%;
            max-width: 221px;
            margin-bottom: 15px;
    }
    .video_pop.popup_info .video .more .one_more .text {
        width: 100%;
        padding-left: 0;
    }
    .gform_wrapper.gravity-theme .configurateur_piscine .gform_previous_button.button {
        
        width: 35px;
    }
    .gform_wrapper.gravity-theme .configurateur_piscine .gform_page_footer {
        padding-top: 20px;
    }
    .page_form_tableau .tableau_configurateur .tableau_a .la_list .une_list {
        
        width: 100%;
       
    }
    .magasin_informations .col_2 > div {
       
        padding-left: 0;
        padding-right: 0 !important;
    }
    html body .wpsl-store-location {
        font-size: 16px;
    }
    #nous_trouver #wpsl-wrap #wpsl-result-list ul li {
      
        padding-bottom: 30px;


    }
    body .page_merci .wpb_content_element.merci_box {
        
        margin: 0 25px 24vw;
       
    }
    body .page_merci .wpb_content_element.merci_rabais p {
        
        width: 100%;
       
    }
    .accueil_slider .slider_accueil .swiper-slide .video,
    .accueil_slider .slider_accueil .swiper-slide .image {
        
        padding-top: 130%;
        padding-top: 108%;
        overflow: hidden;
    }
    .accueil_slider .slider_accueil .swiper-slide .video video {
        
        height: 113%;
        
    }

    .accueil_slider .slider_accueil .swiper-slide .image {
        
        background-position: 74% 39px;
    }
    .page_confirmation .column_container:nth-child(2) .vc_column-inner {
        padding: 55px 25px 45px;
    }
    body .page_confirmation h1 {
        
        font-size: clamp(30px,3.7vw,71px);
        
    }
    body #slide-out-widget-area.fullscreen-inline-images .inner .bottom-meta-wrap {
       background: transparent;
        padding-top: 0px;
    }
    .comment-respond .span_6 {
        margin-bottom: 22px;
    }
    body #gappointments_calendar_slots .slot_small label.time_slot div {
        padding: 11px 0;
    }
    .form_gapt .ginput_container, .form_rendez_vous .page_2 .gform_page_footer {
        max-width: 690px;
        margin: 38px auto;
    }
    #banner .wpb_column:nth-child(1) .vc_column-inner {
        padding-top: 119%;
    }
    .single-post .date_cat {
        font-size: 12px;
        
    }
    #slide-out-widget-area .wrap_sociaux #social li a { 
        font-size: 19px;
        font-size: 23px;
            width: 35px;
        height: 35px;
      }
      #slide-out-widget-area .wrap_sociaux #social li:first-child a {
          font-size: 26px;
           font-size: 30px;
      }
      #slide-out-widget-area .wrap_sociaux #social li:nth-child(2) a {
          font-size: 17px;
          font-size: 21px;
      }
      #articles .autres_articles .un_post:first-child .infos h3 {
        font-size: 21px;
      }
      .lien_drop_a,
      .lien_drop_b {
        display: none;
      }
      .liens_drop_a .lien_drop_a {
        display: list-item;
      }
      .liens_drop_b .lien_drop_b {
        display: list-item;
      }
      body #slide-out-widget-area .inner .off-canvas-menu-container li.titre_drop {
        position: relative;
      }
      body #slide-out-widget-area .inner .off-canvas-menu-container li.titre_drop:after {
        position: absolute;
        content: url(images/point-arrow-white.svg);
        display: block;
        top: 50%;
        transform: translateY(-80%);
        right: 5px;
      }
       body #slide-out-widget-area .inner .off-canvas-menu-container.liens_drop_a li.titre_drop_a:after,
        body #slide-out-widget-area .inner .off-canvas-menu-container.liens_drop_b li.titre_drop_b:after {
          transform: translateY(-80%) rotate(180deg);
          transform-origin: center;
        }

        .gform_wrapper.gravity-theme .form_rendez_vous .button {
              padding: 7px 15px;

              font-size: clamp(11px,2.8vw, 14px) !important;
        }
        .configurateur_piscine .gfield.radio_button_en_cta:not(.image-choices-field) .gfield_radio [type="radio"] + label {
          font-size: 12px !important;
          padding: 8px 7px !important;
        }
        html body .tableau_b {
            font-size: 12px;
        }
        .page_form_tableau .tableau_configurateur .tableau_b .range > div {
          
            padding: 17px 8px;
          }
          .gform_wrapper.gravity-theme .description, .gform_wrapper.gravity-theme .gfield_description, .gform_wrapper.gravity-theme .gsection_description, .gform_wrapper.gravity-theme .instruction {
             
              font-size: 12px;
            }
    .configurateur_piscine .last_page .gfield:not(.titre_retrait) {
        
        padding: 25px 18px 25px 18px !important;
    }
    .gfield.titre_retrait {
        padding: 25px 18px 0 18px !important;
    }
    body select {
        
        padding: 7px 10px !important;
    }
    body .gform_wrapper.gravity-theme .ginput_complex .ginput_container_date input, 
    body .gform_wrapper.gravity-theme .ginput_complex .ginput_container_date select {
        min-width: 76px;
        
    }
    #wpsl-base-gmap_0 {
        height: 275px;
    }
    .accueil_slider .slider_accueil .swiper-slide .text {
        padding: 35px 7vw 210px;
        
    }
    .subline {
        margin-bottom: 16px;
        margin-top: 14px;
    }
    .capsules_video .une_video {
        width: 100%;
        
    }
    .row_capsule_video > .span_12 {
        padding-top: 40px !important;
    }
    body #header-outer[data-lhe="default"] #top nav > ul > li > a {
        font-size: 10px;
    }
    .gallery_logos .un_logo {
        width: 50%;
        padding: 0 15px 30px;
        
    }
    .gallery_logos .un_logo img {
        
        max-height: 97px;
    }
    .offres.offres_a > .span_12 > .column_container:nth-child(2), .offres.offres_b > .span_12 > .column_container:nth-child(1), .offres.offres_b > .span_12 > .column_container:nth-child(2) {
       
        min-height: 385.13px;
        
    }
}
@media(max-width:440px) {
  body .cky-consent-container .cky-consent-bar {
      padding: 30px 0px 0;
      
  }
  body .cky-btn {   
      font-size: 12px;
      padding: 14px 25px;
  }
  body .cky-notice .cky-title {
      font-size: 17px;
      padding-bottom: 0;
  }
}
@media(max-width:430px){ 
  #nous_trouver #wpsl-wrap #wpsl-result-list ul li .ctas .wpsl-directions, #nous_trouver #wpsl-search-btn, body .nectar-button {
      
      padding: 10px 17px !important;
  }
  .configurateur_hors_terre #builder {
    margin-top: -80px;
    margin-bottom: 0px;
  }
  html body .titre_retour {
    font-size: 14px;
  }
  html body .tableau_b {
      font-size: 12px;
  }
  .configurateur_piscine .gfield.radio_button_en_cta:not(.image-choices-field) .gfield_radio [type="radio"] + label {
    font-size: 11px !important;
   
  }
}
@media(max-width:400px){ 
  #slide-out-widget-area .container .off-canvas-menu-container.col_2 .menu-wrap, #slide-out-widget-area .container .off-canvas-menu-container.col_1 .menu-wrap {
     
      padding-left: 15px;
      padding-right: 15px;
  }
}
@media(max-width:365px){ 
  body #header-outer.side-widget-open #top .left-aligned-ocm a {
    padding: 0.5vw 10px;
  }
  body #header-outer[data-full-width=true] header>.container {
    padding: 0;
  }
  html body .hanley_pro_h2 h2 {
      font-size: 28px;
    }
    .les_accessoires .accessoire {
     
      padding: 0 6px;
      margin-bottom: 29px;
      
  }
  body .page_merci .wpb_content_element.merci_box {
      margin: 0 15px 24vw;
  }
  .les_accessoires  {
    margin-right: -6px;
    margin-left: -6px;
  }

}

.itemsClass {
    white-space: initial;
    display: flex;
    height: 70px;
    line-height: normal;
}


/* 404 */

@keyframes upDown {
  to {
    transform: translate3d(0, 5%, 0);
  }
}

@keyframes float {
  to {
    transform: translate3d(-20%, 30%, 0) rotate3d(0, 0, 1, 5deg);
  }
}

.container.container_404 {
  max-width: calc(1410px + 200px);
  width: 100%;
}

#illustration {

  box-sizing: border-box;
  padding: 30px;
  width: 45vw;
  height: 96vh;
  display: grid;
  margin-left: 8%;
  grid-template-columns: 1fr 1.5fr 1fr;
  align-items: center;
  transform: translate3d(0, 0, 0);

}

#illustration img {
  width: 100%;
  animation-name: upDown;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

#illustration img:first-of-type {
  animation-delay: -3s;
  margin-top: 100%;
}

#illustration img:last-of-type {
  animation-delay: -6s;
  margin-bottom: 80%;
}

a.cta.second {
  cursor: pointer;
  position: relative;
  height: fit-content;
  border-radius: 10em;
  padding: 20px 30px;
  text-transform: uppercase;
  font-weight: bold;
  color: #FFFFFF;
  font-size: 0.9em;
}

a.cta.second {
  background: #68C3CD;
}

a.cta:after {
  content: '';
  display: block;
  position: absolute;
  left: -10px;
  right: -10px;
  top: 101%;
  height: 300%;
  background: url(images/cta_over.svg) no-repeat center top;
  -webkit-transition: top 500ms ease-out;
  -moz-transition: top 500ms ease-out;
  -o-transition: top 500ms ease-out;
  transition: top 500ms ease-out;
}

a.cta.second:hover:after {
  top: -80%;
}

#textarea {
  width: 40%;
  color: var(--blue);
  position: absolute;
  right: 10%;
  top: 58%;
}

#textarea h1 {
  color: #302F63;
  font-size: clamp(22px, 2.5vw, 32px);
  font-weight: 600;
  margin-bottom: 16px;
}

#textarea>div {
  position: relative;
  display: flex;
  align-items: center;
}

#bird {
  pointer-events: none;
  display: none;
  width: 150px;
  height: 150px;
  z-index: 0;
  transform: translate3d(-20%, 10%, 0) rotate3d(0, 0, 1, -10deg);
  transform-origin: bottom center;
  animation-name: float;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

@media(max-width:768px) {
  .span_12.span_12_res {
    display: flex;
    flex-direction: column;
  }

  #illustration {
    width: 100%;
    margin-left: 0;
    height: 45vh;
    margin-top: 160px;
  }

  #textarea {
    width: 100%;
    position: relative;
    padding: 0 6%;
    top: inherit;
    right: inherit;
  }
}