.elementor-3166 .elementor-element.elementor-element-c5641d9{--display:flex;--min-height:800px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:17px 17px;--row-gap:17px;--column-gap:17px;--overlay-opacity:0.4;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3166 .elementor-element.elementor-element-c5641d9:not(.elementor-motion-effects-element-type-background), .elementor-3166 .elementor-element.elementor-element-c5641d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://isolcombles-bretagne.com/wp-content/uploads/2026/09/isolation-combles-soufflage-laine-de-verre.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3166 .elementor-element.elementor-element-c5641d9::before, .elementor-3166 .elementor-element.elementor-element-c5641d9 > .elementor-background-video-container::before, .elementor-3166 .elementor-element.elementor-element-c5641d9 > .e-con-inner > .elementor-background-video-container::before, .elementor-3166 .elementor-element.elementor-element-c5641d9 > .elementor-background-slideshow::before, .elementor-3166 .elementor-element.elementor-element-c5641d9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3166 .elementor-element.elementor-element-c5641d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-3166 .elementor-element.elementor-element-c5641d9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3166 .elementor-element.elementor-element-d618151{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -290px) 0px;padding:50px 0px 0px 0px;}.elementor-3166 .elementor-element.elementor-element-6374158{--display:flex;}.elementor-3166 .elementor-element.elementor-element-c265a0d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-3166 .elementor-element.elementor-element-ec32607{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3166 .elementor-element.elementor-element-065a45f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3166 .elementor-element.elementor-element-065a45f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3166 .elementor-element.elementor-element-741d115{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3166 .elementor-element.elementor-element-77d2146{margin:0px 10px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3166 .elementor-element.elementor-element-10c6b4e{--display:flex;}.elementor-3166 .elementor-element.elementor-element-15841a4{--display:flex;}.elementor-3166 .elementor-element.elementor-element-c59f0be{--display:flex;}.elementor-3166 .elementor-element.elementor-element-e1f8c7e{--display:flex;}.elementor-3166 .elementor-element.elementor-element-0d56904{--display:flex;}.elementor-3166 .elementor-element.elementor-element-ac1bf13{--display:flex;}.elementor-3166 .elementor-element.elementor-element-ba29708{--display:flex;}.elementor-3166 .elementor-element.elementor-element-41c4c88{--display:flex;}.elementor-3166 .elementor-element.elementor-element-ff3fe34{--display:flex;}.elementor-3166 .elementor-element.elementor-element-b76fe5d{--display:flex;}.elementor-3166 .elementor-element.elementor-element-314f17a{--display:flex;}.elementor-3166 .elementor-element.elementor-element-79f3067{--display:flex;}.elementor-3166 .elementor-element.elementor-element-58d8cd6{--display:flex;}.elementor-3166 .elementor-element.elementor-element-f920032{--display:flex;}.elementor-3166 .elementor-element.elementor-element-d6dde2a{--display:flex;}.elementor-3166 .elementor-element.elementor-element-523fda1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3166 .elementor-element.elementor-element-9765c35{margin:30px 30px calc(var(--kit-widget-spacing, 0px) + 30px) 30px;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-3166 .elementor-element.elementor-element-9765c35 .elementor-field-group{padding-right:calc( 23px/2 );padding-left:calc( 23px/2 );margin-bottom:20px;}.elementor-3166 .elementor-element.elementor-element-9765c35 .elementor-form-fields-wrapper{margin-left:calc( -23px/2 );margin-right:calc( -23px/2 );margin-bottom:-20px;}.elementor-3166 .elementor-element.elementor-element-9765c35 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-3166 .elementor-element.elementor-element-9765c35 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-3166 .elementor-element.elementor-element-9765c35 .elementor-labels-inline .elementor-field-group > label{padding-left:6px;}body:not(.rtl) .elementor-3166 .elementor-element.elementor-element-9765c35 .elementor-labels-inline .elementor-field-group > label{padding-right:6px;}body .elementor-3166 .elementor-element.elementor-element-9765c35 .elementor-labels-above .elementor-field-group > label{padding-bottom:6px;}.elementor-3166 .elementor-element.elementor-element-9765c35 .elementor-field-group > label, .elementor-3166 .elementor-element.elementor-element-9765c35 .elementor-field-subgroup label{color:#1A1A1A;}.elementor-3166 .elementor-element.elementor-element-9765c35 .elementor-field-type-html{padding-bottom:0px;font-family:"Roboto", Sans-serif;font-size:13px;font-weight:800;text-transform:uppercase;}.elementor-3166 .elementor-element.elementor-element-9765c35 .elementor-field-group .elementor-field{color:#1A1A1A;}.elementor-3166 .elementor-element.elementor-element-9765c35 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#F9F9F9;border-color:#E9E3E3;border-radius:10px 10px 10px 10px;}.elementor-3166 .elementor-element.elementor-element-9765c35 .elementor-field-group .elementor-select-wrapper select{background-color:#F9F9F9;border-color:#E9E3E3;border-radius:10px 10px 10px 10px;}.elementor-3166 .elementor-element.elementor-element-9765c35 .elementor-field-group .elementor-select-wrapper::before{color:#E9E3E3;}.elementor-3166 .elementor-element.elementor-element-9765c35 .elementor-button span{justify-content:center;}.elementor-3166 .elementor-element.elementor-element-9765c35 .e-form__buttons__wrapper__button-next{background-color:#E62117;color:#ffffff;}.elementor-3166 .elementor-element.elementor-element-9765c35 .elementor-button[type="submit"]{background-color:#E62117;color:#ffffff;}.elementor-3166 .elementor-element.elementor-element-9765c35 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-3166 .elementor-element.elementor-element-9765c35 .e-form__buttons__wrapper__button-previous{background-color:#E62117;color:#ffffff;}.elementor-3166 .elementor-element.elementor-element-9765c35 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-3166 .elementor-element.elementor-element-9765c35 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-3166 .elementor-element.elementor-element-9765c35 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-3166 .elementor-element.elementor-element-9765c35 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-3166 .elementor-element.elementor-element-aed30ef{--display:flex;}.elementor-3166 .elementor-element.elementor-element-cd2e268{--display:flex;}.elementor-3166 .elementor-element.elementor-element-d55be83{--display:flex;}.elementor-3166 .elementor-element.elementor-element-23ba0f0{--display:flex;}body.elementor-page-3166:not(.elementor-motion-effects-element-type-background), body.elementor-page-3166 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-3166 .elementor-element.elementor-element-c5641d9{--width:100%;}.elementor-3166 .elementor-element.elementor-element-065a45f{--width:46.179%;}.elementor-3166 .elementor-element.elementor-element-741d115{--width:50%;}}/* Start custom CSS for shortcode, class: .elementor-element-c995cc6 */<style>
/* Uniquement pour les écrans mobiles */
@media (max-width: 768px) {

    .elementor-swiper {
        padding-bottom: 50px !important;
        position: relative !important;
    }

    /* Style et position de la barre d'origine d'Elementor */
    .elementor-swiper-pagination,
    .swiper-pagination-progressbar,
    .swiper-scrollbar {
        bottom: 20px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 140px !important;
        height: 6px !important;
        margin: 0 !important;
        z-index: 5;
        border-radius: 4px !important;
        background: #e0e0e0 !important;
    }

    /* Style des flèches autour de la barre */
    .custom-swiper-arrow {
        position: absolute !important;
        bottom: 8px !important; /* Centré verticalement sur la barre */
        z-index: 20 !important;
        color: #e62117 !important;
        cursor: pointer;
        background: transparent !important;
        border: none !important;
        width: 30px !important;
        height: 30px !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        transition: opacity 0.3s ease, visibility 0.3s ease !important;
    }

    /* Placement à gauche et à droite de la barre */
    .custom-swiper-arrow.prev-arrow {
        left: calc(50% - 105px) !important;
    }

    .custom-swiper-arrow.next-arrow {
        right: calc(50% - 105px) !important;
    }

    /* Masquage de la flèche de gauche au début et de la droite à la fin */
    .custom-swiper-arrow.is-hidden {
        opacity: 0 !important;
        pointer-events: none !important;
        visibility: hidden !important;
    }

    .custom-swiper-arrow svg {
        width: 24px !important;
        height: 24px !important;
        fill: currentColor !important;
    }
}
<\/style>

<script>
document.addEventListener('DOMContentLoaded', function() {
    const initMobileArrows = setInterval(function() {
        if (window.innerWidth > 768) return;

        const swiperWrapper = document.querySelector('.elementor-swiper');
        if (!swiperWrapper || !swiperWrapper.swiper) return;

        const swiper = swiperWrapper.swiper;

        // Création / sélection de la flèche Gauche
        let btnPrev = swiperWrapper.querySelector('.custom-swiper-arrow.prev-arrow');
        if (!btnPrev) {
            btnPrev = document.createElement('button');
            btnPrev.className = 'custom-swiper-arrow prev-arrow is-hidden';
            btnPrev.setAttribute('aria-label', 'Précédent');
            btnPrev.innerHTML = '<svg viewBox="0 0 24 24"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/></svg>';
            swiperWrapper.appendChild(btnPrev);
        }

        // Création / sélection de la flèche Droite
        let btnNext = swiperWrapper.querySelector('.custom-swiper-arrow.next-arrow');
        if (!btnNext) {
            btnNext = document.createElement('button');
            btnNext.className = 'custom-swiper-arrow next-arrow';
            btnNext.setAttribute('aria-label', 'Suivant');
            btnNext.innerHTML = '<svg viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>';
            swiperWrapper.appendChild(btnNext);
        }

        // Événements de clic
        btnNext.addEventListener('click', function(e) {
            e.preventDefault();
            swiper.slideNext();
        });

        btnPrev.addEventListener('click', function(e) {
            e.preventDefault();
            swiper.slidePrev();
        });

        // Gestion de l'affichage (flèche gauche masquée au début)
        function updateArrows() {
            if (swiper.isBeginning) {
                btnPrev.classList.add('is-hidden');
            } else {
                btnPrev.classList.remove('is-hidden');
            }

            if (swiper.isEnd) {
                btnNext.classList.add('is-hidden');
            } else {
                btnNext.classList.remove('is-hidden');
            }
        }

        swiper.on('slideChange', updateArrows);
        updateArrows();

        clearInterval(initMobileArrows);
    }, 200);
});
</script>/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-9765c35 *//* --- LE FORMULAIRE GLOBAL (AVEC CONTOURS ET ESPACE AUTOMATIQUE) --- */
.elementor-3166 .elementor-element.elementor-element-9765c35 {
    border: 1px solid #1a1a1a !important; /* Bordure noire fine bien visible */
    border-radius: 20px;       /* Angles arrondis */
    background-color: #ffffff; /* Fond blanc interne */
    
    /* Espace interne (entre le texte/champs et la bordure noire) */
    padding: 40px !important;  /* Augmenté pour un rendu plus premium et pro */
    
    /* Gestion de l'espace extérieur (marge avec les bords de l'écran) */
    width: calc(100% - 40px) !important; /* Laisse 20px de marge vide à gauche et à droite */
    max-width: 1200px !important;        /* S'aligne parfaitement sur la grille de tes autres blocs */
    margin: 30px auto !important;        /* Centre le bloc et met de l'espace en haut et en bas */
    
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important; /* Ombre subtile pour le décoller du fond */
    box-sizing: border-box !important;
}

/* --- ÉTAT NORMAL : BOUTON ROUGE GLASS ARRONDI --- */
.elementor-3166 .elementor-element.elementor-element-9765c35 .elementor-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    width: auto; 
    min-width: 250px; 
    
    /* Effet Verre Rouge Isol Combles */
    background-color: #e62117 !important; 
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    
    color: #ffffff !important;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    
    padding: 16px 40px; 
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    
    /* Arrondis maximaux style pilule */
    border-radius: 50px !important; 
    
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}

