/* V3 — semantic HTML5 layout: header/nav/main/section/footer + Grid/Flexbox */
*{box-sizing:border-box}html{overflow-x:hidden}body{margin:0!important;padding:0 18px 32px!important;min-width:0!important}
.site-shell{width:min(1120px,100%);margin:0 auto;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008));box-shadow:0 20px 55px rgba(0,0,0,.28);border-inline:1px solid rgba(255,255,255,.025)}
.site-header{display:flex;justify-content:center;align-items:center;padding:20px 20px 10px;text-align:center}.site-header p{margin:0}.site-header img{display:block;width:min(550px,82vw)!important;max-width:100%;height:auto!important;margin:auto}
.site-nav{border-block:1px solid rgba(217,178,95,.26);margin:0 20px}.menu-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;padding:10px 0}.menu-links a{display:inline-flex;padding:8px 10px;border-radius:999px;font-size:13px!important;text-decoration:none}.menu-links a:hover,.menu-links a[aria-current="page"]{background:rgba(217,178,95,.12)}.menu-toggle{display:none}
.site-main{padding:26px clamp(14px,4vw,48px);min-width:0}.site-main>section{margin-block:20px}
.content-grid{width:100%;min-width:0}.grid-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:clamp(12px,2.5vw,30px);align-items:start;margin:0 0 16px}.grid-cell{min-width:0;text-align:center}.grid-cell>img,.grid-cell a>img{max-width:100%!important;height:auto!important}
.site-main img{max-width:100%!important;height:auto!important}.site-main video,.site-main iframe{max-width:100%!important}.site-main p{max-width:100%;overflow-wrap:anywhere}
.site-footer{border-top:1px solid rgba(217,178,95,.26);padding:18px 20px 26px;margin-top:10px}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:7px 14px;line-height:1.6}.footer-links a{font-size:12px!important;text-decoration:none}
@media(max-width:760px){body{padding:0 8px 20px!important}.site-shell{box-shadow:none;border:0}.site-header{padding:14px 10px 8px}.site-nav{margin:0 8px}.menu-toggle{display:block;width:100%;border:0;background:transparent;color:#f3d894;padding:12px;font:500 14px 'Lato',sans-serif;cursor:pointer}.menu-links{display:none;flex-direction:column;align-items:stretch;padding:0 0 10px}.menu-links.open{display:flex}.menu-links a{justify-content:center;border-radius:6px;padding:11px;border-bottom:1px solid rgba(217,178,95,.08)}.site-main{padding:18px 10px}.grid-row{grid-template-columns:1fr!important;gap:14px}.grid-cell{width:100%!important;max-width:100%!important}.footer-links{flex-direction:column;align-items:center;gap:5px}}

/* V3.1 — typographie, textes, footer et pages spécifiques */
html,body,button,input,textarea,select{font-family:'Lato',sans-serif!important}
body,.texte,.texteplan,.site-main p,.site-main li,.site-main div{font-family:'Lato',sans-serif}
.site-main p,.site-main .texte{text-align:justify}
.site-main p{text-justify:inter-word;hyphens:auto}
.site-nav,.site-footer,.footer-links,.footer-links a{text-align:center}
.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px}
.footer-links a{white-space:nowrap}

/* Actualités : texte à gauche, visuel à droite */
body:has(a[aria-current="page"][href="actualite_createur_bijoux.html"]) .site-main .content-grid>.grid-row>.grid-cell{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,38%);column-gap:32px;align-items:start;text-align:left}
body:has(a[aria-current="page"][href="actualite_createur_bijoux.html"]) .site-main .gauche5,
body:has(a[aria-current="page"][href="actualite_createur_bijoux.html"]) .site-main .gauche4,
body:has(a[aria-current="page"][href="actualite_createur_bijoux.html"]) .site-main .gauche,
body:has(a[aria-current="page"][href="actualite_createur_bijoux.html"]) .site-main .gauche1{grid-column:1;text-align:left;float:none!important;width:auto!important}
body:has(a[aria-current="page"][href="actualite_createur_bijoux.html"]) .site-main .droite5,
body:has(a[aria-current="page"][href="actualite_createur_bijoux.html"]) .site-main .droite4,
body:has(a[aria-current="page"][href="actualite_createur_bijoux.html"]) .site-main .droite{grid-column:2;text-align:right;float:none!important;width:auto!important}
body:has(a[aria-current="page"][href="actualite_createur_bijoux.html"]) .site-main p{text-align:left!important}
body:has(a[aria-current="page"][href="actualite_createur_bijoux.html"]) .site-main hr,
body:has(a[aria-current="page"][href="actualite_createur_bijoux.html"]) .site-main .centre{grid-column:1/-1;width:100%!important}

