/* Interior pages extend the approved "La tesselle" visual language. */
.interior{min-height:65vh;background:radial-gradient(circle at 85% 4%,rgba(0,174,211,.11),transparent 28%),var(--fond)}
.page-shell{width:var(--env);margin-inline:auto;padding:42px 0 112px}
.breadcrumbs{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px;color:var(--ardoise);margin-bottom:56px}
.breadcrumbs a{color:var(--bleu);text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}
.page-hero{max-width:780px;margin:0 auto 60px;padding:0 0 45px;border-bottom:2px solid transparent;border-image:linear-gradient(90deg,var(--cyan),var(--vert),transparent) 1}
.page-hero h1{font:300 clamp(40px,5.5vw,72px)/1.05 var(--titre);letter-spacing:-.03em;color:var(--encre-2);margin:8px 0 0;max-width:19ch;overflow-wrap:anywhere}
.page-date{margin:24px 0 0;color:var(--ardoise);font-size:15px}
.editorial{max-width:1000px;margin-inline:auto;font-size:18px;line-height:1.7;overflow-wrap:anywhere}
.editorial>p,.editorial>ul,.editorial>ol{max-width:780px;margin:0 auto 24px}
.editorial h2{font:400 clamp(27px,3vw,38px)/1.16 var(--titre);letter-spacing:-.02em;color:var(--encre-2);max-width:780px;margin:70px auto 24px}
.editorial h3{font:500 clamp(22px,2.2vw,28px)/1.2 var(--titre);color:var(--bleu);max-width:780px;margin:45px auto 17px}
.editorial h2:first-child,.editorial h3:first-child{margin-top:0}
.editorial ul,.editorial ol{padding-left:1.5em}.editorial li{padding-left:.35em;margin:0 0 12px}
.editorial a{color:var(--bleu);text-underline-offset:3px}
.editorial a:hover{color:var(--bleu-2)}
.source-image{max-width:780px;margin:30px auto 40px;padding:16px;background:#fff;border:1px solid var(--ligne);border-radius:var(--r2);box-shadow:0 14px 40px -28px rgba(31,44,61,.32)}
.source-image img{display:block;width:auto;max-width:100%;max-height:560px;object-fit:contain;margin:auto;border-radius:8px}
.article-feature{margin:0 auto 45px;max-width:780px;padding:20px;background:#fff;border:1px solid var(--ligne);border-radius:var(--r2)}
.article-feature img{max-width:100%;max-height:440px;width:auto;height:auto;object-fit:contain;margin:auto}
.standalone-link,.embed-link{max-width:780px;margin:24px auto 32px!important}
.standalone-link a,.embed-link a{display:inline-flex;align-items:center;min-height:50px;padding:11px 20px;background:#fff;border:1px solid var(--ligne);border-radius:12px 28px 13px 30px;text-decoration:none;font-weight:600;box-shadow:0 10px 24px -22px rgba(31,44,61,.4)}
.standalone-link a:hover,.embed-link a:hover{background:var(--fond-2)}
.page-grid,.news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1000px;margin:35px auto 0}
.page-card{display:flex;flex-direction:column;gap:14px;padding:28px;background:#fff;border:1px solid var(--ligne);border-radius:var(--r1);text-decoration:none;box-shadow:0 18px 40px -30px rgba(31,44,61,.28);transition:transform .2s,box-shadow .2s}
.page-card:hover{transform:translateY(-3px);box-shadow:0 22px 44px -28px rgba(31,44,61,.38)}
.page-card strong{font:500 clamp(22px,2vw,28px)/1.2 var(--titre);color:var(--encre-2)}
.page-card span:not(.card-arrow){color:var(--ardoise);font-size:16px;line-height:1.5}
.page-card .card-arrow{margin-top:auto;color:var(--bleu);font-size:15px;font-weight:700}
.news-card{display:flex;flex-direction:column;min-width:0}.news-card time{display:block;margin-bottom:10px;color:var(--ardoise);font-size:14px}.news-card .page-card{flex:1}
.section-intro{font-size:21px;color:var(--ardoise)}
.back-link{max-width:780px;margin:70px auto 0!important;padding-top:20px;border-top:1px solid var(--ligne)}
.legal-pending{padding:20px;border-left:4px solid var(--cyan);background:#fff}
.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1000px;margin:24px auto 56px}
.resource-card{display:flex;flex-direction:column;gap:8px;min-height:165px;padding:22px;background:#fff;border:1px solid var(--ligne);border-radius:var(--r2);text-decoration:none!important;box-shadow:0 16px 35px -28px rgba(31,44,61,.35)}
.resource-card span{font:700 13px/1.2 var(--lbl);letter-spacing:.1em;text-transform:uppercase;color:var(--vert-t)}
.resource-card strong{font:500 22px/1.2 var(--titre);color:var(--encre-2)}
.resource-card em{font:600 14px/1.3 var(--texte);font-style:normal;color:var(--bleu);margin-top:auto}
.resources h3{font-size:22px;margin-top:34px;margin-bottom:9px}
.resources h3+p{margin-top:0}
@media(max-width:780px){.page-shell{padding:25px 0 75px}.breadcrumbs{margin-bottom:35px}.page-hero{margin-bottom:42px;padding-bottom:32px}.editorial{font-size:16px}.editorial h2{margin-top:50px}.page-grid,.news-grid{grid-template-columns:1fr}.source-image{padding:8px;margin:25px 0 32px}.source-image img{max-height:460px}.page-card{padding:22px}}
@media(max-width:780px){.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.resource-card{min-height:145px;padding:18px}.resource-card strong{font-size:18px}}
@media(max-width:500px){.resource-grid{grid-template-columns:1fr}.resource-card{min-height:118px}}
@media(max-width:390px){.page-hero h1{font-size:38px}.page-shell{width:min(100% - 32px,1240px)}}

/* Contact: direct access to people and channels, with no duplicate full-size logos. */
.contact-page .editorial{max-width:1000px}
.contact-page .editorial>h2{max-width:none;margin-bottom:26px}
.contact-grid,.contact-channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.contact-card{min-width:0;padding:30px 32px;background:#fff;border:1px solid var(--ligne);border-top:4px solid var(--cyan);border-radius:var(--r2);box-shadow:0 16px 36px -30px rgba(31,44,61,.3)}
.contact-card:nth-child(2){border-top-color:var(--vert)}
.contact-card .contact-role{margin:0 0 11px;color:var(--bleu);font:700 12px/1.4 var(--lbl);letter-spacing:.1em;text-transform:uppercase}
.contact-card h3{margin:0 0 22px;color:var(--encre-2);font:500 clamp(25px,2.6vw,33px)/1.15 var(--titre)}
.contact-card p{margin:8px 0;line-height:1.5}
.contact-card a{font-weight:600;text-decoration-thickness:1px;overflow-wrap:anywhere}
.contact-page .editorial .contact-social-title{margin:49px 0 18px;color:var(--encre-2)}
.contact-channels>a{min-width:0;display:flex;flex-direction:column;gap:7px;padding:23px 26px;background:#fff;border:1px solid var(--ligne);border-radius:var(--r2);text-decoration:none;box-shadow:0 16px 36px -30px rgba(31,44,61,.3)}
.contact-channels>a:hover{background:var(--fond-2)}
.contact-channels strong{color:var(--encre-2);font:500 24px/1.15 var(--titre)}
.contact-channels span{color:var(--ardoise);font-size:15px;line-height:1.45}
.contact-channels .contact-arrow{margin-top:auto;padding-top:12px;color:var(--bleu);font-weight:700}
@media(max-width:700px){.contact-grid,.contact-channels{grid-template-columns:1fr;gap:14px}.contact-card{padding:23px 22px}.contact-page .editorial .contact-social-title{margin-top:38px}}

/* 06/10/2026 — retours de l'AIUF : deux images côte à côte, galeries de photos, outils illustrés, vidéos avec vignette. */
.images-cote{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1000px;margin:30px auto 40px}
.images-cote-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.images-cote .source-image,.galerie .source-image{max-width:none;width:100%;margin:0}
.images-cote .source-image{display:flex;align-items:center;justify-content:center}
.images-cote .source-image img{max-height:520px}
.images-cote .image-agrandir>a{display:flex;align-items:center;justify-content:center;width:100%}
.galerie{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1000px;margin:30px auto 40px}
.galerie-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.galerie .source-image{padding:0;background:none;border:0;box-shadow:none;border-radius:12px;overflow:hidden}
.galerie .source-image img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;max-height:none;border-radius:12px}
.galerie .image-agrandir figcaption{display:none!important}
.outils{display:grid;gap:18px;max-width:1000px;margin:22px auto 48px}
.outil{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:center;padding:22px 28px 22px 22px;background:#fff;border:1px solid var(--ligne);border-radius:var(--r2);box-shadow:0 16px 36px -30px rgba(31,44,61,.3)}
.outil-visuel{margin:0;display:grid;place-items:center;min-height:160px;padding:14px;background:var(--fond);border-radius:12px}
.outil-visuel img{display:block;max-width:100%;max-height:170px;width:auto;height:auto;object-fit:contain}
.outil-texte{min-width:0}
.outil-texte h4{font:500 clamp(20px,2vw,25px)/1.2 var(--titre);color:var(--encre-2);margin:0 0 6px}
.outil-texte .outil-sous{font:600 13px/1.4 var(--lbl);letter-spacing:.08em;text-transform:uppercase;color:var(--bleu);margin:0 0 12px}
.outil-texte p{margin:0 0 12px;font-size:17px;line-height:1.6}
.outil-texte .standalone-link{max-width:none;margin:14px 0 0!important}
.video-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;max-width:1000px;margin:28px auto 44px}
.video-card{display:flex;flex-direction:column;width:calc((100% - 36px)/3);min-width:250px;background:#fff;border:1px solid var(--ligne);border-radius:var(--r2);overflow:hidden;text-decoration:none!important;color:var(--encre)!important;box-shadow:0 16px 36px -30px rgba(31,44,61,.3);transition:transform .2s,box-shadow .2s}
.video-card:hover{transform:translateY(-3px);box-shadow:0 22px 44px -28px rgba(31,44,61,.38)}
.video-seule .video-card{width:min(100%,540px)}
.video-vignette{position:relative;display:block;aspect-ratio:16/9;background:linear-gradient(135deg,var(--bleu),var(--cyan))}
.video-vignette img{width:100%;height:100%;object-fit:cover;display:block}
.video-play{position:absolute;inset:0;margin:auto;width:58px;height:58px;border-radius:50%;background:rgba(14,19,26,.72);box-shadow:0 0 0 6px rgba(255,255,255,.35);transition:background .2s}
.video-play::after{content:"";position:absolute;left:23px;top:17px;border-style:solid;border-width:12px 0 12px 19px;border-color:transparent transparent transparent #fff}
.video-card:hover .video-play{background:var(--bleu)}
.video-titre{display:block;padding:16px 18px 4px;font:500 19px/1.25 var(--titre);color:var(--encre-2)}
.video-sous{display:block;padding:2px 18px 0;font-size:14.5px;line-height:1.45;color:var(--ardoise)}
.video-cta{display:block;margin-top:auto;padding:12px 18px 16px;font-size:14px;font-weight:700;color:var(--bleu)}
@media(max-width:780px){.images-cote{gap:10px}.images-cote-3{grid-template-columns:repeat(2,minmax(0,1fr))}.galerie{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.video-card{width:calc((100% - 18px)/2);min-width:0}.outil{grid-template-columns:170px minmax(0,1fr);gap:18px;padding:18px}}
@media(max-width:600px){.images-cote{grid-template-columns:1fr}.images-cote-3{grid-template-columns:1fr}.video-card{width:100%}.outil{grid-template-columns:1fr}.outil-visuel{min-height:120px}.outil-visuel img{max-height:130px}}

/* Options de contenu : lisibles sur ordinateur et empilées sur téléphone. */
.aiuf-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:32px;margin:28px 0}
.aiuf-split>.source-image{margin:0;max-width:none;width:100%}.aiuf-split>.source-image img{width:100%;height:auto}.aiuf-split.image-right>.source-image{grid-column:2;grid-row:1}.aiuf-split.image-right>.aiuf-split-text{grid-column:1;grid-row:1}.aiuf-split-text{min-width:0}.aiuf-split-text>:first-child{margin-top:0}
.aiuf-youtube{aspect-ratio:16/9;width:100%;margin:28px auto}.aiuf-youtube iframe{width:100%;height:100%;border:0;border-radius:12px}
.aiuf-reports{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.aiuf-reports>.standalone-link{margin:0}
.resource-card>.source-image{width:100%;height:88px;margin:16px 0;display:flex;align-items:center;justify-content:center}.resource-card>.source-image img{max-height:88px;max-width:100%;width:auto;object-fit:contain}
.contact-card>.source-image{margin:18px 0;max-width:100%}.contact-card>.source-image img{max-width:100%;max-height:130px;width:auto;object-fit:contain}
.aiuf-news-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:center;gap:48px}.aiuf-news-hero>.article-feature{margin:0}.aiuf-news-hero>.article-feature img{width:100%;max-height:330px;object-fit:contain}.aiuf-news-hero>div{min-width:0}
.sous .a-sous{position:relative;display:grid;grid-template-columns:1fr 40px;align-items:center}.sous .a-sous>a{min-width:0}.sous .a-sous>.sous-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0}.sous .a-sous>.sous{left:100%;top:0;min-width:240px;margin:0}.sous .a-sous>.sous-btn:after{transform:rotate(-45deg)}
@media(max-width:1240px){.sous .a-sous>.sous{position:static;grid-column:1/-1;min-width:0;width:100%;padding-left:16px;box-shadow:none}.sous .a-sous>.sous-btn:after{transform:rotate(45deg)}}
@media(max-width:780px){.aiuf-split,.aiuf-news-hero{grid-template-columns:1fr;gap:20px}.aiuf-split.image-right>.source-image,.aiuf-split.image-right>.aiuf-split-text{grid-column:auto;grid-row:auto}.aiuf-news-hero>.article-feature img{max-height:260px}.aiuf-split>.source-image{max-width:100%}.aiuf-reports{gap:10px}}

.nav .a-sous>.sous{opacity:0;visibility:hidden;transform:translateY(-6px)}.nav .a-sous.ouvert>.sous{opacity:1;visibility:visible;transform:none}
.sous .a-sous>.sous-btn::before{transform:rotate(-45deg)}.sous .a-sous.ouvert>.sous-btn::before{transform:rotate(45deg)}
@media(max-width:1240px){.nav .a-sous>.sous{display:none;opacity:1;visibility:visible;transform:none}.nav .a-sous.ouvert>.sous{display:block}.sous .a-sous>.sous-btn::before{transform:rotate(45deg)}.sous .a-sous.ouvert>.sous-btn::before{transform:rotate(-135deg)}}
.aiuf-news-hero{max-width:1100px}

@media(min-width:1241px){.sous .a-sous>.sous{left:auto;right:calc(100% - 10px)}}
/* 16/10/2026 : un bouton avec une image (rapports d'activité) et le lien posé par la gestion sur une image d'un bloc illustré */
.lien-image a{flex-direction:column;align-items:center;gap:10px;padding:14px 16px 12px;border-radius:14px;text-align:center;max-width:220px}
.lien-image img{display:block;width:100%;max-width:190px;max-height:260px;height:auto;object-fit:contain;border-radius:8px}
.aiuf-reports{align-items:flex-start}.aiuf-reports>.lien-image{flex:0 1 190px}.aiuf-reports>.lien-image a{width:100%;max-width:none}
.source-image>.aiuf-image-lien{display:block;max-width:100%}.images-cote .source-image>a{display:flex;align-items:center;justify-content:center;width:100%}
@media(max-width:600px){.aiuf-reports>.lien-image{flex-basis:calc((100% - 10px)/2)}}

/* 16/10/2026 — logos des URPS dans leur cadre (Ressources utiles) et vidéos moins larges (demandes de la cliente du 12/10). */
.resource-card>.source-image{height:auto;min-height:0;padding:12px}.resource-card>.source-image img{max-height:64px}
.aiuf-youtube{max-width:620px}