/* taille logo header */#customizableHeaderInlineLogoHome > img { max-width: 110%; height: auto;}/* Alumnforece code*/.slider-content .btn.active { background: #0a3250; border-color: #0a3250;}.slider-content .btn-ghost-primary:hover { background: #0a3250; border-color: #0a3250;}widget-slider-static{ margin-top: -46px; } .widget-slider-static .bg-login-student { background-image: url(/medias/editor/images/SupOptique-Students-alumni.png); } .widget-slider-static .bg-login-teacher { background-image: url(/medias/editor/images/SupOptique-Companies.png); } .menu-front .multi-level .navbar .nav>li>a { color: #0a3250; } .menu-front .multi-level .navbar-inner { margin-top: 15px; } .menu-front .multi-level .navbar .nav>li>a { color: #0a3250; } #submenu-112 { background-color: #f39531; border-radius: 8px; } #submenu-112 > a { color: #ffff; } #widget1 > div > div.swiper-wrapper.swiper-wrapper-authentification > div.swiper-slide.bg-login-student.swiper-slide-prev > div > div > div > h4 { color: #ffff; }/*Amélioration à faireAjouter la police Roboto*//* Tremblement bouton cotiser */#submenu-112:hover { animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px;} @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); } 40%, 60% { transform: translate3d(4px, 0, 0); }}/* Mise en forme du texte */.perso-text > p{	font-family: 'Roboto', sans-serif;}.perso-text-normal > p { color: #5D6F8B; font-size: 1.2rem; text-align: justify;}.perso-text > ul{	font-family: 'Roboto', sans-serif;	list-style-position: outside;	padding: 0px 0px 10px 30px;}.perso-text > ul li{	font-family: 'Roboto', sans-serif;}.perso-text-normal > ul li { color: #5D6F8B; font-size: 1.2rem; text-align: justify;}.perso-text-strong > p { color: #5D6F8B; font-size: 1.3rem; text-align: justify; font-weight: bold;}.perso-text-subtitle > p { color: darkgrey; font-size: 1rem; text-align: justify;} .perso-text-center > p { color: #5D6F8B; font-size: 1.2rem; text-align: center;}.perso-text-list > p { color: #5D6F8B; font-size: 1.2rem; text-align: justify; display: list-item; list-style-type: disc; list-style-position: inside;}.perso-text-header1 > p { color: #0a3250; font-size: 3rem; text-align: center;	padding: 30px 0px 0px 0;	} .perso-text-header2 > p { color: #0a3250; font-size: 1.7rem; text-align: left;	padding: 50px 0px 0px 0;	font-weight: bold;}.perso-text-header3 > p { color: darkgrey; font-size: 1.2rem; text-align: center;}/* Structure des paragraphes */.perso-mini-line{ color: #f39531;	background: #f39531;	border: 0;	height: 1px;	width: 10%;	position: relative;	margin: 30px auto;}.perso-structure-center{ display: flex; align-items: center; justify-content: center;}.perso-report-box{ display: flex; align-items: center; justify-content: center; background-color:#f39531; width: 40rem; height: 20rem; margin: 1rem;}.perso-column { float: left; box-sizing: border-box;}.perso-column-left { width: 25%;}.perso-column-right { width: 75%; border-left: 1px solid #5D6F8B; padding-left: 30px;}/* Clear floats after the columns */.perso-row:after { content: ""; display: table; clear: both;}/* Boutons */.perso-button-text{ color: #fff; font-size: 1.4rem; text-align: center;}.perso-button{ background-color:#f39531; border: 0.2rem solid #f39531; font-weight: bold; display: flex; align-items: center; justify-content: center; width: 30rem; height: 3rem; border-radius: 1rem; box-shadow: 0 2rem 2rem rgba(0, 0, 0, .1);}.perso-button:hover{ transform: translateY(-6%); transition: 0.5s;}/* box and image */.perso-box-structure{ box-sizing: border-box; width: 100%; max-width: 40rem; margin: auto; border: 0.5rem solid #0a3250;}/* Member list */.perso-profil-list{ display: flex; flex-wrap: wrap; justify-content: space-around;}.perso-profil-card{ margin: auto; text-align: center;	width: 25%;}.perso-profil-name{ text-align: center; font-weight: bold; color: #0a3250;} .perso-profil-promo{ text-align: center; font-weight: italic; color: #0a3250;} .perso-profil-img{ object-fit: cover; height: 17rem; filter: grayscale(100%);}.perso-profil-function{ text-align: center; font-weight: italic; color: #0a3250;} /* Cards */.list-item-card{ display: flex; flex-wrap: wrap; justify-content: center;} .item-card{ background-color: #fff; border-radius: 2rem; box-shadow: 0 3rem 6rem rgba(0, 0, 0, .1); width: 30rem; height: 40rem; margin: 3rem; text-align: center; } .item-card:hover{ transform: translateY(-3%); box-shadow: 0 4rem 8rem rgba(0, 0, 0, .2); transition: 0.5s; } .img-item-card{ width: 30rem; height: 20rem; border-top-left-radius: 2rem; border-top-right-radius: 2rem; } .lower-item-card{ position: relative; top: 2rem; line-height: 0rem; } .name-item-card{ font-size: 5rem; font-weight: bold; color: #17202A; padding-bottom: 2rem; } .info-item-card{ font-size: 1.3rem; color: #2C3E50; } .item-card-button{ background-color: black; position: relative; top: 1rem; width: 12rem; height: 2rem; border-radius: 1rem; letter-spacing: 0.2rem; } .decouvrir{ position: relative; color: #922B21; top: 1rem; } .item-card-button:hover{ background-color: #E6B0AA; color: #922B21; letter-spacing: 0.5rem; transition: 1s; } .lower-item-card-access{ position: relative; margin: 5rem 2rem 2rem 2rem; }/* Mini box */.perso-minibox-list{ display: flex; flex-wrap: wrap; justify-content: center;}.perso-minibox-global{ border-radius: 1rem; box-shadow: 0 2rem 2rem rgba(0, 0, 0, .1); width: 14rem; height: 14rem; margin: 2rem; text-align: center;}.perso-minibox-img{ height: 8rem; width: 8rem; display: flex; align-items: center; justify-content: center; }.perso-minibox-text{ background-color: #fff; font-size: 1rem; opacity: 0; top: -10rem; height: 11rem; width: 14rem; z-index: 1; position: relative; display: flex; align-items: center; justify-content: center;}.perso-minibox-text:hover{ opacity: 0.9;}.perso-minibox-title{ background-color: #0a3250; color: white; position: relative; top: -10rem; height: 3rem; width: 14rem; border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; display: flex; align-items: center; justify-content: center;}/* services box */.perso-servicesbox-list{ display: flex; flex-wrap: wrap; justify-content: center;}.perso-servicesbox-global{ border-radius: 1rem; box-shadow: 0 2rem 2rem rgba(0, 0, 0, .1); width: 14rem; height: 16rem; margin: 2rem; text-align: center;}.perso-servicesbox-img{ height: 14rem; width: 14rem; border-top-right-radius: 1rem; border-top-left-radius: 1rem; display: flex; align-items: center; justify-content: center; }.perso-servicesbox-text{ background-color: #fff; font-size: 1rem; opacity: 0; top: -14rem; height: 13rem; width: 14rem; z-index: 1; position: relative; display: flex; align-items: center; justify-content: center;}.perso-servicesbox-text:hover{ opacity: 0.9;}.perso-servicesbox-title{ background-color: #0a3250; color: white; position: relative; top: -14rem; height: 3rem; width: 14rem; font-size: 1rem; border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; display: flex; align-items: center; justify-content: center;}/* Pricing box */.perso-pricebox-list{ display: flex; flex-wrap: wrap; justify-content: center;}.perso-pricebox-global{ background-color: #fff; border-radius: 1rem; box-shadow: 0 1rem 1rem rgba(0, 0, 0, .1); width: 12rem; height: 10rem; margin: 2rem; text-align: center; border: 0.1rem solid #0a3250; }.perso-pricebox-global:hover{ transform: translateY(-3%); box-shadow: 0 2rem 2rem rgba(0, 0, 0, .2); transition: 0.5s;}.perso-pricebox-title{ background-color: #fff; color: #0a3250; text-align: center; border-top-right-radius: 1rem; border-top-left-radius: 1rem; border-bottom: 0.1rem solid #0a3250; display: flex; align-items: center; justify-content: center; font-size: 1rem; font-weight: bold; height: 3rem;}.perso-pricebox-text{ color: #3E3E3E; border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; font-size: 1.5rem; height: 7rem; display: flex; align-items: center; justify-content: center;}.perso-video{	margin-top: 4rem;	margin-bottom: 4rem;}/* Styles for the content box with animation for newsletter archives */.content-box-nl { text-decoration: none; /* Removes underline from links */ color: inherit; /* Inherits text color from parent elements */} .content-box-style { border: 2px solid #eaeaea; border-radius: 10px; width: 650px; margin: 20px auto; box-shadow: 0 4px 8px rgba(0,0,0,0.1); transition: transform 0.3s ease-in-out; background-color: #fff; padding: 15px; display: block; /* Ensures the link fills the box area */} .content-box-style:hover { transform: translateY(-10px);} .title { font-size: 20px; font-weight: bold; margin-bottom: 5px; line-height: 1.2;} .date { font-size: 14px; color: #666; margin-bottom: 10px;}@media (max-width: 768px) { .content-box-style { max-width: 200px; /* Adjust max-width for smaller screens */ }}@media (max-width: 480px) { .content-box-style { max-width: 100%; /* Allow the box to fill the screen on very small devices */ margin: 10px; /* Adjust margins for smaller screens */ padding: 10px; /* Adjust padding for smaller screens */ }}/* for youtube video integration */.video-grid-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; border-radius: 14px; padding: 20px; background-color: #f9f9f9;}.video-widget { background-color: #fff; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); overflow: hidden;}.video-container { position: relative; padding-bottom: 56.25%; /* Ratio 16:9 */ height: 0;}.video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}.video-title { font-size: 18px; color:#0a3250; padding: 10px; text-decoration: none; /* Supprime le soulignement par défaut des liens */ transition: text-decoration 0.3s; /* Animation pour le soulignement */}.video-title:hover { text-decoration: underline; /* Ajoute un soulignement au survol */}.video-description { font-size: 14px; color: #0a3250; padding: 10px;}/* for team prensentation */.team-container { display: flex; flex-wrap: wrap; justify-content: center;}.team-member { width: 180px; margin: 12px; text-align: center; transition: transform 0.3s; background-color: #fff; border-radius: 20px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden;}.team-member:hover { transform: scale(1.05);}.profile-pic { width: 100%; height: 220px; object-fit: cover; filter: grayscale(100%); transition: transform 0.3s, filter 0.3s; border-bottom: 1px solid #ddd; border-radius: 20px 20px 0 0;}.name { font-size: 18px; margin: 10px 0 5px; color: #0a3250; text-decoration: none;}.role { font-size: 14px; color: #777; text-decoration: none;}@media (max-width: 600px) { .team-member { width: 100%; }}/* 2025 price box home *//* Pricing Box */.perso-pricebox-list2 { display: flex; flex-wrap: wrap; gap: 1.3rem; justify-content: center; padding: 1rem; margin: 0;}.perso-pricebox-global2 { background: linear-gradient(135deg, rgba(255, 165, 0, 0.2), rgba(255, 255, 255, 0.8)); border: none; /* Suppression du contour */ border-radius: 0.5rem; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1), inset 0 0.5rem 0.5rem rgba(255, 255, 255, 0.5); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); width: 9.5rem; height: 9.5rem; display: flex; flex-direction: column; text-align: center; transition: transform 0.3s ease, box-shadow 0.3s ease, backdrop-filter 0.3s ease, background 0.3s ease;}.perso-pricebox-global2:hover { transform: translateY(-0.5rem); box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.15); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); background: linear-gradient(135deg, rgba(255, 165, 0, 0.3), rgba(255, 255, 255, 0.9)); /* Modification légère du dégradé */}.perso-pricebox-title2 { background: rgba(255, 255, 255, 0.8); color: #000; font-size: 1.2rem; font-weight: 600; border-bottom: none; /* Suppression des bordures */ padding: 0.5rem; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; border-radius: 0.5rem 0.5rem 0 0; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);}.perso-pricebox-text2 { color: #3e3e3e; font-size: 1rem; flex: 1 0 auto; display: flex; align-items: center; justify-content: center; padding: 0.5rem; border-radius: 0 0 0.5rem 0.5rem; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);}.goal-container { background-color: #fff; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); padding: 20px; width: 300px; text-align: center; height: 200px; /* Adjusted height */ } .goal-title { font-size: 24px; color: #0A3250; /* Main color */ margin-bottom: 20px; } .goal-progress-container { background-color: #e0e0e0; border-radius: 25px; overflow: hidden; height: 30px; } .goal-progress { height: 100%; background-color: #0A3250; /* Main color */ border-radius: 25px; text-align: center; color: white; line-height: 30px; /* Ensures text is vertically centered */ } .goal-info { margin-top: 20px; } .goal-info p { margin: 5px 0; color: #666; }