widget-slider-static{margin-top: -46px;}/*display none accès rapide*/#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{ display: none !important;}/*SAHARA*//* Si ton <select> a l'id #mon-select : */#mon-select_chosen .chosen-drop .chosen-results li[data-option-array-index="197"] ,div.af-text:nth-child(2){ display: none !important;}#utc-select_chosen .chosen-drop .chosen-results li[data-option-array-index="197"] { display: none !important;}.chosen-container .chosen-drop .chosen-results li[data-option-array-index="197"] { display: none !important;}/* ou générique pour tous les Chosen : */.chosen-container .chosen-drop .chosen-results li[data-option-array-index="197"] { display: none !important;}select option[value="Africa/El_Aaiun"] { display: none !important;}#utc-select option[value="Africa/El_Aaiun"] { display: none !important;}/* cache uniquement l’option “(UTC) heure : Sahara occidental” dans la dropdown */.chosen-container .chosen-drop .chosen-results li[data-option-array-index="184"] { display: none !important;}#utc-select_chosen .chosen-drop .chosen-results li[data-option-array-index="184"] { display: none !important;}/*HOMEPAGE*//*header*/#customizableHeaderDefaultLogoHome > img{ position:absolute; top:50%; transform:translateY(50%);}#header > div.hidden-phone > div.container.space-container.clearfix.header-logo{ height: 125px;}/*menu*/#header > div.hidden-phone > div.bg-white{ height: 65px;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);}#menu{ transform: translateY(20%);padding: 5px;background: #0D3667; border-top-left-radius: 65px; border-top-right-radius: 65px; border-bottom-left-radius: 65px; border-bottom-right-radius: 65px;}.menu-front .multi-level .navbar .nav>li>a{color:white;font-weight: bolder;}#main{justify-content: center;gap: 30px;}/*page statique#content > section > section:nth-child(2){ height: 500px; background-position: top;}*//* ======== Grille ======== */.kpi-grid{ display: flex; justify-content: center; /* Centre les éléments horizontalement */ gap: 100px; /* Espace entre les éléments */ padding: 100px 30px; max-width: 1200px; margin: 0 auto;}@media (max-width: 767px) { .kpi-grid { flex-direction: column; /* On empile les éléments verticalement */ gap: 40px; /* On ajuste l'espacement vertical */ }}/* ======== Blocs ======== */.kpi-block-1, .kpi-block-2, .kpi-block-3,.kpi-block-4, .kpi-block-5, .kpi-block-6{ text-align:center; /* centrage du contenu de chaque tuile */}/* ======== Valeurs (XX/XXX…) ======== */.kpi-value-1, .kpi-value-2, .kpi-value-3,.kpi-value-4, .kpi-value-5, .kpi-value-6{ margin:0; font-size:6rem; /* XXL */ font-weight:700; line-height:1; color:#d1d600; /* vert demandé */}/* ======== Libellés ======== */.kpi-label-1, .kpi-label-2, .kpi-label-3,.kpi-label-4, .kpi-label-5, .kpi-label-6{ margin:0; font-size:1.5rem; font-weight:700; color:#FFFFFF;}#footer > section.footer-bottom.bg-graydarker{ background-color: #021b36;}/*SLIDER*//*#content > section > section.uirmargin.pull-down.section-item{ width: 100%; height: 0px; transform: translateY(-250px); position: absolute; z-index: 10;}*//* CONTENEUR PRINCIPAL ---------------------------------------------------- */.x3-nav{ display:flex; width:100%;}/* COLONNES ---------------------------------------------------------------- */.x3-item{ flex:1; position:relative; display:flex; flex-direction:column; justify-content:flex-start; /* groupés haut-gauche */ align-items:flex-start; padding:0px 32px 0px; text-decoration:none; color:#ffffff;}/* Overlay vert translucide (80 %) */.x3-item::before{ content:''; position:absolute; inset:0; background:#d1d600; transition:background .3s; pointer-events:none; /* clic sur <a> conservé */}.x3-item:hover::before{ background:rgba(135,153,25,0.80);}/* Séparateur vertical */.x3-item + .x3-item{ border-left:4px solid #ffffff;}/* TITRE ------------------------------------------------------------------- */.x3-title{ font-size:40px!important; font-weight:700; text-transform:uppercase; line-height:0!important; margin:0; position:relative; /* s’affiche au-dessus de l’overlay */ z-index:1;}/* LIEN -------------------------------------------------------------------- */.x3-link{ font-size:18px!important; font-weight:600; text-transform:uppercase; color:#767b00; position:relative; z-index:1;}.x3-link::after{ content:" >>"; margin-left:6px; color:#767b00;}/*TITRE SLIDE*//* Conteneur principal --------------------------------------------------- *//* Titre ----------------------------------------------------------------- */.x4-title{ margin:0 0 10px 0; font-size:56px!important; font-weight:800; line-height:0.95; color:#ffffff;}/* Sous-titre ------------------------------------------------------------ */.x4-subtitle{ margin:0 0 24px 0; font-size:18px; font-weight:600; color:#ffffff;}/* Groupe de boutons ----------------------------------------------------- */.x4-btn-group{ display:flex; gap:16px;}/* BTN 1 : Voir la vidéo -------------------------------------------------- */.x4-btn-video{ display:inline-flex; align-items:center; padding:10px 22px; font-size:16px; font-weight:700; text-decoration:none; border:2px solid #ffffff; border-radius:30px; background:rgba(0,0,0,.45); color:#ffffff;}.x4-btn-video:hover{ background:rgba(0,0,0,.65);}/* BTN 2 : En savoir + ---------------------------------------------------- */.x4-btn-info{ display:inline-flex; align-items:center; padding:10px 28px; font-size:16px; font-weight:700; text-decoration:none; border-radius:30px; background:#D0D701; color:#0e2c68;}.x4-btn-info:hover{ filter:brightness(1.15);}#swiper_e7f80e04-b6b7-4a55-ae7e-9f76e4c0c198 > div.swiper-wrapper > div.swiper-slide.no-swiper-img.swiper-slide-active.swiper-slide-duplicate-next.swiper-slide-duplicate-prev > div > div{ position: absolute; left: 28%;}/* =========== TABLETTE ≤ 991 px =========== */@media (max-width: 991px){ /* KPI : 3 → 2 colonnes */ .kpi-grid{ grid-template-columns: repeat(2, 1fr); column-gap: 16px; row-gap: 48px; } /* Cartes filières */ .x3-item{ padding: 24px 24px; gap: 20px; } .x3-title{ font-size: clamp(28px, 4vw, 36px); } .x3-link{ font-size: 16px; } /* Slider texte */ .x4-title{ font-size: 36px !important; } .x4-subtitle{ font-size: 16px !important; } .swiper-caption{ width:70% !important;}}/* =========== MOBILE ≤ 575 px =========== */@media (max-width: 575px){ /* KPI : 1 colonne */ .kpi-grid{ grid-template-columns: 1fr; row-gap: 32px; } /* Empiler les cartes filières */ .x3-nav{ flex-direction: column; } .x3-item{ border-left:none; border-top:4px solid #ffffff; /* gardez la séparation si utile */ padding: 20px; } .x3-item:first-child{ border-top:none; } /* Boutons – réductions */ .x4-btn-video, .x4-btn-info{ font-size: 14px; padding: 8px 18px; } /* Menu haut – plein écran & wrap */ #menu{ transform:none; border-radius: 0; width:100%; } #menu .nav>li{ display: inline-block; margin: 0 8px; }}/* ===== Correctif global titres ================================================= */.x3-title{ line-height:1.1!important; } /* annule le 0!important *//* =========== TABLETTE ≤ 991 px =========== */@media (max-width: 991px){ /* Titres & liens plus compacts */ .x3-title{ font-size:clamp(32px,5vw,38px)!important; } .x3-link{ font-size:16px!important; }}/* =========== MOBILE ≤ 575 px =========== */@media (max-width: 575px){ /* Pile les cartes + paddings réduits */ .x3-item{ flex-direction:column; gap:16px; padding:18px; } /* Boutons slider plus petits */ .x4-btn-video, .x4-btn-info{ font-size:14px; padding:8px 16px; }.x3-item + .x3-item { border-left: none;}.x4-btn-group{flex-wrap: wrap;}}.x4-btn-group{ display:flex;gap:0px; row-gap:16px;}