, ) C'est nécessaire car la classe 'cl-white' ou les balises internes pourraient forcer le blanc */.slider-nav-container #spaces .account-container .btn-ghost-primary * { color: #000000 !important;}/* --- REDESIGN WIDGET AGENDA -- */ /* 1. ESPACEMENT GLOBAL (Aération) */ /* On applique l'espace sur la section parente */ section.section-item:has(#widget3) { padding-top: 50px !important; padding-bottom: 25px !important; } /* Fallback (sécurité) */ #widget3 { padding-top: 40px; padding-bottom: 40px; } /* 2. LE TITRE "C'est en ce moment ou à suivre" */ #widget3 .widget-header .title { color: #000000 !important; /* Noir */ font-family: inherit; /* Police du site */ font-weight: 800 !important; /* Très gras (Black) */ font-size: 36px !important; /* Taille augmentée */ margin-bottom: 60px !important; /* Espace sous le titre */ text-transform: none !important; /* Pas de majuscules forcées */ text-align: center; } /* 3. LE BOUTON "Voir tous les évènements" */ #widget3 .widget-footer .btn-ghost-primary { background-color: #f2f2f2 !important; /* Fond Gris très clair */ color: #000000 !important; /* Texte Noir */ border: 1px solid #e0e0e0 !important; /* Bordure grise fine */ font-weight: 600 !important; padding: 12px 25px !important; margin-top: 40px !important; /* Espace au-dessus du bouton */ display: inline-block; transition: background-color 0.3s; } /* Effet au survol du bouton */ #widget3 .widget-footer .btn-ghost-primary:hover { background-color: #e0e0e0 !important; /* Un peu plus foncé au survol */ text-decoration: none !important; }/*REDESIGN BLOC CONNEXION*/ .btn-ghost-primary:hover, .btn-ghost-primary.active { background-color: #e63312 !important; border-color: #e63312 !important; color: #ffffff !important; }/*REDESIGN WIDGET CARTE*//* --- SCOPAGE ULTRA-PRÉCIS --- *//* 1. La Section (Parent) *//* On cible la classe .section-item UNIQUEMENT si elle contient l'ID #widget9 *//* Cela garantit que les autres sections du site ne bougeront pas d'un millimètre */section.section-item:has(#widget9) { padding-top: 100px !important; /* Grand espace au-dessus */ padding-bottom: 100px !important; /* Grand espace en-dessous */margin-bottom:-25px;}/* 2. Le Widget (Enfant) & Le Titre *//* L'ID est unique, aucun risque de toucher un autre widget */#widget9 { position: relative; /* Nécessaire pour l'alignement */ display: block; /* Force l'affichage en bloc */ width: 100%; /* Prend toute la largeur */}/* Création du titre "Allons plus loin" */#widget9::before { content: "Allons plus loin"; display: block; width: 100%; text-align: center; /* Style du texte */ font-family: 'Lato', sans-serif; /* Police du site */ font-weight: 800; /* Gras (Bold) */ font-size: 36px; /* Taille imposante comme sur la photo */ color: #000000; line-height: 1.2; /* Espacements autour du titre */ margin-bottom: 60px; /* Espace généreux entre le titre et la carte */}/* 3. Sécurité (Optionnel) *//* Au cas où le navigateur est très vieux et ne gère pas :has(), on applique une marge de secours directement sur le widget */@supports not selector(:has(a)) { #widget9 { margin-top: 80px; margin-bottom: 80px; }}/* --- CSS POUR LE WIDGET CHIFFRES (Widget 8) --- *//* 1. Configuration du conteneur et création du TITRE */#widget8 { position: relative; padding-top: 80px !important; /* Espace au-dessus pour le titre */ padding-bottom: 60px !important; /* Espace en-dessous */ background-color: transparent; /* Sécurité */}/* Injection du titre "C'est en chiffres" */#widget8::before { content: "C'est en chiffres"; display: block; width: 100%; text-align: center; /* Style du texte */ font-family: inherit; /* Garde la police du site (Lato) */ font-weight: 800; /* Gras */ font-size: 36px; /* Taille imposante */ color: #000000; /* Noir */ line-height: 1.2; /* Espacement sous le titre */ margin-bottom: 50px;}/* 2. Gestion des liens (les colonnes sont des ) *//* On retire le soulignement et on force la couleur */#widget8 a { text-decoration: none !important; color: #000000 !important; border-bottom: none !important; transition: opacity 0.3s ease;}#widget8 a:hover { opacity: 0.7; /* Petit effet visuel au survol */ color: #000000 !important;}/* 3. Style des CHIFFRES (44px) *//* On cible précisément le paragraphe qui a la taille 44px */#widget8 p[style*="font-size:44px"] { color: #000000 !important; /* Force le noir */ margin-top: 15px !important; margin-bottom: 5px !important; /* Le HTML a déjà font-weight:bold, mais on assure : */ font-weight: 800 !important; }/* 4. Style des LIBELLÉS (Étudiants, Diplômés...) *//* On cible le paragraphe qui a la taille 16px */#widget8 p[style*="font-size:16px"] { color: #000000 !important; /* Force le noir */ font-weight: 700 !important; /* On force le GRAS (absent du HTML) pour coller à la photo */ font-size: 15px !important; /* Ajustement léger */ letter-spacing: 0.5px; /* Lisibilité */ margin-top: 0 !important;}/* 5. Alignement des images */#widget8 img { margin-bottom: 10px; max-height: 68px; /* Sécurité pour que les icônes aient la même taille visuelle */ width: auto;}/*REDESIGN SLIDER*/ #widget7 { position: relative; /* On ajoute beaucoup d'espace au-dessus pour le titre et l'aération */ padding-top: 100px !important; padding-bottom: 60px !important; background-color: transparent; /* Sécurité */ } /* 2. Création du titre "C'est à la une" */ #widget7::before { content: "C'est à la une"; display: block; width: 100%; text-align: center; /* Typographie */ font-family: inherit; /* Garde la police du site (Lato) */ font-weight: 800; /* Très gras (Black) comme sur la photo */ font-size: 36px; /* Taille du titre */ color: #000000; /* Noir */ /* Espace entre le titre et le slider */ margin-bottom: 50px; line-height: 1.2; } /* 3. Ajustement du Slider pour qu'il soit propre */ /* On s'assure que le slider ne "mange" pas les marges */ #widget7 .swiper-container { overflow: visible; /* Parfois nécessaire pour les ombres */ }/*REDESIGN WIDGET ACTUALITE*/section.section-item:has(#widget2) { padding-top: 100px !important; padding-bottom: 100px !important; } /* Fallback de sécurité si le navigateur est ancien */ #widget2 { padding-top: 50px; padding-bottom: 50px; } /* 2. LE TITRE "C'est toute l'actualité" EN BLANC */ #widget2 .widget-header .title { color: #ffffff !important; /* Blanc */ font-family: inherit; /* Police du site */ font-weight: 800 !important; /* Gras */ font-size: 36px !important; /* Taille augmentée */ margin-bottom: 60px !important; /* Espace sous le titre */ text-transform: none !important;/* Pas de majuscules forcées */ } /* 3. LE BOUTON "Voir tous les articles" EN BLANC */ #widget2 .widget-footer .btn-ghost-primary { background-color: #ffffff !important; /* Fond Blanc */ color: #000000 !important; /* Texte Noir */ border: 1px solid #ffffff !important; /* Bordure Blanche */ font-weight: 700 !important; margin-top: 40px !important; /* Espace au-dessus du bouton */ opacity: 1 !important; } /* Effet au survol du bouton */ #widget2 .widget-footer .btn-ghost-primary:hover { background-color: #f2f2f2 !important; /* Reste clair au survol */ text-decoration: none !important; }.widget-slider-static .bg-login-teacher,.widget-slider-static .bg-login-recruters,.widget-slider-static .bg-login-student { background-image: url(/medias/editor/images/bgHautV1.png);}/*MENU*/#submenu-27{ transform: rotate(-5deg); background: #000000;overflow: visible!important;}a#main-submenu-contact-27 { color: #FFFFFF; font-weight: bold;}/*ul#main.nav{ justify-content: center;}*//* SAUVEGARDE*/ widget-slider-static{margin-top: -46px;}/* 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;}