html{width:100%; overflow-x: hidden}
body{font-family:"Ubuntu"; color:#000;}

#piscinagiste-logo-menu-svg, #oeweo-logo-menu-svg, #eap-logo-menu-svg, #europiscine-logo-menu-svg{
    display:none;
}
#piscinagiste-logo-menu, #oeweo-logo-menu, #eap-logo-menu, #europiscine-logo-menu{
    display:inline-block;
}

.darkmysite_dark_mode_enabled .elementor-social-icon svg{fill:#FFF !important;}
.darkmysite_dark_mode_enabled .elementor-icon svg{fill:#FFF !important;}

.csstransitions .aux-page-animation-slideup .aux-page-animation-overlay{background:var(--e-global-color-primary);}
.csstransitions .aux-page-animation-slideup .aux-animation-title, .csstransitions .aux-page-animation-slideup .aux-animation-desc{color:#FFF;}

#inner-body > header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background:#FFF;
    z-index:600;
}

#bandeau-pages{
    display:block; width:100%; height:auto;padding-top: 4.375em;padding-bottom: 4.375em;
}
#bandeau-pages img{
    width:100%; height:auto;
}

.elementskit-megamenu-panel{background:#FFF;}
.darkmysite_dark_mode_enabled .elementskit-megamenu-panel{background:#000 !important;}


.elementskit-megamenu-panel:after{
    content:"";
    position:absolute;
    width:100%;
    bottom:1px;
    z-index:-1;
    transform:scale(.9);
    box-shadow: 0 0 8px 2px #000000;
}

#tarteaucitronIcon{display:none !important;}
html body #tarteaucitronRoot #tarteaucitronPrivacyUrl{background:transparent !important; color:#FFF !important;; padding:0 10px !important;}
#tarteaucitronCloseCross{padding:0 !important;}


#gdpr-cookie-message {
    font-family: Roboto Slab, Arial, sans-serif !important;
    position: fixed;
    right: 30px;
    bottom: 30px;
    max-width: 450px;
    background-color: #FFF !important;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 6px 6px rgba(0,0,0,0.25);
    margin-left: 30px;
    z-index:1000;
}
#gdpr-cookie-message h4 {
    color:#004165;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message h5 {
    color:#004165;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message p, #gdpr-cookie-message ul {
    color: #000;
    font-size: 13px;
    line-height: 1.5em;
}
#gdpr-cookie-message p:last-child {
    margin-bottom: 0;
    text-align: right;
}
#gdpr-cookie-message label{
    display:inline;
}
#gdpr-cookie-message li {
    width: 33%;
    display: inline-block;
}
#gdpr-cookie-message a {
    color: #000;
    text-decoration: underline;
    padding-bottom: 2px;
    border-bottom: 1px dotted rgba(255,255,255,0.75);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message a:hover {
    color: #000;
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button {
    border: none;
    background: #004165 !important;
    color: white;
    font-size: 13px;
    padding: 7px;
    border-radius: 3px;
    margin:10px 0 0 15px;
    cursor: pointer;
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button:hover {
    background: white;
    color: #000000;
    transition: all 0.3s ease-in;
}
button#gdpr-cookie-advanced {
    background: white !important;
    color: #004165;
}
#gdpr-cookie-message button:disabled {
    opacity: 0.3;
}
#gdpr-cookie-message input[type="checkbox"] {
    float: none;
    margin-top: 0;
    margin-right: 5px;
}
/*atmedia*/
#cookiepop, .cookiepop{cursor:pointer;}

@media screen and (min-width: 767px) {
    h2.aux-modern-heading-primary{display: inline !important;}
}


.elementor-testimonial-content{font-style:italic; font-size:1em !important;}


.page-title-section{
    margin-top:60px;
}
.page-title-section .aux-boxed-container > .aux-container{
    padding-right: 45px;
    padding-left: 45px;
}
.page-title-section .aux-page-title-entry{
    margin-top:70px !important;
    margin-bottom:10px !important;
}

