/* Rayure : gabarits intérieurs (article, rubrique, page, pied de page). */

/* ---------- bandeau de rubrique / page ---------- */
.ryr-bandeau{background:var(--ryr-pale);border-bottom:6px solid var(--ryr-vert);padding:44px 0;
	background-image:repeating-linear-gradient(90deg,#EDF4EA 0 90px,#E4EEDF 90px 180px)}
.ryr-bandeau-in{display:flex;align-items:center;gap:28px}
.ryr-bandeau h1{font-size:clamp(2.6rem,5vw,4.2rem);line-height:.95}
.ryr-bandeau p{margin:.8rem 0 0;font-size:1.15rem;max-width:40em}
.ryr-numero-grand{position:static;flex:none;min-width:96px;height:96px;font-size:4rem;box-shadow:6px 6px 0 var(--ryr-vert)}
.ryr-fil{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.9rem;margin:0 0 .9rem;color:var(--ryr-gris)}
.ryr-fil a{color:var(--ryr-gris);text-decoration:none;font-weight:600}
.ryr-fil a:hover{color:var(--ryr-encre);text-decoration:underline}
.ryr-liste{margin-top:0}
.ryr-vide-msg{text-align:center;color:var(--ryr-gris)}
.ryr-pagination{margin-top:40px}
.ryr-pagination ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.ryr-pagination a,.ryr-pagination span{display:block;min-width:44px;padding:.6rem .9rem;text-align:center;border:2px solid var(--ryr-encre);color:var(--ryr-encre);text-decoration:none;font-weight:700}
.ryr-pagination .current{background:var(--ryr-vert);border-color:var(--ryr-vert);color:#fff}
.ryr-pagination a:hover{background:var(--ryr-encre);color:#fff}

/* ---------- article : feuille de match, photo large, colonne collante ---------- */
.ryr-feuille{background:var(--ryr-papier);padding:36px 0 26px}
.ryr-feuille h1{font-size:clamp(2.2rem,4.4vw,3.8rem);line-height:.98;max-width:30ch;text-transform:none;letter-spacing:0;margin-bottom:1.4rem}
.ryr-marque-match{display:flex;flex-wrap:wrap;margin:0;border:2px solid var(--ryr-encre);width:fit-content;max-width:100%}
.ryr-marque-match div{padding:.55rem 1.2rem;border-right:2px solid var(--ryr-encre)}
.ryr-marque-match div:last-child{border-right:0}
.ryr-marque-match dt{font:700 .68rem/1 var(--ryr-corps);text-transform:uppercase;letter-spacing:.12em;color:var(--ryr-gris);margin-bottom:.3rem}
.ryr-marque-match dd{margin:0;font:800 1.2rem/1.1 var(--ryr-titres);text-transform:uppercase;letter-spacing:.04em;color:var(--ryr-encre)}
.ryr-photo-article{margin:0 auto;padding:0}
.ryr-photo-article img{width:100%;max-height:400px;object-fit:cover;aspect-ratio:3/1;clip-path:polygon(0 0,100% 0,100% calc(100% - 28px),calc(100% - 28px) 100%,0 100%)}
.ryr-article{background:var(--ryr-papier)}
.ryr-article .ryr-photo-article{background:var(--ryr-papier)}
.ryr-corps{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px;padding:44px 0 72px;align-items:start}
.ryr-lateral{position:sticky;top:calc(var(--ryr-h) + 24px);align-self:start;display:grid;gap:22px;max-height:calc(100vh - var(--ryr-h) - 48px);overflow:auto}
.ryr-somm,.ryr-voisins{background:var(--ryr-craie);border-top:5px solid var(--ryr-vert);padding:18px 20px}
.ryr-somm h2,.ryr-voisins h2{font-size:1.35rem;margin-bottom:.8rem}
.ryr-somm ol{list-style:none;counter-reset:s}
.ryr-somm li{counter-increment:s}
.ryr-somm a{display:grid;grid-template-columns:1.6rem 1fr;gap:.4rem;padding:.4rem 0;color:var(--ryr-texte);text-decoration:none;font-size:.95rem;line-height:1.3}
.ryr-somm a::before{content:counter(s);font:900 1.1rem/1.1 var(--ryr-titres);color:var(--ryr-vert-fonce)}
.ryr-somm a:hover,.ryr-somm a.est-actif{color:var(--ryr-encre);font-weight:700}
.ryr-voisins ul{list-style:none;margin-bottom:.8rem}
.ryr-voisins li+li{border-top:1px solid var(--ryr-trait)}
.ryr-voisins li a{display:block;padding:.6rem 0;color:var(--ryr-encre);text-decoration:none;font-weight:600;font-size:.95rem;line-height:1.3}
.ryr-voisins li a:hover{text-decoration:underline}

/* ---------- texte courant ---------- */
.ryr-texte{min-width:0;font-size:1.08rem;line-height:1.75;color:var(--ryr-texte)}
.ryr-texte>*:first-child{margin-top:0}
.ryr-texte h2{font-size:clamp(1.9rem,2.8vw,2.5rem);line-height:1.02;margin:2.2em 0 .6em;padding-top:.5em;border-top:3px solid var(--ryr-encre);text-transform:none;letter-spacing:0}
.ryr-texte h3{font-size:1.55rem;line-height:1.05;margin:1.8em 0 .5em;text-transform:none;letter-spacing:0}
.ryr-texte h4{font:800 1.1rem/1.2 var(--ryr-corps);margin:1.5em 0 .4em;color:var(--ryr-encre)}
.ryr-texte p,.ryr-texte ul,.ryr-texte ol{margin-bottom:1.15em}
.ryr-texte ul,.ryr-texte ol{padding-left:1.4em}
.ryr-texte li{margin-bottom:.35em}
.ryr-texte li::marker{color:var(--ryr-vert);font-weight:800}
.ryr-texte img{height:auto;margin:1.6em 0}
.ryr-texte figure{margin:1.6em 0}
.ryr-texte figcaption{font-size:.88rem;color:var(--ryr-gris);margin-top:.5rem}
.ryr-texte blockquote{margin:1.6em 0;padding:.4em 0 .4em 1.3em;border-left:6px solid var(--ryr-vert);font-size:1.15rem}
.ryr-texte table{width:100%;border-collapse:collapse;display:block;overflow-x:auto;margin:1.6em 0;font-size:.97rem}
.ryr-texte th{background:var(--ryr-vert);color:#fff;text-align:left;font-weight:700}
.ryr-texte th,.ryr-texte td{padding:.6rem .8rem;border:1px solid var(--ryr-trait);vertical-align:top}
.ryr-texte tr:nth-child(even) td{background:var(--ryr-craie)}
.ryr-texte iframe,.ryr-texte video{max-width:100%}
.ryr-texte #ez-toc-container,.ryr-texte .ez-toc-v2_0_80,.ryr-texte .ez-toc-container{display:none!important}

/* ---------- pages ---------- */
.ryr-page{max-width:860px;padding-block:8px}
.ryr-page .ryr-texte{font-size:1.08rem}

/* ---------- pied de page ---------- */
.ryr-pied{background:var(--ryr-vert-fonce);color:#E7F3EA;
	background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 56px,transparent 56px 112px)}
.ryr-pied-in{width:min(1240px,100% - 40px);margin-inline:auto;display:grid;grid-template-columns:1.4fr 1fr 1.3fr 1fr;gap:40px;padding:56px 0 36px}
.ryr-pied .ryr-nom{font-size:1.4rem}
.ryr-pied p{font-size:.97rem;line-height:1.55;margin:1rem 0 0;color:#D3E8D9}
.ryr-pied .ryr-pied-note{font-size:.88rem;color:#B9D6C1;border-top:1px solid rgba(255,255,255,.2);padding-top:.8rem}
.ryr-pied h2{font:800 1.25rem/1 var(--ryr-titres);text-transform:uppercase;letter-spacing:.12em;color:#fff;margin:0 0 1rem}
.ryr-pied ul{list-style:none}
.ryr-pied li{margin-bottom:.55rem;line-height:1.35;font-size:.97rem}
.ryr-pied li span{display:inline-block;margin-left:.3rem;padding:0 .45rem;background:rgba(255,255,255,.15);font-size:.78rem;font-weight:700;border-radius:99px}
.ryr-pied a{color:#fff;text-decoration:none}
.ryr-pied a:hover{text-decoration:underline}
.ryr-pied-bas{width:min(1240px,100% - 40px);margin:0 auto!important;padding:18px 0 26px;border-top:1px solid rgba(255,255,255,.18);font-size:.85rem!important;color:#B9D6C1!important}

@media (max-width:1060px){
	.ryr-corps{grid-template-columns:1fr;gap:32px}
	.ryr-lateral{position:static;max-height:none;overflow:visible}
	.ryr-pied-in{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
	.ryr-bandeau{padding:32px 0}
	.ryr-bandeau-in{gap:16px}
	.ryr-numero-grand{min-width:64px;height:64px;font-size:2.6rem}
	.ryr-marque-match div{padding:.5rem .8rem}
	.ryr-photo-article img{aspect-ratio:3/2}
	.ryr-pied-in{grid-template-columns:1fr;gap:28px}
}

/* Encadrés d'introduction déjà présents dans les articles (styles en ligne) : aux couleurs du site. */
.ryr-texte [style*="border-left"]{border-left-color:var(--ryr-vert)!important;background:var(--ryr-craie)!important;font-size:1rem!important}
.ryr-texte [style*="border-left"] p{font-size:inherit!important;margin-bottom:.6em}