/** Fabien : personnalisation pour scroller sur les articles demande Gilbert**/.article-show .richedit_wrap:first-child { display: block;overflow: auto;}input:read-only, textarea:read-only { color: #000;} @media (max-width: 768px) { .bouton-accueil { flex: 1 1 100% !important; max-width: 100% !important; } }/** Persoonalisation place event rdd cotisant**/tr.event-ticket-row[data-af-ticket-id="11218"] { background-color: rgba(126,115,143, .5);}tr.event-ticket-row[data-af-ticket-id="11218"] .event-ticket-table-description { color: black; font-size: 14px;}tr.event-ticket-row[data-af-ticket-id="11218"] .event-ticket-table-title b {color: white; background: #a32144; border: 1px solid #a32144; padding: 8px; border-radius: 4px; font-size: 18px;}tr.event-ticket-row[data-af-ticket-id="11218"] .event-ticket-table-title { margin-top: 20px; margin-bottom: 10px;}/** CS-7111 : bOUTON ANNULER MA R2SERVATION**/.cancel-participate{	display:none !important;}/** Fin CS-7111**//** CS-6446 : Les groupes ne doivent pas publier des actualités sur le site global**/#section_only_group_display > div > label{ display: none;}/** Fin CS-6446 **//** CS-6256 : Masquer le bouton Annuler ma réservation **/#event-ticket-container > div > div > div.row-fluid.one-line.pull-up-small.no-min-height > div{ display: none;}/** Fin CS-6256 **//** Group Bounce Fabien **/#group_setup_content #bounce_table > tbody > tr > td:nth-child(3).bold { display: none;}#group_setup_content #bounce_table > thead > tr > th:nth-child(3) { display: none;}#group_setup_content #bounce_table .btn-link.no-textdecoration { display: none;}#group_setup_content #report-vue > div > div > div.table-responsive > table > thead > tr > th:nth-child(2) { display: none;}#group_setup_content #report-vue > div > div > div.table-responsive > table > tbody > tr > td:nth-child(2) { display: none;}/** End Group Bounce Fabien **/.home .widget-articles-rss-feed .widget-content .img-container .img-center .img-responsive,.home .widget-articles-rss-feed .widget-content .img-container{ height: 120px;}#site_preferences_preferences_form div.row-fluid.pull-down.party-and-forum { display: none;}#editPreference .row-fluid [data-role="party-and-forum"] { display: none;}.home .widget-articles-rss-feed .card-v-img{ height: 120px;}.widget-articles-rss-feed .card-v-content{ min-height: 100px;}.section-item-slider,.section-item-map{margin-left:-8px;margin-right:-8px;}.section-item-slider{margin-top: -30px;}.menu-front .multi-level .navbar .nav>li>a{color:#ffffff;}.menu-front .multi-level .navbar .nav>li:hover>a, .menu-front .multi-level .navbar .nav>li:hover>a.dropdown-toggle,.menu-front .multi-level .navbar .nav li.dropdown.open>.dropdown-toggle{color:#ffffff! important;background:#7e738f!important;}@media (min-width: 767px){.userbar-is-active .header.header-default-fix .header-dump{max-height: 130px;}}.slogan-container{padding-top: 0px;margin-top: 0px;}#jobsRssFeed{display:none;}#widget3 h3{font-style: bold;font-size: x-large;}#widget2 h3{font-style: bold;font-size: x-large;}.content-wall .swiper-container.swiper-container-article.swiper-container-fade.swiper-container-horizontal { height: 233px;}.af-picture-container-link { background: no-repeat #FFFFFF 50% 50%;background-size: contain;}.bordure_alicia_1{border-image-:url("https://association.centralesupelec-alumni.com/medias/editor/images/pages/cotisation_2019/barre_verticale_1_2019.png");border-right-style:dotted;border-right-color: rgb(128,128,128);}.bordure_alicia_2{border-image:url("https://association.centralesupelec-alumni.com/medias/editor/images/pages/cotisation_2019/barre_verticale_2_2019.png");}@media (max-width: 767px) {.calendar-content .event-ticket-form.form-event-ticket .event-ticket-content .event-ticket-table thead, .calendar-content .event-ticket-form.form-event-ticket .event-ticket-content .event-ticket-table tbody { display: grid;}}.richedit_wrap a:hover, .richedit_wrap a:visited{color: #a32144; text-decoration: none;}.richedit_wrap a { color: #a32144; text-decoration: none;}#page-login > div.page-login > div > div:nth-child(2) > div:nth-child(4) { display: none;}#wantedbox .sidebox h1 span+span { line-height: 18px; background: #a32144; padding: 10px; padding-bottom: 0px; padding-top: 16px; color: #FFF; height: auto; margin: 0;}button#registration_search_create_account { display: none;}div.error a.btn.btn-primary { color: #FFF;}/** bouton header Flora **/#header > div.hidden-phone > div.container.space-container.clearfix.header-logo > div > div.col-xs-8.span8.space-top.pull-up-small.text-right.slogan-container.hidden-phone > div:nth-child(1) > p:nth-child(2) > span:nth-child(3) > a { background-color: #9e93ad; border: #9e93ad! important;}#header > div.hidden-phone > div.container.space-container.clearfix.header-logo > div > div.col-xs-8.span8.space-top.pull-up-small.text-right.slogan-container.hidden-phone > div:nth-child(1) > p:nth-child(2) > span:nth-child(3) > a :hover { background-color: #a32144;text-decoration:none;}/* Ajout Mikael 07-01-2025 page cotisation https://association.centralesupelec-alumni.com/fr/contribution/guest/select Alert info rouge*//*.contribution-logout-layout .alert-info {font-size: 22px!important; line-height: 30px!important; color: red!important;}.contribution-logout-layout .alert-info ul{ padding-top:20px!important;}.contribution-logout-layout .alert-info li{ font-size: 16px;}*//* Ajout Mikael 07/2025 Page Mentorat, affichage widht 100% youtube*/.video-container{ position: relative; width: 100%; padding-bottom: 56.25%;}.video-container .fr-draggable{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}/* Ajout Mikael 08/2025 Page association-adhesion-eleve, */.subscription-options-adhesion { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin: 40px 0; } .option-card { background: white; border-radius: 1rem; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); padding: 2rem; max-width: 350px; text-align: center; display: flex; flex-direction: column; justify-content: space-between; min-height: 80px;color:#97023c; } .option-card:hover { transform: translateY(-5px); } .option-card a { color: #97023c!important; text-decoration: none; font-size: 18px; font-weight: bold; } .option-card p { margin: 10px 0; font-size: 16px; } .option-card span {font-size:22px!important;} .adhesion-eleve-container { max-width: 1200px; margin: 0 auto; padding: 20px; } .adhesion-eleve-content { text-align: justify; margin: 0 auto; max-width: 800px; } .adhesion-eleve-content p { margin-bottom: 20px; } .adhesion-eleve-benefits { } .adhesion-eleve-benefits ul { list-style: none; padding: 0; } .adhesion-eleve-benefits li { margin-bottom: 15px; font-size: 16px; } .adhesion-eleve-benefits li::before { margin-right: 10px; font-size: 20px; } .adhesion-eleve-subscription-options { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin: 40px 0; } .adhesion-eleve-option-card { background-color: #97023c; color: #fff; padding: 20px; border-radius: 8px; text-align: center; width: 300px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); transition: transform 0.2s; text-decoration: none; display: block; } .adhesion-eleve-option-card:hover { transform: translateY(-5px); } .adhesion-eleve-option-card span { color: #fff; font-size: 18px; font-weight: bold; } .adhesion-eleve-option-card p { margin: 10px 0; font-size: 16px; color: #fff; } .adhesion-eleve-bank-transfer { background-color: #8e2b47; color: #fff; padding: 20px; border-radius: 8px; text-align: center; margin: 20px auto; max-width: 600px; } .adhesion-eleve-bank-transfer p { margin: 10px 0; } .adhesion-eleve-call-to-action { text-align: center; margin: 40px 0; color: #97023c; font-size: 22px; font-weight: bold; } .adhesion-eleve-social-media { text-align: center; margin: 40px 0; } .adhesion-eleve-social-media img { width: 40px; margin: 0 10px; } .adhesion-eleve-social-media a { text-decoration: none; color: #333; font-size: 18px; margin: 0 10px; } .headerAdhesionEleve { text-align: center; padding: 2rem 1rem; background: linear-gradient(90deg, #af1840, #8a7a97); color: white; } .headerAdhesionEleve h1 { margin: 0.5rem 0; font-size: 2rem;color:#FFF!important; } @media (max-width: 768px) { .adhesion-eleve-subscription-options { flex-direction: column; align-items: center; } .adhesion-eleve-option-card { width: 100%; max-width: 400px; } } .adhesion-eleve-benefits-section { display: flex; gap: 20px; margin: 40px 0; flex-wrap: wrap; } .adhesion-eleve-services, .adhesion-eleve-benefits { flex: 1; background-color: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); min-width: 300px; } .adhesion-eleve-services h2, .adhesion-eleve-benefits h2 { color: #97023c; font-size: 22px; margin-bottom: 15px; } .adhesion-eleve-services ul, .adhesion-eleve-benefits ul { list-style: none; padding: 0; } .adhesion-eleve-services li, .adhesion-eleve-benefits li { margin-bottom: 15px; font-size: 16px; } .adhesion-eleve-services li::before { content: "✔️"; margin-right: 10px; font-size: 20px; } .adhesion-eleve-benefits li::before { margin-right: 10px; font-size: 20px; } .adhesion-eleve-benefits a { color: #97023c; text-decoration: underline; font-weight: bold; } .adhesion-eleve-benefits a:hover { text-decoration: none; } .adhesion-eleve-discover-button { text-align: center; margin: 30px 0; } .adhesion-eleve-discover-button a { display: inline-flex; align-items: center; background-color: #fff;border:1px solid #97023c; color: #97023c!important; padding: 12px 24px; border-radius: 5px; text-decoration: none; font-size: 16px; font-weight: bold; transition: background-color 0.2s, transform 0.2s; } .adhesion-eleve-discover-button a:hover { background-color: #8e2b47; transform: translateY(-2px); color: #fff!important; } .adhesion-eleve-discover-button a::after { content: '→'; margin-left: 10px; font-size: 18px; }/*ajout Mikael 10-03-2026 - Page Services */.services-container{ display:grid; grid-template-columns: repeat(auto-fit,minmax(300px,1fr)); gap:30px; margin-top:40px;}.service-card{ background:#ffffff; border-radius:12px; overflow:hidden; box-shadow:0 6px 18px rgba(0,0,0,0.1); transition:transform .2s, box-shadow .2s;}.service-card:hover{ transform:translateY(-5px); box-shadow:0 10px 25px rgba(0,0,0,0.15);}.service-card img{ width:100%; height:200px; object-fit:cover;}.service-content{ padding:20px;}.service-content h2{ font-size:22px; margin-bottom:10px; color:#79102e;}.service-content p{ font-size:15px; line-height:1.5; margin-bottom:20px;}.service-btn{ display:inline-block; background:#79102e; color:#fff !important; padding:10px 18px; border-radius:6px; text-decoration:none; font-weight:600;}.service-btn:hover{ background:#a32144;}.services-intro{ max-width:900px; margin:0 auto 40px auto; text-align:center;}.services-intro h1{padding-top:25px; font-size:32px; color:#79102e; margin-bottom:25px;line-height:normal !important;}.services-intro p{ font-size:16px; line-height:1.7; margin-bottom:18px;}.services-intro-highlight{ font-weight:600; font-size:18px; margin-top:25px;}/* fin Services *//*Page Carrieres - Mikael 18-03-2026*/.carrieres-container .service-content h2{ color:#a32144;}.carrieres-container .service-btn{ background:#a32144;}.carrieres-container .service-btn:hover{ background:#79102e;}/* Page réservations de salons - ajout Mikael 07-05-2026 *//* ========================================================= Page réservation des salons - CentraleSupélec Alumni Préfixe dédié pour éviter les conflits : csa-salons- ========================================================= */.csa-salons-page { background: #f7f4f1; color: #1f1f1f; font-family: Arial, Helvetica, sans-serif; line-height: 1.6;}.csa-salons-container { max-width: 1100px; margin: 0 auto; padding: 45px 20px 60px 20px; box-sizing: border-box;}/* HERO */.csa-salons-hero { background: #ffffff; border-radius: 22px; overflow: hidden; box-shadow: 0 14px 35px rgba(0, 0, 0, 0.08); margin-bottom: 35px;}.csa-salons-hero-top { padding: 48px 34px 42px 34px; text-align: center; background: linear-gradient(135deg, #6b0f1a 0%, #b01440 100%); color: #ffffff;}.csa-salons-kicker { margin: 0 0 12px 0; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; font-weight: bold; opacity: 0.9;}.csa-salons-title { margin: 0; font-size: 36px; line-height: 1.15; font-weight: 800; color: #ffffff;}.csa-salons-hero-text { margin: 18px auto 0 auto; max-width: 720px; font-size: 20px; line-height: 1.5; color: #ffffff;}.csa-salons-hero-actions { margin-top: 30px;}.csa-salons-main-button { display: inline-block; background: #ffffff; color: #6b0f1a; font-size: 18px; font-weight: bold; text-decoration: none; padding: 15px 26px; border-radius: 999px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);}.csa-salons-main-button:hover { background: #f7f4f1; color: #6b0f1a; text-decoration: none;}.csa-salons-hero-bottom { padding: 28px 34px 32px 34px; text-align: center;}.csa-salons-intro { margin: 0 auto; max-width: 840px; font-size: 17px;}.csa-salons-alert { margin: 24px auto 0 auto; max-width: 780px; background: #fff5f7; border: 1px solid #f0c8d1; border-radius: 14px; padding: 16px 20px; color: #6b0f1a; font-size: 16px; box-sizing: border-box;}/* CARDS */.csa-salons-cards { display: flex; flex-wrap: wrap; gap: 22px; margin-bottom: 35px; align-items: stretch;}.csa-salons-card { flex: 1 1 280px; background: #ffffff; border-radius: 20px; padding: 28px 26px; box-shadow: 0 10px 26px rgba(0, 0, 0, 0.07); border: 1px solid #eeeeee; box-sizing: border-box; display: flex; flex-direction: column;}.csa-salons-card-icon { font-size: 34px; line-height: 1; margin-bottom: 18px;}.csa-salons-card-title { margin: 0 0 14px 0; font-size: 24px; line-height: 1.25; color: #6b0f1a; font-weight: 800;}.csa-salons-card-text { margin: 0 0 18px 0; font-size: 16px; line-height: 1.55; color: #111111;}.csa-salons-card-note { margin: 0 0 24px 0; font-size: 15px; line-height: 1.55; color: #555555;}.csa-salons-card-cta { margin-top: auto; padding-top: 8px;}.csa-salons-card-link { display: inline-block; color: #b01440; font-weight: 800; text-decoration: none; font-size: 15px; line-height: 1.4;}.csa-salons-card-link:hover { color: #6b0f1a; text-decoration: underline;}/* CTA CENTRAL */.csa-salons-cta { background: #1f1f1f; color: #ffffff; border-radius: 22px; padding: 34px 28px; text-align: center; margin-bottom: 38px; box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);}.csa-salons-cta-title { margin: 0 0 12px 0; font-size: 28px; line-height: 1.25; color: #ffffff;}.csa-salons-cta-text { margin: 0 auto 24px auto; max-width: 720px; font-size: 17px; color: #f1f1f1;}.csa-salons-cta-button { display: inline-block; background: #b01440; color: #ffffff!important; font-size: 18px; font-weight: bold; text-decoration: none; padding: 15px 28px; border-radius: 999px;}.csa-salons-cta-button:hover { background: #8f1034; color: #ffffff; text-decoration: none;}/* CONTACT */.csa-salons-info-grid { display: flex; flex-wrap: wrap; gap: 22px; align-items: stretch; margin-bottom: 38px;}.csa-salons-info-card { flex: 1 1 360px; background: #ffffff; border-radius: 20px; padding: 28px 26px; box-shadow: 0 10px 26px rgba(0, 0, 0, 0.07); border: 1px solid #eeeeee; box-sizing: border-box;}.csa-salons-info-card-highlight { background: #fff5f7; border: 1px solid #f0c8d1; box-shadow: none;}.csa-salons-section-label { margin: 0 0 8px 0; font-size: 13px; letter-spacing: 1.5px; text-transform: uppercase; color: #b01440; font-weight: bold;}.csa-salons-section-title { margin: 0 0 16px 0; font-size: 26px; line-height: 1.3; color: #1f1f1f;}.csa-salons-section-title-red { color: #6b0f1a;}.csa-salons-section-text { margin: 0 0 14px 0; font-size: 16px;}.csa-salons-contact-text { margin: 0; font-size: 17px;}.csa-salons-contact-link { color: #1f1f1f; text-decoration: none;}.csa-salons-contact-email { color: #b01440; font-weight: bold; text-decoration: none;}.csa-salons-contact-email:hover,.csa-salons-contact-link:hover { text-decoration: underline;}/* GALERIE */.csa-salons-gallery { background: #ffffff; border-radius: 22px; padding: 28px 24px; box-shadow: 0 10px 26px rgba(0, 0, 0, 0.07); border: 1px solid #eeeeee; box-sizing: border-box;}.csa-salons-gallery-header { text-align: center; margin-bottom: 24px;}.csa-salons-gallery-title { margin: 0; font-size: 28px; line-height: 1.3; color: #1f1f1f;}.csa-salons-gallery-main { margin-bottom: 18px;}.csa-salons-gallery-row { display: flex; flex-wrap: wrap; gap: 18px; margin-bottom: 18px;}.csa-salons-gallery-row:last-child { margin-bottom: 0;}.csa-salons-gallery-item { flex: 1 1 300px; text-align: center;}.csa-salons-gallery-item-small { flex: 1 1 220px;}.csa-salons-gallery-img { width: 100%; max-width: 100%; height: auto; border-radius: 18px; display: block; margin: 0 auto;}.csa-salons-gallery-img-small { max-width: 320px; border-radius: 16px;}.csa-salons-gallery-caption { margin: 10px 0 0 0; font-size: 15px; color: #555555;}/* RESPONSIVE */@media screen and (max-width: 768px) { .csa-salons-container { padding: 28px 14px 45px 14px; } .csa-salons-hero-top { padding: 38px 22px 34px 22px; } .csa-salons-title { font-size: 30px; } .csa-salons-hero-text { font-size: 18px; } .csa-salons-hero-bottom { padding: 24px 20px 28px 20px; } .csa-salons-cards, .csa-salons-info-grid, .csa-salons-gallery-row { display: block; } .csa-salons-card, .csa-salons-info-card, .csa-salons-gallery-item { margin-bottom: 20px; } .csa-salons-gallery-item:last-child, .csa-salons-info-card:last-child, .csa-salons-card:last-child { margin-bottom: 0; } .csa-salons-card-title { font-size: 22px; } .csa-salons-cta-title, .csa-salons-gallery-title { font-size: 24px; }}.csa-salons-hero-gallery { display: flex; gap: 16px; margin: 26px auto 0 auto; max-width: 900px;}.csa-salons-hero-gallery-item { flex: 1 1 0; overflow: hidden; border-radius: 18px; box-shadow: 0 8px 22px rgba(0, 0, 0, 0.10); background: #ffffff;}.csa-salons-hero-gallery-img { width: 100%; height: 220px; object-fit: cover; display: block;}@media screen and (max-width: 768px) { .csa-salons-hero-gallery { display: block; } .csa-salons-hero-gallery-item { margin-bottom: 16px; } .csa-salons-hero-gallery-item:last-child { margin-bottom: 0; } .csa-salons-hero-gallery-img { height: auto; }}/* Fin page reservations salons*//* ========================================================= PAGE ÉTUDIANTS / MEMBRES JUNIOR Préfixe utilisé : csa-junior- ========================================================= */.csa-junior-page { --csa-junior-bordeaux: #a9163f; --csa-junior-bordeaux-dark: #79102e; --csa-junior-purple: #85728f; --csa-junior-pink: #f2ad94; --csa-junior-pink-light: #f9ece7; --csa-junior-background: #f7f6f8; --csa-junior-text: #29272c; --csa-junior-text-light: #625f67; --csa-junior-white: #ffffff; --csa-junior-border: #e5e1e7; width: 100%; margin: 0; padding: 0; overflow: hidden; color: var(--csa-junior-text); font-family: Arial, Helvetica, sans-serif; font-size: 17px; line-height: 1.7; box-sizing: border-box;}.csa-junior-page *,.csa-junior-page *::before,.csa-junior-page *::after { box-sizing: border-box;}.csa-junior-page p { margin: 0 0 20px; color: inherit; font-size: inherit; line-height: inherit;}.csa-junior-page h1,.csa-junior-page h2,.csa-junior-page h3 { margin-top: 0; font-family: Arial, Helvetica, sans-serif; line-height: 1.2;}.csa-junior-page h1 { margin-bottom: 24px; color: var(--csa-junior-white); font-size: clamp(34px, 5vw, 60px); font-weight: 700; letter-spacing: -1.5px;}.csa-junior-page h2 { margin-bottom: 0; color: var(--csa-junior-text); font-size: clamp(27px, 3.4vw, 42px); font-weight: 700; letter-spacing: -0.8px;}.csa-junior-page h3 { margin-bottom: 12px; color: var(--csa-junior-bordeaux); font-size: 20px; font-weight: 700;}.csa-junior-container { width: calc(100% - 40px); max-width: 1160px; margin: 0 auto;}.csa-junior-container-small { max-width: 920px;}/* ========================================================= BANDEAU PRINCIPAL ========================================================= */.csa-junior-hero { position: relative; padding: 95px 30px 105px; overflow: hidden; text-align: center; background: radial-gradient( circle at 90% 15%, rgba(255, 255, 255, 0.18) 0, rgba(255, 255, 255, 0) 30% ), linear-gradient( 125deg, var(--csa-junior-bordeaux-dark) 0%, var(--csa-junior-bordeaux) 48%, var(--csa-junior-purple) 100% );}.csa-junior-hero::before { content: ""; position: absolute; top: -160px; left: -130px; width: 360px; height: 360px; border: 70px solid rgba(255, 255, 255, 0.06); border-radius: 50%;}.csa-junior-hero::after { content: ""; position: absolute; right: -90px; bottom: -190px; width: 430px; height: 430px; border: 85px solid rgba(255, 255, 255, 0.06); border-radius: 50%;}.csa-junior-hero-content { position: relative; z-index: 2; max-width: 990px; margin: 0 auto;}.csa-junior-eyebrow { display: inline-block; margin-bottom: 20px !important; padding: 7px 17px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 100px; color: var(--csa-junior-white) !important; font-size: 14px !important; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase;}.csa-junior-hero-intro { max-width: 790px; margin: 0 auto 34px !important; color: rgba(255, 255, 255, 0.95) !important; font-size: clamp(18px, 2vw, 22px) !important; line-height: 1.6 !important;}.csa-junior-main-button,.csa-junior-cta-button { display: inline-block; padding: 15px 28px; border: 2px solid var(--csa-junior-white); border-radius: 8px; background-color: var(--csa-junior-white); color: var(--csa-junior-bordeaux-dark) !important; font-size: 16px; font-weight: 700; line-height: 1.3; text-decoration: none !important; transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;}.csa-junior-main-button:hover,.csa-junior-main-button:focus { transform: translateY(-2px); background-color: transparent; color: var(--csa-junior-white) !important; box-shadow: 0 10px 25px rgba(64, 10, 30, 0.25);}/* ========================================================= INTRODUCTION ========================================================= */.csa-junior-introduction { padding: 72px 20px; background-color: var(--csa-junior-white); text-align: center;}.csa-junior-lead { margin-bottom: 32px !important; color: var(--csa-junior-bordeaux-dark) !important; font-size: clamp(23px, 2.7vw, 31px) !important; line-height: 1.45 !important;}/* ========================================================= SECTIONS GÉNÉRALES ========================================================= */.csa-junior-section { padding: 85px 20px; background-color: var(--csa-junior-white);}.csa-junior-section-light { background-color: var(--csa-junior-background);}.csa-junior-section-heading { display: flex; align-items: flex-start; gap: 22px; margin-bottom: 45px;}.csa-junior-section-number { display: flex; flex: 0 0 58px; align-items: center; justify-content: center; width: 58px; height: 58px; border-radius: 50%; background-color: var(--csa-junior-pink-light); color: var(--csa-junior-bordeaux); font-size: 17px; font-weight: 700;}.csa-junior-section-label { margin-bottom: 7px !important; color: var(--csa-junior-bordeaux) !important; font-size: 13px !important; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase;}.csa-junior-section-intro { max-width: 830px; margin-bottom: 40px !important; color: var(--csa-junior-text-light) !important; font-size: 19px !important;}.csa-junior-two-columns { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(280px, 0.8fr); gap: 45px; align-items: center;}.csa-junior-text-column p:last-child { margin-bottom: 0;}.csa-junior-highlight-card { position: relative; padding: 35px; overflow: hidden; border-radius: 16px; background-color: var(--csa-junior-bordeaux-dark); color: var(--csa-junior-white); box-shadow: 0 18px 40px rgba(60, 29, 47, 0.18);}.csa-junior-highlight-card::after { content: ""; position: absolute; right: -65px; bottom: -65px; width: 160px; height: 160px; border: 35px solid rgba(255, 255, 255, 0.07); border-radius: 50%;}.csa-junior-highlight-card p { position: relative; z-index: 1; color: var(--csa-junior-white) !important;}.csa-junior-highlight-card p:last-child { margin-bottom: 0;}.csa-junior-highlight-title { margin-bottom: 17px !important; color: var(--csa-junior-pink) !important; font-size: 21px !important; font-weight: 700; line-height: 1.4 !important;}/* ========================================================= CARTES DE SERVICES ========================================================= */.csa-junior-services-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px;}.csa-junior-service-card { position: relative; min-height: 245px; padding: 30px 27px; overflow: hidden; border: 1px solid var(--csa-junior-border); border-radius: 15px; background-color: var(--csa-junior-white); box-shadow: 0 9px 28px rgba(42, 34, 45, 0.07); transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;}.csa-junior-service-card:hover { transform: translateY(-4px); border-color: rgba(169, 22, 63, 0.3); box-shadow: 0 17px 36px rgba(42, 34, 45, 0.12);}.csa-junior-service-icon { display: inline-flex; align-items: center; justify-content: center; width: 43px; height: 43px; margin-bottom: 24px; border-radius: 11px; background-color: var(--csa-junior-pink-light); color: var(--csa-junior-bordeaux); font-size: 14px; font-weight: 700;}.csa-junior-service-card p { margin-bottom: 0; color: var(--csa-junior-text-light) !important; font-size: 15.5px !important; line-height: 1.65 !important;}.csa-junior-services-conclusion { max-width: 850px; margin: 45px auto 0 !important; padding-top: 35px; border-top: 1px solid var(--csa-junior-border); color: var(--csa-junior-text-light) !important; text-align: center;}/* ========================================================= COMMUNAUTÉ ========================================================= */.csa-junior-community-section { position: relative; overflow: hidden; background: linear-gradient( 135deg, var(--csa-junior-bordeaux-dark), var(--csa-junior-bordeaux) ); color: var(--csa-junior-white);}.csa-junior-community-section::after { content: ""; position: absolute; top: -140px; right: -130px; width: 370px; height: 370px; border: 75px solid rgba(255, 255, 255, 0.05); border-radius: 50%;}.csa-junior-community-section .csa-junior-container { position: relative; z-index: 1;}.csa-junior-section-heading-light h2,.csa-junior-section-heading-light .csa-junior-section-label,.csa-junior-community-section p { color: var(--csa-junior-white) !important;}.csa-junior-section-heading-light .csa-junior-section-number { background-color: rgba(255, 255, 255, 0.14); color: var(--csa-junior-white);}.csa-junior-community-quote { margin-top: 35px !important; margin-bottom: 0 !important; padding: 24px 27px; border-left: 5px solid var(--csa-junior-pink); border-radius: 0 12px 12px 0; background-color: rgba(255, 255, 255, 0.09); font-size: 21px !important; font-weight: 700; line-height: 1.5 !important;}/* ========================================================= BLOC D’APPEL À L’ACTION ========================================================= */.csa-junior-cta-section { padding: 80px 20px; background-color: var(--csa-junior-background);}.csa-junior-cta-box { max-width: 900px; margin: 0 auto; padding: 60px 45px; border-radius: 20px; background-color: var(--csa-junior-white); text-align: center; box-shadow: 0 18px 50px rgba(42, 34, 45, 0.11);}.csa-junior-cta-eyebrow { margin-bottom: 14px !important; color: var(--csa-junior-bordeaux) !important; font-size: 14px !important; font-weight: 700; letter-spacing: 1.4px; text-transform: uppercase;}.csa-junior-cta-box h2 { margin-bottom: 20px;}.csa-junior-cta-box > p:not(.csa-junior-cta-eyebrow):not(.csa-junior-cta-final) { max-width: 680px; margin-right: auto; margin-left: auto; color: var(--csa-junior-text-light) !important; font-size: 18px !important;}.csa-junior-cta-button { margin-top: 12px; border-color: var(--csa-junior-bordeaux); background-color: var(--csa-junior-bordeaux); color: var(--csa-junior-white) !important;}.csa-junior-cta-button:hover,.csa-junior-cta-button:focus { transform: translateY(-2px); background-color: var(--csa-junior-bordeaux-dark); border-color: var(--csa-junior-bordeaux-dark); color: var(--csa-junior-white) !important; box-shadow: 0 10px 24px rgba(121, 16, 46, 0.22);}.csa-junior-cta-final { margin-top: 30px !important; margin-bottom: 0 !important; color: var(--csa-junior-bordeaux-dark) !important; font-size: 16px !important; font-weight: 700;}/* ========================================================= RESPONSIVE ========================================================= */@media screen and (max-width: 900px) { .csa-junior-hero { padding: 75px 25px 85px; } .csa-junior-two-columns { grid-template-columns: 1fr; gap: 30px; } .csa-junior-services-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .csa-junior-service-card { min-height: 220px; }}@media screen and (max-width: 620px) { .csa-junior-page { font-size: 16px; } .csa-junior-container { width: calc(100% - 24px); } .csa-junior-hero { padding: 60px 18px 68px; } .csa-junior-page h1 { font-size: 35px; letter-spacing: -0.8px; } .csa-junior-page h1 br { display: none; } .csa-junior-section, .csa-junior-introduction { padding-top: 60px; padding-bottom: 60px; } .csa-junior-section-heading { display: block; margin-bottom: 32px; } .csa-junior-section-number { width: 48px; height: 48px; margin-bottom: 17px; } .csa-junior-services-grid { grid-template-columns: 1fr; } .csa-junior-service-card { min-height: 0; } .csa-junior-highlight-card { padding: 28px 24px; } .csa-junior-cta-section { padding: 55px 12px; } .csa-junior-cta-box { padding: 45px 22px; border-radius: 15px; } .csa-junior-main-button, .csa-junior-cta-button { width: 100%; max-width: 340px; text-align: center; }}