.page-title-section .aux-breadcrumbs{
    margin-top:0 !important;
    margin-bottom:10px !important;
    font-weight: normal;
    font-size:13px;
    line-height:1;
}
.aux-breadcrumbs span:not(.breadcrumb-icon){
    padding-left:5px !important;
    padding-right:5px !important;
}

.aux-breadcrumbs span:first-child{
    padding-left:0 !important;
}

.entry-content h2, .comment-body h2{
    font-size:1.9em;
}



#border-home-container{
    background:#e5e5e5; width:100%; height:50px; margin-top:25px; margin-bottom:60px;
}


#bottom-home-container{
    width:1300px; max-width: 96%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-content: stretch;
    align-items: flex-start;
    gap:60px;
    margin:0 auto 80px auto;
}
#top-home-container{position:relative;}




.bottom-home-elem{
    flex: 1 1 auto;
    align-self: auto;
    cursor:pointer;
    transition: 0.6s ease;
    box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.5) !important;
    width: calc(100%/3);
}
.bottom-home-elem:hover{
    transform: scale(1.05);
}






.qodef-m-image{
    height:100%;
}
.qodef-m-image img{
    object-fit: cover !important;
    width:100% !important;
    height:100% !important;
    aspect-ratio:1/1 !important;
}




.bhe-image{
    width:100%; height:auto; background:#FFF; text-align: center; position: relative;
}
.bhe-content{
    width:100%; height:auto; background:#FFF; text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    gap:10px;
    padding:20px 5px;
}

.bhe-img{
    width:100%; height:auto;

}

/*
.bhe-subtitle{
    position:absolute; top:16%; left: 17%; height:72%; color:#FFF !important; font-size:3.4em !important; font-weight:bold; line-height:1; letter-spacing:0;
    text-align: left; writing-mode: vertical-lr;text-orientation: mixed; transform: rotate(180deg); font-family:"Geometos", sans-serif;
    text-shadow: 0 0 7px rgba(0,0,0,0.4);
}
*/
.bhe-subtitle{
    display:inline-block;color:#000 !important; font-size:2em !important; font-weight:bold; line-height:1; letter-spacing:0; margin:10px 0 15px 0;
    text-align: center; font-family:"Geometos", sans-serif;
}

.bhe-title{
    position:absolute; top:8%; height:auto; color:#FFF !important; text-align: center; font-size:1.2em !important; width: 90%; left: 5%; line-height: 1; letter-spacing: 3px; text-transform: uppercase; font-family:"Ubuntu", sans-serif; font-weight: 100;
}


.bhe-logo{
    width:auto !important; height:35px !important; max-width: none !important; display:inline; margin-bottom:10px;
}
#oeweo-home-container .bhe-logo{
    height:24px !important; margin:6px auto 15px auto;
}

.darkmysite_dark_mode_enabled #europiscine-logo-menu img,
.darkmysite_dark_mode_enabled #piscinagiste-logo-menu img,
.darkmysite_dark_mode_enabled #oeweo-logo-menu img,
.darkmysite_dark_mode_enabled #eap-logo-menu img,
.darkmysite_dark_mode_enabled .logo-dark-white img{
    filter: brightness(0) invert(1) !important;
}


.bhe-bt{
    display: inline-block;
    border:solid 1px #000; color:#000; text-align: center; font-weight:normal; font-size:0.9em; justify-content: center;
    align-items: center;
    transition: 0.6s ease;
    padding:1px 23px;white-space: nowrap;
}
.bhe-bt:hover{
    border:solid 1px #FFFFFF; color:#FFFFFF; background:#000000;
}



#europiscine-home-container-mobile{width:430px; max-width: 96%; height:auto; margin:0 auto; display:none;}
#europiscine-home-container{
    position:relative; display:block;
    cursor:pointer;
    transition: 0.6s ease;
    width:1300px; max-width: 96%; height:auto;
    margin:0 auto;
}
#europiscine-home-container:hover {
    transform: scale(1.05);
}
#europiscine-home-container img{width:100%; height:auto; max-width: none; display: block;}


