widget-slider-static{ margin-top: -46px; } .js-scrollable-nav-active #main.nav { margin: 0px 110px; } /*AUTH*/ .widget-slider-static .bg-login-student { background-image: url(/medias/editor/images/peak-5645235_1280.jpg); } #widget1 > div > div.swiper-wrapper.swiper-wrapper-authentification > div > div > div > div > h4, #widget1 > div > div.swiper-wrapper.swiper-wrapper-authentification > div > div > div > div > p, #account_alumni_btn > p.space-top-mini.space-bottom-mini.no-margin.uppercase.large > i{ display:none; } /* 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; } /* HP DECO QUOTE*/ .custom-quote { position: relative; font-style: italic; padding: 20px 40px; margin: 40px auto; max-width: 1000px; line-height: 1.4; } .custom-quote::before { content: "“"; font-size: 120px; position: absolute; top: -40px; left: -10px; color: #004644; line-height: 1; font-family: serif; opacity: 0.15; pointer-events: none; } .custom-quote::after { content: "”"; font-size: 120px; position: absolute; bottom: -60px; right: -10px; color: #004644; line-height: 1; font-family: serif; opacity: 0.15; pointer-events: none; } /*HP DECO - BLOCS*/ .Sfen-container { display: flex; justify-content: space-evenly; align-items: center; flex-wrap: nowrap; height: auto; gap: 10px; padding: 40px 0px; flex-wrap: wrap; } .Sfen-block { width: 300px; height: 200px; background: #004644; flex-direction: column; justify-content: center; align-items: center; box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15); transition: transform 0.3s, box-shadow 0.3s; position: relative; overflow: hidden; align-items: flex-start; text-align: left; } .Sfen-block:hover { transform: scale(1.05); box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.2); } .Sfen-icon { font-size: 48px; color: #f7c3dc; position: absolute; /* permet placement manuel */ top: 30px; /* ajuste la hauteur ici */ left: 20px; /* ajuste la distance depuis la gauche ici */ } .Sfen-title { font-size: 27px; font-type:bold; font-family: Georgia, serif; color: #f7c3dc; padding-left: 12px; margin-top: 85px; position:absolute; } .Sfen-subtitle { font-family: 'Verdana'; font-size: 12px; color: #f7c3dc; margin-left: 12px; /* même marge que le titre */ margin-right: 12px; /* même marge que le titre */ margin-top: 115px; position:absolute; } /*TITRE NEWS*/ #widget2 > div > div:nth-child(1) > div > div > h3 { font-size: 27px; color: #004644; } /*BARRE DE MENUS*/ .menu-front .dropdown-menu { background: #fff; color: #072221; } /*FOOTER*/ #footer > section.space-top.footer-top.bg-graylightersuper > div > div > div.col-xs-12.span4.no-margin.customizable-bloc-1{ width: 40%; } #footer > section.space-top.footer-top.bg-graylightersuper > div > div > div.col-xs-12.span4.no-margin.customizable-bloc-2{ width: 30%; } #footer > section.space-top.footer-top.bg-graylightersuper > div > div > div.col-xs-12.span4.no-margin.customizable-bloc-3{ width: 30%; }#af-content{ background-color: #FFF5E9;}.bg-parchment{ background-color: #FFF5E9;}/*widget bloc*/#content > section > section.pull-down.section-item{ margin-bottom: 0px;}#content > section > section:nth-child(2) > div > div{ padding-top: 0px;}.widget-autonomous-slider .slide-left, .widget-autonomous-slider .swiper-caption-left { left: 282px; padding: 32px 40px 48px 48px;}/*HP DECO*//* Conteneur : les 5 blocs sur une seule ligne */.Sfen-container { display: flex; justify-content: space-between; align-items: stretch; flex-wrap: nowrap; gap: 10px; padding: 40px 20px;}/* Style des blocs */.Sfen-block { width: 190px; height: 160px; display: flex; flex-direction: column; justify-content: center; position: relative; text-decoration: none; padding: 15px; color: #fff !important; box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15); transition: transform 0.3s, box-shadow 0.3s;}/* Couleurs personnalisées par bloc */.Sfen-block:nth-child(1),.Sfen-block:nth-child(5) { background-color: #072221;}.Sfen-block:nth-child(2),.Sfen-block:nth-child(4) { background-color: #327E7E;}.Sfen-block:nth-child(3) { background-color: #822A3A;}/* Icône */.Sfen-icon { position: absolute; top: 10px; left: 15px;}.Sfen-icon img { width: 45px !important;}/* TITRE */.Sfen-title { position: absolute; color:#fff; top: 75px; /* remonte le titre */ left: 3px; margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;/* même police */ font-weight: normal; /* plus de gras */ gap: 0px; /* ← réduit l'espace entre le 1er et 2ème mot, modifiable */}.Sfen-title span:nth-child(2) { font-style: italic; /* 2ème mot en italique */ font-family: 'Times New Roman'; /* même police */}/* Sous-titre */.Sfen-subtitle { position: absolute; top: 115px; left: 15px; margin: 0; font-size: 13px; font-family: 'Verdana'; color: #fff !important;}/*FIN HP DECO*//*INTEGRATION INSTAGRAM*/ .insta-body { background-color: #1D1D1C; /* toute la page devient noire */ display: flex; justify-content: center; align-items: center; height: 100vh; } .instagram-widget { background-color: #1D1D1C; color: white; display: flex; align-items: center; justify-content: center; gap: 12px; padding: 16px 24px; border-radius: 12px; width: fit-content; font-family: Arial, sans-serif; text-decoration: none; font-weight: bold; box-shadow: 0 4px 12px rgba(0,0,0,0.2); transition: transform 0.2s ease, box-shadow 0.2s ease; } .instagram-widget:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0,0,0,0.3); } .instagram-icon { font-size: 24px; color: #1D1D1C; }/* BG LOGIN*/#page-login > div.page-login > div > div { background-image: url(/medias/editor/images/login3.png); background-repeat: no-repeat; /* empêche la répétition */ background-size: cover; /* ajuste l'image pour couvrir tout le conteneur */ background-position: center; /* centre l'image */}#page-login > div.page-login > div > div > div > div > div > div > div:nth-child(1) > div > div > div > div > form > div.row.align-start > div.flex-md-grow-0.flex-md-shrink-1.text-center.my-4.my-md-0.col > button,#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 > a,#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 > a,#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 > a{ border-radius: 0; /* rectangle parfait */ font-size: 16px; cursor: pointer;}/*HEADER & BARRE DE MENUS*/.bg-evergreen{ background-color: #072221;}.bg-midgreen{ background-color: #004645;}/*menu*/.menu-front .multi-level .navbar .nav > li > a,.menu-front .multi-level .navbar .nav > li > a:hover,.menu-front .multi-level .navbar .nav > li > a:focus { color: #ffffff !important; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;/* même police */}/*sous-menu*//* Dropdown menu - fond blanc par défaut */.menu-front .dropdown-menu { background: #fff !important;}/* Dropdown links - texte vert par défaut */.menu-front .dropdown-menu > li > a { color: #072221 !important; background: transparent !important; transition: all 0.2s ease;}/* Dropdown links hover - fond vert, texte jaune */.menu-front .dropdown-menu > li > a:hover,.menu-front .dropdown-menu > li > a:focus,.menu-front .dropdown-menu > li > a.active { color: #CC8E3B!important; /* texte jaune */ background-color: #072221 !important; /* fond vert */}#footer > section.space-top.footer-top.bg-parchment > div > div > div.col-xs-12.span4.no-margin.customizable-bloc-1{width:40%;}#footer > section.space-top.footer-top.bg-parchment > div > div > div.col-xs-12.span4.no-margin.customizable-bloc-2{width:26%;}#widget10 > div > div > div > div{padding: 40px 0px;}#widget10 > div > div.no-min-height > div{display:none;}/* MENTORING - LANDING PAGE */.mentorin-container { background-color: #072221; /* same as body for full-bleed effect */ color: #ffffff; padding: 40px 30px; border-radius: 12px; text-align: center; max-width: 600px; box-shadow: 0 0 30px rgba(0,0,0,0.5); } .mentorin-container h1 { color: #CC8E3B; font-size: 2.2em; margin-bottom: 20px; } .mentorin-container h2 { color: #CC8E3B; margin-top: 25px; } .mentorin-container p { font-size: 1.1em; line-height: 1.6; margin: 15px 0; } .mentorin-container ul { text-align: left; padding-left: 20px; margin: 15px 0; } .mentorin-container ul li { margin-bottom: 10px; } .mentorin-button { display: inline-block; margin-top: 25px; padding: 14px 30px; background-color: #CC8E3B; color: #072221; text-decoration: none; border-radius: 8px; font-weight: bold; font-size: 1em; transition: background 0.3s; } .mentorin-button:hover { background-color: #b3772f; } .mentorin-highlight { color: #CC8E3B; font-weight: bold; }/*PRE-LAUNCH LANDING PAGE*/#content > section > section:nth-child(1){margin-top:-16px;}#mobile-navbar-footer > ul,#footer,#af-userbar > div.af-userbar-close.full-height.bg-graylightersuper,#af-userbar > div.af-userbar-open.bg-graylightersuper,#main_mobile > div.navbar{display:none;}