/* Livre : disposition fidèle à l'ancienne page, responsive */
.books-page{max-width:760px;margin:0 auto}.book-entry{display:grid;grid-template-columns:minmax(280px,379px) 1fr;gap:36px;align-items:start;padding:12px 0}.book-entry img{width:100%;height:auto;display:block}.book-copy p{margin-top:0}.book-note{margin:10px 0 28px;padding-bottom:24px;border-bottom:2px solid #CC9933;text-align:right!important}.book-note:last-child{border-bottom:0}
/* Contact */
.contact-page{max-width:760px;margin:0 auto;text-align:center}.contact-details{text-align:center!important;line-height:1.7}.contact-page figure{margin:30px auto 0}.contact-page figure img{width:min(280px,100%);height:auto}.contact-page figcaption{margin-top:12px;text-align:center}

/* Galerie moderne : CSS Grid + dialog natif HTML5 */
.modern-gallery{max-width:1000px;margin:0 auto}.gallery-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px;list-style:none!important;padding:0!important;margin:20px 0!important}.gallery-grid li{display:block!important;margin:0!important;padding:0!important}.gallery-item{display:block;aspect-ratio:1/1;overflow:hidden;border:1px solid rgba(204,153,51,.35);background:rgba(255,255,255,.03)}.gallery-item img{width:100%!important;height:100%!important;object-fit:cover;display:block;transition:transform .25s ease}.gallery-item:hover img{transform:scale(1.035)}.gallery-item:focus-visible{outline:2px solid #CC9933;outline-offset:3px}.gallery-dialog{max-width:min(92vw,1100px);max-height:92vh;padding:44px 18px 18px;border:1px solid rgba(204,153,51,.55);background:#060b3b;color:inherit}.gallery-dialog::backdrop{background:rgba(0,0,0,.86)}.gallery-dialog-image{display:block;max-width:100%;max-height:76vh;width:auto;height:auto;margin:auto}.gallery-caption{text-align:center!important;max-width:900px;margin:12px auto 0}.gallery-close{position:absolute;right:10px;top:6px;border:0;background:transparent;color:#fff;font-size:32px;line-height:1;cursor:pointer}
@media(max-width:760px){body:has(a[aria-current="page"][href="actualite_createur_bijoux.html"]) .site-main .content-grid>.grid-row>.grid-cell{display:block}.books-page{max-width:100%}.book-entry{grid-template-columns:1fr;gap:18px}.book-entry img{width:min(379px,100%);margin:auto}.book-note{text-align:justify!important}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.footer-links{flex-direction:row;gap:8px 12px}}
@media(max-width:420px){.gallery-grid{grid-template-columns:1fr 1fr}}


/* V3.2 — corrections ciblées demandées */
.site-shell{min-height:calc(100vh - 32px);display:flex;flex-direction:column}
.site-main{flex:1}

/* Accueil : contenu centré */
.page-home .site-main,
.page-home .site-main p,
.page-home .site-main li,
.page-home .site-main .texte,
.page-home .site-main .texteplan,
.page-home .grid-cell{text-align:center!important}
.page-home .site-main ul{display:inline-block;text-align:center!important;margin-left:auto;margin-right:auto;padding-left:0}

/* Photographies : présentation proche de la version HTML4,
   miniatures à hauteur régulière et proportions d'origine, galerie centrée. */
.page-photographies .site-main,
.page-photographies .site-main p,
.page-photographies .site-main .texte,
.page-photographies .grid-cell{text-align:center!important}
.page-photographies .modern-gallery{width:min(900px,100%);margin:0 auto;padding:10px;background:#060b3b;text-align:center}
.page-photographies .gallery-grid{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:0;list-style:none!important;padding:0!important;margin:0 auto!important}
.page-photographies .gallery-grid li{display:block!important;margin:27px 27px 0!important;padding:0!important;line-height:0}
.page-photographies .gallery-item{display:inline-block;aspect-ratio:auto;overflow:visible;border:0;background:transparent}
.page-photographies .gallery-item img{width:auto!important;height:150px!important;max-width:257px!important;object-fit:contain;border:2px solid #000!important;margin:0!important;transform:none!important}
.page-photographies .gallery-item:hover img{transform:none!important}
.page-photographies .site-footer{margin-top:auto}

/* Atelier : texte centré */
.page-atelier .site-main,
.page-atelier .site-main p,
.page-atelier .site-main .texte,
.page-atelier .site-main .texteplan,
.page-atelier .grid-cell{text-align:center!important}

/* Plan d'accès : contenu centré */
.page-acces .site-main,
.page-acces .site-main p,
.page-acces .site-main .texte,
.page-acces .site-main .texteplan,
.page-acces .grid-cell{text-align:center!important}
.page-acces .site-main img{display:block;margin-left:auto;margin-right:auto}

@media(max-width:760px){
  .site-shell{min-height:calc(100vh - 20px)}
  .page-photographies .gallery-grid{gap:10px}
  .page-photographies .gallery-grid li{margin:10px 5px 0!important;flex:0 1 calc(50% - 10px)}
  .page-photographies .gallery-item img{width:100%!important;height:auto!important;max-height:180px;max-width:100%!important;object-fit:contain}
}


/* V3.3 — corrections ciblées */
html, body { min-height:100%; }
body { background-color:#060b3b !important; }
.site-shell { min-height:calc(100vh - 32px); display:flex; flex-direction:column; }
.site-main { flex:1 0 auto; }
.site-footer { margin-top:auto; flex-shrink:0; }

/* Présentation : texte à gauche, image à droite */
.page-presentation .presentation-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:36px;align-items:start;max-width:900px;margin:0 auto}
.page-presentation .presentation-copy{text-align:left!important}
.page-presentation .presentation-copy p,.page-presentation .presentation-copy div{text-align:left!important}
.page-presentation .presentation-image{margin:0;text-align:right}
.page-presentation .presentation-image img{display:block;width:280px!important;max-width:100%!important;height:auto!important;margin-left:auto}

/* Pages galerie : fond sur toute la hauteur + footer en bas */
.page-photographies,.page-autres,.page-parures-portees,.page-expositions{min-height:100vh;background:#060b3b!important}
.page-photographies .site-shell,.page-autres .site-shell,.page-parures-portees .site-shell,.page-expositions .site-shell{min-height:calc(100vh - 32px)}

/* Films : contenu centré */
.page-films .site-main,.page-films .site-main p,.page-films .site-main div,.page-films .site-main .texte,.page-films .grid-cell{text-align:center!important}
.page-films .site-main img,.page-films .site-main video{margin-left:auto!important;margin-right:auto!important}

@media(max-width:760px){
 .site-shell{min-height:calc(100vh - 20px)}
 .page-presentation .presentation-layout{grid-template-columns:1fr;gap:22px}
 .page-presentation .presentation-copy{order:1}
 .page-presentation .presentation-image{order:2;text-align:center}
 .page-presentation .presentation-image img{margin:0 auto}
 .page-photographies .site-shell,.page-autres .site-shell,.page-parures-portees .site-shell,.page-expositions .site-shell{min-height:calc(100vh - 20px)}
}

/* V3.4 — header/footer HTML5 unifiés sur toutes les pages */
.site-header{display:block;padding:20px 20px 0;text-align:center}
.site-brand{display:flex;justify-content:center;align-items:center;padding-bottom:10px}
.site-brand p{margin:0}
.site-brand img{display:block;width:min(550px,82vw)!important;max-width:100%;height:auto!important;margin:auto}
.site-header .site-nav{margin:0;border-top:1px solid rgba(217,178,95,.26);border-bottom:1px solid rgba(217,178,95,.26)}
.site-header .menu-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;padding:10px 0}
.site-header .menu-links a{display:inline-flex;padding:8px 10px;border-radius:999px;font-size:13px!important;text-decoration:none}
.site-header .menu-links a:hover,.site-header .menu-links a[aria-current="page"]{background:rgba(217,178,95,.12)}
.site-footer{width:100%;border-top:1px solid rgba(217,178,95,.1);padding:18px 20px 26px;margin-top:auto}
.site-footer .footer-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;line-height:1.6}
.site-footer .footer-links a{font-size:12px!important;text-decoration:none;white-space:nowrap}
@media(max-width:760px){
 .site-header{padding:14px 10px 0}
 .site-brand{padding-bottom:8px}
 .site-header .site-nav{margin:0}
 .site-header .menu-toggle{display:block;width:100%;border:0;background:transparent;color:#f3d894;padding:12px;font:500 14px 'Lato',sans-serif;cursor:pointer}
 .site-header .menu-links{display:none;flex-direction:column;align-items:stretch;padding:0 0 10px}
 .site-header .menu-links.open{display:flex}
 .site-header .menu-links a{justify-content:center;border-radius:6px;padding:11px;border-bottom:1px solid rgba(217,178,95,.08)}
 .site-footer .footer-links{flex-direction:row;justify-content:center;gap:8px 12px}
}

/* Fond commun à toutes les pages : même couleur que Photographies */
html, body { background-color: #060b3b !important; }