.ehc-bt{
    position:absolute;
    border:solid 1px #FFF; color:#FFF; background: transparent; text-align: center; font-weight:normal; font-size:0.9em; justify-content: center;
    transition: 0.6s ease;
    padding:1px 23px;
    top:55%; left:21%;white-space: nowrap;
}
.ehc-bt:hover{
    border:solid 1px #024268; color:#024268; background:#FFF;
}


#europiscine-home-container .bhe-subtitle{
    position:absolute; top:35%; left: 21%; height:auto; color:#FFF !important; font-size:3.3em !important; font-weight:bold; line-height:1; letter-spacing:0;
    text-align: left; writing-mode: initial; text-orientation: initial; transform: initial; font-family:"Geometos", sans-serif;
    text-shadow: 0 0 7px rgba(0,0,0,0.4);
}

#europiscine-home-container .bhe-title{
    position:absolute; top:25%; left: 21%; width: auto; height:auto; color:#FFF !important; text-align: left; font-size:1.2em !important;
    line-height: 1; letter-spacing: 2px; text-transform: uppercase; font-family:"Ubuntu", sans-serif; font-weight: 100;
}
#splash-home{
    position:absolute; top:0; right:0; transform: translate(-15%,-40%);
    width:20%; height:auto; max-width: none;padding: 40px;
}


.elementor-toc__list-item{margin-bottom:10px !important;}




#actu-home .galerie.qodef-addons-blog-list.qodef-item-layout--info-on-image .qodef-e-info-date{
    right:auto !important;
    left:40px;
    background-color:transparent !important;
    top:25px !important;
    padding:0;
    font-size: .9em;
    line-height: 1.13333em;
}
#actu-home .galerie .nav-links .current{
    font-weight:bold !important;
}
#actu-home .galerie .nav-links a{
    color:#000 !important;
}
#actu-home .qodef-e-media-image{z-index:99;}
#actu-home .qodef-e-media-image a {
    display: inline-block;
    height: 100%;
}
#actu-home .qodef-e-media-image img{
    position:relative;
    z-index:99;
    margin-top: 150px;
    padding: 0 40px;
}
#actu-home .hentry .entry-title{
    line-height: 100% !important;
    font-size:1em !important;
}
#actu-home .qodef-e-title-link{
    font-family:"Ubuntu" !important;
    color:#000;
    font-size:17px;
    line-height: 1.4;
}
#actu-home .qodef-e-info-date{
    font-family:"Ubuntu" !important;
    color:#000;
    font-size:15px;
    line-height: 1.2;
}


#actu-home .qodef-e-info{
    position:relative;
    margin-bottom: 27px;
}
#actu-home .qodef-e-info a{
    font-family:"Ubuntu" !important;
    color:#000;
}

#actu-home .qodef-e-info:after{
    content:'';
    position:absolute;
    width:75px;
    height:3px;
    background:#000;
    bottom:-15px;
    left:0;
}

#actu-home .type-post:hover .qodef-e-info:after{
    background:#fff;
}
#actu-home .type-post:hover a, #actu-home .type-post:hover .qodef-e-info-date{
    color:#fff !important;
}
#actu-home .aux-col {
    padding: 0;
    margin: 0;
}

#actu-home .qodef-e-content {
    top: 0;
    /*transform: translateY(-50%);*/
    left: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    background-color: #e5e5e5;
    /*box-shadow: 0 0 19px 10px rgba(0,0,0,0.14);*/
    height: 250px;
    padding:40px !important;
}
#actu-home .type-post:hover .qodef-e-content {
    background-color: #000;
}
#actu-home .aux-widget-recent-posts .type-post:hover .entry-title, #actu-home .aux-widget-recent-posts .type-post:hover .entry-title a {
    color: #fff !important;
}

#actu-home .aux-widget-recent-posts .type-post:hover .entry-info a{
    color: var(--e-global-color-accent) !important;
}

#actu-home .entry-info {
    padding: 40px 10% 0 10%;
}

#actu-home .entry-header {
    padding: 0 10% 175px 10%;
}


#actu-interieur .entry-media {
    margin-bottom: 0;
}


