/*PAGE*/ .alumni-container { display: flex; flex-wrap: wrap; justify-content: space-between; } .alumni-card { background-color: #fff; overflow: hidden; margin: 20px; flex: 1 1 calc(50% - 40px); display: flex; flex-direction: column; align-items: center; max-width: 500px; position: relative; } .alumni-image { width: 100%; height: auto; } .alumni-content { padding: 20px; text-align: left; } .alumni-content h2 { color: #540432; margin-bottom: 10px; } .alumni-content p { color: #333; line-height: 1.6; margin-bottom: 20px; } .alumni-content a { text-decoration: none; color: #540432; border: 2px solid #540432; padding: 10px 20px; border-radius: 5px; font-weight: bold; transition: background-color 0.3s, color 0.3s; } .alumni-content a:hover { background-color: #540432; color: #fff; } .image-top-left { position: absolute; top: 10px; left: 10px; width: 50px; height: 50px; } .image-bottom-right { position: absolute; bottom: 10px; right: 10px; width: 50px; height: 50px; } .Sfen-block { width: 300px; height: 200px; background: rgba(255, 255, 255, 0.8); /* Fond semi-transparent */ display: flex; flex-direction: column; justify-content: center; align-items: center; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); text-align: center; transition: transform 0.3s; } .Sfen-block:hover { transform: scale(1.05); } /* Styles des icônes */ .Sfen-icon { font-size: 50px; color: #E3000b; /* Rouge correspondant */ margin-bottom: 10px; } /* Styles des titres */ .Sfen-title { font-size: 18px; font-weight: bold; line-height: 1.3; }.Sfen-container { display: flex; justify-content: space-evenly; align-items: center;height: 350px; gap: 20px; padding: 20px; }/*PAGE PORTRAIT*//* Conteneur principal */.Sfen-container-2 { position: relative; padding: 50px 20px; overflow: hidden; max-width: 1200px; margin: 0 auto;}/* Triangle gris en fond */.Sfen-bg-triangle {background: linear-gradient(177deg, #f4f4f4 50%, #ffffff 50%); background-size: cover; margin-top: -16px; padding-bottom: 3%; margin-bottom: -3%;}.Sfen-bg-triangle-bot {background: linear-gradient(356deg, #f4f4f4 50%, #ffffff 50%); background-size: cover; margin-top: -9%; padding-bottom: 3%; margin-bottom: -2%;}/* Titre principal */.Sfen-section-title { text-align: center; font-size: 24px; font-weight: bold; color: #e3000b; margin-bottom: 40px;}/* Conteneur des témoignages */.Sfen-flex-container { display: flex; justify-content: space-evenly; gap: 20px;}/* Bloc individuel */.Sfen-card { background-color: #ffffff; border-radius: 10px; padding: 20px; width: 48%; display: flex; flex-direction: column; align-items: flex-start; /* Alignement à gauche */ gap: 10px; position: relative;}/* Image de la personne */.Sfen-card-photo {width: 70%; height: 50%; object-fit: cover; margin-bottom: 5% !important;}/* Nom de la personne */.Sfen-card-title { font-size: 24px; font-weight: bold; color: #e3000b; margin-bottom: 10px; text-align: left; /* Alignement à gauche */ width: 100%;}/* Texte du témoignage */.Sfen-card-text { font-size: 14px; color: #555; text-align: left; /* Alignement à gauche */ width: 100%;}/* Bouton */.Sfen-button { display: inline-block; padding: 8px 16px; border: 2px solid #c00000; color: #e3000b; font-size: 16px; font-weight: bold; border-radius: 5px; text-decoration: none; transition: all 0.3s ease; margin-top: 10px;}.Sfen-button:hover { background-color: #e3000B; color: #fff;}/* Guillemet décoratif */.Sfen-quote { position: absolute; width:110px; height: 170px;}.Sfen-quote--top-left { top: -20px; left: -20px; background-image: url('/medias/editor/images/doubleguillemet.png'); background-size: contain; background-repeat: no-repeat;}.Sfen-quote--bottom-right-2 {top: -10%; left: 19%; background-image: url('/medias/editor/images/Guillemetrouge.png'); background-size: contain; background-repeat: no-repeat;}.Sfen-quote--bottom-right { bottom: -20px; left: 0px; background-image: url('/medias/editor/images/Guillemetrouge.png'); background-size: contain; background-repeat: no-repeat;}.Sfen-button-center { display: flex; justify-content: center; align-items: center; padding: 0px 0px; background-color: #c00000; /* Rouge pour le fond */ color: #fff; /* Texte blanc */ font-size: 14px; font-weight: bold; border: none; border-radius: 50px; /* Coins arrondis */ text-decoration: none; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Légère ombre */ cursor: pointer; transition: transform 0.3s ease, background-color 0.3s ease; width: 180px; /* Largeur fixe */ height: 40px; /* Hauteur fixe */ } .Sfen-button-center:hover { background-color: #a00000; /* Couleur plus sombre au survol */ transform: scale(1.05); /* Agrandissement léger */ } /* Icône flèche */ .Sfen-button-center span { margin-left: 8px; /* Espacement entre le texte et l'icône */ font-size: 16px; }@media (max-width: 599px) {.Sfen-container { display: flex; justify-content: center; height: auto; gap: 20px; padding: 20px; flex-wrap: wrap;}.Sfen-quote{display:none;}.Sfen-flex-container {display: flex; gap: 20px; align-content: center; flex-wrap: wrap; flex-direction: column;}.Sfen-card { background-color: #ffffff; border-radius: 10px; padding: 20px; width: 100%; display: flex; flex-direction: column; align-items: flex-start; /* Alignement à gauche */box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); gap: 10px; position: relative;}.Sfen-alumni-section{clip-path: none !important;}.Sfen-alumni-header{flex-direction: column!important;}.Sfen-fullwidth-image { margin-left: auto!important; width: auto!important;}} .Sfen-container-3 { max-width: 1200px; margin: 0 auto; padding: 20px; } .Sfen-paragraph { font-size: 16px; line-height: 1.6; color: #555; text-align: justify; } .Sfen-quote--red { background-image: url('medias/editor/images/Guillemetrouge.png'); } .Sfen-quote--outline { background-image: url('medias/editor/images/Guillemetrouge.png'); } .Sfen-box { padding: 20px; background-color: #ffffff; } .Sfen-alumni-section { background-color: #f4f4f4; /* Couleur de fond */ padding: 20px; margin: 20px 0; position: relative; clip-path: polygon(0 0, 100% 0, 100% 50%, 0% 100%, 0 100%) /* Le triangle est défini à l'aide de clip-path */}/* En-tête de la section */.Sfen-alumni-header { display: flex; align-items: center; gap: 10px;justify-content: space-between; margin-bottom: 20px;}.Sfen-alumni-icon { width: 30px; height: 30px;}.Sfen-section-title { font-size: 18px; font-weight: bold; color: #c00000; margin: 0;}/* Liste des avantages */.Sfen-list { margin: 0; padding: 0 0 20px 20px; list-style: disc;}.Sfen-list-item { margin-bottom: 10px; font-size: 16px; line-height: 1.6; color: #555;}.Sfen-alumni-buttons { display: flex; gap: 10px; /* Espacement entre les boutons */}.Sfen-button { display: flex; align-items: center; gap: 10px; padding: 10px 20px; font-size: 14px; font-weight: bold; border-radius: 50px; text-decoration: none; text-align: center; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}.Sfen-button img.Sfen-button-icon { width: 16px; height: 16px;}.Sfen-button-red { background-color: #c00000; color: #fff;}.Sfen-button-red:hover { background-color: #a00000;}.Sfen-buttons-row { display: flex; justify-content: center; /* Centre les boutons horizontalement */ gap: 18%; /* Espacement entre les boutons */ margin-top: 20px;}/* Boutons gris */.Sfen-button-gray { background-color: #555; color: #fff;border: #555; padding: 10px 20px; font-size: 14px; font-weight: bold; border-radius: 50px; text-decoration: none; text-align: center; display: flex; align-items: center; gap: 10px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);}.Sfen-button-gray:hover { background-color: #333;}/* Flèche à droite */.Sfen-button-arrow { font-size: 16px; font-weight: bold;} .Sfen-video { text-align: center; margin-top: 20px; display: flex; position: relative; flex-direction: column; } .Sfen-video-title { font-size: 18px; font-weight: bold; color: #c00000; text-align: center; margin-bottom: 10px; } .Sfen-video-frame { max-width: 800px; margin: 0 auto; }.Sfen-fullwidth-image { margin-left: -15%; width: 130%; overflow: hidden;}.Sfen-header-image { width: 100%; height: auto; display: block;}.Sfen-social-icons { display: flex; justify-content: flex-start; /* Aligne les icônes à gauche */ gap: 10px; /* Espacement entre les icônes */ margin-top: 20px; /* Espacement au-dessus des icônes */}.Sfen-social-icon { width: 35px; height: 35px; transition: transform 0.2s ease; /* Effet au survol */}.Sfen-social-icon:hover { transform: scale(1.1); /* Zoom léger au survol */}/*FIN PAGE*/#profile-content-academic > div > h2 { color: #540432;}#profile-content-skills > div > h2 { color: #540432;}#request-professional > div > div > div > div > div > div.v-card__title.title-block-grey { color: #540432;}#profile-content-presentation > div > h2 { color: #540432;}#profile-content-languages > div > h2 { color: #540432;}#profile-content-educations > div > h2 { color: #540432;}#profile-content-experiences > div > h2 { color: #540432;}#profile-content-presentation > div > h2 { color: #540432;}#profile-content-skills > div > h2 { color: #540432;}#request-professional > div > div > div > div > div > div.v-card__title.title-block-grey { color: #540432;}#profile-content-experiences > div > h2 { color: #540432;}#profile-content-academic > div > h2 { color: #540432;}#profile-content-educations > div > h2 { color: #540432;}#profile-content-languages > div > h2 { color: #540432;}#profile-content-associations > div > div.flex-container.flex-jc-between.flex-d-column-mobile.space-bottom > h2 { color: #540432;}#profile-content-websites > div > div > div > h2 { color: #540432;}#profile-content-hobbies > div > h2 { color: #540432;}#profile-content-academic-information > div > h2 { color: #540432;}/**Ticket CS-5020**/#bodyContent_description > div > p:nth-child(3) > strong > span{background: #540432}#bodyContent_description > div > p:nth-child(15) > strong > span{background: #540432}#bodyContent_description > div > p:nth-child(24) > strong > span{background: #540432}#bodyContent_description > div > p:nth-child(29) > strong > span{background: #540432}#bodyContent_description > div > p:nth-child(33) > strong > span{background: #540432}#bodyContent_description > div > p:nth-child(37) > strong > span{background: #540432}#bodyContent_description > div > p:nth-child(48) > strong > em > span{background: #540432}/**Ticket CS-5020**//**MENTORING**/#app > div.v-dialog__content.v-dialog__content--active > div > div > div.container > div > div.col-sm-8.col-lg-6.col-12 > form > div > div.v-card__text.px-0 > h2:nth-child(2){display:none;}#app > div.v-dialog__content.v-dialog__content--active > div > div > div.container > div > div.col-sm-8.col-lg-6.col-12 > form > div > div.v-card__text.px-0 > p:nth-child(3){display:none;}#app > div.v-dialog__content.v-dialog__content--active > div > div > div.container > div > div.col-sm-8.col-lg-6.col-12 > form > div > div.v-card__text.px-0 > div:nth-child(4){display:none;}#app > div > main > div > div > div.row.fill-height.no-gutters > div.col.col-9.offset-3 > div > div:nth-child(2) > div:nth-child(1) > div > div > div.col.col-12 > div > div > div:nth-child(1){display:none;}/**END MENTORING**/widget-slider-static{margin-top: -46px;}#footer > section.space-top.footer-top.bg-primary > div > div > div.col-xs-12.span4.no-margin.customizable-bloc-1 > p{color:white;}.menu-front .multi-level .navbar .nav>li>a{color:white;}/*WIDGET*/@media (min-width: 767px){#widget2{width:66%;}#widget8{width:32%;}#widget2 > div > div.widget-content > div > div:nth-child(3){ margin-left: 0; margin-right: 1.5%;}#widget8 > div > div.widget-content > ul{ flex-direction: column;}#widget8 > div > div.widget-content > ul > li:nth-child(2){margin-left:0;}#widget8 > div > div.widget-content > ul > li:nth-child(1){ max-height: 300px; height: 278px;}#widget8 > div > div.widget-content > ul > li:nth-child(2){ max-height: 300px; height: 278px;}}/*CSS link bar*/.link-bar{ /background-color: #dda2e8; position: absolute; left: 0; right: 0; font-size: 14px; top: 0; padding: 6px; text-align: center;background-color: #d9d9d9;}#af-content > header > div.hidden-phone > div.container.clearfix.header-logo > div > div.col-xs-8.span8.space-top.pull-up-small.text-right.slogan-container.hidden-phone > div > div.link-bar.bg-graylightersuper.hidden-phone > span:nth-child(1) > a > span:before {content: ""; position: absolute; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #d9d9d9; margin-top: 25px; margin-left: 30px;}.link-bar a{padding-right:16px;font-weight:bold;color:#999;}.link-bar a:hover{color:#9c27b0;transition: all .3s linear;}.menu-front .multi-level .navbar .nav>li>a {font-weight:bold;}@media (min-width: 599px){.userbar-is-active .header.header-default-fix .header-dump { max-height: 156px; margin-top: 1%; margin-bottom: -8%; margin-left: -22%;}}