/*------suppression titre bannière news------*/h1.cl-white.relative.text-center.af-header-module__title { display: none;}#app > div.v-application--wrap > div.v-main > div > div:nth-child(2) > div.white > div.v-card.v-sheet.theme--light.elevation-0.rounded-0 > div > div.v-responsive__content > div.container > h1{ display: none;}/*------suppression titre bannière Forum------*/h1.cl-white.mega.text-shadow.relative.text-center.af-header-module__title { display: none;}.span10.offset1.text-center.space-top-medium.large { display: none;}/*mentoring*/.col-12:has([data-tag-id="career-experience-function-autocomplete"]) { display: none !important;}/*SLIDER*/ /* === Slider HP : remonté contre le header === */ /* Source : .content:has(.poc-redesign-legacy-hp-2025) { padding: 80px 0 } dans main.css */ /* On annule juste le haut pour coller au header, sans casser l'espacement du bas */ .content:has(.poc-redesign-legacy-hp-2025) { padding-top: 0 !important; } /* === Slider HP : hauteur contrôlée === */ /* On fixe un ratio large (ex: 5/1 = très panoramique). Ajuste la valeur selon le rendu voulu */ .poc-redesign-legacy-hp-2025 .widget-autonomous-slider .image-container { aspect-ratio: 5 / 1 !important; max-height: 380px !important; /* cap absolu sur grand écran */ width: 100% !important; height: auto !important; display: block !important; overflow: hidden !important; } /* L'image remplit le conteneur et se cadre au centre (le titre reste visible) */ .poc-redesign-legacy-hp-2025 .widget-autonomous-slider .image-container img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: cover !important; object-position: center center !important; display: block; } /* === Slider HP : image entière visible, pas de crop === */ /* Libère la hauteur du carousel (remplace l'ancien max-height: 400px) */ .poc-redesign-legacy-hp-2025 .widget-autonomous-slider .v-carousel, .poc-redesign-legacy-hp-2025 .widget-autonomous-slider .v-window-item, .poc-redesign-legacy-hp-2025 .widget-autonomous-slider .v-carousel__item, .poc-redesign-legacy-hp-2025 .widget-autonomous-slider .v-responsive, .poc-redesign-legacy-hp-2025 .widget-autonomous-slider .v-responsive__content { max-height: none !important; height: auto !important; min-height: 0 !important; overflow: visible !important; } /* L'image affiche son ratio naturel sans rognage */ .poc-redesign-legacy-hp-2025 .widget-autonomous-slider .image-container img { width: 100% !important; max-width: 100% !important; height: auto !important; object-fit: cover!important; display: block; } /* Le conteneur de l'image s'adapte à la hauteur de l'image (plus de centrage flex vertical qui le cropait) */ .poc-redesign-legacy-hp-2025 .widget-autonomous-slider .image-container { width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; display: block !important; /* remplace le d-flex align-center justify-center */ } /* === Slider HP : pleine largeur edge-to-edge === */ /* Section du slider : déborde du content-wrap pour couvrir le viewport */ .poc-redesign-legacy-hp-2025--section-container:has(.widget-autonomous-slider) { max-width: 100vw !important; width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; padding-left: 0 !important; padding-right: 0 !important; } /* Wrapper widget : apaddings/marginsmarges internes */ .poc-redesign-legacy-hp-2025--section-container:has(.widget-autonomous-slider) .poc-redesign-legacy-hp-2025--widget-container { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; max-width: 100% !important; } /* Colonnes Vuetify (pl-3 pr-3) dans le slide */ .poc-redesign-legacy-hp-2025 .widget-autonomous-slider .row, .poc-redesign-legacy-hp-2025 .widget-autonomous-slider .col { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } /* Le carousel lui-même : largeur totale */ .poc-redesign-legacy-hp-2025 .widget-autonomous-slider .v-carousel, .poc-redesign-legacy-hp-2025 .widget-autonomous-slider .v-window__container, .poc-redesign-legacy-hp-2025 .widget-autonomous-slider .v-window-item, .poc-redesign-legacy-hp-2025 .widget-autonomous-slider .v-image, .poc-redesign-legacy-hp-2025 .widget-autonomous-slider .v-responsive__content { max-width: 100% !important; width: 100% !important; } /* Lien/conteneur de l'image : full width */ .poc-redesign-legacy-hp-2025 .widget-autonomous-slider .image-container { width: 100% !important; max-width: 100% !important; } /* L'image elle-même : remplit toute la largeur */ .poc-redesign-legacy-hp-2025 .widget-autonomous-slider .image-container img { width: 100% !important; max-width: 100% !important; height: auto; display: block; object-fit: cover; }html:not(.user-is-login) #af-content > div.content-wrap { background-color:#a6b5bb29;}/* Augmenter la taille de police du menu */#header .nav-collapse ul#main.nav > li > a { font-size: 20px !important;}.menu-front .multi-level .navbar .nav>li>a{ color: #009cd6;}#admin_academic_form #integration_container,#admin_academic_form label[for="integration"] { display: none !important;}/* Masquer la colonne entière de la date d'intégration */#admin_academic_form .row-fluid .span4:has(#integration_container) { display: none !important;}/* Les 2 champs restants prennent toute la largeur */#admin_academic_form .row-fluid .span4:has(#mode),#admin_academic_form .row-fluid .span4:has(#graduation) { width: 48% !important;}/*CHANGEMENT DE TRAD */.v-card[data-tag-id="header-front"] .container h1.text-h3.text-center { font-size: 0 !important; line-height: 0 !important;}.v-card[data-tag-id="header-front"] .container h1.text-h3.text-center::after { content: "Agenda"; font-size: 2.125rem; line-height: 1.2;}/* Desktop */#banner-holder h1#titleOverImage { font-size: 0 !important; line-height: 0 !important;}#banner-holder h1#titleOverImage::after { content: "Carrière"; font-size: 2.2rem; line-height: 1.2;}/* Mobile */.visible-phone .af-header-module h1.pull-down.bigger { font-size: 0 !important; line-height: 0 !important;}.visible-phone .af-header-module h1.pull-down.bigger::after { content: "Carrières"; font-size: 1.8rem; line-height: 1.2;}/* Centrer verticalement le menu dans le header */.header .hidden-phone .row-fluid { display: flex; align-items: center;}.menu-front-container.space-top.space-bottom-medium { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; display: flex; align-items: center;}#header .nav-collapse ul#main.nav > li > a { font-size: 18px !important;}.header-logo { display: flex; align-items: center;}widget-slider-static{margin-top: -46px;}/*modif mails 11/02*/a[href*="/contribution/index/choice"],div[data-tag-id="profile-directory-toggle-entity"] { display: none !important;}div[data-tag-id="profile-people-person-profile-completion-actions"] .text-body-2:last-child,#page-login > div.page-login > div > div > div > div > div > div > div.instance-security-registration-card.col-md-6.col-12 > div > div > div > div.text-center.pt-4.instance-security-register-recruiterModule,#page-login > div.page-login > div > div > div > div > div > div > div.instance-security-registration-card.col-md-6.col-12 > div > div > div > div.text-center.pt-4.instance-security-register-standard,#page-login > div.page-login > div > div > div > div > div > div > div.instance-security-registration-card.col-md-6.col-12 > div > div > div > div.text-center.pt-4.instance-security-register-freeRegistrationModule > div { display: none !important;}/* MENU */ /* 1. CIBLAGE DU CONTENEUR DU MENU (ul#main dans le header) */#header ul#main { display: flex !important; /* Active le mode flexible pour gérer l'alignement */ justify-content: center !important; /* Centre les éléments horizontalement */ align-items: center !important; /* Centre les éléments verticalement */ float: none !important; /* Annule le "float: left" natif de Bootstrap */ margin: 0 auto !important; /* Centre le bloc lui-même si nécessaire */ height: 100%; /* S'assure de prendre la hauteur disponible */}/* 2. CIBLAGE DES ÉLÉMENTS DE LISTE (li) */#header ul#main > li { float: none !important; /* Annule le flottement des éléments */ display: flex !important; /* Permet de bien centrer le lien à l'intérieur */ align-items: center !important; /* Centre verticalement */ height: 100%; /* Prend la hauteur du parent */}/* 3. CIBLAGE DES LIENS (a) - STYLE DU TEXTE */#header ul#main > li > a { font-weight: 700 !important; /* Texte en GRAS */ font-size: 16px !important; /* Taille augmentée */ /* Centrage vertical du texte dans la zone cliquable */ display: flex !important; align-items: center !important; /* Optionnel : Ajuster le padding si les boutons sont trop serrés ou trop larges */ padding-left: 15px !important; padding-right: 15px !important;}/* CORRECTION POUR LE CONTENEUR PARENT (optionnel mais recommandé) Le menu est dans un "span9" qui flotte à gauche par défaut. Ceci aide à centrer le tout si le menu n'occupe pas toute la largeur. */#header .menu-front-container .main-navigation { text-align: center !important;}/* HP Accueil *//* 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: 60px;}/*logo taille*/@media (min-width: 599px) { .userbar-is-active .header.header-default-fix .header-dump { max-height: 180px; }}/* 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: 40px; }}/*Reduire taille des blocs*/ @media (min-width: 961px) { .poc-redesign-legacy-hp-2025--section-container { max-width: 800px; }}.cifre-video-container iframe { width: 100% !important; /* Écrase le width="640" */ height: 100% !important; /* Écrase le height="360" */}/* Ciblage ultra-précis : On applique le titre uniquement si la section contient le widget #15 */.poc-redesign-legacy-hp-2025--section-container:has(#widget15)::before { content: "Un réseau d'excellence"; /* Votre texte */ display: block; width: 100%; text-align: center; /* Typographie identique à votre capture */ font-family: 'Montserrat', sans-serif; font-size: 20px; /* Taille titre H2 */ font-weight: 600; /* Graisse (Semi-Bold) */ color: #FF0000; /* Couleur rouge */ /* Espacements pour aérer autour du titre */ padding-bottom: 40px;}/* Sécurité mobile : ajustement de la taille sur petits écrans */@media screen and (max-width: 768px) { .poc-redesign-legacy-hp-2025--section-container:has(#widget15)::before { font-size: 28px; padding-bottom: 20px; }}.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;}