#actu-interieur .aux-col {
    padding: 0;
    margin-top:100px;
    margin-bottom:40px;
}

#actu-interieur .entry-main {
    top: 0;
    transform: translateY(-50%);
    left: 10%;
    right: 10%;
    bottom:auto;
    position: absolute;
    z-index: 1;
    background-color: var(--e-global-color-secondary);
    box-shadow: 0 0 19px 10px rgba(0,0,0,0.14);
}


#actu-interieur .aux-widget-recent-posts .type-post:hover .entry-main {
    background-color: #000;
}

#actu-interieur .aux-widget-recent-posts .type-post:hover .entry-title {
    color: var(--e-global-color-accent);
}

#actu-interieur .aux-widget-recent-posts .type-post:hover .entry-info a
{
    color: var(--e-global-color-accent) !important;
}

#actu-interieur .entry-info {
    padding-top: 40px;
    padding-left: 66px;
}

#actu-interieur .entry-header {
    padding: 0 66px 20px 66px;
}

.hentry .entry-header{
    margin-bottom:0 !important;
}

.aux-sidebar ul li a, .hentry .entry-info{
    color:#000;
}

.hentry.aux-medium-context .entry-content, .hentry.aux-medium-context .comment-body,
.hentry.aux-medium-context .entry-info, .hentry.aux-medium-context .entry-header, .hentry.aux-medium-context .aux-next-prev-posts{
    margin-left: 10%;
    margin-right: 10%;
}
.right-sidebar .aux-primary{
    padding-right:150px;
}

@media screen and (max-width: 1400px) {
    #bottom-home-container{width:1100px;}
    #europiscine-home-container{width:1100px;}

    .bhe-subtitle{top:18%; left: 10%; height:77%; font-size:2.6em !important;}
    .bhe-title{top:6%; font-size:1.1em !important;}
    #europiscine-home-container .bhe-subtitle{font-size:2.5em !important;}
    #europiscine-home-container .bhe-title{font-size:1.1em !important;}
}

@media screen and (max-width: 1100px) {

    #actu-home .qodef-e-media-image img{margin-top: 190px;}
    #actu-home .qodef-e-content {height: 300px;}

}

@media screen and (max-width: 1000px) {
    #bottom-home-container{gap:20px;}

    #europiscine-home-container .bhe-title{width:50%; top:17%;}

}

@media screen and (max-width: 900px) {

    #bottom-home-container{
        width:430px; max-width: 96%;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-content: stretch;
        align-items: flex-start;
        gap:30px;
        margin:0 auto 50px auto;
    }

    .bottom-home-elem{
        width:100%;
    }
}

@media screen and (max-width: 767px) {
    #europiscine-home-container-mobile{display:block;}
    #europiscine-home-container{display:none;}

    #splash-home{
        transform: translate(-35%,-70%);
        width:40%;
    }

}

@media screen and (max-width: 680px) {
    #actu-home .qodef-e-media-image img{margin-top: 200px; padding: 0 20px;}
    .qodef-addons-blog-slider.qodef-item-layout--info-on-image .qodef-e-content{padding:20px;}

}


.twentytwenty-handle > .twentytwenty-left-arrow{
    border-right:6px solid #000;
}
.twentytwenty-handle > .twentytwenty-right-arrow{
    border-left:6px solid #000;
}

.carrousel-realisations{display: inline-block;
    padding: 15px 20px;
    background: #F1F1F1;
    margin:0 0 100px 0;width:100%;}
