/* Généré par construire-divi.py, ne pas éditer : la source est la maquette v3 */ /* 1. Divi s'efface : chaque élément revient aux styles du navigateur, comme dans la maquette */ body.et_divi_theme{all:revert} body #page-container#page-container{all:revert;display:contents} #page-container#page-container :where(:not(svg, svg *, [class*="et-vb-"]:not(.et_pb_section, .et_pb_row, .et_pb_column, .et_pb_module), [class*="et-vb-"]:not(.et_pb_section, .et_pb_row, .et_pb_column, .et_pb_module) *)), #page-container#page-container :where(:not([class*="et-vb-"]:not(.et_pb_section, .et_pb_row, .et_pb_column, .et_pb_module), [class*="et-vb-"]:not(.et_pb_section, .et_pb_row, .et_pb_column, .et_pb_module) *))::before, #page-container#page-container :where(:not([class*="et-vb-"]:not(.et_pb_section, .et_pb_row, .et_pb_column, .et_pb_module), [class*="et-vb-"]:not(.et_pb_section, .et_pb_row, .et_pb_column, .et_pb_module) *))::after{all:revert} /* les outils que le builder pose dans le canevas (barres d'options, boutons +, zones de dépôt) gardent leur style */ /* le module Formulaire de contact revient lui aussi au navigateur : la feuille des sous-pages lui donne le rendu de la maquette */ /* le contenu d'un SVG garde ses attributs de présentation (d, fill, stroke), que all:revert effacerait */ /* 2. Les enveloppes ajoutées par Divi ne forment plus de boîte */ #page-container#page-container#page-container :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i){display:contents} #page-container#page-container#page-container :where(#et-boc, #et-main-area, #main-content, #main-content > article, .entry-content, .et-l, .et_builder_inner_content, .et_pb_post_content, .ga-corps > .et_pb_row, .ga-corps .et_pb_column.ga-c){display:contents} /* Divi impose width:100% et height:auto en !important aux vidéos de ses modules : retour au navigateur, la feuille de la maquette recopie ensuite ses dimensions en !important */ #page-container#page-container :where(.et_pb_video_box) video{width:revert!important;height:revert!important} /* 3. Divi impose line-height et transition-property en !important sur ses boutons */ #page-container#page-container .et_pb_button{line-height:inherit!important;transition-property:all!important;padding-left:0!important;padding-right:0!important} /* 3. Feuille de la maquette, préfixée */ :root{--bleu:#458bc9; --bleu-clair:#abd8ff; --gris:#f1f1f1; --texte:#1e1e1e; --rouge:#e1471d; --nuit:#114675; --vert:#00a981; --vert-clair:#00c294; --r:10px;} #page-container#page-container *, html body.et_divi_theme{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth} html body.et_divi_theme{font-family:Montserrat,system-ui,sans-serif;font-weight:500;color:var(--texte);background:#fff;overflow-x:hidden;line-height:1.25} #page-container#page-container img{display:block;max-width:100%} #page-container#page-container a{color:inherit;text-decoration:none} #page-container#page-container .wrap{width:min(1224px,100% - 32px);margin-inline:auto} #page-container#page-container .wide{width:min(1496px,100% - 32px);margin-inline:auto} #page-container#page-container h1, #page-container#page-container :is(h2:where(:not([data-ga-n])), :where([data-ga-n="h2"])), #page-container#page-container :is(h3:where(:not([data-ga-n])), :where([data-ga-n="h3"])){font-weight:700;line-height:1.2} #page-container#page-container :is(h2:where(:not([data-ga-n])), :where([data-ga-n="h2"])){font-size:clamp(24px,2.4vw,32px)} #page-container#page-container .eyebrow{font-size:15px;letter-spacing:.6px;text-transform:uppercase;margin-bottom:12px} #page-container#page-container .btn{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 23px;border-radius:var(--r);font-weight:700;font-size:16px;background:var(--bleu);color:#fff;transition:filter .15s} #page-container#page-container .btn{padding:0 23px!important;transition-property:filter!important} #page-container#page-container .btn:hover{filter:brightness(1.08)} #page-container#page-container .btn-blanc{background:#fff;color:var(--bleu)} #page-container#page-container .rail{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:20;display:flex;flex-direction:column;gap:10px;padding:14px 10px;background:#fff;border-radius:0 var(--r) var(--r) 0;box-shadow:0 4px 18px rgba(0,0,0,.08)} #page-container#page-container .rail a{width:32px;height:32px;display:grid;place-items:center;color:var(--texte)} #page-container#page-container .rail a:hover{color:var(--bleu)} #page-container#page-container .rail a{position:relative} #page-container#page-container .rail-info{position:absolute;left:48px;top:50%;transform:translate(-8px,-50%);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;display:flex;align-items:center;gap:8px;background:#fff;border-radius:var(--r);box-shadow:0 8px 24px rgba(0,0,0,.12);padding:8px 8px 8px 16px;white-space:nowrap;font-size:15px;font-weight:700;color:var(--texte)} #page-container#page-container .rail a.ouvert .rail-info{opacity:1;transform:translate(0,-50%);pointer-events:auto} #page-container#page-container .rail a.ouvert{color:var(--bleu)} #page-container#page-container .rail-info .rail-go, #page-container#page-container .rail-info .rail-copie{border:0;border-radius:8px;padding:8px 12px;font:inherit;font-size:13px;cursor:pointer} #page-container#page-container .rail-info .rail-go{background:var(--bleu);color:#fff} #page-container#page-container .rail-info .rail-copie{background:#eef4fb;color:var(--bleu)} #page-container#page-container .rail svg{width:24px;height:24px} #page-container#page-container .top{position:relative} #page-container#page-container .top::before{content:"";position:absolute;right:0;top:0;width:calc((100% - min(1496px, 100% - 32px)) / 2 + 278px);height:1049px;background:var(--bleu);z-index:0} #page-container#page-container header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:24px;height:86px} #page-container#page-container header .logo img{height:40px;width:auto} #page-container#page-container nav{display:flex;align-items:center;gap:36px;font-weight:700;font-size:16px;color:#010101} #page-container#page-container nav a:hover{color:var(--bleu)} #page-container#page-container nav .contact{color:#fff} #page-container#page-container .burger{display:none;background:none;border:0;font:inherit;font-weight:700;color:var(--bleu);cursor:pointer} #page-container#page-container .hero{position:relative;z-index:1;margin-top:55px;height:703px;border-radius:var(--r);overflow:hidden;background:url(https://dev.grandanglesiae.fr/wp-content/uploads/2026/11/hero-v2.jpg) center / cover no-repeat} #page-container#page-container .hero-box{position:absolute;left:79px;top:92px;width:min(671px,calc(100% - 32px));min-height:523px;background:var(--bleu);color:#fff;border-radius:var(--r);padding:55px 40px 49px 65px} #page-container#page-container .hero-box .eyebrow{font-size:15px;max-width:none;margin-bottom:22px;white-space:nowrap} #page-container#page-container .hero-box h1{font-size:clamp(32px,3.4vw,48px);max-width:606px;margin-bottom:33px} #page-container#page-container .hero-box p{font-size:20px;max-width:542px} #page-container#page-container .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px} #page-container#page-container .btn-contour{background:transparent;color:#fff;border:2px solid #fff} #page-container#page-container .btn-contour:hover{background:rgba(255,255,255,.12)} #page-container#page-container .zone{display:flex;align-items:flex-start;gap:24px;margin-top:32px;padding-top:14px;border-top:1px solid #fff;max-width:544px} #page-container#page-container .zone svg{flex:none;width:32px;height:32px;margin-top:4px} #page-container#page-container .zone strong{display:block;font-size:20px;font-weight:800;line-height:1.2} #page-container#page-container .zone span{display:block;font-size:15px;margin-top:9px} #page-container#page-container .zone .zone-tag{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;opacity:.85} #page-container#page-container .chiffres{position:relative;z-index:1;display:flex;gap:120px;padding:33px 0 0 65px;min-height:205px} #page-container#page-container .chiffres b{display:block;font-size:48px;color:var(--bleu);margin-bottom:8px} #page-container#page-container .chiffres span{display:block;font-size:20px;max-width:280px} #page-container#page-container .chiffres .tampon{flex:none;margin:-28px 30px 0 auto;width:178px;height:178px;color:#fff;transform:rotate(-12deg);opacity:.92;filter:drop-shadow(0 6px 14px rgba(17,70,117,.25))} #page-container#page-container .tampon svg{width:100%;height:100%;fill:currentColor;font-family:inherit} @media (max-width:1280px){#page-container#page-container .chiffres .tampon{margin-right:10px;width:150px;height:150px}} @media (max-width:1024px){#page-container#page-container .chiffres .tampon{color:var(--bleu);margin:0 auto 0 0;width:140px;height:140px}} #page-container#page-container .publics{background:var(--gris);padding:140px 0 182px;overflow-x:clip} #page-container#page-container .publics .intro{text-align:center;max-width:1224px;margin:0 auto 64px} #page-container#page-container .publics .intro .eyebrow{color:var(--bleu);font-size:18px;letter-spacing:1.62px;margin-bottom:9px} #page-container#page-container .publics .intro :is(h2:where(:not([data-ga-n])), :where([data-ga-n="h2"])){font-size:36px} #page-container#page-container .cartes{display:grid;grid-template-columns:repeat(3,1fr);gap:38px} #page-container#page-container .carte{--c:var(--bleu);background:#fff;border:2px solid var(--c);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;min-height:338px;transition:transform .2s,box-shadow .2s} #page-container#page-container .carte:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(30,30,30,.1)} #page-container#page-container .carte .bandeau{min-height:129px;background:var(--c);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;font-size:24px;font-weight:700;line-height:1.2;padding:16px 30px} #page-container#page-container .carte .corps{padding:25px 32px 28px;display:flex;flex-direction:column;flex:1} #page-container#page-container .carte p{font-size:16px;flex:1} #page-container#page-container .carte .lien{font-weight:700;color:var(--c);margin-top:20px} #page-container#page-container .carte:hover .lien{text-decoration:underline} #page-container#page-container .carte.part{--c:var(--rouge)} #page-container#page-container .carte.emploi{background:var(--bleu);border-color:var(--bleu);color:#fff} #page-container#page-container .carte.emploi .bandeau{background:var(--nuit)} #page-container#page-container .carte.emploi .lien{color:#fff} #page-container#page-container .carte .bandeau{min-height:78px;font-size:22px} #page-container#page-container .carte-points{list-style:none;margin:0;padding:0;display:grid;gap:12px;flex:1;align-content:start} #page-container#page-container .carte-points li{display:flex;align-items:flex-start;gap:12px;font-size:16px;line-height:1.35;font-weight:600} #page-container#page-container .carte-points svg{flex:none;width:22px;height:22px;padding:4px;border-radius:50%;background:color-mix(in srgb,var(--c) 14%,#fff);color:var(--c);box-sizing:border-box} #page-container#page-container .carte.emploi .carte-points svg{background:#fff;color:var(--bleu)} #page-container#page-container .directeur{background:var(--bleu);color:#fff;padding:96px 0 90px} #page-container#page-container .directeur .tete{text-align:center;max-width:837px;margin:0 auto 70px} #page-container#page-container .video{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:1223/679} #page-container#page-container .video{aspect-ratio:1223/679!important} #page-container#page-container .video img, #page-container#page-container .video video{width:100%;height:100%;object-fit:cover} #page-container#page-container .video img, #page-container#page-container .video video{width:100%!important;height:100%!important} #page-container#page-container .video > img, #page-container#page-container .video > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > img, #page-container#page-container .video > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > img, #page-container#page-container .video > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > img, #page-container#page-container .video > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > img, #page-container#page-container .video > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > img{position:absolute;inset:0} #page-container#page-container .video video{display:none;background:#000} #page-container#page-container .video.lecture img, #page-container#page-container .video.lecture button{display:none} #page-container#page-container .video.lecture video{display:block} #page-container#page-container .video button{position:absolute;inset:0;margin:auto;width:195px;height:195px;border:0;background:none;cursor:pointer;transition:transform .15s} #page-container#page-container .video button:hover{transform:scale(1.05)} #page-container#page-container .video button img{width:100%;height:100%} #page-container#page-container .signature{display:grid;grid-template-columns:241px 497px;gap:23px;justify-content:center;margin-top:72px} #page-container#page-container .signature strong{font-size:18px;line-height:1.23} #page-container#page-container .signature p{font-size:16px} #page-container#page-container .domaines{background:var(--gris);padding:136px 0 190px} #page-container#page-container .domaines .intro{text-align:center;max-width:1118px;margin:0 auto 110px} #page-container#page-container .domaines .intro p{font-size:16px;line-height:1.21;margin-top:24px} #page-container#page-container .grille{display:grid;grid-template-columns:repeat(3,354px);gap:48px 42px;justify-content:center} #page-container#page-container .tuile{position:relative;height:300px} #page-container#page-container .tuile img{width:100%;height:100%;object-fit:cover;border-radius:var(--r)} #page-container#page-container .tuile .label{position:absolute;left:-7px;bottom:-11px;width:252px;min-height:99px;background:var(--bleu);color:#fff;border-radius:var(--r);padding:22px 23px} #page-container#page-container .tuile .label strong{display:block;font-size:18px;margin-bottom:6px} #page-container#page-container .tuile .label span{font-size:16px;opacity:.7} #page-container#page-container .engagement{position:relative;background:var(--gris);padding-bottom:0} #page-container#page-container .eng-photo{position:relative;height:688px;background:url(https://dev.grandanglesiae.fr/wp-content/uploads/2026/11/engagement.jpg) center/cover no-repeat} #page-container#page-container .eng-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(to left,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 70%)} #page-container#page-container .eng-contenu{position:relative;z-index:1;display:grid;grid-template-columns:220px 1fr;gap:16px;padding-top:180px} #page-container#page-container .eng-stat{background:#fff;border-radius:var(--r);height:217px;margin-top:-50px;text-align:center;display:flex;flex-direction:column;justify-content:center;padding:0 10px} #page-container#page-container .eng-stat b{font-size:48px;color:var(--bleu)} #page-container#page-container .eng-stat span{font-size:20px;margin-top:10px} #page-container#page-container .eng-texte{color:#fff;max-width:584px;margin-top:-50px} #page-container#page-container .eng-texte :is(h2:where(:not([data-ga-n])), :where([data-ga-n="h2"])){max-width:553px;margin-bottom:28px} #page-container#page-container .eng-texte p{font-size:16px;line-height:1.21;margin-bottom:20px} #page-container#page-container .eng-texte .btn{margin-top:10px} #page-container#page-container .jardin{background:var(--vert) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 320 320'%3E%3Cg fill='%23ffffff' fill-opacity='.07'%3E%3Cpath id='f' d='M0-46C26-28 26 28 0 46C-26 28-26-28 0-46Z'/%3E%3Cuse href='%23f' transform='translate(60 70) rotate(35) scale(.9)'/%3E%3Cuse href='%23f' transform='translate(210 40) rotate(-40) scale(.6)'/%3E%3Cuse href='%23f' transform='translate(250 190) rotate(70) scale(1.1)'/%3E%3Cuse href='%23f' transform='translate(120 230) rotate(-15) scale(.75)'/%3E%3Cuse href='%23f' transform='translate(30 290) rotate(110) scale(.5)'/%3E%3C/g%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.08' stroke-width='2'%3E%3Cpath d='M160 120c30-30 70-36 100-20M40 180c20 10 30 34 26 60'/%3E%3C/g%3E%3C/svg%3E") 0 0/320px 320px;color:#fff;padding:120px 0} #page-container#page-container .jardin-grille{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:center} #page-container#page-container .jardin-hero{position:relative;margin:0;height:520px;border-radius:var(--r);overflow:hidden} #page-container#page-container .jardin-hero img, #page-container#page-container .jardin-hero video{display:block;width:100%;height:100%;object-fit:cover} #page-container#page-container .jardin-hero img, #page-container#page-container .jardin-hero video{width:100%!important;height:100%!important} #page-container#page-container .jardin-pastille{position:absolute;left:24px;bottom:24px;background:#fff;color:var(--texte);border-radius:var(--r);padding:16px 20px;font-size:15px;box-shadow:0 12px 30px rgba(0,0,0,.2)} #page-container#page-container .jardin-pastille b{display:block;font-size:32px;color:var(--vert);line-height:1.1} #page-container#page-container .jardin-texte .eyebrow{font-size:18px;letter-spacing:1.62px;margin-bottom:12px;opacity:.9} #page-container#page-container .jardin-texte :is(h2:where(:not([data-ga-n])), :where([data-ga-n="h2"])){font-size:40px;line-height:1.1;margin-bottom:22px} #page-container#page-container .jardin-texte > p, #page-container#page-container .jardin-texte > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > p, #page-container#page-container .jardin-texte > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > p, #page-container#page-container .jardin-texte > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > p, #page-container#page-container .jardin-texte > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > p, #page-container#page-container .jardin-texte > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > p{font-size:17px;line-height:1.5;margin-bottom:26px} #page-container#page-container .jardin-atouts{list-style:none;display:grid;gap:12px;margin-bottom:32px} #page-container#page-container .jardin-atouts li{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.35);border-radius:var(--r);padding:14px 18px;font-size:15px} #page-container#page-container .jardin-atouts b{display:block;font-size:17px;margin-bottom:2px} #page-container#page-container .jardin-texte .btn-blanc{color:var(--vert)} #page-container#page-container .jardin-vignettes{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:24px} #page-container#page-container .jardin-vignettes figure{margin:0;position:relative;height:240px;border-radius:var(--r);overflow:hidden} #page-container#page-container .jardin-vignettes img{width:100%;height:100%;object-fit:cover;transition:transform .6s} #page-container#page-container .jardin-vignettes figure:hover img{transform:scale(1.05)} #page-container#page-container .jardin-vignettes figcaption{position:absolute;left:14px;bottom:14px;background:#fff;color:var(--texte);font-weight:700;font-size:14px;padding:7px 12px;border-radius:999px} #page-container#page-container .confiance{background:var(--gris);padding:130px 0 80px} #page-container#page-container .confiance :is(h2:where(:not([data-ga-n])), :where([data-ga-n="h2"])){text-align:center;margin-bottom:46px} #page-container#page-container .temoignages{display:grid;grid-template-columns:repeat(2,581px);gap:32px;justify-content:center} #page-container#page-container .temoignage{background:#fff;border-radius:var(--r);padding:45px 56px;min-height:258px;font-size:16px;line-height:1.21} #page-container#page-container .temoignage blockquote{margin-bottom:20px} #page-container#page-container .temoignage strong{display:block;font-weight:700} #page-container#page-container .temoignage small{font-size:16px;color:var(--bleu)} #page-container#page-container .temoin{display:flex;align-items:center;gap:18px} #page-container#page-container .temoin img{flex:none;width:88px;height:88px;border-radius:50%;object-fit:cover} #page-container#page-container .partenaires{text-align:center;margin-top:81px} #page-container#page-container .partenaires :is(h3:where(:not([data-ga-n])), :where([data-ga-n="h3"])){font-size:18px;color:var(--bleu);margin-bottom:40px} #page-container#page-container .logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:54px} #page-container#page-container .logos img{height:auto;mix-blend-mode:multiply} #page-container#page-container .soutien{background:var(--gris);padding:100px 0 147px} #page-container#page-container .soutien-carte{position:relative;width:min(1184px,100% - 32px);margin:0 auto;min-height:552px;border-radius:var(--r);overflow:hidden;background:url(https://dev.grandanglesiae.fr/wp-content/uploads/2026/11/atelier-rangement.jpg) center/cover no-repeat;display:flex;justify-content:flex-start;align-items:center} #page-container#page-container .soutien-carte::before{content:"";position:absolute;inset:0;background:rgba(10,32,54,.62)} #page-container#page-container .soutien-texte{position:relative;color:#fff;width:489px;margin-left:80px} #page-container#page-container .soutien-texte :is(h2:where(:not([data-ga-n])), :where([data-ga-n="h2"])){margin-bottom:24px} #page-container#page-container .soutien-texte p{font-size:16px;line-height:1.21;margin-bottom:36px} #page-container#page-container footer{background:#fff;padding:70px 0 40px} #page-container#page-container .pied{width:min(1286px,100% - 32px);margin:0 auto} #page-container#page-container .pied-haut{display:grid;grid-template-columns:314px 1fr 1fr 1fr;gap:60px 80px;padding-bottom:40px;border-bottom:1px solid #d9d9d9} #page-container#page-container .pied-haut img{width:242px;margin-bottom:35px} #page-container#page-container .pied-haut p{font-size:16px;line-height:1.125} #page-container#page-container .pied-col{font-size:16px;line-height:1.5;color:#010101} #page-container#page-container .pied-col :is(h4:where(:not([data-ga-n])), :where([data-ga-n="h4"])){color:var(--bleu);font-size:16px} #page-container#page-container .pied-col a{display:block;font-weight:400} #page-container#page-container .pied-col a:hover{color:var(--bleu)} #page-container#page-container .pied-bas{display:flex;justify-content:space-between;padding-top:17px;font-size:16px} #page-container#page-container .pied-bas a{color:var(--bleu);text-decoration:underline} #page-container#page-container @media (max-width:1360px){.rail{display:none}} @media (max-width:1280px){#page-container#page-container .top::before{height:844px;width:calc((100% - min(1496px, 100% - 32px)) / 2 + 240px)} #page-container#page-container nav{gap:22px;font-size:15px} #page-container#page-container .grille{grid-template-columns:repeat(3,1fr)} #page-container#page-container .temoignages{grid-template-columns:1fr 1fr}} @media (max-width:1024px){#page-container#page-container .jardin-grille{grid-template-columns:1fr} #page-container#page-container .jardin-hero{height:340px} #page-container#page-container .jardin-vignettes{grid-template-columns:1fr} #page-container#page-container .top::before{display:none} #page-container#page-container nav{display:none;position:absolute;top:86px;right:0;flex-direction:column;align-items:flex-end;gap:14px;background:#fff;padding:20px;border-radius:var(--r);box-shadow:0 8px 24px rgba(0,0,0,.12)} #page-container#page-container nav.ouvert{display:flex} #page-container#page-container nav .contact{color:var(--texte)} #page-container#page-container .burger{display:block} #page-container#page-container .hero{height:auto;min-height:0;margin-top:10px;padding-top:380px;background-color:var(--bleu);background-size:auto 380px;background-position:58% top} #page-container#page-container .hero-box{position:static;width:auto;min-height:0;border-radius:0;padding:40px 32px} #page-container#page-container .hero-box .eyebrow{white-space:normal} #page-container#page-container .chiffres{gap:40px;padding:40px 0 60px;flex-wrap:wrap} #page-container#page-container .cartes{grid-template-columns:1fr;max-width:480px;margin:0 auto} #page-container#page-container .carte{min-height:0} #page-container#page-container .carte .bandeau{min-height:96px} #page-container#page-container .signature{grid-template-columns:1fr;max-width:560px;margin-inline:auto} #page-container#page-container .grille{grid-template-columns:repeat(2,1fr);gap:48px 28px} #page-container#page-container .eng-photo{height:auto;padding-bottom:80px} #page-container#page-container .eng-contenu{grid-template-columns:1fr;padding-top:80px} #page-container#page-container .eng-stat{margin-top:0;width:220px} #page-container#page-container .eng-texte{margin-top:0} #page-container#page-container .jardin-photo{height:auto;margin-bottom:10px} #page-container#page-container .jardin-texte{margin-top:24px} #page-container#page-container .jardin-texte :is(h2:where(:not([data-ga-n])), :where([data-ga-n="h2"])), #page-container#page-container .jardin-tete :is(h2:where(:not([data-ga-n])), :where([data-ga-n="h2"])){font-size:28px} #page-container#page-container .temoignages{grid-template-columns:1fr;max-width:600px;margin:0 auto} #page-container#page-container .soutien-carte{justify-content:center} #page-container#page-container .soutien-texte{margin:48px 24px} #page-container#page-container .pied-haut{grid-template-columns:1fr 1fr}} @media (max-width:600px){#page-container#page-container .rail{display:none} #page-container#page-container .grille{grid-template-columns:1fr} #page-container#page-container .tuile .label{left:0} #page-container#page-container .temoignage{padding:32px 24px} #page-container#page-container .pied-haut{grid-template-columns:1fr} #page-container#page-container .pied-bas{flex-direction:column;gap:10px} #page-container#page-container .directeur{padding:80px 0 100px} #page-container#page-container .video button{width:96px;height:96px}} #page-container#page-container .barre{position:fixed;top:0;left:0;right:0;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);box-shadow:0 2px 16px rgba(0,0,0,.08);transform:translateY(-100%);transition:transform .25s} #page-container#page-container .barre.visible{transform:none} #page-container#page-container .barre-in{width:min(1224px,100% - 32px);margin:0 auto;height:64px;display:flex;align-items:center;gap:28px} #page-container#page-container .barre-in img{height:30px;width:auto} #page-container#page-container .barre-in .liens{display:flex;gap:24px;font-weight:700;font-size:15px;margin-left:auto} #page-container#page-container .barre-in .liens a:hover{color:var(--bleu)} #page-container#page-container .barre-in .tel{font-weight:700;color:var(--bleu);white-space:nowrap} #page-container#page-container .barre-in .btn{height:42px} #page-container#page-container .etapes{background:#fff;padding:120px 0} #page-container#page-container .etapes .intro{text-align:center;margin-bottom:60px} #page-container#page-container .etapes .intro .eyebrow{color:var(--bleu);font-size:18px;letter-spacing:1.62px;margin-bottom:9px} #page-container#page-container .etapes .intro :is(h2:where(:not([data-ga-n])), :where([data-ga-n="h2"])){font-size:36px} #page-container#page-container .etapes ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;counter-reset:e} #page-container#page-container .etapes li{position:relative;background:var(--gris);border-radius:var(--r);padding:34px 28px 30px;counter-increment:e} #page-container#page-container .etapes li::before{content:counter(e);display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--bleu);color:#fff;font-weight:800;font-size:22px;margin-bottom:22px} #page-container#page-container .etapes li:not(:last-child)::after{content:"";position:absolute;top:60px;right:-24px;width:24px;height:2px;background:var(--bleu)} #page-container#page-container .etapes :is(h3:where(:not([data-ga-n])), :where([data-ga-n="h3"])){font-size:20px;margin-bottom:12px} #page-container#page-container .etapes li p{font-size:16px;line-height:1.3} #page-container#page-container .etapes li.fort{background:var(--bleu);color:#fff} #page-container#page-container .etapes li.fort::before{background:#fff;color:var(--bleu)} #page-container#page-container .etapes .suite{text-align:center;margin-top:48px} #page-container#page-container .etapes .suite .btn{background:var(--bleu)} #page-container#page-container .capsules{margin-top:110px} #page-container#page-container .capsules :is(h3:where(:not([data-ga-n])), :where([data-ga-n="h3"])){font-size:28px;text-align:center;margin-bottom:10px} #page-container#page-container .capsules .sous{text-align:center;font-size:16px;opacity:.9;margin-bottom:40px} #page-container#page-container .caps{display:grid;grid-template-columns:repeat(5,1fr);gap:20px} #page-container#page-container .cap{display:flex;flex-direction:column;gap:14px} #page-container#page-container .cap .lecteur{aspect-ratio:3/4;border-radius:var(--r)} #page-container#page-container .cap .lecteur video{object-position:50% 0} #page-container#page-container .cap .lecteur.vertical .lct-bande{top:72%;justify-content:flex-end;padding:0 18px 16px;background:linear-gradient(180deg,rgba(10,18,32,0) 0%,rgba(10,18,32,.9) 30%,#0a1220 55%)} #page-container#page-container .cap .lecteur.vertical .lct-titre{min-height:0} #page-container#page-container .cap .lecteur.vertical .lct-play{top:60%} #page-container#page-container .cap .lecteur.vertical .lct-titre{font-size:18px} #page-container#page-container .cap strong{font-size:16px;line-height:1.3} #page-container#page-container .cap .lecteur .cap-vignette{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover} #page-container#page-container .cap .lecteur.lct-lu .cap-vignette{display:none} #page-container#page-container .territoire{background:var(--gris);padding:30px 0 120px} #page-container#page-container .territoire .wrap{display:grid;grid-template-columns:1.25fr 1fr;gap:56px;align-items:start} #page-container#page-container .territoire .eyebrow{color:var(--bleu);font-size:18px;letter-spacing:1.62px;margin-bottom:9px} #page-container#page-container .territoire :is(h2:where(:not([data-ga-n])), :where([data-ga-n="h2"])){font-size:36px;margin-bottom:18px} #page-container#page-container .territoire .chapo{font-size:18px;margin-bottom:28px} #page-container#page-container .communes{display:flex;flex-wrap:wrap;gap:10px} #page-container#page-container .communes span{background:#fff;border:1px solid #d6e4f2;border-radius:999px;padding:8px 16px;font-size:15px} #page-container#page-container .communes span{transition:background .2s,color .2s,border-color .2s,transform .2s} #page-container#page-container .communes span:hover{background:var(--bleu);border-color:var(--bleu);color:#fff;transform:translateY(-2px)} #page-container#page-container .adresses{display:grid;gap:16px} #page-container#page-container .adresse{display:flex;align-items:center;gap:18px;background:#fff;border-radius:var(--r);padding:24px 28px} #page-container#page-container .adresse .adresse-ico{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:color-mix(in srgb,var(--bleu) 14%,#fff);color:var(--bleu)} #page-container#page-container .adresse-ico svg{width:24px;height:24px} #page-container#page-container .adresse strong{display:block;font-size:18px;margin-bottom:6px} #page-container#page-container .adresse-txt span{font-size:16px} #page-container#page-container .appel{background:var(--nuit);color:#fff;border-radius:var(--r);padding:30px 28px} #page-container#page-container .appel p{font-size:18px;font-weight:700;margin-bottom:6px} #page-container#page-container .appel a.num{display:block;font-size:30px;font-weight:800;margin-bottom:18px} #page-container#page-container .appel a.num{margin-bottom:18px!important} @media (max-width:1024px){#page-container#page-container .barre-in .liens{display:none} #page-container#page-container .barre-in .tel{margin-left:auto} #page-container#page-container .etapes ol{grid-template-columns:1fr 1fr} #page-container#page-container .etapes li::after{display:none} #page-container#page-container .caps{grid-template-columns:repeat(3,1fr)} #page-container#page-container .territoire .wrap{grid-template-columns:1fr}} @media (max-width:600px){#page-container#page-container .barre-in .tel{display:none} #page-container#page-container .barre-in .btn{margin-left:auto} #page-container#page-container .etapes{padding:80px 0} #page-container#page-container .etapes ol{grid-template-columns:1fr} #page-container#page-container .etapes .intro :is(h2:where(:not([data-ga-n])), :where([data-ga-n="h2"])), #page-container#page-container .territoire :is(h2:where(:not([data-ga-n])), :where([data-ga-n="h2"])){font-size:28px} #page-container#page-container .caps{grid-template-columns:repeat(5,70%);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px} #page-container#page-container .cap{scroll-snap-align:start}} #page-container#page-container .hero-fond{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0} #page-container#page-container .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,70,117,.35) 0%,rgba(17,70,117,0) 55%);z-index:0;pointer-events:none} #page-container#page-container .hero-box{z-index:2} #page-container#page-container .pause{position:absolute;right:18px;bottom:18px;z-index:2;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.9);color:var(--nuit);cursor:pointer;display:grid;place-items:center} #page-container#page-container .pause svg{width:18px;height:18px} #page-container#page-container .hero-box{animation:monte .9s cubic-bezier(.2,.7,.2,1) both} @keyframes monte{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}} #page-container#page-container .terrain{background:#fff;padding:110px 0 100px;overflow:hidden} #page-container#page-container .terrain .intro{text-align:center;margin-bottom:48px} #page-container#page-container .terrain .intro .eyebrow{color:var(--bleu);font-size:18px;letter-spacing:1.62px;margin-bottom:9px} #page-container#page-container .terrain .intro :is(h2:where(:not([data-ga-n])), :where([data-ga-n="h2"])){font-size:36px} #page-container#page-container .frise-bande{margin-top:110px;overflow:hidden;display:flex;flex-direction:column;gap:20px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)} #page-container#page-container .frise{display:flex;gap:20px;width:max-content;animation:defile 90s linear infinite} #page-container#page-container .frise-2{animation-direction:reverse;animation-duration:105s;margin-left:-210px} #page-container#page-container .frise-bande:hover .frise{animation-play-state:paused} #page-container#page-container .frise figure{margin:0;position:relative;height:270px;border-radius:var(--r);overflow:hidden;flex:none} #page-container#page-container .frise .f-l{width:430px} #page-container#page-container .frise .f-m{width:330px} #page-container#page-container .frise .f-s{width:250px} #page-container#page-container .frise img{width:100%;height:100%;object-fit:cover;transition:transform .6s} #page-container#page-container .frise figure:hover img{transform:scale(1.07)} #page-container#page-container .frise figcaption{position:absolute;left:12px;bottom:12px;right:12px;width:max-content;max-width:calc(100% - 24px);background:rgba(255,255,255,.94);color:var(--texte);font-weight:700;font-size:14px;line-height:1.25;padding:7px 12px;border-radius:999px} @keyframes defile{to{transform:translateX(calc(-50% - 9px))}} #page-container#page-container .tuile{overflow:visible} #page-container#page-container .tuile img{transition:transform .5s,filter .5s} #page-container#page-container .tuile:hover img{transform:scale(1.03);filter:saturate(1.15)} #page-container#page-container .tuile .label{transition:transform .3s,background .3s} #page-container#page-container .tuile:hover .label{transform:translateY(-6px);background:var(--nuit)} #page-container#page-container .eng-photo{background-attachment:fixed} #page-container#page-container .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0) * 90ms)} #page-container#page-container .reveal.vu{opacity:1;transform:none} #page-container#page-container .chiffres b{font-variant-numeric:tabular-nums} @media (max-width:1024px){#page-container#page-container .hero-fond{height:380px;bottom:auto} #page-container#page-container .hero::after{display:none} #page-container#page-container .pause{top:326px;bottom:auto} #page-container#page-container .eng-photo{background-attachment:scroll} #page-container#page-container .frise figure{height:190px} #page-container#page-container .frise .f-l{width:300px} #page-container#page-container .frise .f-m{width:240px} #page-container#page-container .frise .f-s{width:190px}} @media (prefers-reduced-motion:reduce){#page-container#page-container .frise{animation:none;overflow-x:auto;width:auto} #page-container#page-container .reveal{opacity:1;transform:none;transition:none} #page-container#page-container .hero-box{animation:none} #page-container#page-container .eng-photo{background-attachment:scroll}} #page-container#page-container .dir-grille{display:grid;grid-template-columns:1fr 1.7fr;gap:56px;align-items:stretch} #page-container#page-container .dir-grille > *, #page-container#page-container .dir-grille > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > *, #page-container#page-container .dir-grille > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > *, #page-container#page-container .dir-grille > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > *, #page-container#page-container .dir-grille > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > *, #page-container#page-container .dir-grille > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > *{min-width:0} #page-container#page-container .dir-grille .video{aspect-ratio:auto;height:100%;min-height:420px} #page-container#page-container .dir-grille .video{aspect-ratio:auto!important;height:100%!important;min-height:420px!important} #page-container#page-container .dir-grille .video > img, #page-container#page-container .dir-grille .video > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > img, #page-container#page-container .dir-grille .video > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > img, #page-container#page-container .dir-grille .video > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > img, #page-container#page-container .dir-grille .video > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > img, #page-container#page-container .dir-grille .video > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > img{object-position:center 30%} #page-container#page-container .dir-texte :is(h2:where(:not([data-ga-n])), :where([data-ga-n="h2"])){font-size:clamp(30px,2.6vw,40px);line-height:1.15;margin:8px 0 32px} #page-container#page-container .dir-texte .eyebrow{font-size:16px;letter-spacing:.12em;opacity:.85} #page-container#page-container .dir-sign{display:flex;align-items:center;gap:16px;margin-bottom:24px} #page-container#page-container .dir-sign img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid #fff} #page-container#page-container .dir-sign strong{display:block;font-size:18px} #page-container#page-container .dir-sign p{font-size:15px;opacity:.85;line-height:1.3} #page-container#page-container .dir-corps{font-size:17px;line-height:1.6;opacity:.92} #page-container#page-container .dir-points{list-style:none;padding:0;margin-top:24px;display:grid;gap:8px} #page-container#page-container .dir-points li{position:relative;padding-left:32px;font-weight:700} #page-container#page-container .dir-points li::before{content:"";position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23458bc9' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center/13px no-repeat} #page-container#page-container .directeur .video{box-shadow:0 40px 80px -40px rgba(0,0,0,.6)} #page-container#page-container .video .dir-voile{font-family:inherit;inset:0;width:auto;height:auto;margin:0;display:block;transform:none!important} #page-container#page-container .dir-play{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:96px;height:96px;border-radius:50%;background:#fff;box-shadow:0 16px 40px rgba(0,0,0,.35);transition:transform .2s} #page-container#page-container .dir-play::before{content:"";position:absolute;left:38px;top:28px;border-style:solid;border-width:20px 0 20px 32px;border-color:transparent transparent transparent var(--bleu)} #page-container#page-container .dir-voile:hover .dir-play{transform:translate(-50%,-50%) scale(1.08)} #page-container#page-container .dir-bande{position:absolute;left:0;right:0;bottom:0;top:74%;display:flex;flex-direction:column;justify-content:center;padding:0 32px;background:linear-gradient(180deg,rgba(10,18,32,0),#0a1220 18%);color:#fff;text-align:left} #page-container#page-container .dir-bande strong{font-size:22px;line-height:1.2} #page-container#page-container .dir-bande span{font-size:14px;opacity:.8;margin-top:4px} #page-container#page-container .directeur .tete{display:none} @media (max-width:1024px){#page-container#page-container .dir-grille{grid-template-columns:1fr;gap:40px} #page-container#page-container .dir-bande strong{font-size:17px} #page-container#page-container .dir-play{width:72px;height:72px} #page-container#page-container .dir-play::before{left:29px;top:21px;border-width:15px 0 15px 24px}} #page-container#page-container .domaines .intro{margin-bottom:64px} #page-container#page-container .domaines{overflow:hidden} #page-container#page-container .metiers{display:grid;grid-template-columns:repeat(4,1fr);gap:36px 24px} #page-container#page-container .metier{--c:var(--bleu);--l:var(--nuit);position:relative;z-index:1;border-radius:var(--r);display:flex;flex-direction:column;box-shadow:0 10px 26px rgba(17,70,117,.12);transition:opacity .7s ease,transform .25s,box-shadow .25s} #page-container#page-container .metier.m-jardin{--c:var(--vert);--l:#007a5e} #page-container#page-container .metier.reveal:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(17,70,117,.24)} #page-container#page-container .metier .bandeau{position:relative;overflow:hidden;min-height:104px;background:var(--c);color:#fff;border-radius:var(--r) var(--r) 0 0;display:flex;align-items:center;font-size:20px;font-weight:700;line-height:1.2;padding:16px 100px 16px 24px} #page-container#page-container .metier .bandeau b{position:relative;z-index:1;font-weight:700} #page-container#page-container .metier .corps{background:#fff;border-radius:0 0 var(--r) var(--r);padding:22px 24px 24px;display:flex;flex-direction:column;flex:1} #page-container#page-container .metier .texte{font-size:16px;line-height:1.4;flex:1} #page-container#page-container .metier .lien{font-weight:700;color:var(--l);margin-top:18px} #page-container#page-container .metier:hover .lien{text-decoration:underline} #page-container#page-container .motif{position:absolute;pointer-events:none;transition:transform .5s cubic-bezier(.2,.7,.2,1)} #page-container#page-container .motif-dedans{right:-8px;bottom:-34px;width:136px;height:136px;color:#fff;opacity:.22;transform:rotate(-8deg)} #page-container#page-container .motif-dehors{z-index:-1;right:-18px;top:-22px;width:88px;height:88px;color:var(--c);opacity:.4;transform:rotate(10deg)} #page-container#page-container .metier:hover .motif-dedans{transform:rotate(0deg) scale(1.1)} #page-container#page-container .metier:hover .motif-dehors{transform:translate(5px,-7px) rotate(18deg)} @media (max-width:1024px){#page-container#page-container .metiers{grid-template-columns:1fr 1fr}} @media (max-width:600px){#page-container#page-container .metiers{grid-template-columns:1fr;gap:30px} #page-container#page-container .metier .bandeau{min-height:84px} #page-container#page-container .motif-dedans{width:112px;height:112px;bottom:-30px} #page-container#page-container .motif-dehors{right:-10px}} @media (prefers-reduced-motion:reduce){#page-container#page-container .motif{transition:none} #page-container#page-container .metier:hover .motif-dedans, #page-container#page-container .metier:hover .motif-dehors{transform:none}} #page-container#page-container .structures{margin-top:72px} #page-container#page-container .structures > :is(h3:where(:not([data-ga-n])), :where([data-ga-n="h3"])), #page-container#page-container .structures > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :is(h3:where(:not([data-ga-n])), :where([data-ga-n="h3"])), #page-container#page-container .structures > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :is(h3:where(:not([data-ga-n])), :where([data-ga-n="h3"])), #page-container#page-container .structures > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :is(h3:where(:not([data-ga-n])), :where([data-ga-n="h3"])), #page-container#page-container .structures > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :is(h3:where(:not([data-ga-n])), :where([data-ga-n="h3"])), #page-container#page-container .structures > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :where(.et_pb_row.ga-r, .et_pb_column.ga-c, .et_pb_text, .et_pb_text_inner, .et_pb_heading, .et_pb_heading_container, .et_pb_image, .et_pb_image > a, .et_pb_image_wrap, .et_pb_button_module_wrapper, .et_pb_code, .et_pb_code_inner, .et_pb_svg, .et_pb_svg_inner, .et_pb_link_inner, .et_pb_link_text, .et_pb_video, .et_pb_video_box, .et_pb_post_content, .ga-i) > :is(h3:where(:not([data-ga-n])), :where([data-ga-n="h3"])){text-align:center;font-size:26px;margin-bottom:32px} #page-container#page-container .struct-grille{display:grid;grid-template-columns:repeat(3,1fr);gap:24px} #page-container#page-container .struct{--c:var(--bleu);background:#fff;border-radius:var(--r);border-top:6px solid var(--c);padding:26px 28px 28px;display:flex;flex-direction:column;box-shadow:0 10px 26px rgba(17,70,117,.08)} #page-container#page-container .struct.s-ari{--c:var(--nuit)} #page-container#page-container .struct.s-jardin{--c:var(--vert)} #page-container#page-container .struct img{height:56px;width:auto;align-self:flex-start;mix-blend-mode:multiply;margin-bottom:16px} #page-container#page-container .struct .type{font-size:13px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--c)} #page-container#page-container .struct :is(h4:where(:not([data-ga-n])), :where([data-ga-n="h4"])){font-size:22px;line-height:1.2;margin:4px 0 14px} #page-container#page-container .struct ul{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:8px;flex:1} #page-container#page-container .struct li{position:relative;padding-left:20px;font-size:15.5px;line-height:1.45} #page-container#page-container .struct li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--c)} #page-container#page-container .struct .acces{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;border-top:1px solid #e6e6e6;padding-top:16px} #page-container#page-container .struct .acces a{font-weight:700;color:var(--c)} #page-container#page-container .struct .acces a:hover{text-decoration:underline} #page-container#page-container .struct .acces .tel{display:inline-flex;align-items:center;gap:6px;color:var(--texte)} #page-container#page-container .struct .acces .tel svg{width:16px;height:16px;color:var(--c)} #page-container#page-container .fusion ul{flex:none;align-content:start} #page-container#page-container .fusion .ancien-metiers{width:100%;max-width:none;box-sizing:border-box;margin-top:auto!important;font-size:14px;line-height:1.45;color:#5b6573;margin:-6px 0 18px;padding:10px 12px;background:#f4f7fb;border-radius:10px} #page-container#page-container .fusion .type{font-size:12px} #page-container#page-container .fusion .struct{border-top:0;padding:0 26px 26px;overflow:hidden} #page-container#page-container .fusion .struct-tete{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:0 -26px 18px;padding:22px 26px 18px;background:color-mix(in srgb,var(--c) 10%,#fff)} #page-container#page-container .fusion .struct-tete img{height:48px;margin:0;padding:8px 12px;background:#fff;border-radius:10px;box-sizing:content-box;mix-blend-mode:normal} #page-container#page-container .fusion .struct-tete .type{display:inline-block;background:var(--c);color:#fff;border-radius:999px;padding:5px 11px;font-size:11.5px;letter-spacing:1px} #page-container#page-container .fusion .struct :is(h4:where(:not([data-ga-n])), :where([data-ga-n="h4"])){margin-top:0} #page-container#page-container .fusion .struct-chips{display:flex;flex-wrap:wrap;gap:6px;margin:auto 0 18px;padding:0;list-style:none} #page-container#page-container .fusion .struct-chips li{padding:5px 11px;border-radius:999px;background:color-mix(in srgb,var(--c) 10%,#fff);color:var(--c);font-size:13.5px;font-weight:700;line-height:1.3} #page-container#page-container .fusion .struct-chips li::before{display:none} #page-container#page-container .porte{display:flex;align-items:center;gap:26px;margin:0 calc(50% - 50vw) 40px;padding:34px max(16px,calc(50vw - 50%));background:var(--nuit);color:#fff} #page-container#page-container .porte :is(h3:where(:not([data-ga-n])), :where([data-ga-n="h3"])){flex:1;margin:0;color:#fff;font-size:26px;line-height:1.2;text-align:left} #page-container#page-container .porte-num:hover{transform:scale(1.03)} #page-container#page-container .porte-ico{flex:none;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#fff;color:var(--nuit)} #page-container#page-container .porte-ico svg{width:26px;height:26px} #page-container#page-container .porte-txt{flex:1} #page-container#page-container .porte-txt strong{display:block;font-size:22px;line-height:1.2} #page-container#page-container .porte-txt span{display:block;font-size:16px;opacity:.9;margin-top:4px} #page-container#page-container .porte-num{flex:none;font-size:30px;font-weight:800;white-space:nowrap;background:#fff;color:var(--nuit);padding:10px 20px;border-radius:999px;transition:transform .2s} @media (max-width:760px){#page-container#page-container .porte{flex-direction:column;align-items:flex-start;padding:28px 16px} #page-container#page-container .porte :is(h3:where(:not([data-ga-n])), :where([data-ga-n="h3"])){font-size:22px} #page-container#page-container .porte-num{font-size:24px}} @media (max-width:1024px){#page-container#page-container .struct-grille{grid-template-columns:1fr;max-width:560px;margin:0 auto}} #page-container#page-container .c-publics{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:56px} #page-container#page-container .c-publics a{--c:var(--bleu);display:flex;align-items:center;gap:10px;background:#fff;border:2px solid var(--c);color:var(--c);font-weight:700;border-radius:var(--r);padding:14px 22px;font-size:16px;transition:background .15s,color .15s} #page-container#page-container .c-publics a:hover{background:var(--c);color:#fff} #page-container#page-container .c-schema{display:flex;flex-direction:column;align-items:center} #page-container#page-container .c-accueil{background:var(--nuit);color:#fff;border-radius:var(--r);padding:22px 34px;text-align:center} #page-container#page-container .c-accueil span{font-size:13px;letter-spacing:1.2px;text-transform:uppercase;opacity:.8} #page-container#page-container .c-accueil b{display:block;font-size:30px;font-weight:800;margin-top:4px} #page-container#page-container .c-traits{width:100%;height:56px} #page-container#page-container .c-traits svg{display:block;width:100%;height:100%} #page-container#page-container .c-grille{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:28px} #page-container#page-container .c-struct{--c:var(--bleu);background:#fff;border-radius:var(--r);padding:26px 26px 26px;display:flex;flex-direction:column;box-shadow:0 10px 26px rgba(17,70,117,.08)} #page-container#page-container .c-struct.ari{--c:var(--nuit)} #page-container#page-container .c-struct.jar{--c:var(--vert)} #page-container#page-container .c-struct img{height:52px;width:auto;align-self:flex-start;mix-blend-mode:multiply;margin-bottom:14px} #page-container#page-container .c-struct .type{font-size:12.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--c)} #page-container#page-container .c-struct :is(h3:where(:not([data-ga-n])), :where([data-ga-n="h3"])){font-size:21px;margin:4px 0 12px} #page-container#page-container .c-texte{list-style:none;margin:0;padding:0;flex:1} #page-container#page-container .c-texte li{font-size:15.5px;line-height:1.45} #page-container#page-container .c-pour{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 18px} #page-container#page-container .c-pour span{font-size:12.5px;font-weight:700;border-radius:999px;padding:5px 11px;background:#eef3f9;color:var(--nuit)} #page-container#page-container .c-pour span.p{background:#fdece7;color:#b8360f} #page-container#page-container .c-pour span.e{background:#e7edf4;color:var(--nuit)} #page-container#page-container .c-struct .lien{font-weight:700;color:var(--c)} #page-container#page-container .c-struct .lien:hover{text-decoration:underline} @media (max-width:1024px){#page-container#page-container .c-traits{display:none} #page-container#page-container .c-accueil{margin-bottom:28px} #page-container#page-container .c-grille{grid-template-columns:1fr;max-width:560px}} @media (max-width:600px){#page-container#page-container .c-publics a{width:100%;justify-content:center;text-align:center;padding:14px 16px} #page-container#page-container .c-accueil b{font-size:26px}} #page-container#page-container @media (max-width:600px){.appel .btn{width:100%;height:auto;min-height:52px;padding:12px 16px;text-align:center}} #page-container#page-container .lecteur{position:relative;overflow:hidden;border-radius:20px;background:#0a1220;isolation:isolate} #page-container#page-container .lecteur video{display:block;width:100%;height:100%;object-fit:cover;border-radius:0!important} #page-container#page-container .lecteur video{width:100%!important;height:100%!important} #page-container#page-container .lecteur .lct-voile{position:absolute;inset:0;z-index:2;display:block;padding:0;border:0;margin:0;background:none;color:#fff;font:inherit;text-align:left;cursor:pointer} #page-container#page-container .lecteur .lct-logo{position:absolute;top:14px;left:14px;background:#fff;border-radius:10px;padding:6px 10px;display:block;box-shadow:0 6px 18px rgba(0,0,0,.25)} #page-container#page-container .lecteur .lct-logo img{height:24px;width:auto;display:block} #page-container#page-container .lecteur .lct-play{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;box-shadow:0 14px 34px rgba(0,0,0,.35);transition:transform .2s} #page-container#page-container .lecteur .lct-play::before{content:"";margin-left:6px;border-style:solid;border-width:13px 0 13px 21px;border-color:transparent transparent transparent #1f63a8} #page-container#page-container .lecteur .lct-voile:hover .lct-play{transform:translate(-50%,-50%) scale(1.08)} #page-container#page-container .lecteur .lct-bande{position:absolute;left:0;right:0;bottom:0;padding:48px 22px 20px;background:linear-gradient(180deg,rgba(10,18,32,0) 0%,rgba(10,18,32,.88) 38%,#0a1220 100%)} #page-container#page-container .lecteur .lct-titre{display:block;font:800 clamp(20px,2.2vw,28px)/1.15 "Inter Tight",Inter,sans-serif;letter-spacing:-.02em} #page-container#page-container .lecteur .lct-sous{display:block;margin-top:6px;font-size:14px;line-height:1.4;color:#c7dcf5} #page-container#page-container .lecteur.vertical .lct-play{width:56px;height:56px} #page-container#page-container .lecteur.vertical .lct-play::before{border-width:11px 0 11px 17px;margin-left:5px} #page-container#page-container .lecteur.vertical .lct-bande{padding:40px 16px 16px} #page-container#page-container .lecteur.vertical .lct-titre{font-size:17px} #page-container#page-container .lecteur.vertical .lct-sous{font-size:12.5px} #page-container#page-container .lecteur.lct-lu .lct-voile{display:none} #page-container#page-container .lecteur.vertical .lct-bande{top:60%;display:flex;flex-direction:column;justify-content:flex-end;padding:0 16px 16px;background:linear-gradient(180deg,rgba(10,18,32,0) 0%,rgba(10,18,32,.96) 16%,#0a1220 100%)} #page-container#page-container .lecteur.vertical .lct-play{top:40%} #page-container#page-container .lecteur .lct-bande{top:72%;display:flex;flex-direction:column;justify-content:center;padding:0 24px;background:linear-gradient(180deg,rgba(10,18,32,0) 0%,#0a1220 10%,#0a1220 100%)} #page-container#page-container .lecteur.vertical .lct-bande{top:57%;justify-content:flex-end;padding:0 16px 16px;background:linear-gradient(180deg,rgba(10,18,32,0) 0%,#0a1220 7%,#0a1220 100%)} #page-container#page-container .lecteur .lct-play{top:40%} #page-container#page-container .lecteur.vertical .lct-play{top:36%} #page-container#page-container .lecteur.vertical .lct-bande{justify-content:flex-start;padding:26px 16px 16px} #page-container#page-container .lecteur.vertical .lct-titre{font-size:clamp(18px,1.5vw,22px);line-height:1.2;min-height:2.4em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} #page-container#page-container .lecteur .lct-sous:empty{display:none} #page-container#page-container .lecteur.vertical .lct-bande{padding:30px 18px 18px} #page-container#page-container .lecteur.vertical .lct-titre{font-size:clamp(20px,1.75vw,26px);line-height:1.15;min-height:2.3em;-webkit-line-clamp:2} /* 4. Builder Divi */ body.et-fb .reveal{opacity:1!important;transform:none!important} /* l'équipe de Grand Angle ouvre un texte, un titre ou une image d'un clic : dans le builder seulement, ces modules gardent une boîte, sinon le survol et le clic tombent sur le groupe ou la section autour (10/11/2026) */ body.et-fb #page-container#page-container#page-container#page-container :where(.et_pb_text, .et_pb_heading, .et_pb_image){display:block!important} body.et-fb [data-ga-video]:not([data-ga-video*='"controls"']) video::-webkit-media-controls{display:none!important} /* la remise à zéro (color:revert) épargne l'éditeur : les titres y gardent le gris de Divi au lieu de la couleur de leur bloc, et le titre du haut des sous-pages passait en gris sur le bleu ; les règles de la maquette restent plus fortes que celle-ci : un seul identifiant, sinon elle passait devant les couleurs du pied de page (10/11/2026) */ #page-container:where(body.et-fb *) :where(h1,h2,h3,h4,h5,h6){color:inherit} /* même cause : l'éditeur pose le gris #666 sur chaque module Texte (.et-fb-post-content .et_pb_bg_layout_light), et le surtitre et le chapeau de l'accueil passaient en gris sur le bleu ; les boutons gardent leurs couleurs, comme chez Divi */ #page-container:where(body.et-fb *) :where(.et_pb_bg_layout_light:not(.et_pb_button)){color:inherit} /* l'éditeur glisse un span et un paragraphe dans le texte des modules Lien : les règles de la maquette sur les p (.sp-card p) les recoloraient, et « Voir le détail » passait du bleu au gris (10/11/2026) */ body.et-fb #page-container#page-container#page-container .et_pb_link_text :where(span,p){color:inherit;font:inherit;letter-spacing:inherit} /* une personne connectée voit le bandeau noir de WordPress (32 px, 46 px sur tablette) : l'en-tête fixe passe dessous */ @media (min-width:783px){body.admin-bar #page-container#page-container#page-container#page-container .barre.fixe{top:32px!important}} @media (min-width:601px) and (max-width:782px){body.admin-bar #page-container#page-container#page-container#page-container .barre.fixe{top:46px!important}}