.syn-heros__slider{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:18px;}
.syn-heros__diapo{position:absolute;inset:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;animation-name:syn-diaporama;animation-duration:calc(var(--syn-diapo-n, 4) * 6s);animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-delay:calc(var(--syn-diapo-i, 0) * -6s);}
.syn-heros__diapo:first-child{opacity:1;}
@keyframes syn-diaporama {
0%, 21%{opacity:1;}
25%, 100%{opacity:0;}
}
@media (prefers-reduced-motion: reduce) {
.syn-heros__diapo{animation:none;opacity:0;}
.syn-heros__diapo:first-child{opacity:1;}
} #syn-menu-mobile li.syn-a-sous-menu{display:flex !important;flex-wrap:wrap !important;align-items:center !important;}
#syn-menu-mobile li.syn-a-sous-menu > a{flex:1 1 auto !important;border-bottom:0 !important;}
#syn-menu-mobile .syn-sous-menu-bascule{flex:0 0 auto;width:44px;height:44px;margin-left:auto;border:1px solid var(--syn-alu-bordure);border-radius:999px;background:transparent;color:var(--syn-ink);font-size:1.25rem;line-height:1;cursor:pointer;}
#syn-menu-mobile li.syn-sous-menu-ouvert .syn-sous-menu-bascule span{transform:rotate(45deg);display:inline-block;}
#syn-menu-mobile li.syn-a-sous-menu{border-bottom:1px solid var(--syn-alu);}
#syn-menu-mobile ul.sub-menu{flex-basis:100%;width:100%;padding-left:var(--syn-espace-5) !important;background:var(--syn-alu-clair);}
#syn-menu-mobile ul.sub-menu a{min-height:48px !important;font-size:1rem !important;color:var(--syn-ink-doux);}
#syn-menu-mobile ul.sub-menu[hidden]{display:none !important;}
header.syn-entete{display:grid !important;grid-template-columns:auto minmax(0, 1fr) auto !important;grid-template-rows:1fr !important;flex-direction:unset !important;}
.syn-entete__logo{display:inline-flex !important;align-items:center !important;grid-column:1 !important;grid-row:1 !important;}
.syn-entete__logo-img{display:block !important;height:56px !important;max-height:56px !important;width:auto !important;}
.syn-nav{display:block !important;grid-column:2 !important;grid-row:1 !important;}
.syn-nav ul{display:flex !important;flex-direction:row !important;}
.syn-entete__contact{display:flex !important;flex-direction:row !important;justify-self:end !important;grid-column:3 !important;grid-row:1 !important;width:max-content !important;position:static !important;}
@media (max-width: 899px) {
.syn-nav{display:none !important;}
.syn-burger{display:inline-flex !important;}
.syn-entete__contact{display:none !important;}
header.syn-entete{grid-template-columns:auto 1fr auto !important;}
.syn-burger{grid-column:3 !important;grid-row:1 !important;justify-self:end !important;}
}
@media (max-width: 1279px) and (min-width: 900px) {
header.syn-entete{grid-template-columns:minmax(0, 1fr) auto auto !important;}
} @media (min-width: 900px) and (max-width: 1560px) {
.syn-entete__telephone{display:none !important;}
}
@media (min-width: 1561px) {
.syn-entete__telephone{display:inline !important;}
}
:root{--syn-rayon-doux:8px;--syn-ombre-1:0 3px 10px rgba(28,33,38,.10);--syn-ombre-2:0 12px 28px rgba(20,58,90,.18);--syn-ombre-cuivre:0 8px 18px rgba(168,91,51,.28);}
h1{font-family:var(--syn-police);font-size:clamp(2.5rem,5vw,5.25rem);font-weight:900;letter-spacing:-.02em;line-height:1.05;}
h2.syn-titre-section{font-family:var(--syn-police);font-weight:800;letter-spacing:-.01em;line-height:1.12;}
h3{font-family:var(--syn-police);font-weight:700;letter-spacing:-.005em;line-height:1.2;}
.syn-bouton--primaire,
a.syn-bouton--primaire,
button.syn-bouton--primaire{background-color:var(--syn-marine) !important;border-color:var(--syn-marine) !important;color:#fff !important;border-radius:var(--syn-rayon-doux);box-shadow:0 8px 18px rgba(20,58,90,.30);transition:transform var(--syn-transition), box-shadow var(--syn-transition), background-color var(--syn-transition), border-color var(--syn-transition), color var(--syn-transition);}
.syn-bouton--primaire:hover,
a.syn-bouton--primaire:hover,
button.syn-bouton--primaire:hover{background-color:var(--syn-marine-fonce) !important;border-color:var(--syn-marine-fonce) !important;transform:translateY(-2px);box-shadow:0 14px 30px rgba(20,58,90,.38);}
.syn-bouton--primaire:focus-visible,
a.syn-bouton--primaire:focus-visible,
button.syn-bouton--primaire:focus-visible{outline:3px solid rgba(20,58,90,.35);outline-offset:3px;}
.syn-bouton--contour,
a.syn-bouton--contour,
button.syn-bouton--contour{border-radius:var(--syn-rayon-doux);transition:transform var(--syn-transition), box-shadow var(--syn-transition), background-color var(--syn-transition), border-color var(--syn-transition), color var(--syn-transition);}
.syn-bouton--contour:hover,
a.syn-bouton--contour:hover,
button.syn-bouton--contour:hover{box-shadow:var(--syn-ombre-1);}
.syn-bouton--contour:focus-visible,
a.syn-bouton--contour:focus-visible,
button.syn-bouton--contour:focus-visible{outline:3px solid rgba(20,58,90,.25);outline-offset:3px;}
.syn-entete.est-defile{box-shadow:var(--syn-ombre-2);}
.syn-gage{display:inline-flex;align-items:center;gap:.375rem;width:max-content;max-width:100%;padding:.38rem .7rem;border:1px solid rgba(168,91,51,.24);border-radius:999px;background:rgba(168,91,51,.09);color:var(--syn-cuivre-fonce);font-family:var(--syn-police);font-size:.78rem;font-weight:700;letter-spacing:.02em;line-height:1.1;white-space:nowrap;}
.syn-gage--marine{border-color:rgba(20,58,90,.20);background:rgba(20,58,90,.07);color:var(--syn-marine);}
.syn-gage--caa{gap:.5rem;padding:.3rem .8rem .3rem .3rem;border-color:rgba(196,30,45,.30);background:rgba(196,30,45,.08);color:#A31421;box-shadow:var(--syn-ombre-1);}
.syn-gage__logo{display:inline-block;flex:none;width:26px;height:26px;border-radius:6px;background-repeat:no-repeat;background-position:center;background-size:cover;}
.syn-carte{position:relative;overflow:hidden;background:var(--syn-blanc-chaud);border:1px solid rgba(124, 138, 151, 0.18);border-radius:14px;box-shadow:var(--syn-ombre-1);transform:translateY(0) scale(1);transition:transform var(--syn-transition), box-shadow var(--syn-transition), border-color var(--syn-transition), background-color var(--syn-transition);}
.syn-carte::before{position:absolute;inset:0 0 auto;height:4px;content:"";background:var(--syn-cuivre);border-radius:14px 14px 0 0;opacity:0.72;transform:scaleX(0.78);transform-origin:center;transition:transform var(--syn-transition), opacity var(--syn-transition), background-color var(--syn-transition);}
.syn-carte:hover,
.syn-carte:focus-within{border-color:rgba(168, 91, 51, 0.22);box-shadow:var(--syn-ombre-2);transform:translateY(-4px) scale(1.01);}
.syn-carte:hover::before,
.syn-carte:focus-within::before{background:var(--syn-cuivre-fonce);opacity:1;transform:scaleX(1);}
.syn-carte__corps{position:relative;}
.syn-carte__titre{font-weight:750;letter-spacing:-0.01em;}
.syn-carte__lien{transition:color var(--syn-transition);}
.syn-carte__lien:hover,
.syn-carte__lien:focus-visible{color:var(--syn-cuivre-fonce);}
.syn-section .syn-contenant > ol{display:block;margin:var(--syn-espace-8) 0 0;padding:0;list-style:none;counter-reset:syn-etape;}
.syn-section .syn-contenant > ol > li{position:relative;min-height:56px;padding:4px 0 var(--syn-espace-8) 76px;color:var(--syn-texte);counter-increment:syn-etape;}
.syn-section .syn-contenant > ol > li::before{position:absolute;top:0;left:0;display:grid;width:56px;height:56px;place-items:center;content:counter(syn-etape, decimal-leading-zero);color:var(--syn-blanc-chaud);background:var(--syn-marine);border-radius:50%;box-shadow:0 6px 16px rgba(20, 58, 90, 0.18);font-size:0.9rem;font-weight:800;letter-spacing:0.04em;}
.syn-section .syn-contenant > ol > li:nth-child(even)::before{background:var(--syn-cuivre);box-shadow:0 6px 16px rgba(168, 91, 51, 0.2);}
.syn-section .syn-contenant > ol > li:not(:last-child)::after{position:absolute;top:56px;bottom:0;left:27px;width:2px;content:"";background:linear-gradient( to bottom, rgba(124, 138, 151, 0.42), rgba(124, 138, 151, 0.12) );}
.syn-section .syn-contenant > ol > li strong{color:var(--syn-marine-fonce);font-weight:800;}
@media (min-width: 900px) {
.syn-section .syn-contenant > ol:has(> li:nth-child(4):last-child){display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--syn-espace-8);}
.syn-section .syn-contenant > ol:has(> li:nth-child(4):last-child) > li{min-height:0;padding:var(--syn-espace-5);text-align:center;background:rgba(250, 248, 245, 0.72);border-radius:var(--syn-rayon-doux);}
.syn-section .syn-contenant > ol:has(> li:nth-child(4):last-child) > li::before{position:static;margin:0 auto var(--syn-espace-4);}
.syn-section .syn-contenant > ol:has(> li:nth-child(4):last-child) > li::after{display:none;}
} .syn-section--sombre{background-color:var(--syn-graphite);background-image:radial-gradient( ellipse 70% 55% at 92% 8%, rgba(250, 248, 245, 0.10) 0%, rgba(250, 248, 245, 0.03) 28%, transparent 68% ), radial-gradient( ellipse 60% 70% at 8% 100%, rgba(20, 58, 90, 0.28) 0%, transparent 72% ), linear-gradient( 135deg, var(--syn-graphite) 0%, #192b38 52%, var(--syn-marine-fonce) 100% );}
.syn-section--sombre .syn-carte{background-color:var(--syn-marine-fonce);background-image:linear-gradient( 145deg, rgba(250, 248, 245, 0.055) 0%, rgba(250, 248, 245, 0.015) 38%, rgba(20, 58, 90, 0.18) 100% );border:1px solid rgba(250, 248, 245, 0.13);box-shadow:0 1px 0 rgba(250, 248, 245, 0.05) inset, 0 14px 32px rgba(0, 0, 0, 0.22), 0 3px 8px rgba(0, 0, 0, 0.16);}
.syn-section--sombre .syn-carte:hover{border-color:rgba(250, 248, 245, 0.20);box-shadow:0 1px 0 rgba(250, 248, 245, 0.07) inset, 0 18px 38px rgba(0, 0, 0, 0.28), 0 4px 10px rgba(0, 0, 0, 0.18);}
.syn-section:has(> .syn-contenant > p:only-child){padding-block:clamp(40px, 5vw, 80px);}
.syn-section:has(> .syn-contenant > h2:first-child + p:last-child){padding-block:clamp(48px, 6vw, 104px);}
.syn-heros__visuel{display:block;width:100%;box-sizing:border-box;border:1px solid rgba(250, 248, 245, .85);border-radius:18px;box-shadow:0 18px 38px rgba(20, 58, 90, .24), 0 5px 13px rgba(28, 33, 38, .14);}
.syn-carte{position:relative;overflow:hidden;background:linear-gradient(145deg, #FAF8F5 0%, #FFFFFF 58%, #F5F7F8 100%);box-shadow:0 7px 18px rgba(28, 33, 38, .12), 0 2px 5px rgba(20, 58, 90, .07);transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;}
.syn-carte::before{width:100%;height:4px;opacity:1;transform:scaleX(1);transform-origin:left center;background:linear-gradient(90deg, var(--syn-cuivre), var(--syn-cuivre-fonce));transition:height .28s ease, background .28s ease;}
.syn-carte:hover,
.syn-carte:focus-within{transform:translateY(-4px);box-shadow:0 15px 30px rgba(20, 58, 90, .20), 0 5px 12px rgba(28, 33, 38, .11);}
.syn-carte:hover::before,
.syn-carte:focus-within::before{height:6px;background:linear-gradient(90deg, var(--syn-cuivre-fonce), var(--syn-cuivre));}
.syn-carte__lien{text-decoration-thickness:1px;text-underline-offset:.16em;}
.syn-carte__lien:focus-visible{outline:3px solid rgba(168, 91, 51, .55);outline-offset:4px;border-radius:var(--syn-rayon);}
@media (prefers-reduced-motion: reduce) {
.syn-carte,
.syn-carte::before,
.syn-carte__lien,
.syn-bouton--primaire,
.syn-bouton--contour,
.syn-heros__visuel {
transition: none;
}
}