.elementor-10642 .elementor-element.elementor-element-692d9ca{--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;--overflow:hidden;}.elementor-10642 .elementor-element.elementor-element-95aa04b{--display:flex;--min-height:600px;--border-radius:30px 30px 30px 30px;}.elementor-10642 .elementor-element.elementor-element-95aa04b:not(.elementor-motion-effects-element-type-background), .elementor-10642 .elementor-element.elementor-element-95aa04b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-10642 .elementor-element.elementor-element-f1074a9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;--z-index:30;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-10642 .elementor-element.elementor-element-0cf138b{width:auto;max-width:auto;font-family:"Raleway", Sans-serif;font-weight:400;color:var( --e-global-color-primary );}.elementor-10642 .elementor-element.elementor-element-0cf138b > .elementor-widget-container{background-color:#FFFFFF;padding:8px 15px 8px 15px;border-radius:30px 30px 30px 30px;}.elementor-10642 .elementor-element.elementor-element-a443125{width:auto;max-width:auto;font-family:"Raleway", Sans-serif;font-weight:400;color:var( --e-global-color-primary );}.elementor-10642 .elementor-element.elementor-element-a443125 > .elementor-widget-container{background-color:#FFFFFF;padding:8px 15px 8px 15px;border-radius:30px 30px 30px 30px;}.elementor-10642 .elementor-element.elementor-element-71031ec{--display:flex;--position:absolute;--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;--align-items:flex-start;--padding-top:45px;--padding-bottom:45px;--padding-left:45px;--padding-right:45px;bottom:0px;--z-index:20;}body:not(.rtl) .elementor-10642 .elementor-element.elementor-element-71031ec{left:0px;}body.rtl .elementor-10642 .elementor-element.elementor-element-71031ec{right:0px;}.elementor-10642 .elementor-element.elementor-element-c2673de{width:auto;max-width:auto;font-family:"Raleway", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-10642 .elementor-element.elementor-element-c2673de > .elementor-widget-container{background-color:var( --e-global-color-primary );margin:-0px 0px 0px -14px;padding:8px 15px 8px 15px;border-radius:30px 30px 30px 30px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-10642 .elementor-element.elementor-element-87f5180 > .elementor-widget-container{margin:-13px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10642 .elementor-element.elementor-element-87f5180 .elementor-heading-title{font-family:"Wulkan italic", Sans-serif;font-size:55px;font-weight:400;line-height:1em;color:var( --e-global-color-accent );}.elementor-10642 .elementor-element.elementor-element-df144ce{--display:flex;--position:absolute;--min-height:330px;--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;--justify-content:flex-end;--border-radius:30px 30px 30px 30px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:45px;bottom:30px;--z-index:10;}.elementor-10642 .elementor-element.elementor-element-df144ce:not(.elementor-motion-effects-element-type-background), .elementor-10642 .elementor-element.elementor-element-df144ce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}body:not(.rtl) .elementor-10642 .elementor-element.elementor-element-df144ce{left:30px;}body.rtl .elementor-10642 .elementor-element.elementor-element-df144ce{right:30px;}.elementor-10642 .elementor-element.elementor-element-c921ec5{--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;--padding-top:45px;--padding-bottom:0px;--padding-left:-55px;--padding-right:0px;}.elementor-10642 .elementor-element.elementor-element-4dc1309{--display:flex;--min-height:100px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:50% 50% 50% 50%;}.elementor-10642 .elementor-element.elementor-element-4dc1309:not(.elementor-motion-effects-element-type-background), .elementor-10642 .elementor-element.elementor-element-4dc1309 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );background-image:url("https://www.maitrizetco.com/wp-content/uploads/2026/09/fleche-GO-1-1.svg");background-position:center center;background-repeat:no-repeat;background-size:23px auto;}.elementor-10642 .elementor-element.elementor-element-d0083c7{font-family:"Raleway", Sans-serif;font-size:15px;font-weight:400;color:var( --e-global-color-primary );}.elementor-10642 .elementor-element.elementor-element-aa50cf0{--display:flex;--min-height:0px;--overflow:hidden;--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body.elementor-page-10642:not(.elementor-motion-effects-element-type-background), body.elementor-page-10642 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}body.elementor-page-10642{margin:0px 0px 0px 0px;}@media(max-width:1600px){.elementor-10642 .elementor-element.elementor-element-c2673de{font-size:12px;}.elementor-10642 .elementor-element.elementor-element-87f5180 .elementor-heading-title{font-size:50px;}.elementor-10642 .elementor-element.elementor-element-aa50cf0{--min-height:0px;}}@media(min-width:768px){.elementor-10642 .elementor-element.elementor-element-71031ec{--width:60%;}.elementor-10642 .elementor-element.elementor-element-df144ce{--width:60%;}.elementor-10642 .elementor-element.elementor-element-4dc1309{--width:100px;}.elementor-10642 .elementor-element.elementor-element-aa50cf0{--width:100%;}}@media(max-width:1600px) and (min-width:768px){.elementor-10642 .elementor-element.elementor-element-71031ec{--width:75%;}.elementor-10642 .elementor-element.elementor-element-df144ce{--width:75%;}}@media(max-width:767px){.elementor-10642 .elementor-element.elementor-element-95aa04b{--min-height:486px;}.elementor-10642 .elementor-element.elementor-element-f1074a9{--padding-top:15px;--padding-bottom:12px;--padding-left:7px;--padding-right:12px;}.elementor-10642 .elementor-element.elementor-element-71031ec{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:25px;--padding-right:20px;}.elementor-10642 .elementor-element.elementor-element-c2673de > .elementor-widget-container{margin:0px 0px 0px -13px;}.elementor-10642 .elementor-element.elementor-element-df144ce{--min-height:300px;--margin-top:0px;--margin-bottom:30px;--margin-left:16px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;bottom:0px;}body:not(.rtl) .elementor-10642 .elementor-element.elementor-element-df144ce{left:0px;}body.rtl .elementor-10642 .elementor-element.elementor-element-df144ce{right:0px;}.elementor-10642 .elementor-element.elementor-element-c921ec5{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:-20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10642 .elementor-element.elementor-element-4dc1309{--width:62px;--min-height:62px;--margin-top:0px;--margin-bottom:-130px;--margin-left:190px;--margin-right:0px;}.elementor-10642 .elementor-element.elementor-element-d0083c7 > .elementor-widget-container{margin:-20px 0px 0px 0px;padding:0px 50px 0px 10px;}}/* Start custom CSS for container, class: .elementor-element-4dc1309 */.elementor-10642 .elementor-element.elementor-element-4dc1309 {
    width: 100px !important;
    height: 100px !important;
    min-width: 100px !important;
    min-height: 100px !important;
    max-width: 100px !important;
    max-height: 100px !important;

    flex: 0 0 100px !important;
    aspect-ratio: 1 / 1;

    border-radius: 50%;
}
.elementor-10642 .elementor-element.elementor-element-4dc1309 {
    position: relative;
    background-image: none !important;
}

