/* Finitions du panorama : hiérarchie, matières et interactions */
.pn-panel.pn-quote{background:linear-gradient(180deg,#c1d8f2f2 4%,#dbe9f9ab 43%,#173d2920 100%),var(--pn-quote-image) center bottom/cover no-repeat;}
body.hibou-panorama{background-color:#c7d3c8!important}
.pn-edition-bar{max-width:1320px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:9px 25px;background:#173b2af5;color:#f4eedc;font:700 9px/1.5 Arial,sans-serif;letter-spacing:.12em;border-bottom:1px solid #d2b76b69}
.pn-edition-bar>span:last-child{font-weight:400;letter-spacing:.03em;font-size:10px;color:#d7e2d5}
.pn-edition-time{display:inline-block;border-left:1px solid #ffffff35;padding-left:13px;margin-left:12px;color:#f0d08a;font-weight:700;font-variant-numeric:tabular-nums}
.pn-header,.pn-header-inner{min-height:270px}
.pn-header{border-bottom:1px solid #fff4}
.pn-brand strong{font-size:clamp(35px,3.65vw,51px);letter-spacing:-1.45px}
.pn-brand small{letter-spacing:.18em;font-size:10px;font-weight:700;color:#304e3a}
.pn-brand em{font-size:19px}
.pn-owl{filter:drop-shadow(0 4px 3px #1e351d32)}
.pn-head-tools form{box-shadow:0 4px 18px #18372f20;border:1px solid #c8d8d1;border-radius:5px}
.pn-head-tools form:focus-within{box-shadow:0 0 0 3px #cfb16d66}
.pn-motto{bottom:42px;font-size:27px;text-shadow:0 2px 5px #143122bb}
.pn-nav{background:linear-gradient(110deg,#193d2b 0%,#102f22 100%);border:1px solid #c5ab6350;box-shadow:0 6px 16px #132c2c38;border-radius:6px}
.pn-nav>a{position:relative}
.pn-nav>a:not(:first-child):after{content:"";position:absolute;height:2px;background:#d8b85e;left:17px;right:17px;bottom:9px;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.pn-nav>a:hover:after{transform:scaleX(1)}
.pn-nav summary{color:#e7d8b0}
.pn-nav-wrap{margin-bottom:0}
.pn-topic-bar{max-width:1272px;margin:0 auto 15px;display:flex;align-items:center;gap:10px 23px;background:#fcfbf5f0;border:1px solid #d8dece;border-top:0;border-radius:0 0 5px 5px;padding:12px 20px;box-shadow:0 3px 7px #13332613}
.pn-topic-bar>span{color:#7a1c20;font:800 9px Arial,sans-serif;letter-spacing:.13em;padding-right:15px;border-right:1px solid #cbd6c2}
.pn-topic-bar>a{font:700 11px/1.5 Arial,sans-serif;text-decoration:none;color:#2a4936}
.pn-topic-bar b{font-size:13px;color:#977227;padding-left:4px;font-weight:400}
.pn-topic-bar>a:hover{color:#7a1c20}
.pn-panel{border:1px solid #e0e3d5;border-radius:7px;background:#fffcf4f5;box-shadow:0 5px 18px #14352720,inset 0 1px 0 #fff9}
.pn-panel-heading h2{letter-spacing:-.6px}
.pn-panel-heading>a{font-size:11px}
.pn-panel-heading{padding-bottom:12px;border-bottom:1px solid #d8dcca;margin-bottom:15px}
.pn-today{position:relative;padding:24px 26px;gap:22px}
.pn-day h1{display:flex;align-items:center;gap:10px;font-size:25px;line-height:1.12}
.pn-day h1 svg{flex-shrink:0;width:27px;height:27px;margin:0}
.pn-day .pn-date{margin:12px 0 10px;font-size:13px}
.pn-day>p{color:#52604a;font-size:11px}
.pn-button{font-weight:700;box-shadow:0 3px 7px #10271c20;transition:background .18s,transform .18s}
.pn-burgundy{background:linear-gradient(135deg,#8a2928,#661a20);border:1px solid #a6423a}
.pn-button:hover{filter:none;background:#94332e}
.pn-weather{background:#fffefbf2;border:1px solid #ecebe2;box-shadow:0 2px 9px #1b3d2c06;padding:11px 3px 10px;border-radius:7px}
.pn-weather-icon{height:44px;width:46px;margin:0 0 5px;display:block;font-size:24px}
.pn-weather-icon svg{display:block;width:44px;height:44px}
.pn-weather-city b{font-weight:400;font-size:26px;color:#1a3e2d;font-variant-numeric:tabular-nums}
.pn-weather-city strong{font-size:11px}
.pn-weather-city small{font-size:9px;color:#52624d}
.pn-weather-source{font-size:8px!important;letter-spacing:.01em}
.pn-ephemeride h2{color:#6b2427;font-size:21px}.pn-ephemeride>a:not(.pn-small-link){font-size:16px;line-height:1.3;color:#2e4934}
.pn-today blockquote{color:#2a4633;font-size:21px;position:relative;padding-top:18px}
.pn-today blockquote:before{content:"";position:absolute;left:calc(50% - 17px);top:0;width:34px;height:2px;background:#c0a15a}
.pn-showcase{display:flex;flex-direction:column;padding:9px;overflow:hidden;background:#fffef9}
.pn-slides{flex:1;position:relative;min-height:470px}
.pn-slide{height:100%;min-height:470px}
.pn-slide[hidden]{display:none!important}
.pn-showcase .pn-feature-link{min-height:470px;height:100%;border-radius:4px}
.pn-showcase .pn-feature-image{object-position:center 60%}
#pn-slide-2 .pn-feature-image{object-position:center 40%}
.pn-showcase .pn-feature-shade{background:linear-gradient(180deg,#0e2c1b08 5%,#0e2c1b05 26%,#0c241c80 58%,#0a221afc 100%)}
.pn-showcase .pn-feature-copy{left:29px;right:29px;bottom:27px}
.pn-showcase .pn-feature-copy h2{font-size:clamp(35px,3.5vw,48px);line-height:1.04;letter-spacing:-1.1px;margin:13px 0 15px;max-width:620px}
.pn-showcase .pn-feature-copy p{font:15px/1.6 Arial,sans-serif;max-width:590px;color:#f3f4e6;margin-bottom:20px}
.pn-showcase .pn-eyebrow{letter-spacing:.16em;font-size:9px}
.pn-showcase .pn-tag{top:18px;left:18px;font-size:10px;letter-spacing:.1em;padding:9px 13px;border:1px solid #b8645066;box-shadow:0 2px 9px #1f1d1930}
.pn-slide-watermark{position:absolute;right:20px;top:4px;font:italic 65px Georgia,serif;letter-spacing:-4px;color:#ffffff95;text-shadow:0 2px 3px #17322d60}
.pn-showcase-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 9px 7px}
.pn-showcase-controls[hidden]{display:none!important}
.pn-showcase-tabs{display:flex;gap:6px}
.pn-showcase-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;padding:7px 11px 10px;color:#64725f;font:700 10px/1.4 Arial,sans-serif;white-space:nowrap}
.pn-showcase-tabs button span{color:#a9ac95;font-size:9px;margin-right:5px}
.pn-showcase-tabs button[aria-selected=true]{border-bottom-color:#7a1c20;color:#173c2a}
.pn-showcase-tabs button[aria-selected=true] span{color:#7a1c20}
.pn-showcase-tabs button:hover{background:#f0f2e8}
.pn-showcase-arrows{display:flex;gap:6px}
.pn-showcase-arrows button{display:flex;align-items:center;justify-content:center;width:33px;height:33px;border:1px solid #cdd5c4;background:#fffdf5;border-radius:50%;font-size:18px;color:#234431}
.pn-showcase-arrows button:hover{background:#183e2c;color:white;border-color:#183e2c}
.pn-latest{display:flex;flex-direction:column}
.pn-latest article{flex:1;align-items:center;padding:15px 0;gap:15px}
.pn-latest article:first-of-type{padding-top:5px}
.pn-latest-picture{width:100%;height:84px;border:1px solid #d9ddce;box-shadow:0 2px 5px #1c2c1909}
.pn-latest h3{font-size:15px;line-height:1.35;letter-spacing:-.2px}
.pn-latest time{font-size:10px;color:#7c806e}
.pn-image-editorial{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#e8e4ce,#cfd9bf);color:#39513a;text-align:center}
.pn-image-editorial svg{width:38px;height:38px;margin-bottom:7px}
.pn-image-editorial>span{font:700 7px/1.4 Arial,sans-serif;letter-spacing:.06em}
.pn-journal-image .pn-image-editorial svg{width:64px;height:64px;margin-bottom:13px}
.pn-journal-image .pn-image-editorial>span{font-size:10px}
.pn-rubrics{gap:10px}
.pn-rubric{padding:10px 10px 17px;box-shadow:0 4px 12px #1c3b2625;position:relative}
.pn-rubric>img,.pn-justice-picture{height:120px;margin-bottom:16px;filter:saturate(.9);transition:filter .2s}
.pn-rubric h2{font-size:23px;margin:0 4px 11px}
.pn-rubric p{font-size:12px;color:#4d5a45;margin:0 4px 20px}
.pn-rubric>span{margin-left:4px;font:700 10px/1.5 Arial,sans-serif;text-decoration:none;border-top:1px solid #d9dfd0;padding-top:11px;display:flex;align-items:center}
.pn-rubric:hover>img{filter:saturate(1.15)}
.pn-rubric:hover h2{color:#7a1c20}
.pn-bottom-grid{gap:14px}
.pn-radios,.pn-useful{border-top:3px solid #b69c57}
.pn-radio{border:1px solid #e1e5d7;box-shadow:0 2px 5px #1a3c2207}
.pn-station{border-bottom:1px solid #eceee3;padding-bottom:12px}
.pn-radio .pn-button{border-radius:4px;background:#1b412e}
.pn-radio .pn-button:hover{background:#2c5b3e}
.pn-radio h3{line-height:1.5}
.pn-useful{background:linear-gradient(120deg,#fcf7e9f7,#e8dfc6f5)}
.pn-useful dl>div{border-bottom:1px solid #ccbea750;margin:0;padding:13px 0}
.pn-useful dl>div:last-child{border:0}
.pn-quote{position:relative;overflow:hidden;border:1px solid #e5e8d3}
.pn-quote:before{content:"";width:34px;height:2px;background:#a3843e;margin-bottom:7px}
.pn-quote>span{font-size:27px;letter-spacing:-.6px}
.pn-quote strong{margin-top:auto;border:1px solid #d6dec9}
.pn-services{border:1px solid #c9b47366;background:linear-gradient(110deg,#173b2b,#234b31);box-shadow:0 4px 10px #132c2320}
.pn-author{background:linear-gradient(120deg,#fbf9eef5,#f1f2e6f5);padding:24px 29px;border-left:4px solid #b59b54}
.pn-author>img{box-shadow:0 3px 9px #203a2625}
.pn-author h2{font-size:27px}
.pn-author a{display:inline-block;border-bottom:1px solid #ae8f60;padding-bottom:3px;text-decoration:none}
.pn-journal-grid h3{font-size:25px;letter-spacing:-.5px}
.pn-journal-image{height:185px;box-shadow:0 3px 8px #213c1b13}
.pn-journal-grid p{color:#5b6553}
.pn-footer{position:relative;border-top:3px solid #c7ab5c}
.pn-footer:before{content:"";display:block;position:absolute;top:0;left:0;right:0;height:1px;background:#fff7}
@media(max-width:1150px){.pn-topic-bar{margin-left:24px;margin-right:24px;gap:13px 20px}.pn-header,.pn-header-inner{min-height:255px}.pn-brand strong{font-size:43px}.pn-motto{bottom:36px;font-size:22px}.pn-topic-bar>span{font-size:8px}.pn-topic-bar>a{font-size:10px}.pn-today h1{font-size:24px}.pn-showcase .pn-feature-copy{left:24px;right:24px}.pn-showcase .pn-feature-copy h2{font-size:39px}.pn-latest-picture{height:76px}.pn-showcase-tabs button{padding:7px 8px 10px}.pn-rubric>img,.pn-justice-picture{height:105px}.pn-rubric h2{font-size:22px}}
@media(max-width:850px){.pn-topic-bar{flex-wrap:wrap;padding:10px 16px;gap:8px 18px}.pn-showcase .pn-feature-copy h2{font-size:34px}.pn-showcase .pn-feature-copy{left:20px;right:20px}.pn-showcase-tabs button{font-size:9px;padding:7px 5px 9px}.pn-showcase-tabs button span{display:none}.pn-showcase-controls{padding-left:2px;padding-right:2px;gap:6px}.pn-showcase-arrows button{width:27px;height:27px;font-size:15px}.pn-showcase .pn-feature-copy p{font-size:14px}.pn-latest h3{font-size:13px}.pn-rubric>img,.pn-justice-picture{height:135px}.pn-rubric h2{font-size:24px}}
@media(max-width:620px){.pn-edition-bar{padding:8px 16px;font-size:8px;letter-spacing:.08em}.pn-edition-bar>span:last-child{font-size:9px}.pn-edition-bar>span:last-child{max-width:160px;text-align:right}.pn-edition-time{display:none}.pn-header,.pn-header-inner{min-height:240px}.pn-header-inner{padding-top:17px}.pn-brand strong{font-size:clamp(27px,6.9vw,39px);letter-spacing:-1px}.pn-brand small{font-size:8px;letter-spacing:.09em}.pn-brand em{font-size:13px}.pn-head-tools{top:123px}.pn-motto{font-size:18px;bottom:19px}.pn-topic-bar{margin:0 12px 12px;padding:11px 13px;gap:11px 16px}.pn-topic-bar>span{width:100%;border:0;padding:0}.pn-topic-bar>a{font-size:10px;line-height:1.5}.pn-topic-bar b{display:none}.pn-today{padding:20px 18px}.pn-day h1{font-size:26px}.pn-day .pn-date{margin:10px 0}.pn-weather{padding:13px 5px 10px}.pn-weather-icon{height:44px;margin-bottom:7px}.pn-weather-city b{font-size:27px}.pn-weather-city strong{font-size:12px}.pn-weather-city small{font-size:10px}.pn-weather-source{font-size:8px!important}.pn-showcase .pn-feature-link,.pn-slide,.pn-slides{min-height:410px}.pn-showcase .pn-feature-copy{left:20px;right:20px;bottom:24px}.pn-showcase .pn-feature-copy h2{font-size:36px;line-height:1.06}.pn-showcase .pn-feature-copy p{font-size:14px;line-height:1.55}.pn-slide-watermark{font-size:54px;top:10px}.pn-showcase .pn-tag{font-size:9px;left:14px;top:16px}.pn-showcase-tabs button{font-size:10px;padding:8px 9px 10px}.pn-showcase-tabs button span{display:inline;font-size:8px;margin-right:3px}.pn-showcase-controls{padding:11px 4px 4px}.pn-showcase-arrows button{width:29px;height:29px}.pn-latest-picture{height:78px}.pn-latest h3{font-size:15px}.pn-latest .pn-panel-heading{display:flex}.pn-rubric>img,.pn-justice-picture{height:120px}.pn-rubric h2{font-size:24px}.pn-rubric p{font-size:12px}.pn-rubric>span{font-size:10px}.pn-author{padding:22px 19px}.pn-author h2{font-size:24px}.pn-journal-grid h3{font-size:22px}.pn-journal-image{height:145px}.pn-journal-grid p{font-size:12px}.pn-footer-motto{font-size:17px}}
@media(max-width:390px){.pn-showcase-tabs button{font-size:9px;padding:7px 6px 9px}.pn-showcase-tabs button span{display:none}.pn-showcase .pn-feature-copy h2{font-size:32px}.pn-showcase .pn-feature-copy p{font-size:13px}.pn-showcase .pn-feature-copy{left:16px;right:16px}.pn-rubric h2{font-size:22px}.pn-edition-bar>span:last-child{max-width:135px}.pn-brand strong{font-size:26px}}
@media(prefers-reduced-motion:no-preference){.pn-slide:not([hidden]) .pn-feature-copy{animation:pn-arrive .4s ease-out both}.pn-slide:not([hidden]) .pn-feature-image{animation:pn-picture-in .65s ease-out both}@keyframes pn-arrive{from{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pn-picture-in{from{opacity:.7}to{opacity:1}}}
@media(prefers-reduced-motion:reduce){.pn-button,.pn-nav>a:after,.pn-rubric>img{transition:none!important}.pn-feature-copy,.pn-feature-image{animation:none!important}}
