/* =========================================================
   HARMONISATION DES PAGES DU SITE INSTITUTIONNEL
   Chargé par includes/header.php, donc APRÈS les styles propres à chaque page : mêmes zone centrale,
   mêmes titres et même bouton « retour en haut » partout. Couleurs : gamme violette de l'ARAIMC.
   ========================================================= */

/* zone centrale identique (ancien nom .content-zone compris) */
.content-zone, .content-zone-full {
	width: 95%; max-width: 1200px; margin: 30px auto; padding: 0 20px; box-sizing: border-box;
	background-color: #fafafa; border-radius: 8px; min-height: 0;
}

/* titres de rubrique identiques */
h4.article-title {
	background-color: #E6D6F0; color: #3b0d57; text-align: center; font-weight: bold; font-size: 1.3rem;
	padding: 14px 16px; margin: 30px 0 22px 0; border-radius: 6px; line-height: 1.3;
}
.content-zone-full > h4.article-title:first-child, .content-zone > h4.article-title:first-child, .content-zone-full > .article-text > h4.article-title:first-child, h4.article-title.titre-page { margin-top: 10px; }

/* texte courant */
.article-text { line-height: 1.6; font-size: 16px; }

/* bouton « retour en haut » : le même rond violet, en bas à droite, sur toutes les pages (l'affichage reste géré par le script) */
#back-to-top {
	position: fixed !important; right: 24px !important; bottom: 24px !important; left: auto !important; top: auto !important;
	width: 46px !important; height: 46px !important; padding: 0 !important; margin: 0 !important;
	border: 0 !important; border-radius: 10px !important;
	background: #8a8a8a !important; color: #fff !important;
	font-size: 22px !important; line-height: 46px !important; text-align: center !important; font-weight: bold;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .35) !important; cursor: pointer; z-index: 3000 !important;
	transition: background-color .2s, transform .2s;
}
#back-to-top:hover, #back-to-top:focus-visible { background: #7A4CA3 !important; transform: translateY(-2px); }

@media (max-width: 768px) {
	.content-zone, .content-zone-full { width: 98%; padding: 0 12px; margin: 20px auto; }
	h4.article-title { font-size: 1.12rem; padding: 12px; }
	#back-to-top { right: 14px !important; bottom: 14px !important; width: 42px !important; height: 42px !important; line-height: 42px !important; font-size: 20px !important; }
}
/* =========================================================
   CONTENU DES PAGES : accent de page (--etab), titres avec liseré, cartes titre + texte, images, liens
   ========================================================= */
/* --etab et --etab-fonce sont définis par includes/header.php (violet de l'ARAIMC par défaut) */