.elementor-10642 .elementor-element.elementor-element-4dc1309::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("https://www.maitrizetco.com/wp-content/uploads/2026/09/fleche-GO-1-1.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 23px;
    transition: transform 0.35s ease;
    pointer-events: none;
}

.elementor-10642 .elementor-element.elementor-element-4dc1309:hover::after {
    transform: rotate(45deg);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95aa04b *//* ==============================
   CARTE PROJET
   ============================== */

.elementor-10642 .elementor-element.elementor-element-95aa04b {
    position: relative;
    overflow: hidden;
}


/* PANNEAU BLANC
   Caché au repos, il monte au hover
   ============================== */

.elementor-10642 .elementor-element.elementor-element-95aa04b .panneau-hover {
    opacity: 0;
    transform: translateY(110%);
    
    transition:
        transform 0.65s cubic-bezier(.22, 1, .36, 1),
        opacity 0.25s ease;
}


/* INFOS BAS
   Catégorie + titre
   ============================== */

.elementor-10642 .elementor-element.elementor-element-95aa04b .infos-bas {
    transition:
        transform 0.65s cubic-bezier(.22, 1, .36, 1);
}


/* RÉSUMÉ
   ============================== */

.elementor-10642 .elementor-element.elementor-element-95aa04b .panneau-hover .elementor-widget-text-editor {
    opacity: 0;
    transform: translateY(15px);

    transition:
        opacity 0.35s ease 0.20s,
        transform 0.45s ease 0.20s;
}


/* ROND VERT
   ============================== */

.elementor-10642 .elementor-element.elementor-element-95aa04b .fleche-projet {
    opacity: 0;
    transform: scale(.05);

    transition:
        transform 0.55s cubic-bezier(.22, 1, .36, 1) 0.18s,
        opacity 0.25s ease 0.18s;
}



/* ==============================
   ORDINATEUR : HOVER
   ============================== */

@media (hover: hover) and (pointer: fine) {

    .elementor-10642 .elementor-element.elementor-element-95aa04b:hover .panneau-hover {
        opacity: 1;
        transform: translateY(0);
    }

    .elementor-10642 .elementor-element.elementor-element-95aa04b:hover .infos-bas {
        transform: translateY(-130px);
    }

    .elementor-10642 .elementor-element.elementor-element-95aa04b:hover .panneau-hover .elementor-widget-text-editor {
        opacity: 1;
        transform: translateY(0);
    }

    .elementor-10642 .elementor-element.elementor-element-95aa04b:hover .fleche-projet {
        opacity: 1;
        transform: scale(1);
    }
}


/* ==============================
   TACTILE : CLIC
   ============================== */

@media (hover: none), (pointer: coarse) {

    .elementor-10642 .elementor-element.elementor-element-95aa04b.active .panneau-hover {
        opacity: 1;
        transform: translateY(0);
    }

    .elementor-10642 .elementor-element.elementor-element-95aa04b.active .infos-bas {
        transform: translateY(-130px);
    }

    .elementor-10642 .elementor-element.elementor-element-95aa04b.active .panneau-hover .elementor-widget-text-editor {
        opacity: 1;
        transform: translateY(0);
    }

    .elementor-10642 .elementor-element.elementor-element-95aa04b.active .fleche-projet {
        opacity: 1;
        transform: scale(1);
    }
}


/* ==============================
   HOVER DU ROND UNIQUEMENT
   ============================== */

/* Zone intermédiaire : petit desktop avant tablette */
@media (min-width: 1000px) and (max-width: 1200px) {

    /* Largeur générale */
    .elementor-10642 .elementor-element.elementor-element-95aa04b .infos-bas,
    .elementor-10642 .elementor-element.elementor-element-95aa04b .panneau-hover {
        width: 86% !important;
        max-width: 86% !important;
        flex-basis: 86% !important;
    }

    /* État normal */
    .elementor-10642 .elementor-element.elementor-element-95aa04b .infos-bas {
        transform: translateY(5px);
    }

    /* Panneau blanc : légèrement plus bas */
    .elementor-10642 .elementor-element.elementor-element-95aa04b:hover .panneau-hover {
        transform: translateY(40px) !important;
    }

    /* Titre vert */
    .elementor-10642 .elementor-element.elementor-element-95aa04b .infos-bas .elementor-heading-title {
        font-size: 42px !important;
        line-height: 0.95 !important;
    }

    /* Catégorie noire */
    .elementor-10642 .elementor-element.elementor-element-95aa04b .infos-bas .elementor-widget-text-editor {
        font-size: 12px !important;
        line-height: 1.2 !important;
    }

    /* Résumé : texte + zone plus large */
    .elementor-10642 .elementor-element.elementor-element-95aa04b .panneau-hover .elementor-widget-text-editor {
        font-size: 15px !important;
        line-height: 1.45 !important;
        width: 125% !important;
        max-width: 125% !important;
    }

    /* Rond vert */
    .elementor-10642 .elementor-element.elementor-element-95aa04b .fleche-projet {
        transform: scale(0.88);
    }

    .elementor-10642 .elementor-element.elementor-element-95aa04b:hover .fleche-projet {
        opacity: 1;
        transform: scale(0.88);
    }
}

/* TABLETTE */
@media (min-width: 768px) and (max-width: 999px) {

    .elementor-10642 .elementor-element.elementor-element-95aa04b .panneau-hover {
        padding-top: 0px !important;
    }
    
    .elementor-10642 .elementor-element.elementor-element-95aa04b .infos-bas,
    .elementor-10642 .elementor-element.elementor-element-95aa04b .panneau-hover {
        width: 70% !important;
        max-width: 70% !important;
        flex-basis: 70% !important;
        padding-right: 70px;
    }

}

/* ==============================
   MOBILE
   ============================== */

@media (max-width: 767px) {

    /* Titre vert */
    .elementor-10642 .elementor-element.elementor-element-95aa04b .infos-bas .elementor-heading-title {
        font-size: 42px !important;
        line-height: 0.95 !important;
    }

    /* Zone titre */
    .elementor-10642 .elementor-element.elementor-element-95aa04b .infos-bas {
        width: 86% !important;
        max-width: 86% !important;
        flex-basis: 86% !important;
    }

    /* Panneau blanc */
    .elementor-10642 .elementor-element.elementor-element-95aa04b .panneau-hover {
        width: 90% !important;
        max-width: 90% !important;
        flex-basis: 90% !important;
        padding-top: 20px !important;
    }

    /* Ouverture tactile */
    .elementor-10642 .elementor-element.elementor-element-95aa04b.active .panneau-hover {
        opacity: 1;
        transform: translateY(0);
    }
    /* Remonter résumé + flèche sur mobile */
.elementor-10642 .elementor-element.elementor-element-95aa04b .panneau-hover .elementor-widget-text-editor {
    transform: translateY(-25px) !important;
}

.elementor-10642 .elementor-element.elementor-element-95aa04b.active .panneau-hover .elementor-widget-text-editor {
    transform: translateY(-25px) !important;
}

.elementor-10642 .elementor-element.elementor-element-95aa04b .fleche-projet {
    bottom: 25px !important;
}

    /*
     * Sur mobile on remonte un peu moins le titre.
     * On évite que le résumé vienne se superposer
     * aux titres sur 2 ou 3 lignes.
     */
   .elementor-10642 .elementor-element.elementor-element-95aa04b.active .infos-bas {
    transform: translateY(-160px);
}

.elementor-10642 .elementor-element.elementor-element-95aa04b.active .panneau-hover {
    opacity: 1;
    transform: translateY(0);
}

   /* Résumé */
.elementor-10642 .elementor-element.elementor-element-95aa04b .panneau-hover .elementor-widget-text-editor {
    font-size: 16px !important;
    padding-right: 40px !important;
}

.elementor-10642 .elementor-element.elementor-element-95aa04b .panneau-hover .elementor-widget-text-editor p {
    font-size: 16px !important;
    line-height: 1.5 !important;
    margin: 0 !important;
}

    /* Rond vert */
    .elementor-10642 .elementor-element.elementor-element-95aa04b .fleche-projet {
        transform: scale(.05);
        bottom: 20px !important;
    }

    .elementor-10642 .elementor-element.elementor-element-95aa04b.active .fleche-projet {
        opacity: 1;
        transform: scale(.75);
    }
}



/* ==============================
   CARTOUCHES
   ============================== */

.elementor-10642 .elementor-element.elementor-element-95aa04b .infos-haut {
    gap: 10px !important;
}

.elementor-10642 .elementor-element.elementor-element-95aa04b .infos-haut .elementor-widget-text-editor {
    padding: 10px 18px !important;
}

.elementor-10642 .elementor-element.elementor-element-95aa04b .infos-bas .elementor-widget-text-editor {
    padding: 8px 16px !important;
}/* End custom CSS */