.carrousel-realisations ul{list-style: none !important;padding-left:0 !important;}
.carrousel-realisations .flex-control-thumbs img{opacity:.5;aspect-ratio:1.3/1; object-fit: cover;}
.carrousel-realisations .flex-control-thumbs .flex-active{opacity:1 !important;}
.carrousel-realisations .elementor-col-image{height: 400px;}
.carrousel-realisations .elementor-col-image img{
    height: 100%;
    width: 100%; /* S'assure que l'image prend toute la largeur */
    object-fit: cover;
    object-position: center; /* Centre l'image verticalement et horizontalement */
}
.carrousel-realisations .elementor-col-texte{align-items: center;padding-left:30px;}
.carrousel-realisations .elementor-col-texte .uppercase{text-transform:uppercase;}
.carrousel-realisations .elementor-text-editor{
    font-family: "Ubuntu", Sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.3em;
}
.carrousel-realisations .flex-viewport{width:88%;display:inline-block;float:right !important;}
.carrousel-realisations .flex-control-thumbs{width:10% !important;margin-right:1%;display:inline-block;float:left !important;}
.carrousel-realisations .flex-control-thumbs li{width:100% !important;float:none !important;display:block !important;margin-bottom:20px;}
.carrousel-realisations .flex-direction-nav a:before{line-height:1;}

#slider-realisation {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    flex-direction: row-reverse;
}
#slider-realisation li {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}


.elementor-image-carousel-caption, .wp-caption-text{
    position:absolute;
    bottom:0;
    left:0;
    background:rgba(0,0,0,0.5);
    padding:6px 15px;
    text-align: left;
    color: #FFFFFF;
    font-size: 10px;
    line-height: 15px;
    letter-spacing: 0.3px;
    text-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}

