/* ---- CARROUSEL D'ACCUEIL — MOBILE ---- */@media (max-width: 599px) { /* Neutraliser les marges négatives de la grille */ .row:has(> .col > .v-carousel) { margin: 0 !important; } /* Décoller du menu + rentrer les bords */ .mb-6:has(.v-carousel) { margin: 16px 16px 24px !important; } /* Hauteur */ .v-carousel .v-responsive__sizer { display: none !important; } .v-carousel, .v-carousel .v-carousel__item, .v-carousel .v-image, .v-carousel .v-responsive__content { height: 40vw !important; min-height: 0 !important; max-height: 180px !important; }}/* ---- FOOTER MOBILE ---- */@media (max-width: 599px) { /* Doublon : les logos du bloc 3 répètent ceux du bloc 1 */ footer#footer .customizable-bloc-3 { display: none; } /* Écarts prévus pour le desktop, qui deviennent des vides verticaux */ footer#footer .customizable-bloc-1 .richedit_wrap > div { gap: 28px !important; } footer#footer .customizable-bloc-2 > p:last-of-type { gap: 28px !important; margin-top: 24px !important; }}/* Panneaux mobiles : dans le header, mais sur fond clair */header#header #mobile-content-container .cl-gray,header#header .mobile-userbar-content .cl-gray { color: #212121 !important;}/* ---- CONTACT — Type de compte à activer ---- *//* 1. Ne garder que Diplômé (1) et Etudiant (5) dans la liste */#user_type option:not([value="1"]):not([value="5"]) { display: none !important;}/* 2. Tant que la valeur active est une option masquée, recouvrir le libellé du champ par un texte d'invite */li:has(> #user_type) { position: relative;}li:has(> #user_type > option:checked:not([value="1"]):not([value="5"]))::after { content: "Choisissez votre profil"; position: absolute; left: 11px; right: 32px; /* laisse la flèche du menu visible */ bottom: 1px; height: 22px; line-height: 22px; padding-left: 4px; background: #fff; font: 12px Lato, sans-serif; color: #767676; pointer-events: none;}/* Contact : ne garder que Diplômé (1) et Étudiant (5) */#user_type option:not([value="1"]):not([value="5"]) { display: none !important;}/* Menu principal — « CLUBS » non cliquable, sous-menu toujours cliquable */ul#main.nav > li > a[href*="/groups"], /* desktop */ul#main.nav-mobile > li > .flex-container > a[href*="/groups"] { /* mobile */ pointer-events: none; cursor: default;}ul#main.nav > li > a[href*="/jobboard"], /* desktop */ul#main.nav-mobile > li > .flex-container > a[href*="/jobboard"] { /* mobile */ pointer-events: none; cursor: default;}ul#main.nav > li > a[href*="/page/a-propos-test"], /* desktop */ul#main.nav-mobile > li > .flex-container > a[href*="/page/a-propos-test"] { /* mobile */ pointer-events: none; cursor: default;}/* Retrait phrase préférences mails et réseaux */#editPreference > div:nth-child(1) > div > div > div.row-fluid.no-min-height.preferences-newsletter > div > div.row-fluid.no-min-height > div > div.row-fluid.no-min-height > div { display: none; }#header > div.hidden-phone > div.bg-primary { border-top: 2px solid white;}@media (min-width: 599px) { .row-fluid .span4.customizable-bloc-1,.row-fluid .span4.customizable-bloc-2 { width: 100%; }}@media (min-width: 599px) { .row-fluid .span4.customizable-bloc-3 { display: none; }}/*Degradé couleur widget HP déco*/ /*.poc-redesign-legacy-hp-2025--widget-container:has(.widget-agenda-rss-feed) { background: linear-gradient(180deg, #E00015 0%, #FFC5CA 100%) !important;}*//* 1. Configuration du conteneur parent */.poc-redesign-legacy-hp-2025--widget-container:has(.widget-agenda-rss-feed),.poc-redesign-legacy-hp-2025--widget-container:has(.widget-articles-rss-feed) { position: relative; /* Indispensable pour que le ::before se positionne par rapport à ce bloc */ background: transparent !important; /* On supprime l'ancien gradient/couleur */ z-index: 1; /* Assure que le texte reste sélectionnable */ overflow: hidden; /* Optionnel : empêche l'image de dépasser si vous avez des bords arrondis */}/* 2. Création de l'image de fond via un pseudo-élément */.poc-redesign-legacy-hp-2025--widget-container:has(.widget-agenda-rss-feed)::before,.poc-redesign-legacy-hp-2025--widget-container:has(.widget-articles-rss-feed)::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* Votre image */ background-image: url('/medias/editor/images/fond-texture-rouge-2880.jpg') !important; background-size: cover; background-position: center center; background-repeat: no-repeat; /* Gestion de l'opacité */ opacity: 0.6; /* MODIFIER ICI : 0.1 (très clair) à 1.0 (opaque). 0.2 est souvent un bon début. */ /* Positionnement en arrière-plan */ z-index: -1; }/*Mise en place graphique Header footer*/ #footer .footer-top { background-image: url('/medias/editor/images/fond-texture-rouge-2880.jpg') !important; background-size: cover; /* L'image s'adapte pour couvrir toute la zone */ background-position: center center; /* Centre l'image */ background-repeat: no-repeat; /* Évite la répétition en mosaïque */ background-color: transparent !important; /* Enlève la couleur grise d'origine */}/* Force les textes et liens en blanc dans le footer-top */#footer .footer-top p, #footer .footer-top a, #footer .footer-top .title,#footer .footer-top i { color: #ffffff !important;}/* Utilisation de la balise + ID + attribut pour une priorité maximale */header#header[data-test="site-header"] { background-image: url('/medias/editor/images/fond-texture-rouge-2880.jpg') !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; /* On force la transparence pour annuler l'effet de la classe "bg-white" */ background-color: transparent !important; border-bottom: none !important;} #header > div.hidden-phone > div.bg-primary { background-image: none !important; background-color: transparent !important; border-top: 2px solid white !important; border-bottom: none !important; }/* --------------------------------------------------------- *//* AJUSTEMENT DES TEXTES (INDISPENSABLE SUR FOND ROUGE) *//* --------------------------------------------------------- *//* Force les liens du menu principal en blanc */header#header #menu .nav > li > a { color: #ffffff !important;}/* Force les icônes et textes annexes en blanc */header#header .mobile-navbar-container i,header#header .af-switch-language,header#header .header-option,header#header .cl-gray { color: #ffffff !important;}/* Gestion du survol (hover) pour garder de la visibilité */header#header #menu .nav > li > a:hover { color: #f0f0f0 !important; background: rgba(255, 255, 255, 0.1) !important;}#btnEtudiant, #btnAlumni, #btnRecruteur { background-image: url("/medias/editor/images/fond-texture-rouge-2880.jpg") !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; border: none !important; }#btnEtudiant:hover, #btnAlumni:hover, #btnRecruteur:hover { filter: brightness(1.1) !important; background-image: url("/medias/editor/images/fond-texture-rouge-2880.jpg") !important; widget-slider-static{margin-top: -46px;}/* Séparation entre les blocs de la HP déconnectée (mobile) */html:not(.user-is-login) .home .poc-redesign-legacy-hp-2025--section-spacer { min-height: 80px;}/* Séparation entre les blocs de la HP déconnectée (desktop) */@media (min-width: 961px) { html:not(.user-is-login) .home .poc-redesign-legacy-hp-2025--section-spacer { min-height: 80px; }} /* On cible la section parente UNIQUEMENT si elle contient le premier widget (#widget15) */ .poc-redesign-legacy-hp-2025--section-container:has(#widget15)::before { /* Le texte à afficher */ content: "Grâce à AlumnForce"; /* Mise en forme */ display: block; width: 100%; text-align: center; font-family: 'Montserrat', sans-serif; font-size: 40px; font-weight: 600; /* Gras pour correspondre à l'image */ color: #212121; /* Couleur sombre standard, à ajuster selon ton thème */ /* Espacement */ margin-bottom: 48px; /* Espace entre le titre et les cartes */ }.poc-redesign-legacy-hp-2025 .widget.widget-agenda-rss-feed.widget-h>.widget-v-container>.widget-content .widget-content-item .card-h-date{ background: var(--theme-light-secondary-color);}/* HP Accueil */.group_image { position: relative; /* Assure que la position de l'encadrement est relative à l'image. */}.group_image-right{margin-left: 10%; margin-top: 6%;}.group_image-up::before { content: ""; position: absolute; top: -8%; left: -8%; width: 30%; background-color: #CB1C39; height: 100%; box-sizing: border-box; z-index: -1; transform: translate(-10%,-10%);}.group_image-down::before { content: ""; position: absolute; bottom: -8%; left: -8%; width: 30%; background-color: #CB1C39; height: 100%; box-sizing: border-box; z-index: -1; transform: translate(-10%,10%);}.group-block-item__main{ margin-left: 10% !important;}.title-hp{ margin-top: 2% !important; font-size: 28px !important;}.description-hp{ font-size: 16px !important; color: gray !important;}.group_container{display: flex; align-items: center; flex-direction: column;}