/* Adaptations techniques de la copie statique ; styles historiques conservés. */
#fond{width:100%;height:100%;pointer-events:none}
html{scroll-behavior:smooth}
.section{scroll-margin-top:28px}
#wrapper .section-box .illustration span.picture-preview a{height:auto;overflow:hidden}
#wrapper .section-box .illustration span.picture-preview a img{display:block;width:100%;height:auto}
.static-map{display:flex;min-height:100%;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;line-height:1.6}
.static-map a{display:inline-block;border:1px solid #026f3b;border-radius:5px;padding:12px;background:#fff;color:#026f3b}
#photo-modal{max-width:90vw;max-height:90vh;box-sizing:border-box;border:0;border-radius:8px;padding:42px 14px 12px;background:#fff;box-shadow:0 6px 36px #0006}
#photo-modal::backdrop{background:#000a}
#photo-large{display:block;max-width:85vw;max-height:72vh;object-fit:contain;margin:auto}
#photo-close{position:absolute;top:8px;right:10px;min-height:28px;cursor:pointer;padding:4px 10px;border:1px solid #777;background:#fff;border-radius:4px}
#photo-caption{text-align:center;margin:10px 0 0}
a:focus-visible,button:focus-visible{outline:3px solid #145488;outline-offset:3px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:980px){
  #wrapper{position:relative;left:auto;margin:0 auto;width:calc(100% - 20px)}
  #nav{left:0;right:0;width:auto;margin:0;padding:0 10px;box-sizing:border-box;height:auto;min-height:28px;background:#fff}
  #wrapper .section{width:100%;box-sizing:border-box}
  #wrapper .section-box{width:100%;box-sizing:border-box;padding-left:16px;padding-right:16px}
  #wrapper .section-box #header{width:calc(100% + 34px);box-sizing:border-box;margin-left:-17px;background-size:100% auto;height:calc((100vw - 20px)*.253);padding-top:6px;font-size:12px}
  #wrapper .section-box-left{width:49%}
  #wrapper .section-box .illustration{width:49%}
  #wrapper .section-box .bienvenue{width:49%}
  #wrapper .section-box-left .garde{width:100%;box-sizing:border-box;padding-left:15px}
  #wrapper .section-box-left .garde .star{padding-right:15px;background-position:100% 3px}
  #wrapper .section-box .illustration span.picture-preview{width:95%;box-sizing:border-box}
  #wrapper .section-box .illustration span.picture-preview a{width:100%;box-sizing:border-box}
  #wrapper .section-box .illustration .g-map{width:100%;box-sizing:border-box}
  #wrapper .section-box .footer{width:100%;box-sizing:border-box}
  #wrapper .section-box-left .garde .map{overflow-wrap:anywhere}
  #wrapper .section-box-left .garde .map .right{float:none;display:block;text-align:left}
  #wrapper .section-box a.retour{right:15px;margin-left:0}
}
@media(max-width:650px){
  #nav{display:flex;flex-direction:row-reverse;justify-content:space-between;padding:0 5px}
  #nav a#nav-contact,#nav a#nav-preparations,#nav a#nav-pharmacie,#nav a#nav-accueil{width:auto;flex:1;float:none;height:auto;min-height:32px;font-size:11px;padding:3px 4px}
  #wrapper .section{padding-top:65px}
  #wrapper .section-box{background-position:right 14px}
  #wrapper .section-box #header{font-size:10px;height:calc((100vw - 20px)*.253 + 42px);background-position:0 42px;line-height:16px}
  #wrapper .section-box #header span.right{float:none;display:block}
  #wrapper .section-box-left,#wrapper .section-box .illustration,#wrapper .section-box .bienvenue{float:none;width:100%;text-align:left}
  #wrapper .section-box .illustration{padding-top:60px}
  #wrapper .section-box .bienvenue{padding-top:17px}
  #wrapper .section-box h1,#wrapper .section-box h1.vert{font-size:20px}
  #wrapper .section-box .illustration span.picture-preview{float:none;width:100%;display:block}
  #wrapper .section-box .illustration .g-map{float:none;width:100%;height:270px}
  #wrapper .section-box .illustration h4{padding-top:0;padding-bottom:15px}
  #wrapper .section-box-left .garde p{font-size:14px}
  #wrapper .section-box p{font-size:14px;line-height:1.4}
  #wrapper .section-box .footer{font-size:11px}
  #wrapper .section-box a.retour{margin:0;top:16px}
  #wrapper .section-box .section-contact{width:100%}
}
@media print{
  #fond,#nav,.footer,.retour,#photo-modal{display:none!important}
  #wrapper{position:static;width:auto;margin:0}
  #wrapper .section{float:none;width:auto;padding:0;break-after:page}
  #wrapper .section-box{width:auto;float:none;border:0;box-shadow:none;background:white;padding:0}
  #wrapper .section-box-left,#wrapper .section-box .illustration,#wrapper .section-box .bienvenue{float:none;width:auto}
  #wrapper .section-box #header{background:none;position:static;width:auto;height:auto;margin:0 0 20px;color:#000}
  body.print-selection .section:not(.print-selected){display:none!important}
  #wrapper .section-box-left .garde{background:#fff;color:#000;width:auto;padding:0}
  #wrapper .section-box-left .garde .star{background:none}
  #wrapper .section-box-left .garde h3,#wrapper .section-box-left .garde .map .right a{color:#000}
}

/* Corrections de liens et présentation des pages annexes. */
#wrapper .phone-link{color:inherit;font:inherit;text-decoration:none;white-space:nowrap}
#wrapper .phone-link:hover{text-decoration:underline}
#wrapper .document-statique .section-box{background-image:none}
#wrapper .document-statique .section-box-left{width:100%}
#wrapper .section-box .g-map .static-map p{font-size:14px;line-height:1.6;margin-bottom:18px}
#wrapper .garde a{color:inherit;text-decoration:underline}
@media(max-width:650px){
  #wrapper .section-box .footer{height:auto;min-height:29px;line-height:1.6;padding-top:5px;padding-bottom:5px}
  #wrapper .section-box a{overflow-wrap:anywhere}
  #wrapper .section-box .garde .map .right a{font-size:11px}
}

#wrapper .section-box-left .garde p a{color:#fff}