/* UTMRX : thème de base des sites clients (sobre, lisible, mobile d'abord) */
:root{--c-accent:#0b5cff;--c-texte:#14161b;--c-doux:#5b6170;--c-fond:#fff;--c-fond-doux:#f5f6f8;--c-bord:#e4e6eb;--rayon:14px;--max:1180px;--police:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font:17px/1.65 var(--police);color:var(--c-texte);background:var(--c-fond);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--c-accent)}
h1,h2,h3{line-height:1.15;margin:0 0 .5em;letter-spacing:-.01em}
h1{font-size:clamp(2rem,5vw,3.4rem)}
h2{font-size:clamp(1.6rem,3.4vw,2.4rem)}
h3{font-size:1.2rem}
p{margin:0 0 1em}
.conteneur{width:100%;max-width:var(--max);margin:0 auto;padding:0 20px}
.conteneur--etroit{max-width:820px}
.section{padding:clamp(48px,8vw,96px) 0}
.section--douce{background:var(--c-fond-doux)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;border-radius:999px;font-weight:600;text-decoration:none;border:2px solid var(--c-accent);transition:transform .15s,background .15s,color .15s;cursor:pointer;font-size:16px}
.btn--plein{background:var(--c-accent);color:#fff}
.btn--plein:hover{transform:translateY(-1px);filter:brightness(1.08)}
.btn--contour{background:transparent;color:var(--c-accent)}
.btn--contour:hover{background:var(--c-accent);color:#fff}
.btn:disabled{opacity:.6;cursor:wait}
/* En-tête */
.entete{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--c-bord)}
.entete__in{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px}
.logo{display:flex;align-items:center;text-decoration:none;color:inherit}
.logo img{max-height:46px;width:auto}
.logo__texte{font-weight:800;font-size:1.3rem}
.entete__bascule{display:none}
.entete__burger{display:none}
.menu{display:flex;align-items:center;gap:28px}
.menu ul{list-style:none;display:flex;gap:24px;margin:0;padding:0}
.menu a{color:var(--c-texte);text-decoration:none;font-weight:500}
.menu a.actif,.menu a:hover{color:var(--c-accent)}
.menu .btn{color:#fff}
.menu__parent{position:relative}
.menu__sous{display:none!important;position:absolute;top:100%;left:-16px;background:#fff;border:1px solid var(--c-bord);border-radius:12px;padding:10px 16px!important;flex-direction:column;gap:8px!important;min-width:220px;box-shadow:0 12px 30px rgba(0,0,0,.08)}
.menu__parent:hover .menu__sous,.menu__parent:focus-within .menu__sous{display:flex!important}
@media (max-width:900px){
  .entete__burger{display:flex;flex-direction:column;gap:5px;cursor:pointer;padding:10px}
  .entete__burger span{width:24px;height:2px;background:var(--c-texte);border-radius:2px}
  .menu{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:12px 20px 24px;border-bottom:1px solid var(--c-bord)}
  .menu ul{flex-direction:column;gap:0}
  .menu li a{display:block;padding:12px 0;border-bottom:1px solid var(--c-bord)}
  .menu__sous{position:static!important;display:flex!important;box-shadow:none;border:0;padding:0 0 0 14px!important}
  .entete__bascule:checked~.menu{display:flex}
}
/* Bandeau d'accueil */
.hero{position:relative;padding:clamp(72px,12vw,150px) 0;background:var(--c-fond-doux);overflow:hidden}
.hero--image{color:#fff;background:#111}
.hero__fond{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.hero__in{position:relative;max-width:860px}
.hero__sous{font-size:1.2rem;opacity:.92;margin-bottom:24px}
/* Image et texte */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:center}
.duo--inverse .duo__image{order:2}
.duo__image img{border-radius:var(--rayon);width:100%}
@media (max-width:800px){.duo{grid-template-columns:1fr}.duo--inverse .duo__image{order:0}}
/* Cartes, galerie, avis */
.cartes{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:24px}
.carte{background:#fff;border:1px solid var(--c-bord);border-radius:var(--rayon);padding:24px;margin:0}
.carte img{border-radius:10px;margin-bottom:16px;width:100%;aspect-ratio:3/2;object-fit:cover}
.carte__prix{font-weight:700;color:var(--c-accent)}
.carte__date{color:var(--c-doux);font-size:.9rem;margin-bottom:6px}
.carte__titre{font-size:1.25rem}.carte__titre a{color:inherit;text-decoration:none}
.galerie{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:24px}
.galerie img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}
.avis__note{color:#f5a623;letter-spacing:2px;margin-bottom:8px}
.avis blockquote{margin:0 0 12px;font-style:italic}
.avis figcaption{font-weight:600}.avis figcaption span{font-weight:400;color:var(--c-doux)}
/* FAQ */
.faq details{border-bottom:1px solid var(--c-bord);padding:16px 0}
.faq summary{cursor:pointer;font-weight:600;font-size:1.08rem}
.faq details p{margin:12px 0 0}
/* Appel à l'action */
.appel{background:var(--c-accent);color:#fff;border-radius:calc(var(--rayon)*1.5);padding:clamp(32px,6vw,64px);text-align:center}
.appel .btn--contour{border-color:#fff;color:#fff}.appel .btn--contour:hover{background:#fff;color:var(--c-accent)}
/* Contact et formulaires */
.carte-google{width:100%;min-height:340px;border:0;border-radius:var(--rayon)}
.form__grille{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}
.form__champ{flex:1 1 100%;display:flex;flex-direction:column;gap:6px}
.form__champ--moitie{flex:1 1 calc(50% - 8px)}
@media (max-width:600px){.form__champ--moitie{flex-basis:100%}}
.form label{font-weight:600;font-size:.95rem}
.form input,.form textarea,.form select{font:inherit;padding:12px 14px;border:1px solid var(--c-bord);border-radius:10px;background:#fff;color:inherit;width:100%}
.form input:focus,.form textarea:focus,.form select:focus{outline:2px solid var(--c-accent);outline-offset:1px}
.form__case{display:flex!important;flex-direction:row;gap:10px;align-items:flex-start;font-weight:400!important}
.form__case input{width:auto;margin-top:5px}
.form__piege{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form__erreur{color:#c62828;font-weight:600}
.form__mention{font-size:.85rem;color:var(--c-doux);margin-top:12px}
.form__ok{background:#e8f6ee;color:#11643a;border-radius:12px;padding:20px;font-weight:600}
/* Texte riche */
.prose ul,.prose ol{padding-left:1.3em;margin:0 0 1em}
.prose img{border-radius:10px;margin:1.2em 0}
.prose blockquote{border-left:3px solid var(--c-accent);margin:1em 0;padding-left:1em;color:var(--c-doux)}
.article__image{border-radius:var(--rayon);margin:20px 0 28px;width:100%}
/* Pied de page */
.pied{background:#0f1115;color:#c9ccd3;padding:56px 0 24px;margin-top:0}
.pied a{color:#fff;text-decoration:none}.pied a:hover{text-decoration:underline}
.pied h3{color:#fff;font-size:1rem;text-transform:uppercase;letter-spacing:.08em}
.pied__grille{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}
.pied__liens{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:8px}
.pied .logo img{max-height:44px;margin-bottom:16px}
.pied__bas{border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding-top:20px;font-size:.88rem}
.pied--landing{padding:20px 0}.pied--landing .pied__bas{border:0;margin:0;padding:0}
@media (max-width:800px){.pied__grille{grid-template-columns:1fr}}
/* Variantes du bandeau d'accueil */
.hero--sombre{background:#111;color:#fff}
.hero--clair{background:var(--c-fond-doux);color:inherit}
.hero--h-plein{min-height:100vh;min-height:100svh;display:flex;align-items:center}
.hero--h-fine{padding:clamp(40px,6vw,72px) 0;text-align:center}.hero--h-fine .hero__in{margin:0 auto}
/* Défilement continu (logos, photos, textes) */
.defile{overflow:hidden;width:100%}
.defile__piste{display:flex;align-items:center;gap:56px;width:max-content;animation:utmrx-defile 40s linear infinite}
.defile__piste--lent{animation-duration:70s;gap:20px}
.defile__piste--inverse{animation-direction:reverse}
.defile:hover .defile__piste{animation-play-state:paused}
@keyframes utmrx-defile{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.defile__piste{animation:none}}
.defile__logo{height:56px;width:auto;object-fit:contain}
.logos-bloc{padding:28px 0}
.logos-bloc__grille{display:flex;flex-wrap:wrap;gap:40px;align-items:center;justify-content:center}
.defile__photo{height:340px;width:auto;aspect-ratio:4/5;object-fit:cover;border-radius:6px}
.galerie-bloc__legende{text-align:right;margin-top:24px}
/* Texte défilant géant */
.bandeau-defilant{padding:clamp(40px,7vw,96px) 0;overflow:hidden}
.bandeau-defilant__ligne{font-size:clamp(2.6rem,7vw,5.6rem);line-height:1.15;white-space:nowrap}
.bandeau-defilant__ligne .defile__piste{gap:0}
.bandeau-defilant__ligne--gras{font-weight:800;font-style:italic}
.bandeau-defilant__ligne--leger{font-weight:300}
/* Vidéos */
.videos-bloc__grille{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(24px,4vw,56px);align-items:center}
.videos-bloc__liste{display:flex;gap:16px;flex-wrap:wrap}
.video-carte{position:relative;display:block;width:min(230px,46%);aspect-ratio:9/16;border:0;padding:0;background:#222;border-radius:4px;overflow:hidden;cursor:pointer;color:#fff;text-align:left}
.video-carte__media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.video-carte__legende{position:absolute;left:16px;bottom:18px;display:flex;flex-direction:column;font-size:.8rem;z-index:1}
.video-carte__legende strong{font-size:.85rem;text-transform:uppercase}
.video-carte__lecture{position:absolute;right:12px;bottom:12px;width:48px;height:48px;border-radius:50%;background:rgba(0,0,0,.45);display:grid;place-items:center;z-index:1}
.video-carte::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(0,0,0,.55))}
@media (max-width:800px){.videos-bloc__grille{grid-template-columns:1fr}}
/* Grands liens */
.grands-liens{border-top:1px solid #111}
.grands-liens__lien{display:flex;justify-content:space-between;align-items:center;padding:clamp(14px,2.4vw,26px) clamp(16px,2vw,24px);border-bottom:1px solid #111;font-size:clamp(1.6rem,4vw,3rem);color:inherit;text-decoration:none;transition:background .2s,color .2s,padding .2s}
.grands-liens__lien:hover{background:#111;color:#fff;padding-left:clamp(24px,3vw,40px)}
/* Offres en colonnes */
.offres__tete{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:20px}
.offres__tete h2{margin:0}
.offres__grille{display:grid;border:1px solid #999}
.offres__grille--1{grid-template-columns:1fr}.offres__grille--2{grid-template-columns:1fr 1fr}.offres__grille--3{grid-template-columns:repeat(3,1fr)}.offres__grille--4{grid-template-columns:repeat(4,1fr)}
.offres__colonne{padding:clamp(20px,3vw,36px);border-left:1px solid #999}
.offres__grille>:first-child{border-left:0}
.offres__image img{width:100%;height:100%;object-fit:cover}
.offres__surtitre{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--c-doux);margin-bottom:6px}
.offres__colonne h3{font-weight:400;text-transform:uppercase;letter-spacing:.04em}
.offres__liste ul{list-style:none;padding-left:0}
.offres__liste li{position:relative;padding-left:16px;margin-bottom:8px}
.offres__liste li::before{content:"+";position:absolute;left:0;color:var(--c-doux)}
.offres__note{font-size:.8rem;color:var(--c-doux)}
@media (max-width:900px){.offres__grille--3,.offres__grille--4,.offres__grille--2{grid-template-columns:1fr}.offres__colonne{border-left:0;border-top:1px solid #999}.offres__grille>:first-child{border-top:0}}
/* Formulaires : groupes de choix, libellés dans les champs */
.form__groupe{border:0;padding:0;margin:0}
.form__groupe legend{font-weight:600;font-size:.95rem;margin-bottom:10px;padding:0}
.form__options{display:flex;flex-wrap:wrap;gap:10px 22px}
.form__option{display:flex;align-items:center;gap:8px;font-weight:400!important}
.form__option input{width:auto}
.form__cache{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* Titres : mots en valeur */
h1 em,h2 em,.lateral__encart em{font-weight:800;font-style:italic;text-decoration:underline;text-underline-offset:.14em;text-decoration-thickness:2px}
/* Bandeau : portrait à droite */
.hero--portrait{padding-bottom:0}
.hero--portrait .hero__in{min-height:min(70vh,640px);display:flex;flex-direction:column;justify-content:center;padding-bottom:clamp(48px,8vw,96px)}
.hero__portrait{position:absolute;right:0;bottom:0;height:100%;width:auto;max-width:52%;object-fit:contain;object-position:bottom right}
@media (max-width:800px){.hero__portrait{position:relative;max-width:100%;height:auto;margin-top:24px}}
/* Pastille sur image */
.duo__image{position:relative}
.pastille{position:absolute;left:-28px;bottom:16%;background:#fff;border-radius:6px;box-shadow:0 18px 40px rgba(0,0,0,.12);padding:20px 24px;text-align:center;min-width:120px}
.pastille strong{display:block;font-size:2.8rem;font-style:italic;font-weight:800;line-height:1}
.pastille span{font-size:.9rem}
@media (max-width:800px){.pastille{left:12px}}
/* Chiffres clés */
.chiffres__grille{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,80px);align-items:center}
.chiffres__cases{display:grid;grid-template-columns:1fr 1fr;box-shadow:0 20px 50px rgba(0,0,0,.08);background:#fff}
.chiffres__case{padding:clamp(28px,4vw,52px) 16px;text-align:center;border:1px solid var(--c-bord)}
.chiffres__case strong{display:block;font-size:clamp(1.8rem,3.5vw,2.6rem)}
.chiffres__case span{font-size:.85rem;color:var(--c-doux)}
@media (max-width:800px){.chiffres__grille{grid-template-columns:1fr}}
/* Cartes avec lien */
.cartes-liens--sombre{background:#0b1426;color:#fff}
.cartes-liens__titre{text-align:center;margin-bottom:32px}
.cartes-liens__grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}
.cartes-liens__carte{position:relative;display:flex;flex-direction:column;gap:8px;padding:28px;background:#fff;color:var(--c-texte);text-decoration:none;box-shadow:0 18px 40px rgba(0,0,0,.06);border-radius:4px;min-height:120px;transition:transform .2s}
.cartes-liens__carte:hover{transform:translateY(-3px)}
.cartes-liens__corps{display:flex;flex-direction:column;gap:6px}
.cartes-liens__corps span{color:var(--c-doux);font-size:.95rem}
.cartes-liens__carte--image{padding:0;min-height:360px;color:#fff;overflow:hidden;justify-content:flex-end}
.cartes-liens__carte--image .cartes-liens__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cartes-liens__carte--image::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,rgba(0,0,0,.5))}
.cartes-liens__carte--image .cartes-liens__corps,.cartes-liens__carte--image .cartes-liens__fleche{position:relative;z-index:1;padding:24px}
.cartes-liens__carte--image .cartes-liens__corps span{color:#eee}
.cartes-liens__fleche{position:absolute!important;right:0;bottom:0}
/* Phrase animée */
.texte-anime-bloc{background:#f3f0eb;padding:28px 0}
.texte-anime{font-size:clamp(1.2rem,2.4vw,1.6rem);font-style:italic;text-align:center;margin:0}
.texte-anime strong{font-weight:800}
.texte-anime__curseur{display:inline-block;width:2px;height:1em;background:currentColor;margin-left:2px;vertical-align:-2px;animation:utmrx-clignote 1s step-end infinite}
@keyframes utmrx-clignote{50%{opacity:0}}
/* Témoignage sur photo */
.temoignage-image{display:grid;grid-template-columns:1fr 1fr;background:#0b1426;color:#fff;min-height:440px}
.temoignage-image__texte{padding:clamp(40px,6vw,80px) clamp(20px,6vw,80px);align-self:center}
.temoignage-image__texte p{color:#b6bdcb}
.temoignage-image__photo{position:relative}
.temoignage-image__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.temoignage-image__carte{position:absolute;left:-60px;top:12%;max-width:260px;background:#fff;color:var(--c-texte);padding:28px;margin:0;box-shadow:0 20px 50px rgba(0,0,0,.2);border-radius:4px}
.temoignage-image__carte blockquote{margin:0 0 16px}
.etoiles{color:#f5a623;letter-spacing:1px}.etoiles__vides{color:#ddd}
@media (max-width:800px){.temoignage-image{grid-template-columns:1fr}.temoignage-image__photo{min-height:380px}.temoignage-image__carte{left:16px;right:16px;top:auto;bottom:16px}}
/* Dernières actualités */
.dernieres__titre{text-align:center}
.dernieres__carte{text-decoration:none;color:inherit;box-shadow:0 18px 40px rgba(0,0,0,.06);border:0}
/* Liste à coches */
.section--serree{padding:24px 0}
.coches--encadre{background:#f3f0eb;padding:clamp(24px,4vw,40px);border-radius:4px}
.coches__liste{list-style:none;margin:0;padding:0;display:grid;gap:10px 24px}
.coches__liste--2{grid-template-columns:1fr 1fr}.coches__liste--3{grid-template-columns:repeat(3,1fr)}
.coches__liste li{position:relative;padding-left:24px}
.coches__liste li::before{content:"✓";position:absolute;left:0;color:#b29b6c;font-weight:700}
@media (max-width:600px){.coches__liste--2,.coches__liste--3{grid-template-columns:1fr}}
/* Encarts de contact */
.encarts{display:flex;flex-direction:column;gap:16px}
.encart{display:grid;grid-template-columns:1fr 240px;background:#fff;box-shadow:0 14px 34px rgba(0,0,0,.07);border-radius:4px;overflow:hidden}
.encart__texte{padding:24px}
.encart__bouton{display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;color:#fff;text-decoration:none;padding:20px}
.encart__bouton--accent{background:#b8a785}.encart__bouton--sombre{background:#0b1426}
@media (max-width:700px){.encart{grid-template-columns:1fr}}
/* Avis Google */
.avis-google__resume{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.avis-google__resume strong{font-size:1.4rem}
.avis-google__grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:16px}
.avis-google__carte{position:relative;margin:0;padding:18px 18px 40px;background:#fff;border:1px solid var(--c-bord);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.avis-google__carte figcaption{display:flex;gap:10px;align-items:center;margin:10px 0}
.avis-google__carte figcaption img,.avis-google__initiale{width:36px;height:36px;border-radius:50%;object-fit:cover}
.avis-google__initiale{display:grid;place-items:center;background:#8d6e63;color:#fff;font-weight:700}
.avis-google__carte figcaption span{display:flex;flex-direction:column;font-size:.9rem}
.avis-google__carte small{color:var(--c-doux)}
.avis-google__carte blockquote{margin:0;font-size:.95rem}
.avis-google__g{position:absolute;right:14px;bottom:10px;font:700 1.2rem/1 Arial,sans-serif;background:linear-gradient(90deg,#4285f4,#ea4335,#fbbc05,#34a853);-webkit-background-clip:text;background-clip:text;color:transparent}
/* Bandeau de titre des pages intérieures */
.titre-page{background:var(--c-fond-doux);padding:clamp(28px,5vw,56px) 0;text-align:center}
.titre-page h1{font-size:clamp(1.6rem,3.2vw,2.2rem);margin:0}
/* Page avec colonne latérale */
.lateral{display:grid;grid-template-columns:260px 1fr;gap:clamp(24px,5vw,56px);padding-top:32px;padding-bottom:48px}
.lateral__contenu .section{padding:16px 0}.lateral__contenu .conteneur{padding:0}
.lateral__menu{display:flex;flex-direction:column;margin-bottom:24px}
.lateral__rubrique,.lateral__lien{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--c-bord);text-decoration:none;color:var(--c-texte)}
.lateral__lien{padding-left:10px;color:var(--c-doux);font-size:.95rem}
.lateral__lien.actif,.lateral__lien:hover{color:var(--c-texte)}
.lateral__form{background:#f3f0eb;padding:22px;margin-bottom:20px}
.lateral__form .form input,.lateral__form .form select,.lateral__form .form textarea{font-size:.85rem;padding:9px 10px}
.lateral__encart{background:#0b1426;color:#fff;padding:22px}
.lateral__encart p{font-size:1.1rem}
.lateral__encart-bouton{display:block;background:#fff;color:#111;text-align:center;padding:12px;font-weight:700;text-decoration:none;font-size:.85rem}
@media (max-width:900px){.lateral{grid-template-columns:1fr}.lateral__colonne{order:2}}
/* L'essentiel : points clés (extension SEO & GEO) */
.essentiel{border:1px solid var(--c-bord);border-left:4px solid var(--c-accent);background:var(--c-fond-doux);border-radius:var(--rayon);padding:20px 24px;margin:0 0 28px}
.essentiel__titre{font-size:1.1rem;margin:0 0 10px}
.essentiel ul{margin:0;padding-left:1.2em}
.essentiel li{margin:5px 0}
.article__image+.essentiel{margin-top:28px}
/* Signature d'une actualité (auteur, extension SEO & GEO) */
.signature{color:var(--c-doux);font-size:.95rem;margin:-6px 0 22px}
.signature a,.signature strong{color:var(--c-texte);font-weight:600}
.signature a{text-decoration:underline;text-underline-offset:3px}
/* Bloc « Image » */
.image-seule__figure{margin:0 auto}
.image-seule__figure img{display:block;width:100%;height:auto;border-radius:var(--rayon)}
.image-seule--pleine .image-seule__figure img{border-radius:0;max-height:80vh;object-fit:cover}
.image-seule figcaption{margin-top:10px;color:var(--c-doux);font-size:.92rem;text-align:center}