/*
 * Pages de contenu (Classical/index.html.twig : Identité, Chiffres clés, Cours de bourse…), design épuré du 20/10/2026,
 * comme la page d'un communiqué (article-epure.css) : couleurs de la charte, titre en casse normale, filets fins.
 * Le texte garde ses classes (entete, bloc-tiny…) : seuls les paragraphes et listes « simples » sont retouchés, les
 * tableaux, graphiques, notes et modules (cotation, encadrés de consentement) gardent leurs propres styles.
 */
.classique-epure{
	--ce-rouge:#e40520;
	--ce-encre:#1d1d1b;
	--ce-gris:#6b6b6b;
	--ce-gris-doux:#8f8f8f;
	--ce-filet:#ebe6e4;
	--ce-fond:#f6f3f2;
}

/* Titre juste sous le fil d'Ariane (21/10/2026 : 44 px de plus faisaient un titre « bien bas »), comme la fiche centre */
.ce-grille{display:grid;grid-template-columns:250px minmax(0,1fr);gap:80px;align-items:start;padding:6px 0 100px}
.ce-contenu{min-width:0;max-width:820px}

/* Menu de la rubrique : accordéon natif, page en cours en rouge */
.ce-nav{position:sticky;top:120px}
.ce-nav-titre{margin:0 0 14px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ce-rouge)}
.ce-nav ul{margin:0;padding:0;list-style:none}
.ce-nav > ul{border-top:1px solid var(--ce-filet)}
.ce-nav li{margin:0;padding:0;background:none}
.ce-nav li:before{display:none}
.ce-nav > ul > li{border-bottom:1px solid var(--ce-filet)}
.content.classique-epure .ce-nav-lien,.ce-nav summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;font-size:14px;line-height:1.35;font-weight:600;color:var(--ce-encre);cursor:pointer;transition:color .2s}
.ce-nav summary{list-style:none}
.ce-nav summary::-webkit-details-marker{display:none}
.ce-nav summary:after{content:"";flex:none;width:7px;height:7px;margin-right:4px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.ce-nav details[open] > summary:after{transform:rotate(-135deg) translateY(-2px)}
.ce-nav summary:hover,.content.classique-epure .ce-nav-lien:hover{color:var(--ce-rouge)}
.content.classique-epure .ce-nav-lien[aria-current="page"]{color:var(--ce-rouge)}
.ce-nav details ul{padding:0 0 12px}
.content.classique-epure .ce-nav details a{display:block;padding:7px 0 7px 14px;border-left:2px solid var(--ce-filet);font-size:14px;line-height:1.4;color:var(--ce-gris);transition:color .2s,border-color .2s}
.content.classique-epure .ce-nav details a:hover{color:var(--ce-encre);border-left-color:var(--ce-encre)}
.content.classique-epure .ce-nav details a[aria-current="page"]{border-left-color:var(--ce-rouge);color:var(--ce-rouge);font-weight:600}
.ce-nav a:focus-visible,.ce-nav summary:focus-visible{outline:2px solid var(--ce-rouge);outline-offset:3px}

/* En-tête : rubrique et titre */
/* En-tête aussi utilisé hors des pages de contenu (agenda, carte des centres) : couleurs redéfinies ici */
.ce-tete{--ce-rouge:#e40520;--ce-encre:#1d1d1b;--ce-filet:#ebe6e4;margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid var(--ce-filet)}
.ce-surtitre{margin:0;font-size:12px;line-height:1.4;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ce-rouge)}
.content.classique-epure h1.ce-titre,.content h1.ce-titre{margin:12px 0 0;padding:0;background:none;font-size:40px;line-height:1.15;font-weight:600;letter-spacing:-.015em;text-transform:none;color:var(--ce-encre)}

/* Texte simple saisi dans le BO (hors tableaux, paragraphes à classe et modules) */
.content.classique-epure .entete p:not([class]):not(table p):not(.contenu-consentement p),
.content.classique-epure .bloc-tiny p:not([class]):not(table p):not(.contenu-consentement p){margin:0 0 1.1em;font-size:17px;line-height:1.75;color:#323232}
.content.classique-epure .entete ul:not([class]) > li:not(table li),
.content.classique-epure .bloc-tiny ul:not([class]) > li:not(table li){position:relative;margin:0 0 .7em;padding-left:26px;background:none;font-size:17px;line-height:1.75;color:#323232}
.content.classique-epure .entete ul:not([class]) > li:not(table li):before,
.content.classique-epure .bloc-tiny ul:not([class]) > li:not(table li):before{content:"";position:absolute;left:0;top:.85em;width:12px;height:2px;background:var(--ce-rouge)}
.content.classique-epure .entete strong,.content.classique-epure .bloc-tiny strong{font-weight:600;color:var(--ce-encre)}
.content.classique-epure .entete a:not([class]),.content.classique-epure .bloc-tiny a:not([class]){color:var(--ce-encre);text-decoration:underline;text-decoration-color:var(--ce-rouge);text-underline-offset:3px;transition:color .2s}
.content.classique-epure .entete a:not([class]):hover,.content.classique-epure .bloc-tiny a:not([class]):hover{color:var(--ce-rouge)}
.content.classique-epure .entete img,.content.classique-epure .bloc-tiny img{max-width:100%;height:auto}
.content.classique-epure .entete iframe,.content.classique-epure .bloc-tiny iframe{max-width:100%}
/* Pictogramme des pages RSE (<p class="toppicto"> en tête du texte, 368 px) : petite icône de 70 px à droite de
   l'introduction, comme sur l'ancien site ; la règle des images ci-dessus l'affichait en pleine largeur */
.content.classique-epure .entete:has(.toppicto){display:flow-root}
.content.classique-epure .entete .toppicto{position:static;float:right;margin:0 0 12px 28px;padding:0}
.content.classique-epure .entete .toppicto img{display:block;width:70px;max-width:70px;height:auto;margin:0}
/* Tableaux simples (sans classe, souvent copiés de Word : fiche signalétique, notation, émissions…) : filets fins au
   lieu du quadrillage ; les tableaux de chiffres (tableau-chiffres) gardent leur style */
.content.classique-epure .entete table:not([class]),.content.classique-epure .bloc-tiny table:not([class]){width:100%;max-width:100%;margin:0 0 1.4em;border:0;border-collapse:collapse;font-size:15px;line-height:1.5}
.content.classique-epure .entete table:not([class]) :is(td,th),.content.classique-epure .bloc-tiny table:not([class]) :is(td,th){padding:12px 14px;border:0;border-bottom:1px solid var(--ce-filet);vertical-align:top;color:#323232}
.content.classique-epure .entete table:not([class]) tr:first-child > :is(td,th),.content.classique-epure .bloc-tiny table:not([class]) tr:first-child > :is(td,th){border-top:1px solid var(--ce-filet)}
.content.classique-epure .entete table:not([class]) th,.content.classique-epure .bloc-tiny table:not([class]) th{font-weight:600;color:var(--ce-encre)}

/* Blocs : intertitre sobre, filet au-dessus quand il y a un intertitre */
.content.classique-epure .bloc{margin-top:44px}
.content.classique-epure .bloc:has(> .titre-event){padding-top:36px;border-top:1px solid var(--ce-filet)}
.content.classique-epure .titre-event{margin:0 0 18px;padding:0;background:none;font-size:24px;line-height:1.3;font-weight:600;letter-spacing:0;text-transform:none;text-align:left;color:var(--ce-encre)}

/* Encadrés « Le saviez-vous ? » */
.content.classique-epure .bloc-info{margin-top:44px;padding:28px 32px;border-left:3px solid var(--ce-rouge);border-radius:0 6px 6px 0;background:var(--ce-fond);color:#323232}
.content.classique-epure .bloc-info .title-red{margin:0 0 8px;font-size:12px;line-height:1.4;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ce-rouge)}
.content.classique-epure .bloc-info .big-title-red{margin:0 0 12px;font-size:20px;line-height:1.35;font-weight:600;text-transform:none;color:var(--ce-encre)}
.content.classique-epure .bloc-info .txt,.content.classique-epure .bloc-info .txt p{font-size:16px;line-height:1.7;color:#323232}

/* Cours de bourse : la cotation avant le graphique, en carte large */
.ce-contenu:has(.cotation-mercialys){display:flex;flex-direction:column}
.ce-contenu:has(.cotation-mercialys) > .ce-tete{order:-2}
.content.classique-epure .ce-contenu > .bloc:has(.cotation-mercialys){order:-1;margin:0 0 36px;padding:0;border:0}
/* Même largeur que le graphique Euroland (750 px, donnée par son module) ; la colonne de droite (détail) occupe trois
   lignes, la troisième prend la hauteur restante pour que le cours et sa variation restent groupés en haut */
.classique-epure .cotation-mercialys{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);grid-template-rows:auto auto 1fr;column-gap:56px;max-width:750px;padding:30px 32px;border:1px solid var(--ce-filet);border-radius:8px}
.classique-epure .cotation-mercialys .cm-titre{grid-column:1;align-self:start;margin:0 0 12px;letter-spacing:.14em}
.classique-epure .cotation-mercialys .cm-cours{grid-column:1;align-self:start;font-size:48px;line-height:1.05;font-weight:500;letter-spacing:-.02em;color:var(--ce-encre)}
.classique-epure .cotation-mercialys .cm-var{grid-column:1;align-self:start;justify-self:start;margin:14px 0 0;padding:5px 12px;border-radius:14px;font-size:14px;line-height:1.3;background:var(--ce-fond)}
.classique-epure .cotation-mercialys .cm-hausse{background:#e9f6ee;color:#1d7a45}
.classique-epure .cotation-mercialys .cm-baisse{background:#fdecee;color:var(--ce-rouge)}
.classique-epure .cotation-mercialys .cm-detail{grid-column:2;grid-row:1 / span 3;align-self:start;grid-template-columns:minmax(0,1fr) auto;gap:0;border-top:1px solid var(--ce-filet)}
.classique-epure .cotation-mercialys .cm-detail dt,.classique-epure .cotation-mercialys .cm-detail dd{padding:9px 0;border-bottom:1px solid var(--ce-filet);line-height:1.4}
.classique-epure .cotation-mercialys .cm-detail dd{font-weight:600;color:var(--ce-encre)}
.classique-epure .cotation-mercialys .cm-pied,.classique-epure .cotation-mercialys .cm-indisponible{grid-column:1 / -1;margin-top:20px;color:var(--ce-gris-doux)}
.classique-epure .contenu-consentement .cc-encadre{border-radius:8px;background:var(--ce-fond)}
.classique-epure .contenu-consentement .cc-encadre button{padding:12px 22px;border-radius:24px;font-weight:600}

/* Tablette : le menu de la rubrique passe sous le contenu */
@media only screen and (max-width: 1024px){
	.ce-grille{grid-template-columns:minmax(0,1fr);gap:0;width:92%;margin:0 auto;padding:8px 0 72px}
	.ce-contenu{max-width:none}
	.ce-nav{position:static;order:2;margin-top:56px;padding-top:36px;border-top:1px solid var(--ce-filet)}
}
@media only screen and (max-width: 640px){
	.content.classique-epure h1.ce-titre,.content h1.ce-titre{font-size:28px;line-height:1.2}
	.content.classique-epure .entete p:not([class]):not(table p):not(.contenu-consentement p),
	.content.classique-epure .bloc-tiny p:not([class]):not(table p):not(.contenu-consentement p),
	.content.classique-epure .entete ul:not([class]) > li:not(table li),
	.content.classique-epure .bloc-tiny ul:not([class]) > li:not(table li){font-size:16px;line-height:1.7}
	.classique-epure .cotation-mercialys{grid-template-columns:minmax(0,1fr);padding:24px 20px}
	.classique-epure .cotation-mercialys .cm-detail{grid-column:1;grid-row:auto;margin-top:22px}
	.classique-epure .cotation-mercialys .cm-cours{font-size:40px}
	.content.classique-epure .bloc-info{padding:22px 20px}
	.content.classique-epure .entete .toppicto{margin:0 0 8px 18px}
	.content.classique-epure .entete .toppicto img{width:50px;max-width:50px}
}
@media (prefers-reduced-motion: reduce){
	.ce-nav summary,.ce-nav summary:after,.ce-nav a,.classique-epure .entete a,.classique-epure .bloc-tiny a{transition:none}
}

/* Pages sans menu (Nos métiers, Mentions légales, Informations cookies, Carrière) : une seule colonne de lecture */
.ce-grille.ce-sans-menu{grid-template-columns:minmax(0,820px)}
/* Page qui commence par un bloc (texte principal vide) : pas de second filet juste sous celui du titre */
.classique-epure .entete:empty{display:none}
.content.classique-epure .ce-tete + .bloc,.content.classique-epure .ce-tete + .entete:empty + .bloc{margin-top:0;padding-top:0;border-top:0}