/* liseré d'accent à gauche des titres : violet de l'ARAIMC, ou couleur de l'établissement sur sa page */
h4.article-title { border-left: 8px solid transparent; background: var(--titre-bord, linear-gradient(#7A4CA3, #7A4CA3)) left top / 8px 100% no-repeat border-box, #E6D6F0; }

/* titre suivi de son texte : une seule carte (bandeau + contenu) */
h4.article-title + .article-text, h4.article-title + div.article-text {
	margin-top: -18px; background: #fff; border: 1px solid #ecdff5; border-top: 0; border-radius: 0 0 10px 10px;
	padding: 18px 24px 8px 24px; box-shadow: 0 1px 4px rgba(83, 19, 120, .12); margin-bottom: 26px; box-sizing: border-box;
}
h4.article-title:has(+ .article-text) { border-radius: 10px 10px 0 0; margin-bottom: 18px; }
.deux-colonnes .article-text { padding-left: 22px; padding-right: 22px; }

/* images du contenu */
.article-text img, .content-zone img, .content-zone-full .article-text img { max-width: 100%; height: auto; border-radius: 10px; }
.article-text img[src*="logo"], .article-text img[src*="Acceuil"], .article-text img[src*="icone"] { border-radius: 0; box-shadow: none; }

/* liens du texte : violet foncé de la page (couleur de l'établissement sur sa page) */
.article-text a:not([class]) { color: var(--etab-fonce, #531378); }
.article-text a:not([class]):hover { text-decoration: underline; }

/* listes aérées */
.article-text ul, .article-text ol { margin: 8px 0 18px 22px; }
.article-text li { margin-bottom: 6px; line-height: 1.55; }

@media (max-width: 768px) {
	h4.article-title { border-left-width: 6px; }
	h4.article-title + .article-text, h4.article-title + div.article-text { padding: 14px 14px 6px 14px; }
}

/* pages à cartes (histoire, dates clés, implantation) : pas de grand cadre autour des cartes */
h4.article-title + .article-text.sans-cadre, h4.article-title + div.article-text.sans-cadre { margin-top: 0; background: none; border: 0; border-radius: 0; padding: 0; box-shadow: none; }
h4.article-title:has(+ .article-text.sans-cadre) { border-radius: 10px; margin-bottom: 26px; }

/* ===== Dégradé « charte » (vert, violet, rouge, orange) : boutons et liserés des pages institutionnelles =====
   Les pages d'établissements, ateliers, offres et agenda gardent leurs couleurs d'établissement. */
:root {
	--degrade-h: linear-gradient(90deg, #63B54A 0%, #3FAF8C 14%, #4F86C6 27%, #8B5285 44%, #CD0C45 70%, #F79433 100%);
	--degrade-v: linear-gradient(180deg, #63B54A 0%, #3FAF8C 14%, #4F86C6 27%, #8B5285 44%, #CD0C45 70%, #F79433 100%);
}
/* boutons pleins */
.so-contact a.so-bouton-final:link, .so-contact a.so-bouton-final:visited,
.ad-carte a.ad-bouton:link, .ad-carte a.ad-bouton:visited, .ad-pdf a.ad-bouton:link, .ad-pdf a.ad-bouton:visited,
.ad-appel a.ad-bouton-appel:link, .ad-appel a.ad-bouton-appel:visited,
.carte-partenaire .actions a.btn-visite:link, .carte-partenaire .actions a.btn-visite:visited,
.partenaire-cta a:link, .partenaire-cta a:visited,
.hs-bouton:link, .hs-bouton:visited {
	background: var(--degrade-h) !important; text-shadow: 0 1px 2px rgba(0, 0, 0, .45); border-color: transparent !important;
}
/* liseré gauche des cartes (même dégradé, à la verticale) */
.hs-carte, .ca-carte, .eg-carte, .carrousel-partenaires.statique .carte-partenaire {
	border-left: 6px solid transparent !important;
	background: var(--degrade-v) left top / 6px 100% no-repeat border-box, #fff !important;
}
.eg-hero { border-left: 6px solid transparent !important; background: var(--degrade-v) left top / 6px 100% no-repeat border-box, linear-gradient(135deg, #f6eefb, #e6d6f0) border-box !important; }
.nl-dernier { border-left: 6px solid transparent !important; background: var(--degrade-v) left top / 6px 100% no-repeat border-box, linear-gradient(135deg, #f6eefb, #e6d6f0) border-box !important; }

/* mentions légales, confidentialité et plan du site : barres de titre, liseré et sommaire au dégradé « charte » */
.ml-bloc .article-title, .plan-bloc .article-title { background: var(--degrade-h) !important; color: #fff !important; text-shadow: 0 1px 2px rgba(0, 0, 0, .4); }
.ml-bloc .article-title::before, .plan-bloc .article-title::before { background: rgba(255, 255, 255, .25) !important; }
.ml-bloc, .plan-bloc { border-left: 6px solid transparent !important; background: var(--degrade-v) left top / 6px 100% no-repeat border-box, #fff !important; }
.ml-sommaire a:hover { background: var(--degrade-h) !important; border-color: transparent !important; color: #fff !important; text-shadow: 0 1px 2px rgba(0, 0, 0, .4); }

/* frise des dates clés : ligne centrale au dégradé « charte » */
.hd-frise::before { background: var(--degrade-v) !important; width: 5px; margin-left: -2.5px; }
.hd-frise::after { background: #F79433 !important; }

/* cartes de la frise : bord supérieur au dégradé « charte » */
.hd-carte { border-top: 5px solid transparent !important; background: var(--degrade-h) top left / 100% 5px no-repeat border-box, #fff !important; }

/* page histoire : vignettes (chiffres clés et présidents) avec bord supérieur au dégradé « charte » */
.hs-chiffre { position: relative; overflow: hidden; }
.hs-chiffre::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 5px; background: var(--degrade-h); }
.hs-presidents li { border-top: 5px solid transparent !important; background: var(--degrade-h) top left / 100% 5px no-repeat border-box, #fff !important; }
.hs-presidents .hs-dates { background: var(--d) !important; }

/* cartes et vignettes des autres pages institutionnelles : même dégradé « charte » (soutenir, adhérer, CA, partenaires) */
.so-carte, .ad-carte, .carte-partenaire { border-top: 5px solid transparent !important; background: var(--degrade-h) top left / 100% 5px no-repeat border-box, #fff !important; }
.carrousel-partenaires.statique .carte-partenaire { border-top: 1px solid #e1d3ee !important; }
.ad-raisons li { border-bottom: 5px solid transparent !important; background: var(--degrade-h) bottom left / 100% 5px no-repeat border-box, #fff !important; }
.ad-qui > div { border-left: 6px solid transparent !important; background: var(--degrade-v) left top / 6px 100% no-repeat border-box, #fff !important; }
.ad-hero { border-left: 6px solid transparent !important; background: var(--degrade-v) left top / 6px 100% no-repeat border-box, linear-gradient(135deg, #f6eefb, #e6d6f0) border-box !important; }
.ca-bureau li { border-top: 5px solid transparent !important; background: var(--degrade-h) top left / 100% 5px no-repeat border-box, #fff !important; }
.ca-chiffre { position: relative; overflow: hidden; }
.ca-chiffre::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 5px; background: var(--degrade-h); }
.ad-pdf, .ad-appel, .so-contact, .partenaire-cta { border-top: 5px solid transparent; background: var(--degrade-h) top left / 100% 5px no-repeat border-box, linear-gradient(135deg, #f6eefb, #e6d6f0) border-box; }

/* implantation : la carte interactive au dégradé « charte » (les cartes d'établissements gardent leur couleur) */
.imp-carte-map { border-top: 6px solid transparent !important; background: var(--degrade-h) top left / 100% 6px no-repeat border-box, #fff !important; }

/* partenaires : bouton « En savoir plus » (contour dégradé, rempli au survol) et fenêtre de détail */
.carte-partenaire .actions a.btn-visite:link, .carte-partenaire .actions a.btn-visite:visited, .carte-partenaire .actions button { border: 2px solid transparent !important; padding: 8px 20px !important; border-radius: 22px !important; line-height: 1.2; }
.carte-partenaire .actions button { background: linear-gradient(#fff, #fff) padding-box, var(--degrade-h) border-box !important; color: #3A0C58 !important; transition: filter .15s; }
.carte-partenaire .actions button:hover { background: var(--degrade-h) border-box !important; color: #fff !important; text-shadow: 0 1px 2px rgba(0, 0, 0, .45); }
#detail-partenaire .entete { background: var(--degrade-h) !important; text-shadow: 0 1px 2px rgba(0, 0, 0, .4); }
#detail-partenaire .pied button { background: var(--degrade-h) !important; border-radius: 22px !important; padding: 8px 26px !important; text-shadow: 0 1px 2px rgba(0, 0, 0, .45); }

/* ===== Formulaires (contact, boîte à idées) : colonne de coordonnées + formulaire en carte ===== */
.contact-grille { display: grid; grid-template-columns: minmax(240px, 1fr) 2.2fr; gap: 22px; max-width: 1040px; margin: 0 auto; align-items: start; }
.contact-infos { background: linear-gradient(135deg, #f6eefb, #e6d6f0); border-radius: 16px; border-left: 6px solid transparent; background: var(--degrade-v) left top / 6px 100% no-repeat border-box, linear-gradient(135deg, #f6eefb, #e6d6f0) border-box; box-shadow: 0 2px 10px rgba(58, 12, 88, .12); padding: 22px 24px; }
.contact-infos h5 { margin: 0 0 14px; font-size: 1.15rem; color: #3A0C58; }
.contact-infos ul { list-style: none; margin: 0 0 14px; padding: 0; }
.contact-infos li { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 14px; line-height: 1.5; text-align: left; }
.contact-ico { flex: 0 0 auto; width: 36px; height: 36px; border-radius: 50%; background: linear-gradient(160deg, #8C5FB3, #3A0C58); color: #fff; display: flex; align-items: center; justify-content: center; }
.contact-infos strong { color: #3A0C58; }
.contact-note { margin: 0; font-size: .88rem; color: #4a3a58; line-height: 1.5; text-align: left; }
.contact-grille .form-araimc { max-width: none; margin: 0; padding: 24px 28px 22px; background: var(--degrade-h) top left / 100% 6px no-repeat border-box, #fff; border-top: 6px solid transparent; border-radius: 16px; box-shadow: 0 2px 10px rgba(58, 12, 88, .12); }
.form-araimc .form-intro { color: #4a3a58; line-height: 1.6; text-align: left; }
.form-araimc label { color: #3A0C58; }
.form-araimc input[type=text], .form-araimc input[type=email], .form-araimc select, .form-araimc textarea { border-radius: 12px; border: 1px solid #c9b3dd; padding: 11px 14px; background: #fcfaff; transition: border-color .15s, box-shadow .15s, background .15s; }
.form-araimc input:focus, .form-araimc select:focus, .form-araimc textarea:focus { background: #fff; border-color: #7A4CA3; box-shadow: 0 0 0 3px rgba(122, 76, 163, .25); }
.form-araimc .btn-envoyer { background: var(--degrade-h) !important; color: #fff; border-radius: 26px; padding: 12px 34px; text-shadow: 0 1px 2px rgba(0, 0, 0, .45); box-shadow: 0 3px 10px rgba(58, 12, 88, .3); transition: filter .15s; }
.form-araimc .btn-envoyer:hover { filter: brightness(1.12); }
.form-araimc .captcha-bloc { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.form-araimc .captcha-question { font-weight: 700; color: #3A0C58; background: #faf7fd; border-radius: 10px; padding: 9px 14px; }
.form-araimc .champ-piege { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.form-araimc .rgpd { line-height: 1.5; text-align: left; }
.form-araimc .form-erreur { border-radius: 10px; }
.nl-form input[type="email"] { border-radius: 12px; background: #fcfaff; }
.nl-form input[type="email"]:focus { background: #fff; border-color: #7A4CA3; box-shadow: 0 0 0 3px rgba(122, 76, 163, .25); outline: none; }
@media (max-width: 860px) { .contact-grille { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .contact-grille .form-araimc { padding: 18px 16px; } }

/* agenda : les cartes des partenaires ont le liseré gauche au dégradé « charte » (celles de l'ARAIMC gardent la couleur de l'établissement) */
.evt-carte[data-type="partenaire"] { border-left: 6px solid transparent !important; background: var(--degrade-v) left top / 6px 100% no-repeat border-box, #fff !important; }

/* marge en bas de la zone centrale : les dernières cartes (et leur ombre) ne touchent plus le bord */
.content-zone-full, .content-zone { padding-bottom: 28px !important; }
.evt-grille:last-of-type, #evt-passes { margin-bottom: 8px; }

/* bouton « retour en haut » au dégradé « charte » (même forme carrée arrondie) */
#back-to-top, #back-to-top:hover, #back-to-top:focus-visible { background: linear-gradient(135deg, #63B54A 0%, #3FAF8C 14%, #4F86C6 27%, #8B5285 44%, #CD0C45 70%, #F79433 100%) !important; color: #fff !important; text-shadow: 0 1px 2px rgba(0, 0, 0, .45); }
#back-to-top:hover, #back-to-top:focus-visible { filter: brightness(1.12); }

/* ===== Bandeau d'identité des établissements (includes/bandeau_etab.php) ===== */
.etab-ident { --c: #7A4CA3; background: linear-gradient(135deg, #fff, #f6eefb); border-left: 8px solid var(--c); border-radius: 14px; box-shadow: 0 2px 10px rgba(58, 12, 88, .12); padding: 18px 26px 16px; margin: 10px 0 22px; text-align: left; }
.etab-ident-etiq { display: inline-block; background: var(--c); color: #fff; border-radius: 14px; padding: 3px 14px; font-size: .78rem; font-weight: bold; text-transform: uppercase; letter-spacing: .6px; text-shadow: 0 1px 1px rgba(0, 0, 0, .3); }
.etab-ident h1 { margin: 8px 0 2px !important; padding: 0 !important; background: none !important; text-align: left !important; font-size: 1.8rem !important; font-weight: bold !important; line-height: 1.2; color: #2b2b2b !important; }
.etab-ident-type { margin: 0 0 12px; color: #4a3a58; font-size: 1.05rem; text-align: left; }
.etab-ident-infos { margin: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.etab-ident-puce, .etab-ident-puce:link, .etab-ident-puce:visited { background: #fff; border: 2px solid var(--c); color: #3A0C58 !important; border-radius: 18px; padding: 3px 14px; font-weight: bold; font-size: .9rem; text-decoration: none !important; }
a.etab-ident-puce:hover { background: var(--c); color: #fff !important; }
@media (max-width: 600px) { .etab-ident { padding: 14px 16px; } .etab-ident h1 { font-size: 1.45rem; } }

/* ===== Barre de recherche sous le menu (toutes les pages) ===== */
.barre-recherche { width: 98%; box-sizing: border-box; margin: 8px auto 0; display: flex; justify-content: flex-end; align-items: center; gap: 8px; position: relative; padding: 0 4px; }
.barre-recherche .barre-sr { position: absolute; left: -9999px; }
.barre-recherche .barre-loupe { position: absolute; right: 118px; top: 50%; transform: translateY(-50%); font-size: .85rem; opacity: .55; pointer-events: none; z-index: 1; }
.barre-recherche input[type=search] { width: 280px; max-width: 100%; box-sizing: border-box; padding: 7px 14px 7px 14px; border: 1px solid #c9b3dd; border-radius: 20px; font: inherit; font-size: 13px; background: #fff; color: #222; transition: width .2s, border-color .15s, box-shadow .15s; }
.barre-recherche input[type=search]:focus { outline: none; width: 380px; border-color: #7A4CA3; box-shadow: 0 0 0 3px rgba(122, 76, 163, .25); }
.barre-recherche button { border: 0; cursor: pointer; font: inherit; font-size: 12px; font-weight: bold; color: #fff; background: var(--degrade-h); border-radius: 18px; padding: 7px 16px; text-shadow: 0 1px 2px rgba(0, 0, 0, .45); }
.barre-recherche button:hover { filter: brightness(1.12); }
@media (max-width: 700px) { .barre-recherche { width: 100%; padding: 0 8px; } .barre-recherche input[type=search], .barre-recherche input[type=search]:focus { width: 100%; flex: 1; } .barre-recherche .barre-loupe { display: none; } }

/* bouton « retour en haut » toujours au-dessus du contenu (les anciennes cartes d'offres ont z-index: 5000) ; les menus déroulants (99999) restent au-dessus */
#back-to-top { z-index: 90000 !important; }

/* ESSAI : pied de page au dégradé « charte » (comme le bouton retour en haut) ; pour revenir en arrière, supprimer ce bloc */
.footer-araimc { background: var(--degrade-h) !important; text-shadow: 0 1px 2px rgba(0, 0, 0, .5); }
.footer-araimc .footer-bas { background: rgba(58, 12, 88, .35); }
.footer-araimc .footer-ico { background: rgba(255, 255, 255, .25); }

/* ===== En-tête du site : photos et logos conservés, bandeau de titre au dégradé « charte » ===== */
body .araimc-header { background: #fff !important; border-radius: 14px; overflow: hidden; box-shadow: 0 3px 14px rgba(58, 12, 88, .2); padding: 0 0 0 12px !important; }
body .araimc-header #jssor_1 { border-radius: 12px; }
body .araimc-header .araimc-header-titre { align-self: stretch; flex: 1 1 0 !important; margin-left: 12px; padding: 0 26px !important; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; text-align: right; background: var(--degrade-h); position: relative; text-shadow: 0 2px 4px rgba(0, 0, 0, .4); }
body .araimc-header .araimc-header-titre::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #fff 0, rgba(255, 255, 255, 0) 38%); pointer-events: none; }
body .araimc-header .araimc-header-titre h1 { position: relative; font-size: 30px !important; font-weight: 800; letter-spacing: 2px; line-height: 1.1; color: #fff; }
body .araimc-header .araimc-header-titre p { position: relative; margin-top: 8px !important; display: inline-block; background: rgba(255, 255, 255, .22); border: 1px solid rgba(255, 255, 255, .55); border-radius: 18px; padding: 4px 16px; font-size: 14px !important; font-weight: bold; letter-spacing: .3px; max-width: 100%; }
@media screen and (max-width: 1000px) {
	body .araimc-header { background: var(--degrade-h) !important; border-radius: 12px; padding: 10px !important; }
	body .araimc-header .araimc-header-titre { align-self: auto; margin-left: 0; padding: 0 0 0 10px !important; background: none; }
	body .araimc-header .araimc-header-titre::before { display: none; }
	body .araimc-header .araimc-header-titre h1 { font-size: 22px !important; }
	body .araimc-header .araimc-header-titre p { font-size: 12px !important; padding: 3px 12px; }
}

/* écrans moyens (1001-1150 px) : les photos sont réduites à 78 % pour laisser la place au titre */
@media screen and (min-width: 1001px) and (max-width: 1150px) {
	body .araimc-header #jssor_1 { transform: scale(.78); transform-origin: left center; margin-right: -121px; }
	body .araimc-header .araimc-header-titre { padding: 0 16px !important; }
	body .araimc-header .araimc-header-titre h1 { font-size: 26px !important; letter-spacing: 1px; }
	body .araimc-header .araimc-header-titre p { font-size: 13px !important; padding: 3px 12px; }
}

/* fond pâle de l'en-tête repris du dégradé « charte » ; les fonds blancs des logos deviennent transparents */
@media screen and (min-width: 1001px) {
	body .araimc-header { background: linear-gradient(90deg, #ffffff 0%, #faf7fd 45%, #f3ecf9 100%) !important; }
	body .araimc-header .araimc-header-titre::before { background: linear-gradient(90deg, #f3ecf9 0, rgba(243, 236, 249, 0) 40%); }
	body .araimc-header img[alt^="Logo ARAIMC"], body .araimc-header img[alt^="Fédération"] { mix-blend-mode: multiply; }
}

/* ===== ESSAI : titres épurés (plus de grands bandeaux violets) =====
   Titre de page : texte fort + trait de dégradé. Titres de cartes d'établissement : fond blanc + trait de couleur. Pour revenir en arrière, supprimer ce bloc. */
.content-zone-full > h4.article-title:first-child, .content-zone > h4.article-title:first-child, .content-zone-full > .article-text > h4.article-title:first-child, h4.article-title.titre-page {
	background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
	color: #3A0C58; font-style: normal !important; font-weight: 800; font-size: 2rem; line-height: 1.2; letter-spacing: .2px;
	padding: 8px 10px 4px !important; margin: 12px 0 30px !important; text-align: center;
}
.content-zone-full > h4.article-title:first-child::after, .content-zone > h4.article-title:first-child::after, .content-zone-full > .article-text > h4.article-title:first-child::after, h4.article-title.titre-page::after {
	content: ""; display: block; width: 120px; height: 5px; border-radius: 5px; margin: 14px auto 0; background: var(--degrade-h);
}
@media (max-width: 600px) { .content-zone-full > h4.article-title:first-child, .content-zone > h4.article-title:first-child, .content-zone-full > .article-text > h4.article-title:first-child, h4.article-title.titre-page { font-size: 1.5rem; margin-bottom: 22px !important; } }
.colonne h4.article-title, .deux-colonnes h4.article-title {
	background: linear-gradient(90deg, var(--etab, #7A4CA3), var(--etab, #7A4CA3)) bottom left / 100% 4px no-repeat, #fff !important;
	border: 0 !important; border-radius: 12px 12px 0 0 !important; color: #3A0C58; font-style: normal !important; font-weight: 700; text-align: left; padding: 14px 20px 16px !important;
}

/* newsletter : carte d'inscription, bord haut au dégradé « charte » */
.nl-inscription { border-top: 6px solid transparent !important; background: var(--degrade-h) top left / 100% 6px no-repeat border-box, #fff !important; }

/* offres d'emploi : encart « candidature spontanée » (bouton et bord haut) au dégradé « charte » ; les cartes d'offres gardent la couleur de l'établissement */
.offres-spontanee a:link, .offres-spontanee a:visited, .offres-spontanee a:hover { background: var(--degrade-h) !important; text-shadow: 0 1px 2px rgba(0, 0, 0, .45); box-shadow: 0 3px 10px rgba(58, 12, 88, .3); }
.offres-spontanee a:hover { filter: brightness(1.12); }
.offres-spontanee { border-top: 5px solid transparent; background: var(--degrade-h) top left / 100% 5px no-repeat border-box, linear-gradient(135deg, #f6eefb, #e6d6f0) border-box !important; }

/* ===== Fil d'Ariane (includes/fil_ariane.php), à gauche de la barre de recherche ===== */
.ligne-outils { width: 98%; box-sizing: border-box; margin: 8px auto 0; padding: 0 4px; display: flex; align-items: center; justify-content: space-between; gap: 8px 20px; flex-wrap: wrap; }
.ligne-outils .barre-recherche { width: auto; margin: 0 0 0 auto; padding: 0; }
.fil-ariane { flex: 1 1 280px; min-width: 0; font-size: 13px; }
.fil-ariane ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 2px 0; }
.fil-ariane li { display: flex; align-items: center; color: #6b5a78; }
.fil-ariane li + li::before { content: "\203A"; margin: 0 8px; color: #B08AD0; font-weight: bold; font-size: 16px; line-height: 1; }
.fil-ariane a:link, .fil-ariane a:visited { color: #6B1FA1; text-decoration: none; font-weight: 600; }
.fil-ariane a:hover { text-decoration: underline; color: #3A0C58; }
.fil-ariane li[aria-current="page"] span { color: #3A0C58; font-weight: 700; max-width: 46ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; vertical-align: bottom; }
@media (max-width: 700px) { .ligne-outils { width: 100%; padding: 0 8px; } .ligne-outils .barre-recherche { width: 100%; margin: 0; } .fil-ariane { flex-basis: 100%; } .fil-ariane li[aria-current="page"] span { max-width: 30ch; } }

/* ===== Système de boutons : 3 tailles, toutes en pastille arrondie (les couleurs ne changent pas) =====
   GRAND = action principale d'une page ; MOYEN = action d'une carte ; PETIT = filtres, rubriques, pastilles. */
/* GRAND */
.ad-carte a.ad-bouton, .ad-pdf a.ad-bouton, .ad-appel a.ad-bouton-appel, .so-contact a.so-bouton-final, .form-araimc .btn-envoyer, .nl-bouton, .nl-form button,
.hs-bouton, .partenaire-cta a, .offres-spontanee a {
	padding: 11px 28px !important; font-size: 16px !important; font-weight: 700 !important; border-radius: 999px !important; line-height: 1.2 !important;
}
/* MOYEN */
.rs a.rs-bouton, .rs-bouton-btn, .carte-partenaire .actions a, .carte-partenaire .actions button, .btn-info, .btn-apply, .ateliers a.btn, .imp-itin, .evt-btn,
.so-carte a.so-bouton, .barre-recherche button {
	padding: 8px 20px !important; font-size: 14px !important; font-weight: 700 !important; border-radius: 999px !important; line-height: 1.2 !important;
}
/* PETIT */
.rs-chip, .offres-filtre, .actu-filtre, .evt-filtres button, .filtres-videos button, .imp-pastilles a, .eg-annees a, .ml-sommaire a, .rs a.rs-lien-plus, .ad-copier {
	padding: 5px 15px !important; font-size: 13.5px !important; font-weight: 600 !important; border-radius: 999px !important; line-height: 1.25 !important;
}
.rs-chip span { border-radius: 999px; }

/* ===== Tuiles de chiffres clés : cartes blanches (plus de pavés violet foncé) =====
   concerne : Conseil d'Administration, histoire, partenaires, amicales */
.ca-chiffre, .hs-chiffre, .chiffres li, .am-chiffre {
	background: #fff !important; color: #4a3a58 !important; text-shadow: none !important;
	border-radius: 14px !important; box-shadow: 0 2px 10px rgba(58, 12, 88, .12) !important;
	border-top: 5px solid transparent !important; background: var(--degrade-h) top left / 100% 5px no-repeat border-box, #fff !important;
}
.ca-chiffre b, .hs-chiffre b, .chiffres li b { color: #3A0C58 !important; }
.ca-chiffre span, .hs-chiffre span, .chiffres li span { color: #6b5a78 !important; opacity: 1 !important; }
.ca-chiffre::before, .hs-chiffre::before { display: none !important; }
.ca-chiffre b, .hs-chiffre b { font-size: 2.2rem; }
.am-chiffre b { color: var(--c, #7A4CA3) !important; }
.am-chiffre span { color: #6b5a78 !important; }
.am-chiffre { border-top-color: transparent !important; background: linear-gradient(90deg, var(--c, #7A4CA3), var(--c, #7A4CA3)) top left / 100% 5px no-repeat border-box, #fff !important; }

/* présidents (histoire) : initiales dans un rond clair, nom, dates en texte discret ; cartes de même hauteur */
.hs-presidents ol { gap: 14px; align-items: stretch; }
.hs-presidents li { display: flex !important; flex-direction: column; align-items: center; gap: 6px; padding: 20px 12px 16px !important; flex: 1 1 170px !important; max-width: 200px !important; min-height: 190px; }
.hs-presidents .hs-ini { width: 58px; height: 58px; border-radius: 50%; background: linear-gradient(160deg, #f6eefb, #e6d6f0); color: #531378; font-weight: 800; font-size: 1.15rem; letter-spacing: 1px; display: flex; align-items: center; justify-content: center; box-shadow: inset 0 0 0 2px #fff, 0 2px 6px rgba(58, 12, 88, .18); margin-bottom: 4px; }
.hs-presidents strong { font-size: 1.05rem; line-height: 1.25; text-align: center; }
.hs-presidents .hs-dates { background: none !important; color: #6b5a78 !important; border-radius: 0 !important; padding: 0 !important; margin: auto 0 0 !important; font-size: .88rem; line-height: 1.35; text-align: center; border-top: 1px solid #efe5f6; padding-top: 8px !important; width: 100%; }

/* filtres de rubrique : un libellé long passe à la ligne au lieu de dépasser de l'écran (téléphone) */
.rs-chip { max-width: 100%; white-space: normal !important; text-align: left; }

/* ===== Barre de filtres commune (recherche + boutons) : offres, agenda, actualités, vidéos, sites utiles ===== */
.offres-outils, .evt-outils, .actu-outils, .rs-outils, .video-outils {
	border-top: 5px solid transparent !important;
	background: var(--degrade-h) top left / 100% 5px no-repeat border-box, #fff !important;
	border-radius: 14px !important; box-shadow: 0 2px 10px rgba(58, 12, 88, .12) !important;
	padding: 16px 20px 14px !important; margin: 0 0 26px 0 !important; box-sizing: border-box;
}
.offres-recherche, .evt-recherche, .actu-moderne .actu-recherche, .rs-recherche {
	width: 100%; box-sizing: border-box; padding: 12px 18px; font-size: 1rem; border: 1px solid #c9b3dd; border-radius: 26px; background: #fcfaff; transition: border-color .15s, box-shadow .15s, background .15s;
}
.offres-recherche:focus, .evt-recherche:focus, .actu-moderne .actu-recherche:focus, .rs-recherche:focus { outline: none; background: #fff; border-color: #7A4CA3; box-shadow: 0 0 0 3px rgba(122, 76, 163, .25); }
.offres-filtres, .evt-filtres, .actu-filtres, .rs-chips, .video-outils .filtres-videos { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 12px; }
.video-outils .filtres-videos { margin-top: 0; margin-bottom: 10px; }
.video-outils .filtres-annee { margin-top: 0 !important; }
.offres-compte, .evt-compte, .actu-compte, .rs-compte, .video-outils .compte-videos { font-size: .9rem; color: #7A4CA3; font-weight: bold; margin-top: 8px; min-height: 0; }
.offres-compte:empty, .evt-compte:empty, .actu-compte:empty, .rs-compte:empty, .video-outils .compte-videos:empty { display: none; }
@media (max-width: 600px) { .offres-outils, .evt-outils, .actu-outils, .rs-outils, .video-outils { padding: 14px 14px 12px !important; } }