/* AZUR LOCATION VENTE — Direction "catalogue d'atelier" 2026
   Feuille ecrite sur mesure. Pas de framework, pas de kit de composants. */
:root{--encre:#28312b;--vert:#526153;--papier:#f4f0e7;--papier2:#ebe7dd;--jaune:#e7c356;--rouille:#a25032;--gris:#686d62;--trait:#b6b7a8;--noir:#151c18}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--papier);color:var(--encre);font:16px/1.55 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:3px solid var(--rouille);outline-offset:4px}
img{display:block;max-width:100%}
::selection{background:var(--jaune);color:var(--encre)}
.shell{display:grid;grid-template-columns:243px minmax(0,1fr);max-width:1850px;margin:auto;min-height:100vh}
.rail{min-height:100vh;background:var(--encre);color:#eee9dc;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:20}
.rail-haut{padding:29px 23px 22px}
.embleme{display:block;color:var(--papier)}
.embleme-signe{display:block;font:700 55px/.96 Georgia,serif;letter-spacing:-7px;white-space:nowrap;color:var(--jaune)}
.embleme-signe span{color:#e2b348}
.embleme-base{display:block;font-size:13px;font-weight:800;letter-spacing:2.8px;line-height:1.38;margin-top:13px}
.sous-logo{display:block;border-top:1px solid #596359;font:10px/1.55 Arial,sans-serif;letter-spacing:1.25px;color:#b7c0b6;margin-top:22px;padding-top:12px}
.navigation{margin-top:21px;border-top:1px solid #596359}
.navigation a{display:flex;align-items:center;gap:14px;min-height:54px;padding:13px 19px;border-bottom:1px solid #596359;font-size:12px;font-weight:800;letter-spacing:.9px;transition:background .2s}
.navigation a small{font-size:10px;font-weight:400;color:#a5aca3}
.navigation a b{margin-left:auto;font-size:16px;font-weight:400;color:#aeb7a9;opacity:0}
.navigation a:hover,.navigation a.selection{background:var(--jaune);color:var(--encre)}
.navigation a:hover small,.navigation a.selection small{color:var(--encre)}
.navigation a:hover b,.navigation a.selection b{color:var(--encre);opacity:1}
.rail-pied{margin-top:auto;padding:22px 19px 30px;border-top:1px solid #596359}
.rail-pied>span{font-size:10px;color:#c8ccbc;font-weight:700;letter-spacing:1.6px}
.rail-telephone{display:block;font:700 24px/1.25 Georgia,serif;color:var(--jaune);margin-top:8px;white-space:nowrap}
.rail-courriel{display:block;text-decoration:underline;text-underline-offset:3px;font-size:12px;margin-top:13px}
.page{min-width:0;overflow:hidden}
.filet-entete{height:42px;background:var(--jaune);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4vw,64px);font:700 10px Arial,sans-serif;letter-spacing:1.3px}
.barre-mobile{display:none}
main{min-height:60vh}
.marge{padding-left:clamp(24px,5.25vw,82px);padding-right:clamp(24px,5.25vw,82px)}
.repere{display:inline-flex;gap:10px;align-items:center;color:var(--rouille);font:800 11px Arial,sans-serif;letter-spacing:1.7px;text-transform:uppercase}
.repere:before{content:"";width:25px;height:3px;background:var(--rouille)}
.lancement{padding-top:51px;padding-bottom:41px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:clamp(22px,3vw,55px);align-items:center}
.lancement-texte h1{font:400 clamp(46px,5.6vw,91px)/.98 Georgia,'Times New Roman',serif;letter-spacing:-3.7px;margin:24px 0 26px;max-width:850px}
.lancement-texte h1 span{color:var(--rouille)}
.lancement-texte>p{font-size:17px;line-height:1.72;max-width:570px;margin:0 0 25px;color:#475249}
.lancement-liens{display:flex;align-items:center;flex-wrap:wrap;gap:17px;margin-top:31px}
.bouton-atelier{display:inline-flex;justify-content:space-between;gap:25px;align-items:center;background:var(--encre);color:white;padding:17px 19px 16px;font:800 12px Arial,sans-serif;letter-spacing:1px;min-width:216px}
.bouton-atelier:hover{background:var(--rouille)}
.bouton-atelier b{font-size:20px;font-weight:400}
.lien-sobre{font:700 12px Arial,sans-serif;letter-spacing:.5px;text-decoration:underline;text-underline-offset:5px}
.lancement-droite{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.lancement-droite:before{content:"";position:absolute;z-index:0;background:var(--jaune);width:85%;height:83%;right:-15px;top:8px}
.photo-principale{position:relative;z-index:1;margin:24px 0 0;box-shadow:0 0 0 1px rgba(30,30,30,.15)}
.photo-principale img{width:100%;height:310px;object-fit:cover;filter:saturate(.7) contrast(1.05)}
.photo-principale figcaption{background:var(--encre);color:var(--papier);padding:12px 17px;font:700 10px Arial,sans-serif;letter-spacing:1.2px;display:flex;justify-content:space-between;gap:10px;text-transform:uppercase}
.tampon{position:absolute;z-index:2;right:-9px;bottom:77px;background:var(--jaune);height:64px;width:64px;border:2px solid var(--encre);display:flex;align-items:center;justify-content:center;font:700 27px Georgia,serif;transform:rotate(5deg)}
.regle{height:8px;background:repeating-linear-gradient(90deg,var(--encre) 0,var(--encre) 28px,var(--jaune) 28px,var(--jaune) 41px)}
.triptyque{border-bottom:1px solid var(--trait);display:grid;grid-template-columns:repeat(3,1fr);background:var(--papier2)}
.triptyque a{padding:26px clamp(18px,3vw,52px);border-right:1px solid var(--trait);position:relative;min-height:143px}
.triptyque a:last-child{border-right:0}
.triptyque a:hover{background:#e7d6a3}
.triptyque small{font:800 11px Arial,sans-serif;letter-spacing:1.5px;color:var(--rouille)}
.triptyque strong{display:block;font:400 clamp(22px,2.4vw,34px)/1.14 Georgia,serif;margin:10px 0 3px}
.triptyque p{margin:0;font-size:12px;color:#5f675d;max-width:240px}
.liste-atelier{padding-top:66px;padding-bottom:66px}
.titre-sur-ligne{display:flex;gap:24px;justify-content:space-between;align-items:end;border-top:3px solid var(--encre);padding-top:17px;margin-bottom:26px}
.titre-sur-ligne h2{font:400 clamp(33px,3.45vw,53px)/1.05 Georgia,serif;letter-spacing:-1px;margin:9px 0 0}
.titre-sur-ligne>p{max-width:340px;font-size:14px;line-height:1.7;color:#4a534b;margin:0 0 5px}
.titre-sur-ligne>a{font:800 11px Arial,sans-serif;letter-spacing:.8px;text-decoration:underline;text-underline-offset:5px;white-space:nowrap}
.liste-produits{border-top:1px solid var(--trait)}
.produit-ligne{display:grid;grid-template-columns:58px minmax(0,1fr) minmax(110px,32%) 35px;gap:15px;align-items:center;padding:15px 0;border-bottom:1px solid var(--trait);min-height:126px}
.produit-ligne:hover{background:#ece5d3}
.produit-ligne .index{font:italic 23px Georgia,serif;color:#a18d65;align-self:start;padding-top:16px}
.produit-ligne h3{font:400 clamp(21px,2.25vw,32px)/1.2 Georgia,serif;margin:0 0 5px}
.produit-ligne p{font-size:13px;margin:0;line-height:1.55;color:#5b655d;max-width:440px}
.produit-ligne img{width:100%;height:105px;object-fit:cover;filter:grayscale(.36) contrast(1.05)}
.produit-ligne>span:last-child{font-size:24px;align-self:center;text-align:right}
.produit-ligne:hover h3{text-decoration:underline;text-underline-offset:5px}
.section-noire{background:var(--encre);color:var(--papier);padding:61px clamp(24px,5.25vw,82px) 66px}
.section-noire .repere{color:var(--jaune)}.section-noire .repere:before{background:var(--jaune)}
.section-noire h2{font:400 clamp(40px,4vw,62px)/1.04 Georgia,serif;letter-spacing:-1.6px;margin:18px 0 35px;max-width:830px}
.etapes{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #6b776d}
.etape{border-right:1px solid #6b776d;padding:24px 24px 0 0;margin-right:24px}
.etape:last-child{border:0;margin-right:0}
.etape small{display:block;color:var(--jaune);font-size:12px;font-weight:800}
.etape h3{font:400 25px Georgia,serif;margin:15px 0 9px}
.etape p{font-size:13px;line-height:1.7;color:#d1d5cd;margin:0}
.deux-colonnes{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(30px,5vw,85px);padding-top:65px;padding-bottom:67px;align-items:center}
.deux-colonnes h2{font:400 clamp(33px,3.5vw,53px)/1.12 Georgia,serif;margin:17px 0}
.deux-colonnes p{font-size:15px;line-height:1.75;color:#475349}
.note-marge{background:#e5decf;border-left:6px solid var(--jaune);padding:28px 28px 30px;position:relative}
.note-marge:before{content:"NOTES / NICE";font-size:10px;font-weight:800;letter-spacing:2px;color:var(--rouille)}
.note-marge h3{font:400 34px/1.1 Georgia,serif;margin:16px 0 18px}
.note-marge p{margin:0 0 18px}
.note-marge a{font-weight:800;text-decoration:underline;text-underline-offset:5px;font-size:12px;letter-spacing:.6px}
.bloc-partenaire{padding-top:41px;padding-bottom:47px;background:#e4e7dd;border-top:1px solid #b7bbae;border-bottom:1px solid #b7bbae;display:grid;grid-template-columns:1fr 1.55fr;gap:35px;align-items:start}
.bloc-partenaire>div:first-child{border-top:2px solid var(--encre);padding-top:8px}
.bloc-partenaire small{font:800 10px Arial,sans-serif;letter-spacing:2px;color:var(--rouille)}
.bloc-partenaire h2{font:400 clamp(31px,3.4vw,48px)/1.1 Georgia,serif;margin:10px 0}
.bloc-partenaire p{margin:0;color:#3f4841;line-height:1.8;font-size:15px}
.bloc-partenaire strong{font-weight:900;letter-spacing:.5px}
.bande-contact{background:var(--jaune);padding:42px clamp(24px,5.25vw,82px);display:flex;align-items:center;justify-content:space-between;gap:28px}
.bande-contact small{font-size:10px;font-weight:800;letter-spacing:1.7px}
.bande-contact h2{font:400 clamp(26px,2.7vw,42px) Georgia,serif;margin:9px 0 8px}
.bande-contact p{margin:0;font-size:13px}
.bande-contact>a{font:800 clamp(21px,2.2vw,32px) Georgia,serif;white-space:nowrap;border-bottom:2px solid var(--encre);padding:6px 0}
.bande-contact>a span{font:400 20px Arial}
.bas-page{background:#1b251f;color:#e3e4da;padding:46px clamp(24px,5.25vw,82px) 23px;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px}
.bas-marque{font:400 45px Georgia,serif;color:var(--jaune)}
.bas-marque span{display:block;color:#d5dbd2;font:800 12px Arial,sans-serif;letter-spacing:2px;margin-top:8px}
.bas-col{display:flex;flex-direction:column;align-items:start;gap:9px;font-size:13px}
.bas-col b{font:800 11px Arial,sans-serif;letter-spacing:1.4px;color:var(--jaune);margin-bottom:9px}
.bas-col a:hover{text-decoration:underline}
.bas-fin{grid-column:1/-1;font-size:11px;color:#a6b3a7;border-top:1px solid #4c584d;padding-top:18px;margin-top:18px}
.appel-mobile{display:none}
.ouverture-interne{padding:62px clamp(24px,5.25vw,82px) 51px;border-bottom:1px solid var(--trait);background:var(--papier2)}
.ouverture-interne h1{font:400 clamp(43px,5vw,72px)/1.07 Georgia,serif;letter-spacing:-2px;max-width:930px;margin:24px 0 22px}
.ouverture-interne p{max-width:730px;font-size:17px;line-height:1.78;margin:0;color:#425047}
.contenu-interne{padding:48px clamp(24px,5.25vw,82px) 74px}
.contenu-interne h2{font:400 clamp(27px,3vw,43px)/1.1 Georgia,serif;margin:0 0 21px}
.contenu-interne h3{font:400 26px Georgia,serif;line-height:1.2;margin:24px 0 10px}
.contenu-interne p{line-height:1.83;color:#475147}
.contenu-interne ul{padding-left:21px;line-height:1.85}
.contenu-interne li{padding-left:7px;margin:7px 0}
.colonnes-fiche{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(245px,.6fr);gap:60px;align-items:start}
.fiche-aside{background:#e5decf;border-top:5px solid var(--encre);padding:23px 23px 30px}
.fiche-aside h2{font-size:29px;margin-bottom:18px}
.fiche-aside a{display:block;border-top:1px solid var(--trait);font-size:14px;font-weight:800;padding:12px 0}
.fiche-aside a:hover{color:var(--rouille)}
.paragraphe-dossier{border-top:1px solid var(--trait);padding:22px 0}
.paragraphe-dossier:first-child{border:0;padding-top:0}
.petits-titres{margin-top:34px;border-top:2px solid var(--encre)}
.petits-titres>div{border-bottom:1px solid var(--trait);padding:20px 0;display:grid;grid-template-columns:40px 1fr;gap:17px}
.petits-titres b{color:var(--rouille);font:italic 21px Georgia,serif}
.petits-titres h3{margin:0 0 5px}
.petits-titres p{margin:0}
.table-materiel{border-top:3px solid var(--encre);margin-top:35px}
.table-materiel a{display:grid;grid-template-columns:44px 1fr 1.5fr 20px;gap:17px;align-items:center;border-bottom:1px solid var(--trait);min-height:96px;padding:14px 2px}
.table-materiel a:hover{background:#e7dfca}
.table-materiel strong{font:400 26px Georgia,serif}
.table-materiel small{font-size:13px;line-height:1.6;color:var(--gris)}
.table-materiel b{font:400 20px Georgia,serif;color:var(--rouille)}
.table-materiel i{font-size:21px;font-style:normal;text-align:right}
.dossier-photo{margin:27px 0 33px;background:var(--encre)}
.dossier-photo img{width:100%;height:260px;object-fit:cover;filter:saturate(.68)}
.dossier-photo figcaption{font-size:11px;color:white;padding:10px 16px;letter-spacing:.7px}
.panneau-contact{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;margin-top:25px}
.panneau-contact>div{padding:28px;background:var(--papier2);border-top:3px solid var(--encre)}
.panneau-contact small{display:block;font-size:11px;letter-spacing:1.5px;color:var(--rouille);font-weight:800}
.panneau-contact h2{font:400 28px Georgia,serif;margin:18px 0 8px}
.panneau-contact .coord{display:block;font:400 25px Georgia,serif;margin-top:7px;overflow-wrap:anywhere}
.panneau-contact p{font-size:14px}
.panneau-contact a:hover{text-decoration:underline}
.map-placeholder{background:#d7d4c5;border:1px solid #a8b09e;padding:26px;min-height:216px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.map-placeholder:before{content:"";position:absolute;inset:-25%;background:repeating-linear-gradient(27deg,transparent 0,transparent 46px,#b7bfae 47px,#b7bfae 49px,transparent 50px,transparent 80px),repeating-linear-gradient(-55deg,transparent 0,transparent 60px,#c2bead 61px,#c2bead 63px,transparent 64px,transparent 110px);opacity:.8}
.map-placeholder>*{position:relative}
.map-placeholder strong{font:400 30px Georgia,serif;background:#f1eee5;align-self:start;padding:7px 12px}
.map-placeholder a{display:inline-flex;align-self:start;background:var(--encre);color:white;font:700 12px Arial,sans-serif;padding:13px 18px}
.note-importante{background:#f1e3b8;padding:15px 20px;font:13px/1.65 Arial,sans-serif;border-left:4px solid var(--rouille);margin-top:28px}
.articles-legaux{max-width:870px}
.articles-legaux h2{font-size:28px;margin-top:30px}
.plan-liens{columns:2;list-style:none;padding:0!important}
.plan-liens li{padding:6px 0!important}
.plan-liens a{text-decoration:underline;text-underline-offset:3px}
.passer{position:absolute;z-index:1000;left:-9999px;top:10px;background:var(--jaune);color:var(--encre);padding:12px}
.passer:focus{left:12px}
@media(max-width:1220px){.shell{grid-template-columns:210px minmax(0,1fr)}.rail-haut{padding-left:17px}.navigation a{padding-left:14px;gap:9px;font-size:11px}.rail-telephone{font-size:21px}.lancement{grid-template-columns:1.03fr .97fr}.lancement-texte h1{font-size:clamp(43px,5vw,73px)}.photo-principale img{height:280px}}
@media(max-width:990px){.shell{display:block}.rail{position:fixed;left:0;top:64px;height:calc(100vh - 64px);width:min(340px,88vw);transform:translateX(-104%);transition:transform .22s;box-shadow:none;overflow:auto}.rail.rail-ouvert{transform:translateX(0);box-shadow:8px 0 25px #0004}.navigation{margin-top:10px}.rail-haut{padding:15px 23px}.rail .rail-pied{margin-top:20px}.barre-mobile{height:64px;background:var(--encre);color:var(--papier);display:flex;align-items:center;justify-content:space-between;padding:0 23px;position:sticky;top:0;z-index:30}.mobile-logo{font:400 30px Georgia,serif;color:var(--jaune)}.mobile-logo span{font:800 11px Arial,sans-serif;color:white;letter-spacing:1px;margin-left:9px}.barre-mobile button{border:1px solid #707c6e;background:transparent;color:white;padding:9px 11px;font-size:12px;letter-spacing:1px}.barre-mobile button span{padding-left:9px}.filet-entete{height:34px}.lancement{padding-top:35px;gap:30px}.rail{z-index:29}.page{width:100%}}
@media(max-width:700px){.filet-entete{padding:0 22px;font-size:9px}.filet-droite{display:none}.lancement{grid-template-columns:1fr;padding-top:33px;padding-bottom:35px}.lancement-texte h1{font-size:clamp(48px,11vw,67px);letter-spacing:-2px;margin:18px 0 18px}.lancement-texte>p{font-size:15px}.lancement-droite{max-width:100%;margin:0 13px 0 0}.photo-principale{margin:10px 0 0}.photo-principale img{height:218px}.tampon{bottom:74px}.triptyque{grid-template-columns:1fr}.triptyque a{min-height:0;padding:20px 24px;display:grid;grid-template-columns:49px 1fr;gap:4px 12px;border-right:0;border-bottom:1px solid var(--trait)}.triptyque a strong{margin:0;font-size:26px}.triptyque a p{grid-column:2}.titre-sur-ligne{display:block}.titre-sur-ligne p{margin-top:15px}.liste-atelier{padding-top:46px;padding-bottom:40px}.produit-ligne{grid-template-columns:37px 1fr 23px;min-height:100px;gap:8px}.produit-ligne img{display:none}.produit-ligne .index{padding-top:4px}.produit-ligne h3{font-size:25px}.etapes{display:block}.etape{border-right:0;border-bottom:1px solid #6b776d;margin:0;padding:20px 0}.etape:last-child{border-bottom:0}.section-noire{padding-top:44px;padding-bottom:42px}.section-noire h2{font-size:38px;margin-bottom:27px}.deux-colonnes{grid-template-columns:1fr;padding-top:45px;padding-bottom:48px;gap:27px}.deux-colonnes h2{font-size:37px}.bloc-partenaire{grid-template-columns:1fr;gap:20px}.bande-contact{display:block;padding-top:32px;padding-bottom:38px}.bande-contact>a{display:inline-block;margin-top:16px;font-size:25px}.bas-page{grid-template-columns:1fr 1fr;padding-bottom:85px}.bas-marque{grid-column:1/-1}.bas-fin{grid-column:1/-1}.appel-mobile{display:flex;align-items:center;justify-content:space-between;background:var(--jaune);color:var(--encre);padding:15px 20px;position:fixed;bottom:0;left:0;width:100%;z-index:31;font-size:13px;letter-spacing:.8px;font-weight:800;border-top:2px solid var(--encre)}.appel-mobile span{font-size:20px}.ouverture-interne{padding-top:38px;padding-bottom:34px}.ouverture-interne h1{font-size:44px;margin:18px 0}.ouverture-interne p{font-size:15px}.contenu-interne{padding-top:35px;padding-bottom:50px}.colonnes-fiche{grid-template-columns:1fr;gap:30px}.table-materiel a{grid-template-columns:28px 1fr 18px;gap:12px;min-height:77px}.table-materiel small{grid-column:2;grid-row:2;margin-top:-10px}.table-materiel strong{font-size:24px}.table-materiel i{grid-column:3;grid-row:1}.panneau-contact{grid-template-columns:1fr}.plan-liens{columns:1}}
@media(max-width:400px){.mobile-logo span{font-size:9px}.lancement-texte h1{font-size:47px}.bas-page{grid-template-columns:1fr}.bas-marque{grid-column:auto}.bas-fin{grid-column:auto}.bande-contact>a{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}