.elementor-913 .elementor-element.elementor-element-5d3d7235{--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;--overlay-opacity:0.5;--padding-top:160px;--padding-bottom:160px;--padding-left:0px;--padding-right:0px;}.elementor-913 .elementor-element.elementor-element-5d3d7235:not(.elementor-motion-effects-element-type-background), .elementor-913 .elementor-element.elementor-element-5d3d7235 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.vvg.bzh/wp-content/uploads/2026/03/palette-de-couleurs.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-913 .elementor-element.elementor-element-5d3d7235::before, .elementor-913 .elementor-element.elementor-element-5d3d7235 > .elementor-background-video-container::before, .elementor-913 .elementor-element.elementor-element-5d3d7235 > .e-con-inner > .elementor-background-video-container::before, .elementor-913 .elementor-element.elementor-element-5d3d7235 > .elementor-background-slideshow::before, .elementor-913 .elementor-element.elementor-element-5d3d7235 > .e-con-inner > .elementor-background-slideshow::before, .elementor-913 .elementor-element.elementor-element-5d3d7235 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-913 .elementor-element.elementor-element-778cc7e6 .elementor-heading-title{font-family:"AFFOGATO", Sans-serif;font-weight:300;text-transform:uppercase;color:var( --e-global-color-text );}.elementor-913 .elementor-element.elementor-element-2e0aeee3 .elementor-heading-title{font-family:"Geologica", Sans-serif;font-size:100px;font-weight:700;color:#494948;}.elementor-913 .elementor-element.elementor-element-23f47dcb .elementor-heading-title{font-family:"Geologica", Sans-serif;font-size:75px;font-style:italic;color:var( --e-global-color-text );}.elementor-913 .elementor-element.elementor-element-543341d{--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;--justify-content:flex-start;--gap:0px 30px;--row-gap:0px;--column-gap:30px;--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-913 .elementor-element.elementor-element-7fbd1f0a .elementor-button{background-color:var( --e-global-color-astglobalcolor0 );font-family:"Geologica", Sans-serif;font-size:25px;font-weight:400;text-transform:uppercase;border-radius:0px 0px 0px 0px;}.elementor-913 .elementor-element.elementor-element-7fbd1f0a .elementor-button:hover, .elementor-913 .elementor-element.elementor-element-7fbd1f0a .elementor-button:focus{background-color:var( --e-global-color-text );}.elementor-913 .elementor-element.elementor-element-4c49edec .elementor-button{background-color:#02010100;font-family:"Geologica", Sans-serif;font-size:25px;text-transform:uppercase;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );}.elementor-913 .elementor-element.elementor-element-4c49edec > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-913 .elementor-element.elementor-element-0ee31e4{--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-913 .elementor-element.elementor-element-5f0dacc > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-913 .elementor-element.elementor-element-5f0dacc{text-align:center;}.elementor-913 .elementor-element.elementor-element-5f0dacc .elementor-heading-title{font-family:"Geologica", Sans-serif;font-size:60px;font-weight:700;}.elementor-913 .elementor-element.elementor-element-f12bf99{--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;--margin-top:40px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-913 .elementor-element.elementor-element-4f8fb78 .elementor-repeater-item-1b9c1bc .e-hotspot--tooltip-position{right:initial;bottom:initial;left:initial;top:calc(100% + 5px );}.elementor-913 .elementor-element.elementor-element-4f8fb78 .elementor-repeater-item-1b9c1bc{left:30%;--hotspot-translate-x:30%;top:21%;--hotspot-translate-y:21%;--white-space:normal;}.elementor-913 .elementor-element.elementor-element-4f8fb78 .elementor-repeater-item-1b9c1bc .e-hotspot__tooltip{min-width:270px;}.elementor-913 .elementor-element.elementor-element-4f8fb78 .elementor-repeater-item-d70a7b9 .e-hotspot--tooltip-position{right:initial;bottom:calc(100% + 5px );left:initial;top:initial;}.elementor-913 .elementor-element.elementor-element-4f8fb78 .elementor-repeater-item-d70a7b9{left:40%;--hotspot-translate-x:40%;top:19%;--hotspot-translate-y:19%;--white-space:normal;}.elementor-913 .elementor-element.elementor-element-4f8fb78 .elementor-repeater-item-d70a7b9 .e-hotspot__tooltip{min-width:250px;}.elementor-913 .elementor-element.elementor-element-4f8fb78 .elementor-repeater-item-8c9c998{left:58%;--hotspot-translate-x:58%;top:25%;--hotspot-translate-y:25%;--white-space:normal;}.elementor-913 .elementor-element.elementor-element-4f8fb78 .elementor-repeater-item-8c9c998 .e-hotspot__tooltip{min-width:250px;}.elementor-913 .elementor-element.elementor-element-4f8fb78 .e-hotspot--tooltip-position{right:initial;bottom:initial;left:initial;top:calc(100% + 5px );}.elementor-913 .elementor-element.elementor-element-4f8fb78{--background-align:center;--hotspot-color:#FFFFFF;--tooltip-text-color:var( --e-global-color-astglobalcolor2 );}:root{--page-title-display:none;}@media(max-width:1366px){.elementor-913 .elementor-element.elementor-element-5d3d7235{--padding-top:160px;--padding-bottom:160px;--padding-left:60px;--padding-right:0px;}.elementor-913 .elementor-element.elementor-element-778cc7e6 .elementor-heading-title{font-size:35px;}.elementor-913 .elementor-element.elementor-element-2e0aeee3 .elementor-heading-title{font-size:70px;}.elementor-913 .elementor-element.elementor-element-23f47dcb .elementor-heading-title{font-size:70px;}.elementor-913 .elementor-element.elementor-element-5f0dacc .elementor-heading-title{font-size:50px;}.elementor-913 .elementor-element.elementor-element-4f8fb78 .elementor-repeater-item-1b9c1bc{left:30%;--hotspot-translate-x:30%;top:20%;--hotspot-translate-y:20%;}.elementor-913 .elementor-element.elementor-element-4f8fb78 .elementor-repeater-item-8c9c998{left:58%;--hotspot-translate-x:58%;top:24%;--hotspot-translate-y:24%;}}@media(max-width:1024px){.elementor-913 .elementor-element.elementor-element-5d3d7235{--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-913 .elementor-element.elementor-element-778cc7e6 .elementor-heading-title{font-size:20px;}.elementor-913 .elementor-element.elementor-element-2e0aeee3 .elementor-heading-title{font-size:60px;}.elementor-913 .elementor-element.elementor-element-23f47dcb .elementor-heading-title{font-size:60px;}.elementor-913 .elementor-element.elementor-element-7fbd1f0a .elementor-button{font-size:20px;}.elementor-913 .elementor-element.elementor-element-4c49edec .elementor-button{font-size:20px;}.elementor-913 .elementor-element.elementor-element-f12bf99{--margin-top:150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-913 .elementor-element.elementor-element-4f8fb78 .elementor-repeater-item-1b9c1bc{left:28%;--hotspot-translate-x:28%;top:17%;--hotspot-translate-y:17%;}.elementor-913 .elementor-element.elementor-element-4f8fb78 .elementor-repeater-item-d70a7b9{left:40%;--hotspot-translate-x:40%;top:20%;--hotspot-translate-y:20%;}.elementor-913 .elementor-element.elementor-element-4f8fb78 .elementor-repeater-item-8c9c998{left:58%;--hotspot-translate-x:58%;top:20%;--hotspot-translate-y:20%;}}@media(max-width:767px){.elementor-913 .elementor-element.elementor-element-5d3d7235:not(.elementor-motion-effects-element-type-background), .elementor-913 .elementor-element.elementor-element-5d3d7235 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-913 .elementor-element.elementor-element-5d3d7235{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-913 .elementor-element.elementor-element-778cc7e6 > .elementor-widget-container{margin:0px 0px -15px 0px;padding:0px 40px 0px 0px;}.elementor-913 .elementor-element.elementor-element-778cc7e6 .elementor-heading-title{font-size:18px;}.elementor-913 .elementor-element.elementor-element-2e0aeee3 > .elementor-widget-container{margin:0px 0px -10px 0px;padding:0px 0px 0px 0px;}.elementor-913 .elementor-element.elementor-element-2e0aeee3 .elementor-heading-title{font-size:30px;}.elementor-913 .elementor-element.elementor-element-23f47dcb > .elementor-widget-container{margin:-10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-913 .elementor-element.elementor-element-23f47dcb .elementor-heading-title{font-size:30px;}.elementor-913 .elementor-element.elementor-element-7fbd1f0a .elementor-button{font-size:15px;}.elementor-913 .elementor-element.elementor-element-4c49edec > .elementor-widget-container{margin:7px 0px 0px -23px;padding:0px 0px 0px 0px;}.elementor-913 .elementor-element.elementor-element-4c49edec .elementor-button{font-size:15px;}.elementor-913 .elementor-element.elementor-element-0ee31e4{--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-913 .elementor-element.elementor-element-5f0dacc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:40px 20px 0px 20px;}.elementor-913 .elementor-element.elementor-element-5f0dacc .elementor-heading-title{font-size:30px;}.elementor-913 .elementor-element.elementor-element-f12bf99{--margin-top:20px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-913 .elementor-element.elementor-element-4f8fb78 .elementor-repeater-item-1b9c1bc{left:28%;--hotspot-translate-x:28%;top:16%;--hotspot-translate-y:16%;}.elementor-913 .elementor-element.elementor-element-4f8fb78 .elementor-repeater-item-d70a7b9{left:40%;--hotspot-translate-x:40%;}.elementor-913 .elementor-element.elementor-element-4f8fb78 .elementor-repeater-item-8c9c998{left:60%;--hotspot-translate-x:60%;top:20%;--hotspot-translate-y:20%;}.elementor-913 .elementor-element.elementor-element-4f8fb78 .e-hotspot__label{font-size:10px;}.elementor-913 .elementor-element.elementor-element-4f8fb78 .e-hotspot__tooltip{font-size:12px;}.elementor-913 .elementor-element.elementor-element-4f8fb78{--tooltip-align:left;}}@media(min-width:768px){.elementor-913 .elementor-element.elementor-element-5d3d7235{--content-width:1500px;}.elementor-913 .elementor-element.elementor-element-0ee31e4{--content-width:1500px;}}@media(max-width:1024px) and (min-width:768px){.elementor-913 .elementor-element.elementor-element-543341d{--width:688px;}}/* Start custom CSS for heading, class: .elementor-element-778cc7e6 *//* On crée le trait avant le texte */
.elementor-913 .elementor-element.elementor-element-778cc7e6 .elementor-heading-title::before {
    content: "";
    display: inline-block;
    width: 150px; /* Longueur du trait */
    height: 3px; /* Épaisseur */
    background-color: #494948; /* Couleur Menthe Glacée */
    vertical-align: middle;
    margin-right: 15px; /* Espace entre le trait et le texte */
}

/* Version Mobile (Tablettes et Smartphones) */
@media (max-width: 767px) {
    .elementor-913 .elementor-element.elementor-element-778cc7e6 .elementor-heading-title::before {
        width: 40px; /* Trait plus court pour le mobile */
        height: 2px; /* Légèrement plus fin pour plus d'élégance */
        margin-right: 10px;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4c49edec *//* On force le bouton à se comporter comme un élément en ligne */
.elementor-913 .elementor-element.elementor-element-4c49edec .elementor-button-content-wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

/* On crée le trait à droite */
.elementor-913 .elementor-element.elementor-element-4c49edec .elementor-button-text::after {
    content: "";
    display: inline-block;
    width: 80px; /* Longueur du trait */
    height: 3px; /* Épaisseur fine */
    background-color: #494948; /* Bleu Lapis Lazuli Hamon */
    margin-left: 20px; /* Espace entre le texte et le trait */
    flex-shrink: 0;
    vertical-align: middle;
}

/* Ajustement Mobile */
@media (max-width: 767px) {
    .elementor-913 .elementor-element.elementor-element-4c49edec .elementor-button-text::after {
        width: 40px; /* Moitié moins long sur mobile */
        margin-left: 10px;
    }
}/* End custom CSS */
/* Start custom CSS for hotspot, class: .elementor-element-4f8fb78 *//* =======================================
   STYLE DE L'INFOBULLE (Fiche entreprise)
   ======================================= */
.elementor-913 .elementor-element.elementor-element-4f8fb78 .e-hotspot__tooltip {
    background-color: rgba(255, 255, 255, 0.70) !important; /* Fond blanc à 90% d'opacité */
    backdrop-filter: blur(5px) !important; /* Effet flou "verre dépoli" très moderne derrière la carte */
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.15) !important;
    border-radius: 12px !important;
    padding: 20px !important;
    border: 1px solid rgba(255, 255, 255, 0.6) !important;
    color: #333333 !important; /* Assure que le texte global est bien foncé */
    min-width: 280px !important; /* Force une largeur minimale */
    max-width: 320px !important; /* Force une largeur maximale pour forcer les retours à la ligne */
}

/* 1. FORCE LA FORME CIRCULAIRE SUR TOUS LES BOUTONS */
.elementor-913 .elementor-element.elementor-element-4f8fb78 .e-hotspot__button {
    width: 70px !important;  /* Largeur fixe */
    height: 70px !important; /* Hauteur fixe identique */
    padding: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50% !important;
}

/* 2. DÉSACTIVER L'ONDE PAR DÉFAUT */
.elementor-913 .elementor-element.elementor-element-4f8fb78 .e-hotspot--outer-circle {
    display: none !important;
}

/* =======================================
   ANIMATION & COULEURS : LIVIOÙ
   ======================================= */
.elementor-913 .elementor-element.elementor-element-4f8fb78 .e-hotspot:nth-of-type(1) .e-hotspot__button {
    background-color: #53B689 !important; /* Couleur de fond Livioù */
    animation: onde-liviou 2s infinite ease-out;
}

@keyframes onde-liviou {
    0% {
        box-shadow: 
            
            0 0 0 0 rgba(83, 182, 137, 0.8),  /* #53B689 */
            0 0 0 0 rgba(152, 206, 177, 0.6), /* #98CEB1 */
            0 0 0 0 rgba(217, 235, 218, 0.4); /* #D9EBDA */
    }
    100% {
        box-shadow: 
            0 0 0 15px rgba(46, 107, 80, 0),
            0 0 0 30px rgba(83, 182, 137, 0),
            0 0 0 45px rgba(152, 206, 177, 0),
            0 0 0 60px rgba(217, 235, 218, 0);
    }
}

/* =======================================
   ANIMATION & COULEURS : RDT
   ======================================= */
.elementor-913 .elementor-element.elementor-element-4f8fb78 .e-hotspot:nth-of-type(2) .e-hotspot__button {
    background-color: #EC6A5A !important; /* Couleur de fond RDT */
    animation: onde-rdt 2s infinite ease-out;
}

@keyframes onde-rdt {
    0% {
        box-shadow: 
            
            0 0 0 0 rgba(236, 106, 90, 0.8),  /* #EC6A5A */
            0 0 0 0 rgba(242, 149, 109, 0.6), /* #F2956D */
            0 0 0 0 rgba(247, 181, 151, 0.4); /* #F7B597 */
    }
    100% {
        box-shadow: 
            0 0 0 15px rgba(217, 77, 66, 0),
            0 0 0 30px rgba(236, 106, 90, 0),
            0 0 0 45px rgba(242, 149, 109, 0),
            0 0 0 60px rgba(247, 181, 151, 0);
    }
}

/* =======================================
   ANIMATION & COULEURS : HAMON
   ======================================= */
.elementor-913 .elementor-element.elementor-element-4f8fb78 .e-hotspot:nth-of-type(3) .e-hotspot__button {
    background-color: #008FC2 !important; /* Couleur de fond Hamon */
    animation: onde-hamon 2s infinite ease-out;
}

@keyframes onde-hamon {
    0% {
        box-shadow: 
           
            0 0 0 0 rgba(0, 143, 194, 0.8),   /* #008FC2 */
            0 0 0 0 rgba(66, 186, 196, 0.6),  /* #42BAC4 */
            0 0 0 0 rgba(188, 224, 220, 0.4); /* #BCE0DC */
    }
    100% {
        box-shadow: 
            0 0 0 15px rgba(0, 90, 140, 0),
            0 0 0 30px rgba(0, 143, 194, 0),
            0 0 0 45px rgba(66, 186, 196, 0),
            0 0 0 60px rgba(188, 224, 220, 0);
    }
}

/* =======================================
   ADAPTATION POUR MOBILE (Smartphones)
   ======================================= */
@media (max-width: 767px) {
    /* 1. Réduction de la taille des ronds */
    .elementor-913 .elementor-element.elementor-element-4f8fb78 .e-hotspot__button {
        width: 35px !important; 
        height: 35px !important;
    }
    
    /* Réduction de la taille du texte à l'intérieur du rond */
    .elementor-913 .elementor-element.elementor-element-4f8fb78 .e-hotspot__label {
        font-size: 11px !important;
    }

    /* 2. Ajustement de l'infobulle (pour ne pas sortir de l'écran) */
    .elementor-913 .elementor-element.elementor-element-4f8fb78 .e-hotspot__tooltip {
        min-width: 220px !important;
        max-width: 85vw !important; /* Bloque la largeur à 85% de l'écran maximum */
        padding: 15px !important; /* Un peu moins de marges internes pour gagner de la place */
    }

    /* 3. NOUVEAU : Forcer l'infobulle RDT (2ème) à s'afficher en BAS sur mobile */
    .elementor-913 .elementor-element.elementor-element-4f8fb78 .e-hotspot:nth-of-type(2) .e-hotspot__tooltip {
        bottom: auto !important; /* Annule l'affichage vers le haut par défaut */
        top: 100% !important; /* Pousse l'infobulle juste sous le bouton */
        margin-top: 10px !important; /* Ajoute un petit espace de respiration */
    }
}/* End custom CSS */