@media (max-width: 950px) { h1[style*="font-size: 2.5rem"] { line-height: 1.3 !important; }}h2[style*="color: #002E5D"][style*="font-size: 1.8rem"] { color: #004990 !important; font-size: 1.4rem !important; margin-top: 1rem !important; margin-bottom: 1rem !important;}/* Nos axes + Nos actions prioritaires h2: match h1 style, excluding Nos valeurs (has background-color) */.richedit_wrap div[style*="margin-bottom: 3rem"]:not([style*="background-color"]) > h2[style*="color: #002E5D"][style*="font-size: 1.8rem"] { color: #002E5D !important; font-size: 2.5rem !important; margin-bottom: 1.5rem !important;}/* Nos axes d'engagement: style plain <p> titles to match the <h3> style in Nos actions prioritaires */.richedit_wrap div[style*="margin-bottom: 1.5rem"][style*="border-left"] > p[style*="margin-bottom: 1rem"] { color: #004990 !important; font-size: 1.4rem !important; font-weight: 600;}div[style*="padding: 2rem"][style*="border-radius: 8px"][style*="background-color: #f8f9fa"] { padding: 1.5rem !important;}.af-header-module-left__title { font-size: 2.5rem !important; line-height: 1.2 !important; margin-top: 1rem !important;}/* Pages statiques : images et texte responsifs sur mobile */@media (max-width: 600px) { h1[style*="font-size: 2.5rem"] { font-size: 1.6rem !important; } h1[style*="font-size: 48px"] { font-size: 1.8rem !important; line-height: 1.3 !important; margin-left: 0 !important; text-align: center !important; } div[style*="display: flex"][style*="gap: 2rem"] { flex-direction: column !important; margin-bottom: 2rem !important; } .static_page, .static_page .richedit_wrap { overflow-x: hidden; overflow-wrap: break-word; word-break: break-word; } .static_page .richedit_wrap img { max-width: 100% !important; width: auto !important; height: auto !important; } #content:has(#main165) > .header-content:has(.subnav-header-title) { display: none !important; } .af-container-results.space-top { margin-top: 1rem !important; } #shop-index-add { display: inline-flex !important; align-items: center !important; gap: 0.4rem !important; } .subnav-header:has(#shop-index-add) { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; } .subnav-header:has(#shop-index-add) .subnav-header-title, .subnav-header:has(#shop-index-add) .subnav-header-actions, .subnav-header:has(#shop-index-add) #shop-index-add { float: none !important; width: fit-content !important; margin: 0 !important; } .subnav-header:has(#shop-index-add) .subnav-header-title { padding: 0 !important; } .flex-container.flex-jc-start.flex-d-column-mobile:has(.search-box-container):has(.group-chosen-container-size) { flex-direction: row !important; justify-content: center !important; align-items: flex-end !important; flex-wrap: wrap !important; gap: 0.5rem !important; margin-top: 0.5rem !important; } .af-header-module-left:has(.search-box-container) .row-fluid { display: flex !important; align-items: center !important; justify-content: center !important; gap: 0.5rem !important; } .af-header-module-left:has(.search-box-container) .col-xs-12 { width: auto !important; flex: 1 !important; min-width: 0 !important; }}/* Sous-menu #main122 : grille 3x2 sur tous les écrans */#main122.nav { display: grid !important; grid-template-columns: 1fr 1fr 1fr !important; column-gap: 2px !important; row-gap: 0.5rem !important;}#main122.nav > li { display: flex !important; min-width: 0 !important;}#main122.nav > li > a { flex: 1 !important; justify-content: center !important;}@media (max-width: 600px) { #content .multi-level > .navbar > .navbar-inner > .nav-collapse:has(#main122) { overflow-x: hidden !important; height: auto !important; } #main122.nav { grid-template-columns: 1fr 1fr !important; max-width: 100vw !important; height: auto !important; margin: 0 !important; }}/* Sous-menu #main165 : tous les items de taille égale (rangée unique sur desktop) */#main165.nav > li { flex: 1 1 0 !important; width: auto !important; min-width: 0 !important; text-align: center;}/* Sous-menu #main165 : grille 2x2 sur mobile uniquement */@media (max-width: 600px) { /* Specificity [2,4,0] beats overflow-x: auto !important at line ~2209 which has [1,4,0] */ #content .multi-level > .navbar > .navbar-inner > .nav-collapse:has(#main165) { overflow-x: hidden !important; height: auto !important; } #main165.nav { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 1rem !important; max-width: 100vw !important; height: auto !important; margin: 0 !important; } #main165.nav > li { min-width: 0 !important; width: auto !important; max-width: none !important; text-align: center; }}/*CACHER BOUTON SSO*/#ssologinbutton_68e362e0a777b4\.88275153,#af-userbar > div.af-userbar-open.bg-graylightersuper > div.af-userbar-open-uppersection > div.bg-white.space > div.af-textdecoration{display:none;}/* Centrage vertical + espacement équilibré du switch Liste/Carte *//* "Liste" a pr-4 (16px à droite) mais "Carte" n'a aucun padding gauche, *//* d'où l'asymétrie. On compense via un margin-right sur le switch. */.flex-container.flex-d-row:has(> .v-input--switch):has(.main-text-card) { align-items: center;}.flex-container.flex-d-row:has(.main-text-card) > .v-input--switch { margin-right: 1rem !important;}/* Page Réseaux sociaux : aligner en bas la barre de recherche et le sélecteur de catégories */.flex-container.flex-jc-start.flex-d-column-mobile:has(.search-box-container):has(.group-chosen-container-size) { align-items: flex-end;}/* Réduire les sous-titres surdimensionnés (font-size: 48px inline) dans les pages statiques à une taille plus raisonnable de sous-titre */.static_page span[style*="font-size: 48px"] { font-size: 1.5rem !important; font-weight: 600; line-height: 1.3;}/* Fabien : #CS-10553*/#subscription-admin-type-form label.inline.checkbox[for="payment_types-28"],#donation-admin label.inline.checkbox[for="payment_types-28"] { display: none;}/* Fin #CS-10553*/:root { --BG: #145da0; /* Define the variable */ --accueil-titre-section: #212121; --accueil-gris-filigrane: #8294a4; --BG-transparent: rgba(20, 93, 160, 0.08);}#header .no-min-height > .space-bottom-medium { display: inline-grid; justify-content: right; margin-top: 20px;}.row-fluid.no-min-height > .header-logo { display: flex !important; flex-direction: column;}.is-contributor header div#join { display: none;}.content:has(.bloc0) { padding-top: 0 !important;}.home { overflow-x: hidden; overflow-y: visible;}.js-scrollable-nav--button--next { border: none !important; display: none;}@media (max-width: 600px) { #header .no-min-height > .space-bottom-medium { margin-top: 0px; }}@media (min-width: 600px) { #widget3 .bloc1 { width: 19.28vw; } #widget9 .af-card-default { width: 25.8vw; }}.js-scrollable-nav-active #main.nav { margin: 0;}#header .menu-front-container { margin-top: 40px; width: 850px; margin-left: -2vw;}@media (min-width: 950px) and (max-width: 1050px) { #header .menu-front-container { width: 100%; margin-left: 0; } #main.nav { flex-wrap: wrap !important; height: auto !important; overflow: visible !important; justify-content: flex-end !important; }}#main.nav { justify-content: flex-end !important;}.menu-front .multi-level .navbar .nav > li > a { color: #fff;}.is-contributor #content > .multi-level { display: flex; justify-content: flex-start; margin-top: 40px;}.home > .section-item { background-color: #eff4f6 !important;}#widget3 .title { justify-content: center; align-items: center; font-weight: 600 !important; margin-bottom: 30px; font-size: 20px;}section:not(:has(.event-ticket--additional)) { background-color: #eff4f6 !important;}.home > .section-item > .space-container { padding: 0 !important; margin: 0 !important; width: 100%;}@media (max-width: 700px) { .widget { margin-bottom: 20px !important; } #app .v-input__prepend-inner > .v-input__icon > .v-icon { font-size: 2.8vw !important; } .content > .header-content > .section_title > h1 { font-size: 30px !important; } #content .multi-level > .navbar > .navbar-inner > .nav-collapse > .nav > li > a { font-size: 12px !important; }}#content .multi-level > .navbar > .navbar-inner > .nav-collapse > .nav > li { border: 0 !important;}@media (max-width: 960px) { #app div > .row > .col-md-8 > .mt-5 > .row > .col-md-12 { min-width: 75vw !important; min-height: 230px !important; } #widget2 .welcome-title { font-size: 28px !important; } #widget2 .button0 { height: 250px; } #widget9 .card-content:after { display: none !important; } #widget9 .card-content { width: 80% !important; } .af-main-card > .bg-white > .main-text-card > .flex-container > .flex-wrap { display: flex; flex-direction: column; min-width: 288px !important; } .af-main-card > .bg-white > .space-right-enormous > .space-top > .flex-container > div { width: 35vw !important; } #shareEvent { width: 30vw !important; } #share_in_social_network a > i { font-size: 4.5vw; } #share_in_social_network a > i :not(:first-child) { margin-left: 2vw; } .af-layout-singlepage-container > .af-layout-singlepage-content { margin: 0 auto !important; }}#widget1 { margin-bottom: 120px;}#widget1 row-fluid,#widget1 .richedit_wrap { position: relative;}#widget1 p { margin-bottom: 0; height: 8vw;}#widget2 { width: 80vw; margin-bottom: 50px; background: #eff4f6; margin-left: 7.5vw;}#widget2 .richedit_wrap { width: 80vw;}#widget2 .richedit_wrap:first-child { display: flex;}#widget3 .richedit_wrap { justify-content: center !important; align-items: center; width: 78.8vw;}.text-front-image { position: relative;}.main-title { font-weight: 650 !important; top: -30vw; position: absolute; color: #fff; line-height: 3vw !important; font-size: 10vw !important; opacity: 0; animation: fadeIn 0.5s ease-in-out forwards;}@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; }}#app div[data-tag-id="agenda-publishing-occurrence-grid"] .v-card__text:after { display: none;}/* Agenda page: scalable left margin on desktop (calendar visible alongside) */@media (min-width: 960px) { [data-tag-id="agenda-publishing-occurrence-grid"] { padding-left: 8vw !important; }}/* Agenda grid: neutralise the global col-md-12 min-height that leaks in at 960px */@media (max-width: 960px) { #app div[data-tag-id="agenda-publishing-occurrence-grid"] [data-tag-id="list-grid"] > .row > .col-md-12 { min-height: 0 !important; min-width: 0 !important; }}/* Agenda page: uniform padding on mobile so form and cards share the same left edge */@media (max-width: 959px) { #app div[data-tag-id="agenda-publishing-occurrence-grid"] { padding-left: 5% !important; padding-right: 5% !important; }}/* Event cards: prevent image placeholder from stretching row height. Two markup variants exist: old cards use .grow.col/.shrink.col, newer cards (with a thumbnail) use .col/.col.col-auto instead. */[data-tag-id="agenda-publishing-occurrence-card"] .shrink.col,[data-tag-id="agenda-publishing-occurrence-card"] .col.col-auto { align-self: flex-start !important;}/* Empty state for event list */div[data-tag-id="list-grid"]:not(:has([data-tag-id="agenda-publishing-occurrence-card"]))::after { content: "Aucun événement trouvé."; display: block; text-align: center; color: #888; font-size: 1rem; padding: 3rem 1rem; width: 100%;}/* Hide "En savoir plus" button and right-arrow on all viewports; hover tint signals clickability */#app div[data-tag-id="agenda-publishing-occurrence-grid"] [data-tag-id="agenda-publishing-occurrence-card"] .v-card__actions .v-btn.primary { display: none !important;}#app div[data-tag-id="agenda-publishing-occurrence-grid"] [data-tag-id="agenda-publishing-occurrence-card"]:hover { background-color: rgba(0, 0, 0, 0.04) !important; transition: background-color 0.15s ease;}.main-title > p:first-child,.main-title > p:nth-child(3) { font-size: 9vw !important; margin-left: 20vw;}.main-title > p:nth-child(2) { font-size: 9vw !important; margin-left: 15vw; white-space: pre-wrap; /* Permet le passage à la ligne et préserve l'espace blanc */ position: relative;}.main-title > p:nth-child(2)::after { height: auto; content: "Partager des expériences \A au bénéfice de tous"; font-size: 1.5vw; line-height: 1.5vw !important; white-space: pre-wrap; bottom: 3.2vw; right: -2vw; overflow: visible; position: absolute;}.main-subtitle { position: absolute; top: -33.3vw !important; color: #fff; margin-left: 40vw; opacity: 0; animation: fadeIn 1s ease-in-out forwards; animation-delay: 0.5s; width: 50vw; display: none;}.main-subtitle > p { height: 1.5vw !important; font-size: 1.5vw !important;}.main-subtitle > p:first-child { margin-top: 15.5vw !important;}.front-image-container { position: relative; margin-top: -50px !important; width: 100%;}.front-image { width: 100%; padding: 0 !important; margin: 0 !important; position: relative; overflow: hidden; filter: brightness(0.7);}.space-top:has(#widget1) { padding-top: 0 !important;}#widget2 .row { margin: 0; width: 80vw;}#widget2 .span6 { margin: 0;}#widget3 { margin-left: 7.5vw; margin-bottom: 90px;}#widget3 .row { margin: 0; width: 78.8vw;}#widget3 .bloc1 { box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);}@media (min-width: 600px) { #widget3 .bloc1 { box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2); height: 198px; display: flex; align-items: center; padding: 0; }}.welcome { display: flex; align-items: flex-start; gap: 10px;}.welcome-blue { flex: 1 0 0; box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2); margin-bottom: 10px; margin-left: 5px; margin-right: 5px;}.button0 { display: flex; height: 305px; padding-left: 30px; padding-bottom: 15px; flex-direction: column; justify-content: center; gap: 10px; border-radius: 4px; background: var(--BG, #145da0); transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; position: relative;}.button1 { margin: 0 !important; transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;}.button0:hover,.button1:hover { transform: scale(1.01); /* Grossissement lors du survol */ box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Ombre lors du survol */}.welcome-title { align-self: stretch; color: #fff; /* ND/H3 - Sans Serif */ font-size: 30px !important; font-style: normal; font-weight: 500 !important; line-height: 107% !important;}.welcome-subtitle { align-self: stretch; color: var(--new-bleu-light, #eff4f6); /* ND/Details */ font-size: 18px; font-style: normal; font-weight: 400; line-height: 120%; /* 21.6px */}.welcome-summary { display: flex; flex-direction: column; align-items: center; gap: 10px; flex: 1 0 0; display: grid !important; margin-left: 5px; margin-right: 5px;}.bloc0 { height: 100px; background-color: #fff !important; display: flex; justify-content: flex-start; align-items: center; border-radius: 4px; box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2); position: relative;}.script0 { display: flex; padding: 2px 0px; justify-content: flex-start; align-items: center; gap: 50px; flex: 1 0 0;}.content-icon { padding: 8.57px !important; font-size: 45px; color: var(--BG); margin-right: 10px; margin-left: 10px;}.book { margin-top: 5px;}.circle-plus { margin-top: 12px;}p.text0 { display: flex !important; flex: 1 0 0; color: #212121; font-size: 24px !important; font-style: normal !important; font-weight: 500 !important; line-height: 120% !important; align-items: center;}.chevron { margin-bottom: 10px; position: absolute; right: 40px !important; font-size: 50px !important; -webkit-text-stroke: 2px #fff;}.welcome-blue > a > .chevron { color: #fff !important; -webkit-text-stroke: 2px var(--BG, #145da0); position: relative; display: flex; align-items: flex-end; justify-content: flex-end;}.af-font-icon-arrow-right:before { content: "\f061";}.arrow0 { width: 50px; height: 50px;}.icon0 { margin: 0; width: 57.857px; height: 57.857px;}.logo-mines { position: absolute !important; filter: brightness(0) invert(1); opacity: 0.05; overflow: hidden; right: -20%; top: 38%; width: 130% !important;}#widget7 { position: relative; margin-left: 7.5vw; width: 80vw; margin-bottom: 100px; transition: transform 0.3s ease-in-out;}#widget7 .row-fluid { display: unset; flex-direction: unset;}#widget7 .card-info { display: none;}#widget7 .flex-wr-wrap { display: unset !important; flex-direction: unset !important; flex-wrap: unset !important;}@media (max-width: 600px) { #widget7 .flex-wr-wrap { flex-direction: column; } #widget7 .flex-wr-wrap > .span4:first-child { width: 100%; } #widget7 .flex-wr-wrap > .span4:not(:first-child) { width: 19vw !important; height: 19vw !important; margin: 0.5vw; } #widget7 .af-card-default:not(:first-child) > .as-block > .cover-content > .cover-16by9 { height: 20vw !important; } #content .af-container-results { margin-top: 80px; } #app .container > div > .v-form { top: 160px !important; left: 10vw !important; } #widget7 .title, #widget2 .welcome-title { font-size: 20px !important; } #widget2, #widget3, #widget7, #widget9, #widget11, .section-item:last-child > .container > .space-top > .row-fluid { margin-left: 10vw !important; } :not(.is-contributor) .flex-jc-center > .place-interest { background-color: transparent !important; height: auto !important; box-shadow: unset !important; min-height: unset !important; width: 77.4vw !important; margin-top: 20px; margin-left: -4px !important; } #app .v-card__text:after { display: none !important; }}#widget7 .span4:first-child { width: 68vw; /* Largeur correspondant à span8 dans le système de grille Bootstrap 3 */ margin-left: 0; /* Réinitialisation de la marge gauche */ margin-right: 1vw; height: 47vw;}#widget7 .af-card-default:not(:first-child) > .as-block > .cover-content > .cover-16by9 { display: flex !important; overflow: hidden; height: 11vw; align-self: center !important;}#widget7 .span4:not(:first-child) { width: 20%; /* Largeur correspondant à span8 dans le système de grille Bootstrap 3 */ margin-left: 0; /* Réinitialisation de la marge gauche */ height: 10% !important; margin-bottom: 1vw;}#widget7::before { content: "Portraits"; position: absolute; left: 13vw; font-size: 210px; font-weight: 600; color: var(--BG-transparent); pointer-events: none; z-index: 0; /* Mettez le filigrane en arrière-plan */ white-space: nowrap; /* Empêche le retour à la ligne du texte */}@media (max-width: 700px) { #widget7::before { display: none !important; }}@media (max-width: 600px) { .content:has(#banner-holder) .af-module-news > .af-layout-module-content--upper > .af-header-module { top: -60px !important; }}#widget7 .hvr-elevation > .wh-full { height: 46vw !important;}#widget7 .af-card-default:first-child > .as-block > .card-content { padding: 2.5vw !important; background-color: #fff;}#widget7 .af-card-default:not(:first-child) > .as-block > .card-content { display: none !important;}#widget7 .af-card-default:not(:first-child) { height: 11vw !important; width: 11vw !important; background-color: #eff4f6;}#widget7 .title { font-size: 20px; font-weight: 600 !important; overflow: visible;}#widget7 .btn,#widget8 .btn,#widget9 .btn,#widget11 .btn { align-items: center; border: none; padding: 30px; font-weight: 600;}#widget10 .card-h-content > .row-fluid > div > h4 { font-size: 1.6vw !important; line-height: 1.6vw; max-height: none; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}@media (max-width: 600px) { #widget10 .card-h-content > .row-fluid > div > h4 { font-size: 3vw !important; line-height: 3vw; } #app div > .row > .col-md-8 > .mt-5 > .row > .col-md-12 { height: 270px !important; margin-left: 30px; } #app .v-form > .row > .pb-0:not(:first-child) { display: none !important; } #app .v-responsive__content > .container > .text-h3 { top: -66px; position: relative; display: flex; justify-content: center; }}#widget10 { padding-bottom: 50px;}#widget10 li { position: relative; z-index: 1;}#widget10 .btn { display: none !important;}#widget10 #seeAllevents { display: none;}#widget8 #seeAllevents { position: relative; left: 21vw;}#widget11 { overflow: visible; margin-left: 7.5vw; width: 78.8vw; position: absolute;}#widget8 { margin-top: 50px;}@media (min-width: 600px) { #widget10 { margin-top: 50px; }}#widget11 #widget-title .title { font-weight: 600 !important; font-size: 180%;}#widget11::before { content: "Evénements"; position: absolute; right: 0vw; top: -20px; font-size: 210px; font-weight: 600; color: var(--BG-transparent); pointer-events: none; z-index: 0; white-space: nowrap; /* Empêche le retour à la ligne du texte */}@media (max-width: 700px) { #widget11::before { display: none !important; }}#widget9 { position: relative; margin-left: 7.5vw; width: 78.8vw; margin-bottom: 90px;}#widget9::before { content: "Actualités"; position: absolute; left: 0px; margin-left: -7vw; font-size: 210px; font-weight: 600; color: var(--BG-transparent); pointer-events: none; z-index: 0; /* Mettez le filigrane en arrière-plan */ white-space: nowrap; /* Empêche le retour à la ligne du texte */}@media (max-width: 700px) { #widget9::before { display: none !important; }}.section1 { display: flex !important; padding: 30px 0px 70px 0px !important; flex-direction: column !important; gap: 15px !important; align-self: stretch !important; background-color: none; width: 78.8vw;}.content-card { align-items: center; justify-content: center; border-radius: 4px;}p.content-card { height: 220px; justify-content: center; align-items: center; flex: 1 0 0; border-radius: 5px;}.sum { margin: 0 !important; width: 25%;}.bloc1 { height: 162px; flex-direction: column; justify-content: center; align-items: center; flex-shrink: 0; align-self: stretch; background-color: #fff; padding-bottom: 65px; padding-top: 35px; border-radius: 4px; transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;}.bloc1:hover { transform: translateY(-15px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);}@media (max-width: 600px) { .bloc1:hover { transform: translateY(0) !important; }}.descriptif1 { align-self: center; color: #212121; text-align: center; font-size: 20px !important; font-style: normal; font-weight: 500 !important; line-height: 120%;}span.number { font-size: 500%; align-self: center; color: var(--BG) !important; text-align: center; font-style: normal; font-weight: 800 !important; line-height: 120%;}@media (max-width: 1200px) { span.number { font-size: 400%; }}@media (max-width: 1000px) { span.number { font-size: 300%; } #share_in_social_network .flex-container > .space-right-mini { display: none !important; }}@media (max-width: 745px) { span.number { font-size: 250%; } #calendar_content .af-main-card > .row-fluid:last-child > .bg-whiteDark > .flex-wr-wrap { padding: 13px; } #share_in_social_network a > i { font-size: 30px; }}@media (max-width: 600px) { span.number { font-size: 300%; } #app .grow > .v-text-field--placeholder { width: 30vw !important; }}#widget10 .bg-white,#calendar_content .bg-white:not(:has(.event-ticket--additional)) { background-color: #eff4f6;}.widget-agenda-rss-feed .card-h .card-h-date,.widget-agenda-rss-feed .widget-content-aside { background-color: white !important;}#widget10 .widget-content-item { margin-bottom: 12px; transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; border: none;}#widget10 .widget-content-item:hover { transform: scale(1.01); /* Grossissement lors du survol */ box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Ombre lors du survol */}#widget10 .card-h-date { display: flex; width: 75px; padding: 0px 20px 2px 0px; flex-direction: column; align-items: flex-end; gap: 2px; align-self: stretch; border-right: 2px solid rgba(0, 0, 0, 0.2); justify-content: center;}#widget10 .date { display: flex !important; height: 50px !important; flex-direction: column !important; justify-content: flex-end !important; align-self: stretch !important; color: var(--BG, #145da0) !important; text-align: end !important; /* ND/Medium Numbers - Serif */ font-size: 40px !important; font-style: normal !important; font-weight: 550 !important; line-height: 120%; /* 50.4px */}#widget10 .month { display: flex; height: 25px; align-self: stretch; justify-content: end; color: var(--accueil-titre-section, #fff); text-align: right; /* ND/Date - Serif */ font-size: 24px; font-style: normal; font-weight: 600 !important; line-height: 120%; /* 28.8px */}#widget10 .as-block { display: flex; padding: 12.67px; align-items: flex-start; gap: 15px; align-self: stretch; border-radius: 4px; background: #fff; /* Ombre button */ box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);}#widget8 { border-radius: 5px !important;}#widget8 .img-container { height: 100% !important;}#widget8 .widget-v-container > .no-min-height { display: none;}#widget8 .card-v-img { height: auto !important;}#widget8 .card-v-img-container { height: 21.6vw !important;}#widget10 .card-h-content { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; flex: 1 0 0; margin-left: 15px; height: 7.61vw; padding-top: 5px;}#widget10 .title { font-size: 20px !important; font-style: normal !important; font-weight: 600 !important; overflow: visible;}#content .title { font-weight: 500;}.section-item:last-child > .container > .space-top > .row-fluid { margin-left: 7.5vw;}#widget8 .widget-content { border-radius: 5px;}#widget8 .widget-content-item:first-child { background: var(--BG, #145da0); margin: 0; max-height: 1000px; border: none; border-radius: 5px !important;}#widget8 .as-block { padding: 0; width: 100%; align-content: stretch; display: flex; flex-direction: row; align-items: normal; flex: 1 0 0; align-self: stretch; border-radius: 5px !important;}#widget8 .row-fluid { width: 100%; background: var(--BG, #145da0); justify-content: center; align-items: center;}#widget8 .card-img { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; flex: 1 0 0; align-self: stretch;}#widget8 .card-v-date > .row-fluid:last-child { display: flex; background: var(--BG, #145da0); height: calc(100px + 1vw);}#widget8 .date-center > .date { font-size: 40px; line-height: 40px;}#widget8 .date-center > .month { font-size: 16px; line-height: 16px;}#widget8 .date-center > .hour { display: none;}#widget8 .card-v-content { display: flex; padding-top: 0; padding-left: 40px; padding-right: 30px; padding-bottom: 0; align-items: center; gap: 10px; align-self: stretch; background: var(--BG, #145da0); margin: 0;}@media (min-width: 600px) { #widget8 .card-v-date { border-radius: 5px !important; min-height: 334px; }}#widget8 .card-h-date { top: 0 !important; left: 0 !important; background: none; color: #fff !important;}#widget8 .month,#widget8 .hour,#widget8 .cl-primary { color: #fff !important;}#widget8 .title { color: #fff; font-size: 20px; line-height: 20px; height: 100% !important; max-height: 1000px;}#widget8 .widget-header-title,#widget10 .widget-header-title { display: none;}#widget8 .city { color: #fff;}#widget8 .pull-up { justify-content: center !important; margin-top: 0vw !important; margin-bottom: 0.2vw !important;}#widget9 .as-block { display: flex; padding: 15px 30px 30px 15px; flex-direction: column; align-items: flex-start; gap: 10px; flex: 1 0 0; align-self: stretch; border-radius: 4px; background: #fff; /* Ombre button */ box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);}#widget9 .card-info { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 10px !important; align-self: stretch !important; left: 0 !important;}#widget9 .space-top-mini { display: flex; height: 30px; padding: 0px 15px; justify-content: center; align-items: center; gap: 10px; border-radius: 4px; background-color: var(--accueil-gris-filigrane, #8294a4) !important; margin-left: 15px;}#widget9 .cl-white { color: #fff; font-size: 12px; font-style: normal; font-weight: 400 !important; line-height: 50px; /* 416.667% */}#widget9 .cover { display: none;}#widget9 .title { font-size: 180% !important; font-weight: 600 !important;}#widget9 .card-content { display: flex !important; text-align: left !important; margin-bottom: 30px; align-items: flex-start; margin-top: 30px; width: 60%; position: relative;}#widget9 .card-content:after { content: "\e1014"; font-family: FontAF; color: var(--BG); right: -50px; position: absolute; font-size: 50px !important; -webkit-text-stroke: 2px #fff;}#widget10 .card-h > .row-fluid { display: flex; justify-content: flex-start;}#widget10 .category { margin-top: 10px !important; font-size: 135%;}.section-item:last-child > .container > .space-top > .row-fluid { width: 78.8vw;}#footer section { background: var(--accueil-gris-filigrane, #8294a4) !important; color: #fff;}#footer .bg-graylightersuper { background: var(--accueil-gris-filigrane, #8294a4); padding-top: 10px;}#footer .fr-dib { margin-top: -30px; filter: brightness(0) invert(1); margin-bottom: 0;}#footer .title { color: white;}#footer i,#footer a { color: #fff;}#footer strong { color: #fff !important;}#af-content { background-color: #eff4f6 !important; overflow: hidden;}#equipe { background-color: #eff4f6 !important; width: 100% !important;}#equipe .richedit_wrap p { margin-top: 0; font-size: 18px !important;}.equipe-title { font-size: 74px !important; margin-left: -1vw; margin-top: 100px !important; padding: 30px !important; position: relative; color: #212121;}@media (max-width: 600px) { .equipe-title { font-size: 50px !important; margin-left: 0; margin-top: 100px !important; padding: 30px !important; padding-bottom: 0; position: relative; color: #212121; }}.img-equipe { position: relative; z-index: 1; width: 100%; margin: 0;}.equipe-title::before { content: "Equipe"; position: absolute; top: 50px; left: 5vw; font-size: 300px; color: var(--BG-transparent); pointer-events: none; z-index: 0; /* Mettez le filigrane en arrière-plan */ white-space: nowrap; /* Empêche le retour à la ligne du texte */}@media (max-width: 700px) { .equipe-title::before { display: none !important; }}#app { position: relative;}#app .white > .v-card { height: 320px !important;}#app .white > .v-card > .v-image { height: 320px !important; background-color: #eff4f6;}#app .white > .v-card > .v-image > .v-image__image--cover { display: none !important;}#app .white > .container { z-index: 2; margin-top: -120px;}#app .v-form > .row > .pb-0 > .row > .grow { padding: 0 3px; align-items: center; justify-content: center; display: flex;}#app .shrink > .square-btn { height: 7vw !important; max-height: 44px; width: 7vw !important; max-width: 44px;}#app .v-responsive__content > .container { padding: 0 !important; font-size: 5vw !important; margin-left: 9vw;}@media (max-width: 600px) { #app .v-responsive__content > .container { margin-left: 0 !important; }}#app .v-responsive__content > .container > .text-h3 { text-align: left !important; font-size: 5vw !important; color: #212121;}#app .v-tabs > .v-tabs-bar { background-color: unset; color: #fff !important;}/* Agenda tabs only — scoped via common-tabs + agenda href */.container.d-flex.overflow-auto:has(.common-tabs a[href="/fr/agenda/upcoming"]) { margin-left: 9vw !important; right: auto !important;}.common-tabs:has(a[href="/fr/agenda/upcoming"]) { margin-right: 2rem;}.common-tabs:has(a[href="/fr/agenda/upcoming"]) .v-tabs,.common-tabs:has(a[href="/fr/agenda/upcoming"]) .v-tabs-bar,.common-tabs:has(a[href="/fr/agenda/upcoming"]) .v-tab,.common-tabs:has(a[href="/fr/agenda/upcoming"]) .tab-wrapper { background-color: transparent !important; background: none !important;}#app .v-slide-group__content > a > .d-flex > .d-flex { color: #212121; font-size: 18px; font-weight: 600;}.v-slide-group__content > .v-tab-active > .tab-wrapper { border-bottom: 2px solid #212121 !important;}#app div > .row > .col-md-8 > .mt-5 > .row > .col-md-12 { padding-left: 0 !important; max-width: 45vw; height: 240px; min-width: 300px; margin-top: -20px; margin-bottom: 20px;}#app .container > div > .row { margin: 0;}#app .white > .container { padding: 0 !important; margin-left: 10vw;}#app .v-card > .v-card__text > .row > .shrink { display: none !important;}#app .mt-5 > .row > .col-md-12:not(.col-md-12:has(a)) { display: none;}#app .col-md-8 { max-width: 45vw;}#app .container > div > .text-body-1 { display: none;}#app .grow > .v-text-field--placeholder { background-color: #fff !important; z-index: 2; position: relative; max-width: 200px; width: 20vw; border-radius: 4px; max-height: 44px; height: 7vw; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);}#app .container > div > .v-form { position: absolute; top: 120px; left: 60vw; margin-left: 1.5vw; z-index: 2;}#app .container > div > .v-form > .row > .grow { flex-grow: 0; width: fit-content;}#app .container > div > form > .row > .shrink { display: none;}#app .v-date-picker-header { background-color: var(--BG, #145da0); height: 45px;}#app .v-date-picker-header__value > div > button,#app .v-chip--label .v-chip__content > div:first-child > div:first-child,#app .v-date-picker-header__value > div > button:not(:hover):not(:focus) { color: #fff !important;}#app .mdi-video-outline::after { content: "Disponible en ligne";}#app .v-chip__content::before::first-line { color: red;}.common-calendar-picker .mdi-chevron-right,.common-calendar-picker .mdi-chevron-left { color: #fff !important;}#app .v-text-field__slot > input { /* font-size: 1.2vw; */ padding-left: 1.3vw; width: auto; max-width: 170px;}div[data-tag-id="instance-security-login-form"] .v-text-field__slot > input { font-size: unset; padding-left: 0 !important; width: auto !important; max-width: none !important;} /*#app .v-input__prepend-inner > .v-input__icon>.v-icon { font-size: 25px; margin-left: 2vw !important;}*/#app .v-text-field > .v-input__control > .v-input__slot:before { border: 0; border-color: none;}#app .common-filter-select { background-color: rgba(255, 255, 255, 0.8); min-width: 14rem; box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2); border-radius: 17px; border: 1px solid dimgrey;}#app .common-filter-select .v-input__slot { padding-left: 10px !important; padding-right: 8px !important;}#app .v-select__slot > .v-input__append-inner { padding: 0;}#input-210,#input-211,#input-212,#input-214,#input-215,#input-216,#input-222,#input-223,#input-224 { padding-left: 6px;}#app .white > .v-card > .v-image > .v-responsive__content > .container:before { content: "Evènements"; margin-top: -111px; position: absolute; left: 2vw; top: 120px; font-weight: 600; font-size: 230px; color: var(--BG-transparent); pointer-events: none; z-index: 1; width: 94vw; height: 200px; overflow: hidden; padding-top: 100px; flex-wrap: wrap; display: flex;}@media (max-width: 700px) { #app .white > .v-card > .v-image > .v-responsive__content > .container:before { display: none !important; }}#app .col-md-12 > a > .v-image { display: none;}#app .v-input__icon--clear > .v-icon--link { margin-right: 30px;}#app .v-form > .row > .pb-0 { padding-left: 0; padding-right: 0;}#app .v-select > .v-input__control > .v-input__slot:after { border: 0; border-style: none;}#app .v-form > .row { height: fit-content; width: fit-content;}#app table > tbody > tr > td > .v-btn > .v-btn__content { color: rgba(0, 0, 0, 0.8); font-weight: 600; font-size: 16px;}.af-header-module > .container > .af-header-module-content > .af-header-module-left > .flex-container { justify-content: flex-end; display: flex !important; flex-direction: column;}.af-header-module-right > .flex-d-column:has(#addSubjectsMobile) { display: flex; flex-direction: row;}#banner-holder .flex-ai-center { justify-content: flex-start;}@media (max-width: 850px) { #banner-holder .flex-ai-center { margin-bottom: 100px; }}.content:has(#banner-holder) .af-module-news > .af-layout-module-content--upper > .af-header-module { position: absolute; right: 12vw; top: 140px; z-index: 2 !important; background-color: transparent !important; border: 0; -webkit-box-shadow: none; box-shadow: none;}@media (max-width: 800px) { .af-module-news > .af-layout-module-content--upper > .af-header-module { left: 5 vw; top: 250px; right: unset; }}.af-header-module-left > .flex-ai-center > .flex-w-max-mobile > .col-xs-12 { background-color: #fff; border-radius: 4px;}.af-material-form.search-box-container:before { margin-left: 5px; margin-top: 7px; font-size: 20px;}.af-material-form > .form-group > label { margin-left: 12px; height: 45px; align-items: center; display: flex; font-size: 20px; top: 0;}.af-layout-singlepage-content > div > .af-main-card > .bg-white > .main-text-card,.af-layout-singlepage-content > div > .af-main-card > .bg-white { padding: 0;}.af-main-card,.af-main-card > .bg-white { background-color: var(--new-bleu-light, #eff4f6);}#calendar_content .af-main-card { padding-top: 53px; position: relative; top: -70px;}.af-layout-singlepage-calendar .af-header-single-content { z-index: 2;}.primary--text { font-weight: 600;}.flex-jc-center > .date-information,.flex-jc-center > .place-information { background-color: #fff; padding: 2vw; border-radius: 4px; margin-right: 0.5vw; box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2); height: 180px; justify-content: center; display: flex; flex-direction: column;}.flex-jc-center > .place-information { margin-left: 0 !important;}.place-information > .v-app > .v-application > .flex-container > a { margin: 0;}#calendar_content .af-main-card > .row-fluid > .space > .bg-white > .flex-container > h1 { font-size: 50px; line-height: 50px;}@media (max-width: 700px) { #calendar_content .af-main-card > .row-fluid > .space > .bg-white > .flex-container > h1 { font-size: 30px; line-height: 30px; }}#calendar_content .v-app > .v-application > .flex-container > .mb-2:last-child { display: flex; flex-direction: row; align-items: center;}#calendar_content .pl-2 > div > .title-block,#calendar_content .pl-2 > .title-block { font-size: 20px !important;}#calendar_content .pl-2 { line-height: 20px !important;}.af-main-card > .row-fluid > .bg-whiteDark { background-color: transparent !important; display: flex; justify-content: center; padding-top: 5px;}.v-application > .v-btn--rounded { border-radius: 4px !important;}.text-center > .slideshow_image > .img-responsive { max-height: none; min-width: 300px !important; transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;}.text-center > .slideshow_image > .img-responsive:hover { transform: scale(1.05); /* Grossissement lors du survol */ box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Ombre lors du survol */}.text-center > .slideshow_image { border-radius: 4px;}.af-main-card > .bg-white > .main-text-card > .text-center { display: flex; justify-content: center;}strong { color: var(--BG, #145da0) !important;}tr > td > .u-row-container > .u-row { width: 65vw; overflow-wrap: break-word; margin: 0 !important; max-width: none !important;}tr > td > .u-row-container > .u-row > div > .u-col-100 > div > div { overflow-wrap: break-word;}tr > td > .u-row-container { display: flex; justify-content: center;}#app .container > div > form > .row:nth-child(2) > .pb-0:nth-last-child(4) { display: none;}#app .container > div > form > .row > .pb-0 { padding-top: 5px; padding-right: 10px;}#app .v-card__text > .row > .grow > h2,#app .v-card__text > .row > .grow > h6 { font-size: 25px !important; width: 90%; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; min-height: 48px;}.col-md-12 > a > .v-card__text > .text--darken-1grey--text { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}#app .v-form > .row:first-child > .pb-0:first-child > .row:first-child { flex-wrap: nowrap;}#app .v-date-picker-table__current { background-color: #597b9a;}#app .v-date-picker-table__current > div { color: #fff !important;}#app .v-date-picker-table__current > div > .primary { background-color: #fff !important;}#app .v-date-picker-table > table > thead > tr > th { color: black !important; font-weight: 600;}#app .v-chip__content > div > div { font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}#app .v-main > .v-main__wrap > div > .white > .align-center { position: absolute !important; max-width: 92%; width: 92%;}#app .v-slide-group__wrapper > div:last-child { padding-right: 2vw;}#app .overflow-auto > .v-btn--right { position: relative !important; flex-shrink: 0;}/* Réafficher les flèches de navigation sur petits écrans pour accéder à tous les onglets */@media (max-width: 900px) { #app .v-tabs > div > .v-slide-group__prev, #app .v-tabs > div > .v-slide-group__next { display: flex !important; }}.af-main-card > .bg-white > .main-text-card > .flex-container > .flex-wrap:has(#likeEvent) { flex-wrap: nowrap !important; align-items: center;}.af-main-card > .bg-white > .space-right-enormous > .space-top { justify-content: center; margin-bottom: 0 !important; margin-top: 20px;}.af-main-card > .bg-white > .space-right-enormous > .flex-container:has(.mdi-link-variant) { align-items: center; margin-top: 30px; justify-content: center; font-size: 20px;}.af-main-card > .bg-white > .space-right-enormous > .flex-container:has(.mdi-link-variant) > a { font-size: 20px;}.af-main-card > .bg-white > .space-right-enormous > .space-top > .flex-container > div { margin: 0.5vw; height: 60px; justify-content: center; font-size: 3vw !important; border-radius: 4px;}.af-main-card > .bg-white > .space-right-enormous > .space-top > .flex-container > div:has(#likeEvent) > div { padding: 1vw; margin: 0.5vw; width: 13.5vw; height: 25px; justify-content: center; border-radius: 4px; background-color: #fff; box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2); display: flex; align-items: center;}.af-main-card > .bg-white > .space-right-enormous > .space-top > .flex-container:has(#shareEvent) > div:not(:has(#likeEvent)) { padding: 1vw; margin: 0.5vw; min-width: 128px; /* width: 29.5vw; */ height: 25px; justify-content: center; border-radius: 4px; background-color: #fff; box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2); display: flex; align-items: center;}#event-ticket-container .bg-graylight { background: var(--accueil-gris-filigrane, #8294a4);}#event-ticket-container .event-ticket-row { background: #fff;}#event-ticket-container .no-min-height > .span8 > .space-medium { display: flex; justify-content: flex-end;}#event-ticket-container .content { margin-bottom: 0; padding-bottom: 0;}#share_in_social_network { height: 100%; display: flex; align-items: center; justify-content: center !important; width: auto;}#share_in_social_network .flex-container { height: 100%;}#share_in_social_network .large { overflow: hidden;}#share_in_social_network .space-right-mini { padding-right: 10px !important; height: 50px; align-items: center; display: flex;}#calendar_content tbody > tr > td > h2 > span { font-weight: 600 !important;}#calendar_content tbody > tr > td > h2 { color: var(--BG);}#calendar_content .main-text-card > .pull-up > .richedit_wrap:first-child { display: flex; padding: 3vw; padding-top: 30px; margin-top: 50px; width: 59vw; background-color: #fff; box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2); justify-content: center; flex-direction: column; min-width: 300px;}#calendar_content .main-text-card > .pull-up > .richedit_wrap:first-child:before { display: flex; content: "Description"; position: relative; top: -42px; left: -3vw; font-size: 17px; color: #5d6f8b;}#calendar_content .main-text-card > .pull-up { align-items: center; justify-content: center; display: flex; margin-top: 0;}#calendar_content .main-text-card > .pull-up:last-child { margin-top: 20px;}#calendar_content .u-row { min-width: unset !important;}.af-header-module > .space-container > .af-header-module-content { display: flex !important; flex-direction: column;}.af-header-module > .space-container > .af-header-module-content > .af-header-module-left { margin-bottom: 30px;}.u-row-container > .u-row > div > .u-col-100 { min-width: unset !important;}.row-fluid > .bg-whiteDark > .flex-d-column-mobile > .place-interest > .flex-h-max { display: flex; flex-direction: column; align-items: center; height: auto;}form > .span12 > .space-left-big { padding: 0; width: 6vw; margin-top: 15px; min-width: 90px;}.flex-ai-center > .radio { margin-left: 0 !important;}.flex-d-column-mobile > .place-interest { width: 9vw;}#calendar_content .af-layout-singlepage-container > .af-layout-singlepage-content { width: 80vw; margin: 0 auto;}#group_section .af-layout-singlepage-container > .af-layout-singlepage-content { width: auto !important; margin-left: 0 !important;}.af-layout-singlepage-container { margin: 0; width: 100%; max-width: 100%;}.flex-jc-center > .place-interest { background-color: #fff !important; min-height: 180px !important; max-height: 180px; border-radius: 4px; box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2) !important; height: 180px; margin-left: 0; justify-content: center; display: flex; align-items: center; align-self: center; min-width: 110px;}#form_interested form > .span12 { align-items: center !important; display: flex; flex-direction: column;}.af-main-card { border-radius: 0 !important; -webkit-box-shadow: unset; box-shadow: unset;}#calendar_content .af-main-card > .row-fluid:last-child > .bg-whiteDark > .flex-wr-wrap { width: auto; flex-wrap: nowrap; justify-content: flex-start; align-items: center; gap: 2rem; padding: 2vw;}#calendar_content .af-main-card > .row-fluid:last-child > .bg-whiteDark > .flex-wr-wrap > .content-footer-userinformation { flex: 1 1 0; width: auto !important; min-width: 0;}#calendar_content .af-main-card > .row-fluid:last-child > .bg-whiteDark > .flex-wr-wrap > .group-logo-container { flex: 0 0 auto; width: auto !important;}#calendar_content .main-text-card > .row-fluid:last-child > .pull-down { display: none !important;}#calendar_content #mapAnchor .bg-white,#calendar_content #participateAnchor { background-color: #fff;}#calendar_content #commentAnchor .bg-white { background-color: #fff; padding-top: 20px !important;}#likeEvent .cl-graydark > span:after { content: " j'aime";}#calendar_content .main-text-card > .flex-container > .flex-shrink > .flex-container-inline > .flex-container > span { display: flex; align-items: center !important;}#calendar_content .main-text-card > .flex-container > .flex-shrink > .flex-container-inline > .flex-container { margin-right: 0;}#calendar_content .af-main-card > .row-fluid:last-child > .bg-whiteDark > .flex-wr-wrap > .content-footer-userinformation { margin-bottom: 0;}#commentanchor .flex-container > .flex-ai-center { background-color: #fff; box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2); padding: 1vw; margin: 0.5vw; min-width: 128px; width: 16vw; height: 60px; justify-content: center; font-size: 3vw !important; border-radius: 4px;}#shareArticle { background-color: #fff; box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2); padding: 1vw; margin: 0.5vw; min-width: 128px; height: 60px; justify-content: center; font-size: 3vw !important;}@media (max-width: 875px) { #commentanchor .flex-container > .flex-ai-center, #shareArticle { min-width: unset; width: 100%; }}#news-result h3 { color: var(--BG);}#commentanchor { flex-wrap: nowrap !important; align-items: center; justify-content: center;}#news-result em { font-weight: 600; font-style: unset !important;}#news-result article > .flex-ai-center:last-child { position: absolute; top: 110px; left: 5vw;}#news-result .af-layout-single-header > .pull-down { display: none !important;}#news-result .af-layout-single-header > .flex-jc-center { justify-content: center !important; margin-bottom: 60px;}#news-result .af-layout-single-header > .flex-jc-center > h1 { font-weight: 600; font-size: 40px !important; line-height: 50px; width: 40vw;}@media (max-width: 1160px) { #news-result .af-layout-single-header > .flex-jc-center > h1 { font-weight: 600; font-size: 40px !important; line-height: 40px; }}@media (max-width: 800px) { #news-result .af-layout-single-header > .flex-jc-center > h1 { font-weight: 600; font-size: 30px !important; line-height: 30px; }}@media (max-width: 600px) { #news-result .af-layout-single-header > .flex-jc-center > h1 { margin-left: 40px !important; }}#news-result article > .flex-ai-center:last-child > i { display: none !important;}.af-tag-item { display: flex; height: 30px; padding: 0px 15px; justify-content: center; align-items: center; border-radius: 4px; background-color: var(--accueil-gris-filigrane, #8294a4) !important;}.af-tag-item > a > .cl-black { color: #fff; font-size: 12px; font-style: normal; font-weight: 400 !important;}#news-result .af-layout-single-header > .spacer-large { display: none !important;}#media_gallery .bg-white { background-color: #fff;}#media_gallery .title,#news-result .flex-container > div > .title { font-weight: 600; margin-top: 18px; font-size: 20px;}.content-wrap > .container > .row-fluid > .span12 > .header-content > .section_title { background-color: transparent !important; color: #212121 !important; font-size: 60px !important; margin-top: 30px; margin-bottom: 20px;}.content-wrap > .container > .row-fluid > .span12 > .header-content > .section_title::before { content: "Annuaire"; position: absolute; left: 7vw; top: 60px; font-size: 210px; font-weight: 600; color: var(--BG-transparent); pointer-events: none; z-index: 0; /* Mettez le filigrane en arrière-plan */ white-space: nowrap; /* Empêche le retour à la ligne du texte */}@media (max-width: 700px) { .content-wrap > .container > .row-fluid > .span12 > .header-content > .section_title::before { display: none !important; }}.content-wrap > .container > .row-fluid > .span12 > .header-content > .section_title > h1 { background-color: transparent !important; color: #212121 !important; font-size: 40px !important; font-weight: 600;}.content-wrap > .container > .row-fluid > .span12 > .tabstyle { background-color: #fff; margin: 0; border: 0; padding-top: 30px; padding-left: 30px; padding-right: 20px; z-index: 1; position: relative;}.content-wrap > .container > .row-fluid > .span12 > .tabstyle > span { font-size: 17px; line-height: 25px;}.content-wrap > .container > .row-fluid > .span12 > .endBlockHalf { background-color: #fff; margin: 0; border: 0; padding-left: 30px; padding-right: 20px; font-size: 15px; line-height: 22px; z-index: 1;}.content-wrap > .container > .row-fluid > .span12 > .endBlockHalf > span > a,.content-wrap > .container > .row-fluid > .span12 > .endBlockHalf > a { border-bottom: 1px solid var(--BG);}.content-wrap > .container > .row-fluid > .span12 > form { background-color: #fff; margin: 0; border: 0; padding-left: 20px; padding-right: 20px; width: auto !important; z-index: 1; margin-bottom: 60px;}.content-wrap > .container > .row-fluid > .span12 > form > .submit { background-color: #fff;}.content-wrap > .container > .row-fluid > .span12 > form > ul > li > input { background-color: #e5e5e5;}#app .v-tabs-slider-wrapper { color: #212121;}@media (min-width: 700px) { #content .multi-level > .navbar > .navbar-inner > .nav-collapse > .nav > li > a { background-color: #fff !important; margin: 0.1vw; font-size: 14px; padding: 0.8vw !important; min-width: 6vw; justify-content: center; display: flex; box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2); overflow: hidden; flex: 1; border-radius: 8px !important; border: 1px solid lightgrey; transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; }}@media (max-width: 700px) { #content .multi-level > .navbar > .navbar-inner > .nav-collapse > .nav > li > a { background-color: #fff !important; margin: 0.1vw; font-size: 14px; padding: 0.8vw !important; min-width: 7vw; justify-content: center; display: flex; box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2); overflow: hidden; flex: 1; border-radius: 8px !important; border: 1px solid lightgrey; transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; }}#content .multi-level > .navbar > .navbar-inner > .nav-collapse { justify-content: flex-start; display: flex; width: 100%; overflow-x: auto !important; scrollbar-width: thin;}#content .multi-level > .navbar > .navbar-inner > .nav-collapse::-webkit-scrollbar { width: 6px;}#content .multi-level > .navbar > .navbar-inner > .nav-collapse > .nav { justify-content: flex-start; display: flex; flex: 1; margin: 0;}.navbar > .navbar-inner { border: 0 !important; width: 100%;}.container > .content > .header-content > .section_title > h1 { font-weight: 600; color: #212121; background-color: transparent !important;}:not(.container) .content > .header-content > .section_title > h1 { color: #212121; background-color: transparent !important; line-height: normal;}.content > .header-content > .section_title { background-color: transparent !important;}.content > .static_page:not(:has(#equipe)) { padding: 2vw; display: flex;}.static_page > .richedit_wrap > h3 { font-weight: 600; color: var(--BG);}.static_page > .richedit_wrap > p > a:after { content: "\A \A \A \A";}#content .navbar { width: 100%; display: flex; justify-content: center;}:not(.is-contributor) #content { margin-left: unset; margin-right: unset;}@media (min-width: 600px) { :not(.is-contributor) #content:has(.endBlockHalf) { margin-left: 6vw !important; }}.is-contributor #content { margin-left: auto !important; margin-right: auto !important;} /*.is-contributor #content .navbar {margin-left: -5vw !important;}*/ /* .is-contributor #content .static_page {margin-left: -5vw}*/.is-contributor .content > .header-content > .section_title > h1 { margin-left: 0vw;}#banner-holder .flex-h-max > .z-index-1 > .af-header-module__title { position: relative; font-size: 60px;}html:has(link[href="https://mines-paris.org/fr/actualites"]) .af-module-news > .af-layout-module-content--upper > .relative > .af-layout-module__title > .flex-h-max > .z-index-1 > .af-header-module__title::before{ content: "Actualités"; position: absolute; left: -5vw; top: 40px; font-size: 190px; font-weight: 600; color: rgba(255, 255, 255, 0.12); pointer-events: none; z-index: 0; white-space: nowrap; /* Empêche le retour à la ligne du texte */}.article-show .richedit_wrap > #portrait,.article-show .richedit_wrap > #prise_de_parole,.article-show .richedit_wrap > #association { display: none;}@media (max-width: 700px) { #banner-holder .flex-h-max > .z-index-1 > .af-header-module__title::before { display: none !important; }}#interested_form .span12 p:last-child { display: none !important;}#interested_form .span12 p:first-child { font-size: 12px !important;}#calendar_content .row-fluid > .span12 > .flex-ai-center { display: flex !important; flex-direction: column;}// Hide comments count and "S'inscrire" button#app div[data-tag-id="agenda-publishing-occurrence-grid"] .v-card > .v-card__actions{ display: none;}#content:has(#equipe) > .multi-level { display: none !important;}@media (min-width: 800px) { #news_result:has(.af-card-default) { margin-top: -70px !important; }}@media (max-width: 800px) { .af-container-results #news_result { margin-top: 90px; }}#content .navbar .navbar-inner .nav > li > a:hover { text-decoration: none; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2) !important; transform: scale(1.01);}#af-content:has(#equipe) { background: linear-gradient( #eff4f6 100%, #eff4f6, transparent 100% ) !important;}.content-wrap:has(#equipe) { background-color: #eff4f6 !important; box-shadow: none !important;}.content-wrap:has(#content .multi-level) { margin-left: auto; margin-right: auto; width: 1200px; max-width: 90vw; margin-top: 35px; background-color: #fff; box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);}.content-wrap > .container > .menu-builder > .span12 > .header-content > .section_title::before { display: none;}// Affichage de la barre de recherche dans l agenda#global:not(:has(nav[data-tag-id="pagination"])) div[data-tag-id="agenda-publishing-occurrence-grid"] .v-text-field > .v-input__control > .v-input__slot > .v-text-field__slot{ display: flex; flex: 1 1 auto; position: relative; max-width: 160px; width: 9vw;}@media (max-width: 600px) { div[data-tag-id="agenda-publishing-occurrence-grid"] .v-text-field > .v-input__control > .v-input__slot > .v-text-field__slot { max-width: 200px; width: 16vw; }}.v-select__slot > .v-select__selections > input[readonly="readonly"] { text-align: center; padding-top: 3.5px; padding-bottom: 3.5px;}#content .af-container-results > div[id="filteraction"] { z-index: 1; position: relative; top: -70px;}#news_category_chosen > .chosen-single,#news_month_chosen > .chosen-single,#news_year_chosen > .chosen-single { color: #fff; border-bottom: 1px solid #fff !important;}#news_category_chosen > .chosen-single > div > b:after,#news_month_chosen > .chosen-single > div > b:after,#news_year_chosen > .chosen-single > div > b:after { color: #fff;}div[data-tag-id="list-grid"] > .row > .col-md-12 > a { display: flex !important; align-items: center; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.01), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.02) !important;}#group_section .af-main-card > .row-fluid:last-child > .bg-whiteDark > .flex-wr-wrap { background-color: transparent; box-shadow: 0 0 0 0; width: auto;}a > .v-card__text > .row > .grow > .v-chip--label { background-color: #8294a4;}#app .v-chip:has([data-tag-id="date-from-to"]),#app .v-chip:has([data-tag-id="date-from-to"])::before { background: var(--BG-transparent) !important; background-color: var(--BG-transparent) !important;}#app .v-main > .v-main__wrap > div > .container { box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important;}@media (min-width: 600px) { #app .v-main > .v-main__wrap > div > .container { padding-left: 36px !important; padding-right: 36px !important; }}#app .common-calendar-picker .v-picker__body { width: 100% !important; height: 100% !important; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;}#app .common-calendar-picker .v-picker--date { box-shadow: none !important;}.v-app .v-date-picker-table table { height: 280px;}#af-content .v-main__wrap > div:first-child { background-color: #eff4f6 !important;}@media (max-width: 600px) { .v-app .theme--light.common-chip.v-chip:before { background-color: none; } .v-app .theme--light.common-chip.v-chip { background: #8294a4 !important; }}@media (min-width: 600px) { #header:not(:has(.hide)) { height: 170px; }}#header .header-logo { height: 170px;}@media (min-width: 599px) { .userbar-is-active .header.header-default-fix .header-dump { max-height: 150px; }}@media (min-width: 600px) { .row-fluid [class*="span"] { margin-left: 0.7%; }}#banner-header { min-height: 320px;}#banner-header #banner-img,#banner-header #banner-holder { height: 320px;}#content:has(.af-header-single) .container:has(#articleSubNav) { margin-top: -260px;}#content:not(:has(.af-header-single)) .container:has(#articleSubNav) { margin-top: -200px;}.content-wrap:has(#articleSubNav) #banner-holder { display: none !important;}.content-wrap:has(#articleSubNav) #articleSubNav { position: relative; z-index: 4;}.content-wrap:has(#articleSubNav) #articleSubNav > .af-header-single { background-color: transparent !important;}.article-show { margin-top: -100px;}.btn-secondary,.btn-secondarycolor { background: var(--BG) !important; border: 1px solid var(--BG) !important;}.article-show #news-result .space > .af-layout-single-header { background-color: transparent !important;}.content-wrap:has(#articleSubNav) .space-bottom-large { width: auto;}.content-wrap:has(#articleSubNav) .text-center > .slideshow_image > .img-responsive { width: 68vw;}.content-wrap:has(#articleSubNav) .space-left-enormous,.content-wrap:has(#articleSubNav) .space-right-enormous { padding: 0;}.content-wrap:has(#articleSubNav) .af-layout-singlepage-content .richedit_wrap p { font-size: 18px;}@media (min-width: 700px) { af-layout-singlepage-container:has(#banner-header) .article-show #news-result:has(#media_gallery)::before { content: "Portraits"; position: absolute; left: 5vw; top: 100px; font-size: 310px; font-weight: 600; color: var(--BG-transparent); pointer-events: none; z-index: 0; /* Mettez le filigrane en arrière-plan */ white-space: nowrap; /* Empêche le retour à la ligne du texte */ }}p:has(.img-equipe) { margin-top: 45px;}@media (max-width: 600px) { p:has(.img-equipe) { margin-top: 0; }}#news_result .row-fluid > .bg-white { background: transparent;}#news_result .row-fluid > .bg-white .bg-graylighter { background-color: white;}.af-header-module > .container > .af-header-module-content > .af-header-module-left > .flex-container > .flex-w-max-mobile,.af-header-module > .container > .af-header-module-content > .af-header-module-left > .flex-container > .flex-w-max-mobile > .col-xs-12 > .af-material-form,.af-header-module > .container > .af-header-module-content > .af-header-module-left > .flex-container > .flex-w-max-mobile > .col-xs-12 > .af-material-form .search-box { height: 45px;}.af-material-form .search-box input { padding-left: 32px; height: 45px; display: flex; align-items: center;}/* Toggle Liste/Carte centering fix */.flex-jc-center-mobile .main-text-card,.flex-jc-center-mobile .main-text-card-grey { display: flex; align-items: center;}.flex-jc-center-mobile .v-input--switch { align-self: center;}.global:not(:has(#create_gallery_lightbox_interactionlightbox_button)) .af-header-module:has(.af-material-form) .btn { width: 45px;}#news_result .af-card-default > a > .cover-content > .card-info > .space-left-medium { background-color: #8294a4 !important;}.event-ticket-content:has(#event_id) { background-color: #fff !important;}.event-ticket:has(#event_id) { background-color: transparent !important;}#footer .container { padding-top: 30px;}.static_page:has(#equipe) { display: flex !important;}#equipe li,#equipe p { font-size: 18px !important;}#savetrad,#savetradandpublish,#clearallcache { background-color: var(--BG) !important;}.af-font-icon-eye-open-light:before { font-size: 30px;}#likeEvent .space-left { padding-left: 0 !important;}#likeEvent span { color: #212121; font-weight: 500; font-size: 18px;}#likeEvent .cl-gray:first-child { color: var(--BG); font-weight: 500;}.af-main-card > .bg-white > .space-right-enormous > .space-top > .flex-container > div:has(#likeEvent) > div > i { color: var(--BG); font-weight: 500; padding-left: 0;}.af-main-card > .bg-white > .space-right-enormous > .space-top > .flex-container > div:has(#likeEvent) > div > span,#share_in_social_network span { color: #212121; font-weight: 500; font-size: 16px;}.af-card-default .card-info { right: auto; left: 0;}@media (min-width: 700px) { #global:has(a[href="/fr/articles/index/news"]) #news-result .af-main-card:not(:has(#portrait)):not(:has(#prise_de_parole)):not( :has(#association) ) > .space > .bg-white > .space-bottom > h1::after { content: "Article"; position: absolute; left: 15vw; top: 75px; font-size: 260px; font-weight: 600; color: var(--BG-transparent); pointer-events: none; z-index: 0; white-space: nowrap; }}@media (min-width: 700px) { #global:has(a[href="/fr/articles/index/news"]) #news-result .af-main-card:has(#portrait) > .space > .bg-white > .space-bottom > h1::after { content: "Portrait"; position: absolute; left: 15vw; top: 75px; font-size: 260px; font-weight: 600; color: var(--BG-transparent); pointer-events: none; z-index: 0; white-space: nowrap; }}@media (min-width: 700px) { #global:has(#association) #news-result .af-main-card > .space > .bg-white > .space-bottom > h1::after { content: "Association"; position: absolute; left: -5vw; top: 75px; font-size: 260px; font-weight: 600; color: var(--BG-transparent); pointer-events: none; z-index: 0; white-space: nowrap; }}@media (min-width: 700px) { #global:has(a[href="/fr/articles/index/news"]) #news-result .af-main-card:has(#prise_de_parole) > .space > .bg-white > .space-bottom > h1::after { content: "Prise de parole"; position: absolute; left: -5vw; top: 75px; font-size: 200px; font-weight: 600; color: var(--BG-transparent); pointer-events: none; z-index: 0; white-space: nowrap; }}#widget6 > .bg-white { background-color: transparent;}@media (max-width: 950px) { .menu-front .multi-level .navbar .nav > li { width: 140px; } .js-scrollable-nav-active #main li:first-child { margin: 0; } .js-scrollable-nav-active #main.nav { margin: 0; display: flow; width: 59vw; height: 73px; } .nav-collapse.collapse { height: 61px; overflow: visible !important; width: 60vw; } .navbar > .navbar-inner { border: 0 !important; width: 100%; justify-content: flex-end; display: flex; } #header .menu-front-container { margin-top: 0; width: 850px; margin-left: -2vw; } @media (max-width: 713px) { .js-scrollable-nav-active #main.nav { margin: 0; display: flow; width: 70vw; height: 73px; } } .navbar-inner .nav > ul:has(a[href="/fr/page/reseaux-sociaux"]), .navbar-inner .nav > ul:has(a[href="/fr/page/retrouver-sa-promotion"]) { top: -40px !important; }}.v-image__image.v-image__image--contain[data-tag-id="transition"],.logo-cacs { display: none;}#app div[data-tag-id="agenda-publishing-occurrence-grid"] .mb-2.d-flex.align-center.grey--text:has(.mdi-multicast) { display: none !important;}#app div[data-tag-id="agenda-publishing-occurrence-grid"] div[data-test="event_list"] { max-width: 80vw;}#app div[data-tag-id="agenda-publishing-occurrence-grid"] div[data-test="event_list"] > .col-md-4,#app div[data-tag-id="agenda-publishing-occurrence-grid"] div[data-test="event_list"] > .col-lg-3 { padding-left: 8px;}@media (max-width: 940px) { /* Adjust breakpoint as needed for your Bootstrap version */ /* Target the button's parent container with minimal impact */ .item-contribution .row-fluid .span2.textcenter { min-width: 120px; /* Example: ensure enough space for the button */ width: auto; /* Let the content define the width above min-width */ }}/* Fix agenda-upcoming : mise en avant du champ Rechercher (fond moins transparent, mêmes styles que les filtres) *//* :not(.v-select) pour éviter le double fond/bordure sur les dropdowns */#app div[data-tag-id="agenda-publishing-occurrence-grid"] .v-text-field:not(.v-select) > .v-input__control > .v-input__slot { background-color: rgba(255, 255, 255, 0.8); box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2); border-radius: 17px; border: 1px solid dimgrey; padding: 0 10px;}/* Fix agenda-upcoming : taille du champ Rechercher (compact, sans excès de blanc à droite) */#app div[data-tag-id="agenda-publishing-occurrence-grid"] .v-text-field:not(.v-select) > .v-input__control > .v-input__slot > .v-text-field__slot { width: clamp(8rem, 9vw, 12rem);}#app div[data-tag-id="agenda-publishing-occurrence-grid"] .v-text-field:not(.v-select) .v-text-field__slot > input { max-width: none; width: 100%; padding-left: 0.4rem;}/* Fix agenda-upcoming : forcer Recherche / Mode de participation / Filtres sur UNE seule ligne *//* Le wrap vient de Bootstrap : la 1ère col a `col-12` (100% en xs) qui pousse les autres à la ligne suivante. *//* On surcharge tous les sizing flex/grid Bootstrap pour que chaque col prenne sa taille naturelle. */#app .v-form:has([data-tag-id="filter-search"]) > .row { align-items: center; flex-wrap: nowrap !important; width: max-content !important; column-gap: 0.5rem;}#app .v-form:has([data-tag-id="filter-search"]) > .row > [class*="col"] { flex: 0 0 auto !important; width: auto !important; max-width: none !important; flex-basis: auto !important; display: flex !important; align-items: center !important;}/* Mode de participation is nested one level deeper (.col > .row > .col), and that inner row still defaults to align-items:stretch */#app .v-form:has([data-tag-id="filter-search"]) > .row > [class*="col"] > .row { align-items: center !important;}/* Fix agenda-upcoming : aligner les filtres à droite */#app .container > div:has([data-tag-id="filter-search"]) > .v-form { left: auto; right: 1vw; margin-left: 0;}/* Mise en avant du titre h1 dans les en-têtes subnav (ex: page Réseaux sociaux) *//* Style commun des titres de page : subnav-header-title + h1 surdimensionnés (48px inline) */.subnav-header .subnav-header-title,h1[style*="font-size: 48px"] { font-size: 2.5rem !important; font-weight: 700; color: #212121;}/* subnav-header: smaller title, more space before the Personnaliser button */.subnav-header .subnav-header-title { font-size: 2.2rem !important; margin-bottom: 1rem !important;}/* subnav-header sans actions : titre centré */.subnav-header:not(:has(.subnav-header-actions a)) .subnav-header-title { float: none !important; text-align: center; width: 100%;}/* Fix agenda occurrence cards on mobile: - chip leaks outside card boundary (framework positions it absolutely) - long titles inflate card height unpredictably - location crops mid-glyph - button overflows right edge due to excessive padding */@media (max-width: 600px) { /* Pull chip back into normal flow */ #app div[data-tag-id="agenda-publishing-occurrence-grid"] [data-tag-id="agenda-publishing-occurrence-date"] { position: relative !important; top: auto !important; left: auto !important; margin-top: 0 !important; } /* Clamp title to 3 lines max */ #app div[data-tag-id="agenda-publishing-occurrence-grid"] .v-card__text .text-h6 { display: -webkit-box !important; -webkit-line-clamp: 3 !important; line-clamp: 3 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; } /* Location: single line, clipped cleanly at right edge (no mid-glyph crop) */ #app div[data-tag-id="agenda-publishing-occurrence-grid"] .v-card__text p:has(.mdi-map-marker-outline) { overflow: hidden !important; white-space: nowrap !important; max-height: none !important; } /* Stack text + actions vertically so the button sits below instead of overflowing right */ #app div[data-tag-id="agenda-publishing-occurrence-grid"] [data-tag-id="agenda-publishing-occurrence-card"] { flex-direction: column !important; } /* Reduce card padding so content breathes without clipping */ #app div[data-tag-id="agenda-publishing-occurrence-grid"] .v-card__text { padding: 12px !important; } #app div[data-tag-id="agenda-publishing-occurrence-grid"] .v-card__actions { width: 100% !important; padding: 0 12px 12px !important; align-items: flex-start !important; } /* Card height: let it grow with content instead of inheriting a fixed parent height */ #app div[data-tag-id="agenda-publishing-occurrence-grid"] [data-tag-id="agenda-publishing-occurrence-card"] { height: auto !important; } /* Hide the entire actions area on mobile — button already hidden, only dead space remains */ #app div[data-tag-id="agenda-publishing-occurrence-grid"] [data-tag-id="agenda-publishing-occurrence-card"] .v-card__actions { display: none !important; } /* Stop flex stretch so each column collapses to its card's content height. Also strip Bootstrap's row negative margins here — this nested row (the one directly wrapping the card columns) was never covered by the outer-row fix below, so it was shifting left and overflowing right past the container. */ #app div[data-tag-id="agenda-publishing-occurrence-grid"] [data-tag-id="list-grid"] > .row { align-items: flex-start !important; margin-left: 0 !important; margin-right: 0 !important; } /* Consistent gap between cards */ #app div[data-tag-id="agenda-publishing-occurrence-grid"] [data-tag-id="list-grid"] .col-md-12.col-12 { margin-bottom: 0.75rem; } /* Override the global 270px fixed height + any stray padding/margin on card columns. .mt-5 is compounded to push specificity above the (1,5,1) offending rule. */ #app div[data-tag-id="agenda-publishing-occurrence-grid"] [data-tag-id="list-grid"].mt-5 > .row > .col-md-12 { height: auto !important; min-height: 0 !important; padding: 0 !important; margin: 0 0 0.75rem 0 !important; } /* Alignment: strip Bootstrap's row negative margins and col padding from the top-level form row and event_list row so both share the same left edge as the grid padding */ #app div[data-tag-id="agenda-publishing-occurrence-grid"] > .v-form > .row, #app div[data-tag-id="agenda-publishing-occurrence-grid"] > [data-test="event_list"] { margin-left: 0 !important; margin-right: 0 !important; } #app div[data-tag-id="agenda-publishing-occurrence-grid"] > .v-form > .row > [class*="col-"], #app div[data-tag-id="agenda-publishing-occurrence-grid"] > [data-test="event_list"] > [class*="col-"] { padding-left: 0 !important; padding-right: 0 !important; }}/* Agenda card layout: 2 real columns — left (chip/title/location/promo, participant count appended right after as if it were the last line of that block) and right (thumbnail). The thumbnail is taken OUT of normal/flex flow (position:absolute, pinned top-right of the card) so it can never stretch the row height that .v-card__text and .v-card__actions (count) sit in — that stretching is what previously either pushed the count outside the card's visual box, or forced a gap between it and the text above it. With the thumbnail out of flow, .v-card__text and .v-card__actions just stack in plain block flow, snug against each other (Vuetify's own "pt-0" on .v-card__actions already removes any top gap). .v-card__text keeps a reserved right-side padding so its own text doesn't render underneath the overlaid thumbnail; the thumbnail's width is a % of the card, so it shrinks as the card shrinks while keeping its aspect ratio, and the card gets a min-height floor sized to the thumbnail's worst-case (max-width) height so it can never visually spill past the card's own background/border. */#app div[data-tag-id="agenda-publishing-occurrence-grid"] [data-tag-id="agenda-publishing-occurrence-card"] { position: relative !important; display: block !important; min-height: 210px;}#app div[data-tag-id="agenda-publishing-occurrence-grid"] [data-tag-id="agenda-publishing-occurrence-card"] > .v-card__text { display: block !important; padding-right: 36% !important; padding-bottom: 4px !important; box-sizing: border-box;}#app div[data-tag-id="agenda-publishing-occurrence-grid"] [data-tag-id="agenda-publishing-occurrence-card"] > .v-card__text > .row > .grow.col,#app div[data-tag-id="agenda-publishing-occurrence-grid"] [data-tag-id="agenda-publishing-occurrence-card"] > .v-card__text > .row > .col:not(.col-auto) { max-width: 100%;}#app div[data-tag-id="agenda-publishing-occurrence-grid"] [data-tag-id="agenda-publishing-occurrence-card"] > .v-card__text > .row > .shrink.col,#app div[data-tag-id="agenda-publishing-occurrence-grid"] [data-tag-id="agenda-publishing-occurrence-card"] > .v-card__text > .row > .col.col-auto { position: absolute !important; top: 50%; right: 24px; transform: translateY(-50%); width: 32% !important; min-width: 90px; max-width: 280px;}#app div[data-tag-id="agenda-publishing-occurrence-grid"] [data-tag-id="agenda-publishing-occurrence-card"] > .v-card__text > .row > .shrink.col .v-image,#app div[data-tag-id="agenda-publishing-occurrence-grid"] [data-tag-id="agenda-publishing-occurrence-card"] > .v-card__text > .row > .col.col-auto .v-image { width: 100% !important;}#app div[data-tag-id="agenda-publishing-occurrence-grid"] [data-tag-id="agenda-publishing-occurrence-card"] > .v-card__actions { display: block !important;}#app div[data-tag-id="agenda-publishing-occurrence-grid"] [data-tag-id="agenda-publishing-occurrence-card"] > .v-card__actions > .d-flex { display: flex; align-items: center;}#app div[data-tag-id="agenda-publishing-occurrence-grid"] [data-tag-id="agenda-publishing-occurrence-card"] > .v-card__actions > .spacer,#app div[data-tag-id="agenda-publishing-occurrence-grid"] [data-tag-id="agenda-publishing-occurrence-card"] > .v-card__actions .v-btn { display: none !important;}/* Once the thumbnail hits its min-width, it no longer has room to shrink further — drop it entirely and let text/count reclaim the full width. */@media (max-width: 500px) { #app div[data-tag-id="agenda-publishing-occurrence-grid"] [data-tag-id="agenda-publishing-occurrence-card"] > .v-card__text { padding-right: 24px !important; } #app div[data-tag-id="agenda-publishing-occurrence-grid"] [data-tag-id="agenda-publishing-occurrence-card"] > .v-card__text > .row > .shrink.col, #app div[data-tag-id="agenda-publishing-occurrence-grid"] [data-tag-id="agenda-publishing-occurrence-card"] > .v-card__text > .row > .col.col-auto { display: none !important; } #app div[data-tag-id="agenda-publishing-occurrence-grid"] [data-tag-id="agenda-publishing-occurrence-card"] { min-height: 0; }}/* Fix swiper banner image cropping on mobile. background-size: cover on a landscape image with a fixed 300px slide height always overflows horizontally, cropping the image regardless of position. On mobile, suppress the background and let the responsive <img> tag drive the slide height so the full image is shown without any cropping. */@media (max-width: 600px) { .swiper-slide.no-swiper-img { height: auto !important; background-image: none !important; } .swiper-slide.no-swiper-img .as-block img.img-responsive { display: block !important; width: 100% !important; height: auto !important; max-height: none !important; }}/* Actualités : espacement entre les boutons et la barre de recherche/filtres *//* Desktop : gap réduit entre le bloc boutons (right) et le bloc recherche (left), boutons alignés à gauche */.af-header-module:has(#addSubjectsBtn) .af-header-module-content { gap: 0;}.af-header-module:has(#addSubjectsBtn) .hidden-phone .af-header-module-right .flex-container { justify-content: flex-start !important;}#mySubjectsBtn,#mySubjectsBtnMobile { background-color: white !important;}.af-header-module:has(#addSubjectsBtn) .af-header-module-left { margin-bottom: 15px;}/* Mobile : corrections layout (ordre + centrage) */@media (max-width: 767px) { .af-header-module:has(#addSubjectsMobile) { display: block !important; position: relative !important; top: unset !important; right: unset !important; left: unset !important; bottom: unset !important; background-color: white !important; margin-top: 60px !important; } #af-container-results { margin-top: 0 !important; padding-top: 0 !important; } #news_result { margin-top: 0 !important; } .af-header-module:has(#addSubjectsMobile) .af-header-module-content { justify-content: center; width: 100%; } .af-header-module:has(#addSubjectsMobile) .af-header-module-left { width: 100%; } .af-header-module:has(#addSubjectsMobile) .flex-d-column-mobile { align-items: stretch; width: 100%; } .af-header-module:has(#addSubjectsMobile) .flex-d-column-mobile > .visible-phone { order: 2; } .af-header-module:has(#addSubjectsMobile) .flex-d-column-mobile > .flex-w-max-mobile { order: 1; margin-bottom: 1rem; } .af-header-module:has(#addSubjectsMobile) .flex-container:has(.flex-w-max-mobile) { gap: 0; }}/* Page statique (ex: Retrouver sa promotion) : texte justifié + images responsive sur mobile */.static_page p,#equipe p { text-align: justify;}@media (max-width: 600px) { .static_page img, #equipe img { max-width: 100% !important; height: auto !important; width: auto !important; }}/* Agenda upcoming: form flows under the title, not floated into the banner */#app .container > div > .v-form { position: static !important; top: auto !important; left: auto !important; right: auto !important; margin-left: 0 !important; margin-bottom: 1.5rem !important;}@media (max-width: 600px) { #app .container > div > .v-form { top: auto !important; left: auto !important; }}/* Agenda: event list row — constrain to container width */#app div[data-test="event_list"] { max-width: 100%;}/* Agenda: event list + calendar column widths — desktop only */@media (min-width: 960px) { #app div[data-test="event_list"] > .col-md-8 { flex: 0 0 60% !important; max-width: 60% !important; } #app div[data-test="event_list"] > .col-md-4:has([data-tag-id="date-picker"]) { flex: 0 0 30% !important; max-width: 30% !important; margin-left: auto; }}/* Annuaire : laisser le nom d'entreprise s'afficher en entier (wrap naturel) */.af-text-truncate:has([data-tag-id="hovercard-company"]) { overflow: visible !important; white-space: normal !important; text-overflow: clip !important; display: block !important; height: auto !important; max-height: none !important;}/* Réseaux sociaux — cartes uniformes */#equipe .row:has(.totocard) { display: flex !important; flex-direction: row !important; flex-wrap: wrap; align-items: stretch; gap: 1.5rem; justify-content: center; margin: 0 !important;}#equipe .span4:has(.totocard) { float: none !important; width: auto !important; flex: 1 1 240px; max-width: 360px; display: flex; flex-direction: column;}/* Grid layout: icon + h4 share row 1, description fills row 2, link pins to row 3 */#equipe .totocard { display: grid !important; grid-template-columns: auto 1fr; grid-template-rows: auto 1fr auto; gap: 0.4rem 1rem; background-color: #faf8f4; border-radius: 10px; padding: 1.5rem; flex: 1; box-sizing: border-box;}#equipe .totocard > i { grid-column: 1; grid-row: 1; align-self: center; margin: 0 !important;}/* Unwrap .container so h4/p/p become direct grid children */#equipe .totocard > .container { display: contents !important;}#equipe .totocard > .container > h4 { grid-column: 2; grid-row: 1; align-self: center; color: #145da0 !important; font-size: 1.5rem !important; font-weight: 700 !important; margin: 0 !important;}#equipe .totocard > .container > p:not(:last-child) { grid-column: 1 / -1; grid-row: 2; margin: 0 !important; font-size: 15px !important;}#equipe .totocard > .container > p:last-child { grid-column: 1 / -1; grid-row: 3; align-self: end; margin: 0 !important; padding-top: 0.75rem;}@media (max-width: 600px) { #equipe .row:has(.totocard) { flex-direction: column !important; align-items: center; } #equipe .span4:has(.totocard) { width: 100% !important; max-width: 420px; }}/* Event page footer: share-bar icons — different icon fonts have different baselines; making each <a> a flex container forces the <i> to center within it */#share_in_social_network .flex-container > a { display: flex; align-items: center;}/* Event page footer: author block — space-top-medium pushes text below the avatar */#calendar_content .content-footer-userinformation .flex-container { align-items: center;}#calendar_content .content-footer-userinformation .flex-container > .space-top-medium { margin-top: 0 !important;}/* Event page footer: group-logo block — same space-top-medium misalignment */#calendar_content .group-logo-container > .flex-container { align-items: center;}#calendar_content .group-logo-container > .flex-container > .space-top-medium { margin-top: 0 !important;}/* Event page footer mobile: span5 (~42 %) wins over col-xs-12 on narrow screens, preventing the group-logo block from going full-width when stacking */@media (max-width: 600px) { #calendar_content .group-logo-container { width: 100% !important; }}/* Event page footer mobile: give the share bar full width so nothing overflows */@media (max-width: 600px) { .share-for-social { width: 100%; } /* inline-flex shrinks this row to content but then clips it — fit-content lets it breathe */ .share-for-social > .flex-container-inline.pull-down { width: fit-content; } #shareEvent { width: fit-content !important; } .share-for-social .flex-container-inline, .share-for-social #share_in_social_network .flex-container { white-space: nowrap; } .share-for-social .af-font-icon-eye-open-light { position: relative; top: 2px; } #share_in_social_network, #share_in_social_network .large { overflow: visible !important; width: fit-content !important; } .af-main-card > .bg-white > .space-right-enormous > .space-top > .flex-container > div:has(#likeEvent) > div { width: fit-content !important; } .af-main-card > .bg-white > .space-right-enormous > .space-top > .flex-container:has(#shareEvent) > div:not(:has(#likeEvent)) { width: fit-content !important; min-width: unset !important; }}/* Dashboard container: constrain inner row instead of fighting JS-overridden container padding */[data-tag-id="instance-layout-user-dashboard"] > .row { max-width: 1185px; margin-left: auto !important; margin-right: auto !important;}/* ── Widget column: promote "Suggestion d'offres d'emploi" to first position ── */[data-tag-id="draggable"] { display: flex; flex-direction: column;}/* Career widget → first slot (remove its mt-6 since it's now at the top) */[data-tag-id="draggable"] > .is-draggable:has([data-tag-id="career-widget-personalized-job-posting"]) { order: -1; margin-top: 0 !important;}/* Agenda widget → second slot (was first, so add the gap that career widget vacated) */[data-tag-id="draggable"] > .is-draggable:has([data-tag-id="agenda-publishing-widget-upcoming-occurrences"]) { order: 0; margin-top: 1.5rem !important;}/* Press widget → third slot (unchanged) */[data-tag-id="draggable"] > .is-draggable:has([data-tag-id="press-publishing-widget-latest-articles"]) { order: 1;}/* ── Vuetify tabs: white background, blue tint on active, no prev/next arrows ── */.v-tabs-bar { background-color: #ffffff !important;}.v-tabs-bar .v-tab { background-color: #ffffff !important;}.v-tabs-bar .v-tab.v-tab--active { background-color: #e8f0fb !important;}.v-slide-group__content { padding: 0 !important;}.v-slide-group .v-slide-group__prev--disabled,.v-slide-group .v-slide-group__next--disabled { width: 0 !important; min-width: 0 !important; max-width: 0 !important; flex: 0 0 0 !important; overflow: hidden !important; padding: 0 !important;}/* Event date chip: styling */[data-tag-id="agenda-publishing-occurrence-date"],[data-tag-id="agenda-publishing-occurrence-date"] * { color: #4990e2 !important; font-family: 'Lato' !important; font-style: normal !important; font-weight: 500 !important;}/* Background lives on the date-from-to pill only */[data-tag-id="date-from-to"] { background-color: rgba(73, 144, 226, 0.05) !important;}/* Inner text div: no background, 12px */[data-tag-id="date-from-to"] > div[aria-haspopup] { background-color: transparent !important; font-size: 12px !important;}/* Inline button list: vertically center icon + bare text node in each button */ul.inline li.pull-down-mini > a.btn { display: inline-flex !important; align-items: center;}ul.inline li.pull-down-mini > a.btn > i.space-right { padding-right: 0 !important; margin-right: 0.5em !important;}/* ============================================================ Static page layout — reusable across all static pages Usage: wrap page content in .static-page-wrap ============================================================ *//* Hero banner */.static-page-hero { position: relative; width: 100%; overflow: hidden; max-height: 420px;}.static-page-hero__img { width: 100%; height: 420px; object-fit: cover; object-position: center; display: block; filter: brightness(0.55);}.static-page-h1 { position: absolute !important; bottom: 0; left: 0; padding: 1.5rem 2rem !important; margin: 0 !important; color: #fff !important; font-size: clamp(2rem, 6vw, 4rem) !important; font-weight: 700 !important; line-height: 1.1 !important; text-shadow: 0 2px 8px rgba(0,0,0,0.45);}/* Optional page subtitle below hero */.static-page-subtitle { font-size: 1.25rem !important; font-weight: 600; line-height: 1.4; color: #212121; margin: 2rem 0 1.5rem !important;}/* Two-column section */.static-page-section { display: grid; grid-template-columns: 1fr 1fr; gap: 2.5rem; align-items: start; margin: 2rem 0;}.static-page-section--reversed { direction: rtl; /* flip column order */}.static-page-section--reversed > * { direction: ltr; /* restore text direction inside */}/* Text column */.static-page-section__text { display: flex; flex-direction: column; gap: 0.75rem;}/* Media column: image + stacked buttons */.static-page-section__media { display: flex; flex-direction: column; gap: 0.75rem;}.static-page-section__img { width: 100%; height: auto; object-fit: cover; border-radius: 4px; display: block;}/* Headings */.static-page-h2 { font-size: 1.6rem !important; font-weight: 700 !important; color: #212121 !important; margin: 0 0 0.25rem !important; line-height: 1.25 !important;}.static-page-h3 { font-size: 1.15rem !important; font-weight: 600 !important; color: #212121 !important; margin: 0 0 0.5rem !important; line-height: 1.3 !important; text-decoration: underline;}/* CTA buttons */.static-page-btn { display: block !important; background-color: var(--BG, #145da0) !important; color: #fff !important; text-align: center !important; padding: 0.75rem 1rem !important; border-radius: 4px !important; font-weight: 600 !important; font-size: 0.9rem !important; text-transform: uppercase; text-decoration: none !important; letter-spacing: 0.05em; transition: background-color 0.2s ease;}.static-page-btn:hover { background-color: #0d4275 !important; color: #fff !important;}/* Divider between sections */.static-page-divider { border: none; border-top: 1px solid rgba(0,0,0,0.12); margin: 2.5rem 0;}/* Sections wrapper: handles alternation + dividers via CSS */.static-page-sections { display: flex; flex-direction: column;}/* Divider between sections (replaces <hr>) */.static-page-sections > .static-page-section + .static-page-section { border-top: 1px solid rgba(0, 0, 0, 0.12); padding-top: 2.5rem; margin-top: 2.5rem;}/* Auto-alternate: even sections flip column order */.static-page-sections > .static-page-section:nth-child(even) { direction: rtl;}.static-page-sections > .static-page-section:nth-child(even) > * { direction: ltr;}/* Full width when media column has no image and no button */.static-page-section:has(.static-page-section__media:not(:has(img, .static-page-btn))) { grid-template-columns: 1fr;}/* Mobile: stack columns */@media (max-width: 700px) { .static-page-section { grid-template-columns: 1fr; } .static-page-sections > .static-page-section:nth-child(even) { direction: ltr; } .static-page-h1 { font-size: clamp(1.5rem, 8vw, 2.5rem) !important; padding: 1rem !important; } .static-page-hero__img { height: 280px; } .static-page-hero { max-height: 280px; }}/* Twin info cards (Vision / Mission) */.static-page-twin-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin: 2rem 0;}/* Generic info card (vision, mission, valeurs) */.static-page-info-card { background-color: #f8f9fa; padding: 0.75rem 1.5rem 1.5rem; border-radius: 8px;}.static-page-info-card__title { color: var(--BG, #145da0) !important; font-size: 1.2rem !important; font-weight: 700 !important; margin-bottom: 0.75rem !important;}.static-page-info-card__subtitle { font-weight: 600; margin-bottom: 0.5rem !important;}.static-page-info-card__text { color: #666; margin: 0 !important;}/* Icon card grid — 3 columns */.static-page-icon-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; margin: 1.5rem 0 2.5rem;}.static-page-icon-card { border: 1px solid #dde3ea; border-radius: 8px; padding: 1.5rem 1.25rem; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 0.75rem; background: #fff; box-shadow: 0 1px 4px rgba(0,0,0,0.06);}.static-page-icon-card__icon { font-size: 2.2rem; color: var(--BG, #145da0); line-height: 1;}.static-page-icon-card__title { font-size: 0.95rem !important; font-weight: 700 !important; color: #212121 !important; margin: 0 !important;}.static-page-icon-card__text { font-size: 0.85rem !important; color: #666 !important; margin: 0 !important;}@media (max-width: 900px) { .static-page-twin-cards { grid-template-columns: 1fr; } .static-page-icon-grid { grid-template-columns: repeat(2, 1fr); }}@media (max-width: 600px) { .static-page-icon-grid { grid-template-columns: 1fr; }}/* Advisor card grid */.static-page-advisor-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; margin-top: 1.5rem;}.static-page-advisor-card { background: #fff; border-radius: 6px; box-shadow: 0 0 4px rgba(0,0,0,0.12); padding: 1.25rem 1.25rem 1rem; display: flex; flex-direction: column; gap: 0.5rem;}.static-page-advisor-card__name { font-size: 1rem !important; font-weight: 700 !important; color: var(--BG, #145da0) !important; margin: 0 !important;}.static-page-advisor-card__location { font-size: 0.8rem; color: #666; margin: 0 !important;}.static-page-advisor-card__bio { font-size: 0.875rem !important; color: #333; margin: 0 !important; flex: 1;}.static-page-advisor-card__tags { font-size: 0.75rem; font-weight: 600; color: #fff; background: var(--BG, #145da0); border-radius: 4px; padding: 0.25rem 0.6rem; display: inline-block; margin-top: 0.25rem;}@media (max-width: 900px) { .static-page-advisor-grid { grid-template-columns: repeat(2, 1fr); }}@media (max-width: 600px) { .static-page-advisor-grid { grid-template-columns: 1fr; }}