.elementor-lightbox .elementor-lightbox-image, .elementor-lightbox .elementor-video-container{background:#FFF;}


.icon.elementskit-submenu-indicator{display:none !important;}




.guides-sommaire{
    /*display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex-flow: column wrap;
    column-gap: 20px;*/
    columns:2;
}

.guides-sommaire .bloc-guide{
    background:#f1f1f1;
    padding:20px;
    margin-bottom:20px;
    break-inside: avoid-column;
}
.guides-sommaire .bloc-guide ul{
    list-style-type: none;
    padding-left:0;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;
    letter-spacing: -0.5px;
    margin-bottom:0;
}
.guides-sommaire .bloc-guide ul a{color:#000;}
.guides-sommaire .bloc-guide .rubrique-guide a{
    color:#000;
    position:relative;
    padding-bottom: 15px;
    margin-bottom: 10px;
    display: inline-block;
    text-align:center;
    font-family: "Ubuntu", Sans-serif;
    font-size: 1.9em;
    line-height: 1.1em;
}
.guides-sommaire .bloc-guide .rubrique-guide .guide-divider{
    display: inline-block;
    height: 2px;
    width: 53px;
    margin: 0px 0px 3px 15.5px;
    background-color: #000;
}

.bloc-ssguide{
    --gapssguide: 20px;
    --columnsssguide: 4;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: var(--gapssguide);
    margin-bottom:50px;
}

.guide-thumb{
    display:block !important;
    width: calc((100% / var(--columnsssguide)) - var(--gapssguide) + (var(--gapssguide) / var(--columnsssguide)));
    position: relative;
}
.guide-thumb .qodef-m-content-inner, .guide-thumb .qodef-m-button, .guide-thumb .qodef-qi-button{
    width:100%;
}
.guide-thumb .qodef-qi-button{
    line-height:1.4em !important;
}
.guides-sommaire .bloc-lien{
    display:block;
    text-align:right;
}
.guides-sommaire .lien-guide{
    background: #a19486;
    height: 35px;
    color: #000000 !important;
    font-size: 18px;
    padding: 9px 15px 8px 15px;
    line-height: 1;
    letter-spacing: 2px;
    display:inline-flex;
    align-items: center;
}
.guides-sommaire .lien-guide:after{
    content: "";
    background-size: 100% 100%;
    display: inline-block;
    height: 14px;
    width: 20px;
    vertical-align: middle;
    margin-left: 5px;
    margin-top: -2px
}
.qodef-qi-banner.qodef-image--hover-zoom:hover img {
    transform: scale(1.5);
}

.qodef-m-image{
    height:100% !important;
    width:100% !important;
    overflow: hidden;
}
.qodef-m-image img{
    object-fit: cover !important;
    width:100% !important;
    height:100% !important;
    aspect-ratio:1/1 !important;
}



.title-other-guides-piscinagiste, .title-other-guides-oeweo, .title-other-guides-eap{
    font-size: 20px;
    line-height: 1em;
    font-family: "Geometos", Sans-serif;
    text-transform:uppercase;
    margin-bottom: 25px;
}

.title-other-guides-piscinagiste{
    color:#001E32;
}

.title-other-guides-oeweo{
    color:#5E4C75;
}

.title-other-guides-eap{
    color:#3b3b3b;
}

.qodef-shortcode .qodef-m-content-inner{
    width:calc(100% - 30px) !important;
    bottom: 10px;
    position: absolute;
    line-height:1.1;
}

.qodef-shortcode .qodef-m-button, .qodef-shortcode .qodef-qi-button{
    width:100% !important;
}


.aux-read-more, .aux-post-nav{border-radius:0; font-size:1em;}
.archive.category .entry-media{width:40%; float:left;}
.archive.category .entry-content{width:56%; float:left; margin-left:4%;}
.archive.category .entry-media{margin-bottom:1rem !important;}

.qodef-shortcode .qodef-m-content{
    padding:10px 15px !important;
    background: linear-gradient(#00000000 50%, #001E3290 75%, #001E32) !important;
    position: absolute; bottom:0;left:0;width:100%; height: 100%;display: flex;
    align-content: end;
    align-items: end;
}

.darkmysite_dark_mode_enabled .qodef-shortcode .qodef-m-content{
    background: linear-gradient(#11111100 50%, #11111190 75%, #111111) !important;
}



.qodef-shortcode .qodef-m-content .qodef-qi-button.qodef-layout--filled{
    padding:0;
    justify-content: start !important;
    background-color:transparent !important;
    color:#FFFFFF !important;
    font-weight: 400;
    text-align: left;
    font-size: 15px;
}

.title-other-guides-piscinagiste, .title-other-guides-oeweo, .title-other-guides-eap{
    font-size: 20px;
    line-height: 1em;
    font-family: "Geometos", Sans-serif;
    text-transform:uppercase;
    margin-bottom: 25px;
}

.title-other-guides-piscinagiste{
    color:#001E32;
}

.title-other-guides-oeweo{
    color:#5E4C75;
}

.title-other-guides-eap{
    color:#3b3b3b;
}


.aux-widget-text .aux-text-widget-content .col-subtitle{color:#000;}
.col-title.h4{font-size:25px; font-weight:bold;}
.aux-widget-text .aux-text-color-dark{color:#000;}

.elementskit-menu-overlay{opacity:0.6 !important;}

.darkmysite_switch_apple{background:#000 !important;}
.darkmysite_dark_mode_enabled .darkmysite_switch_apple{background:#FFF !important;}


.darkmysite_dark_mode_enabled .row-demande-devis .aux-button:hover .aux-text{color:#000 !important;}
.row-demande-devis .elementor-widget-container:before{display:none;}


#toolbox {
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 60px;
    height: 60px;
    z-index: 4000;
    cursor: pointer;
    transition: all 1000ms;
}
#toolbox.is-active{transform: translate(50%,50%);}

.bubble_all {
    position: absolute;
    width: 60px;
    height: 60px;
    background: #000;
    /*border-radius: 5px;*/
    margin: auto;
    color: white;
    text-align: center;
    z-index: 100;
}
.bubble_all svg {
    width: 54px;
    height:auto;
    margin-top: 3px;
    transition: all 400ms;
}
.is-active.bubble_all svg {transform:rotate(45deg);}




.bubble_bt {
    position: absolute;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    z-index: 3;
    /*box-shadow: 0 0 20px -5px #111;*/
    text-align: center;
    background:var(--e-global-color-primary);
}
.bubble_bt#three{left: auto; right: 0;}

.bubble_bt svg {
    width: 38px;
    height:auto;
    margin-top: 10px;
    fill: #FFF;
}
.bubble_bt svg *{fill: #FFF;stroke: #FFF;
}

.bubble_bt span {
    position: absolute;
    font-size: 16px;
    color: #000;
    opacity: 0;
    transition: all 400ms;
    -webkit-transition: all 600ms;
    margin:0; padding:0;
    font-weight:bold;
}
.bubble_bt.is-opened span{opacity: 1;}

#one>span {
    top: 50%;
    left: 70px;
    transform: translateY(-50%);
}
#two>span {
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
}
#three>span {
    top: 50%;
    right: 70px;
    transform: translateY(-50%);
}
#four>span {
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
}


.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:0 !important;}

.swiper-pagination-bullet, .swiper-pagination-bullet.darkmysite_style_secondary_bg, .swiper-pagination-bullet.darkmysite_style_all {background-color:#000 !important;}
.darkmysite_dark_mode_enabled .swiper-pagination-bullet, .darkmysite_dark_mode_enabled .swiper-pagination-bullet.darkmysite_style_secondary_bg, .darkmysite_dark_mode_enabled .swiper-pagination-bullet.darkmysite_style_all {background-color:#FFF !important;}




#univers- .qlwapp, #univers-accueil .qlwapp,
#univers-europiscine .qlwapp, #univers-piscinagiste .qlwapp, #univers-eap .qlwapp{display:none !important;}

.qlwapp .qlwapp-toggle{border-radius:0 !important;margin-right:10px !important;margin-bottom:10px !important;}

.qlwapp__container.qlwapp__container--middle-right .qlwapp__button, .qlwapp__container.qlwapp__container--bottom-right .qlwapp__button{margin-right:10px; margin-bottom:85px;}

/* Conteneur de Pagination */
.pagination {
    text-align: center; /* Centrage de la pagination */
    margin: 20px 0; /* Espacement autour de la pagination */
    padding: 10px 0; /* Espacement à l'intérieur du conteneur */
    font-size: 1rem; /* Taille de police ajustable */
}

/* Liens de Pagination */
.pagination .nav-links {
    display: inline-block; /* Affichage en ligne pour centrer les liens */
    list-style: none; /* Suppression du style de liste */
}

/* Individual Page Number and Navigation Links */
.pagination  * {
    display: inline-block; /* Affichage en ligne de chaque lien */
    margin: 0 5px; /* Espacement entre les liens */
    padding: 5px 10px; /* Espacement à l'intérieur des liens */
    border: 1px solid #ddd; /* Bordure des liens */
    background-color: #f8f8f8; /* Couleur de fond des liens */
    color: #333; /* Couleur du texte */
    text-decoration: none; /* Suppression du soulignement */
    border-radius: 5px; /* Coins arrondis */
    transition: background-color 0.3s ease; /* Transition pour l'effet au survol */
}

/* Hover and Active Link Styles */
.pagination a:hover,
.pagination .current {
    background-color: #e9e9e9; /* Changement de la couleur de fond au survol */
}

/* Disabled Link Style */
.pagination .disabled {
    color: #ccc; /* Couleur des liens désactivés */
    cursor: default; /* Curseur par défaut pour les liens désactivés */
}

/* Responsive Adjustments */
@media screen and (max-width: 600px) {
    .pagination * {
        padding: 3px 6px; /* Réduction de l'espacement pour les petits écrans */
        font-size: 0.9rem; /* Réduction de la taille de la police pour les petits écrans */
    }
}


input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"], textarea{
    max-width:100%;
}
.super-form .super-field > p{
    float: left !important;
}

@media screen and (min-width: 1025px){
    .ekit-nav-dropdown-hover #menu-item-11972.elementskit-dropdown-has:hover>.elementskit-dropdown {
        transform: translateX(-137px) !important;
    }
}

@media screen and (max-width: 1200px) {
    .bhe-bt {top: 22%;}
    .bloc-ssguide{--gapssguide: 20px;--columnsssguide: 3;}

}

@media screen and (max-width: 1024px){
    .elementskit-navbar-nav-default.elementskit-menu-offcanvas-elements{height:100vh !important;}
    .elementskit-menu-offcanvas-elements{height:100vh !important;}
    .icon.elementskit-submenu-indicator{display:block !important;}


    .aux-fold, .aux-fold-padding, .aux-boxed-container > .aux-container{padding-right: 10px; padding-left: 10px;}

}
@media screen and (max-width: 900px) {
    #bottom-home-container{flex-direction: column;align-items: center;
    }

    .bloc-ssguide{--columnsssguide: 2;}

}


@media screen and (max-width: 767px) {

}



@media screen and (max-width: 767px) {
    #toolbox {display: block;}
    .page-title-section .aux-boxed-container > .aux-container{padding-left:10px; padding-right:10px;}
    .carrousel-realisations .flex-viewport{width:100% !important;}
    .carrousel-realisations .flex-control-thumbs{width:100% !important;}
    .carrousel-realisations .flex-control-thumbs li {width: 20% !important; float: left !important; margin:10px 5% 10px 0;    }
    .carrousel-realisations .flex-direction-nav{display:none;}
    #slider-realisation, #slider-realisation li{flex-direction: column;}
    .carrousel-realisations .wpb_text_column{padding-left:0 !important; padding-top:20px;}
    .carrousel-realisations .wpb_single_image{width:100%; height: auto;}
    .guides-sommaire{columns:1 !important;}
    .qlwapp .qlwapp-toggle{margin-bottom:80px !important;}
}


@media screen and (max-width: 640px) {
    .bloc-ssguide {--columnsssguide: 1;}
    .page-title {hyphens: auto;}
}


@media screen and (max-width: 479px){
    .aux-resp .aux-next-prev-posts.nav-skin-thumb-arrow .np-nav-text {
        padding-top: 30px; line-height:1;
    }
}

@media screen and (max-width: 390px) {
    .bubble_bt {width:50px; height:50px;}
    .bubble_bt svg {width: 30px;}
    .bubble_bt span {font-size: 14px; letter-spacing:-1px;}
    #one>h3 {left: 55px;}
    #two>h3 {top: 65px;}
    #three>h3 {right: 55px;}
    #four>h3 {top: -20px;}
}

/*CLEATIS*/
@font-face {
  font-family: 'Ubuntu';
  font-display: swap;
}

@font-face {
  font-family: 'Geometos';
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  font-display: swap;
}

@font-face {
  font-family: 'Didot';
  font-display: swap;
}

.faq-item {
    margin-bottom: 10px;
    padding: 15px;
    border-bottom: 2px solid #184061;
    background-color: transparent !important;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.faq-item h3 {
    margin: 0;
    font-size: 1.4em;
    font-weight: bold;
    color: #072F49 !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.faq-item h3::after {
    content: "^";
    font-size: 1.2em;
    color: #184061;
    transition: transform 0.3s ease;
}

.faq-item.active h3::after {
    content: "^";
    transform: rotate(180deg);
}

.faq-item .faq-content {
    margin-top: 10px;
    display: none;
    font-size: 1em;
    color: #333;
    line-height: 1.5;
}

.faq-item.active .faq-content {
    display: block;
}
/*--CLEATIS-Locale--*/
/*---Horaires---*/
.opening-hours {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.opening-hours th {
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    padding: 5px;
    background-color: #f4f4f4;
}

.opening-hours td {
    padding: 3px 5px;
    border-bottom: 1px solid #ddd;
}

.opening-hours td:first-child {
    font-weight: bold;
}

.exception-hours {
    font-size: 12px;
    font-style: italic;
    color: #888;
    margin-top: 5px;
}
/*---Horaires---*/
/*---NousContacter---*/
.custom-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #001E32; /* Bleu marine */
    color: #fff;
    text-decoration: none;
    padding: 6px 12px;
    border-radius: 5px;;
    border: 2px solid #001E32;
    transition: all 0.3s ease;
    font-size: 14px;
    min-width: 100%;
}

.custom-button:hover {
    background-color: #fff;
    color: #001E32;
}

.custom-button-icon {
    margin-right: 8px;
    font-size: 18px;
}
/*---NousContacter---*/
/*---QuiSommesNous---*/
.bloc-franchise h2, 
.bloc-franchise h3 
.bloc-main-text h2, 
.bloc-main-text h3{
    margin-top: 20px;
}
/*---QuiSommesNous---*/
/*--CLEATIS-Locale--*/
/*CLEATIS*/