/* --- ÉTAT AU SURVOL : NOIR GLASS --- */
.elementor-3166 .elementor-element.elementor-element-9765c35 .elementor-button:hover {
    background-color: rgba(0, 0, 0, 0.85) !important; 
    border-color: rgba(255, 255, 255, 0.5) !important;
    
    transform: translateY(-3px);
    color: #ffffff !important;
    
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.35) !important;
}

/* --- REFLET BRILLANT (L'ÉCLAIR FLUIDE) --- */
.elementor-3166 .elementor-element.elementor-element-9765c35 .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 40%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
    transition: 0.6s;
}

.elementor-3166 .elementor-element.elementor-element-9765c35 .elementor-button:hover::before {
    left: 150%;
}

/* --- EFFET PRESSION AU CLIC --- */
.elementor-3166 .elementor-element.elementor-element-9765c35 .elementor-button:active {
    transform: translateY(-1px) scale(0.98) !important;
}

/* --- AJUSTEMENTS SUR TABLETTE & MOBILE --- */
@media (max-width: 768px) {
    .elementor-3166 .elementor-element.elementor-element-9765c35 {
        padding: 25px !important;  /* On réduit un peu l'espace interne sur petit écran */
        width: calc(100% - 32px) !important; /* Marge extérieure de 16px de chaque côté sur mobile */
        margin: 20px auto !important;
        border-radius: 16px;
    }
}/* End custom CSS */