widget-slider-static{margin-top: -46px;}#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-teacherModule,#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{ display: none;}/*FOOTER*/#footer > section.space-top.footer-top.bg-primary > div > div > div.col-xs-12.span4.no-margin.customizable-bloc-3{ display: none!important;}#footer > section.space-top.footer-top.bg-primary > div > div > div.col-xs-12.span4.no-margin.customizable-bloc-2{ width: 67%;}.upn-footer { display: flex; justify-content: center; padding: 20px;}.upn-grid { display: flex; flex-wrap: wrap; gap: 250px; justify-content: center;}.upn-brand { display: flex; flex-direction: column; align-items: center; text-align: center;}.upn-brand img { width: 170px; max-width: 100%; height: auto;}.upn-brand ul { display: flex; gap: 15px; list-style: none; margin: 10px 0 0; padding: 0; justify-content: center;}.upn-brand ul li a i { font-size: 2em; color: #ffffff;}/* Responsive */@media (max-width: 700px) { .upn-grid { flex-direction: column; align-items: center; gap: 40px; align-items: center; flex-wrap: nowrap; margin-left: 50%; } .upn-brand img { width: 70vw; max-width: 220px; }}/*SLIDER MOBILE*//* Cacher #widget16 uniquement sur desktop (écrans larges) */@media only screen and (min-width: 800px) { #widget16 { display: none !important; }}/*LOGO DOUBLE*/#customizableHeaderDefaultLogoHome{ display: flex; width: 500px;}#header > div.hidden-phone > div.container.space-container.clearfix.header-logo > div > div.col-xs-8.span8.space-top.pull-up-small.text-right.slogan-container.hidden-phone > div > div{margin-top: -30px;}#header > div.hidden-phone > div.container.space-container.clearfix.header-logo > div > div.col-xs-4.span4.clearfix{margin-right: -100px;}}.menu-front .multi-level .navbar .nav>li>a{color:white;}#main > div{ display: flex; justify-content: center;}#main-submenu-article_31-144,#main-submenu-article_46-149{ color: #e73756;font-weight: bold;}/*#content > section > section:nth-child(2) { display: none;}*//* Styles pour le conteneur de la galerie d'images */.image-gallery-row { display: flex; justify-content: center; /* Centre les images horizontalement */ align-items: center; /* Centre les images verticalement */ flex-wrap: wrap; /* Permet le passage à la ligne */ gap: 15px; /* Espace entre les images */ padding: 20px 0; /* Espace vertical autour de la rangée */ /* Suppression des marges par défaut du paragraphe si nécessaire */ margin: 0; }/* Styles pour chaque image dans la galerie */.image-gallery-row img { max-width: 30%; /* Limite la largeur */ height: auto; /* Garde les proportions */ border-radius: 8px; /* Coins arrondis */ box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2); /* Ombre portée */ transition: transform 0.3s ease, opacity 0.3s ease; /* Transition pour l'effet hover */ display: block; /* Comportement de bloc (peut être optionnel avec flex) */}/* Effet de survol pour les images dans la galerie */.image-gallery-row img:hover { opacity: 0.8; transform: scale(1.05); /* Léger zoom */}/*PICTOS*/ /* Styles pour le conteneur global du sélecteur de profil */.profile-selector-widget { margin-bottom: 2em; }/* Style pour le titre */.profile-selector-widget h4 { text-align: center; font-size: 4em; /* << AUGMENTÉ ENCORE: Taille du titre de section */ color: #E73756; margin-bottom: 2em; /* Augmenté l'espace sous le titre */ font-weight: bold; text-transform: uppercase; }/* Style pour la rangée contenant les options */.profile-images-row { display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; gap: 150px; /* << AUGMENTÉ ENCORE: Espace entre les blocs option */ margin: 0; padding: 0; }/* Style pour chaque bloc "option" (image + texte) */.profile-option { display: flex; flex-direction: column; align-items: center; text-align: center; }/* Style pour chaque image (pictogramme) */.profile-option img { max-width: 140px; max-height: 110px; height: auto; display: block; cursor: pointer; border-radius: 12px; margin-bottom: 12px; transition: transform 0.3s ease, box-shadow 0.3s ease; }/* Effet de survol pour chaque image */.profile-option img:hover { transform: scale(1.15); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); }/* Style pour le label texte sous l'image */.profile-option .profile-label { font-size: 1.1em; color: #333; font-weight: bold; text-transform: uppercase; display: block; margin-top: 5px; }/*FEUILLE FUPN*/:root { --fupn-blue: #2969B0; --fupn-dark-blue: #1D447E; } /* ------------------------------------------------------- */ /* WRAPPER – toutes les règles sont isolées sous .fupn */ /* ------------------------------------------------------- */ .fupn-wrapper { font-family: Arial, Helvetica, sans-serif; line-height: 1.5; margin: 0; padding: 0 1rem; } /* ----------------------- HEADER ------------------------ */ .fupn-header { text-align: center; margin-top: 2rem; } .fupn-header__title { color: var(--fupn-dark-blue); margin: 0; font-size: 2rem; } /* ------------------------ SECTIONS ---------------------- */ .fupn-section { margin: 2rem 0; } .fupn-section__title, .fupn-subtitle { color: var(--fupn-blue); margin: 1rem 0; } /* ----------------------- MISSIONS ----------------------- */ .fupn-missions { display: flex; flex-wrap: wrap; gap: 2rem; justify-content: center; } .fupn-mission { flex: 1 1 320px; display: flex; flex-direction: column; align-items: flex-start; background: #f9f9f9; padding: 1.5rem; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .fupn-mission__heading { width: 100%; text-align: center; color: var(--fupn-blue); font-size: 1.125rem; margin: 0 0 1rem; } .fupn-mission p { margin: 0.5rem 0; text-align: justify; } .fupn-mission ul { margin: 0.5rem 0 0 1.5rem; } .fupn-mission-images { width: 100%; display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: center; margin-top: auto; /* force les images en bas du bloc pour une hauteur homogène */ } .fupn-mission-images img { max-width: 100%; height: auto; } /* -------------------- SOCIÉTAL SECTION ------------------ */ .fupn-societal p { margin: 0.5rem 0; text-align: justify; } /* ---------------------- RESPONSIVE ---------------------- */ @media (max-width: 768px) { .fupn-mission { flex: 1 1 100%; }.profile-images-row { gap: 50px; /* <- Le gap est surchargé pour les écrans de 768px et plus */ }#widget11,#content > section > section:nth-child(1){display:none;} .customizable-bloc-2, .customizable-bloc-3 { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; }#footer > section.space-top.footer-top.bg-primary > div > div > div.col-xs-12.span4.no-margin.customizable-bloc-3 > div > div > p > img{ width: 200px!important;}#footer > section.space-top.footer-top.bg-primary > div > div{ gap: 20px; display: flex; align-content: center; flex-wrap: wrap;}#content > section > section:nth-child(2) { display: flex; } /* On modifie le conteneur pour empiler les éléments */ .image-gallery-row { flex-direction: column; /* Aligne les images verticalement */ gap: 30px; }.richedit_wrap .fr-dib, .v-app .richedit_wrap .fr-dib{ margin: 0px;} /* On ajuste la taille des images pour qu'elles soient lisibles */ .image-gallery-row img { max-width: 90%; /* Les images prennent presque toute la largeur */ }}/*MISE EN PAGE LE RESEAU*/.alumni-wrapper {	font-family: 'Lato', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;	background-color: #f8f9fa; /* Fond gris très clair pour un léger contraste */	color: #1a2947; /* Texte bleu nuit, plus doux que le noir pur */	line-height: 1.7; /* Espacement de ligne confortable */	padding: 3em 1em; /* Marge intérieure pour que le contenu ne touche pas les bords */}/* Centre le contenu avec une largeur maximale lisible */.alumni-wrapper > * { max-width: 1200px; margin-left: auto; margin-right: auto;}#content > div > div > div > div.alumni-banner > img{ width: 1200px;}#content > div > div > div > div:nth-child(8) > div:nth-child(5) > img{ width: 250px;}/* -------------------------------------------------------------------------- *//* TYPOGRAPHIE/* -------------------------------------------------------------------------- */.alumni-main-title {	font-size: 2.8em;	font-weight: 800;	text-align: center;	color: #e73756; /* Couleur principale directe, sans effet complexe */	margin-bottom: 0.2em;}/* Slogan sous le titre principal */.alumni-wrapper h1 + p { text-align: center; font-size: 1.5em; color: #1a2947;}.alumni-section-title {	font-size: 2em;	color: #1a2947;	margin-top: 2em;	margin-bottom: 1em;	font-weight: 700;	padding-bottom: 0.4em; /* Soulignement simple mais efficace */	border-bottom: 3px solid #e73756; }.alumni-subsection-title {	font-size: 1.3em;	color: #e73756;	margin-top: 2.5em;	margin-bottom: 1em;	font-weight: 700;}.alumni-wrapper a {	color: #e73756;	text-decoration: none;	font-weight: 600;}.alumni-wrapper a:hover {	text-decoration: underline; /* Effet de survol simple et standard */}/* -------------------------------------------------------------------------- *//* LISTES (MODERNISATION)/* -------------------------------------------------------------------------- */.alumni-list { list-style: none; /* On retire les puces par défaut */ padding: 0; max-width: 800px; /* On limite la largeur pour un meilleur centrage visuel */ margin: 3em auto; /* Centrage du bloc-liste */ text-align: center; /* Centrage du texte dans les items */}.alumni-list li { background-color: #ffffff; /* Chaque item est une petite carte */ padding: 1em 1.5em; margin-bottom: 1em; /* Espace entre chaque item */ border-radius: 12px; border: 1px solid #f0f0f0; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04); font-size: 1.5em; font-weight: 500;}/* Style pour l'autre type de liste, plus classique */.alumni-list-checked { list-style-type: none; padding-left: 0;}.alumni-list-checked li { padding-left: 1.5em; position: relative; margin-bottom: 0.7em;}.alumni-list-checked li::before { content: '✓'; position: absolute; left: 0; font-weight: bold; color: #e73756;}/* -------------------------------------------------------------------------- *//* STRUCTURE & CARTES (CARDS)/* -------------------------------------------------------------------------- *//* Section à deux colonnes avec l'image */.alumni-section-split {	background-color: #ffffff;	border: 1px solid #f0f0f0;	border-radius: 16px;	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);	padding: 3em;	display: flex;	align-items: center;	gap: 4em;	margin: 3em auto;}.alumni-section-content { flex: 1; }.alumni-section-split .alumni-section-title { margin-top: 0; }/* Image principale de la section */.alumni-section-image {	flex-basis: 450px;	flex-shrink: 0;}.alumni-section-image img {	max-width: 100%;	height: auto;	border-radius: 12px; display: block;}/* Cartes pour les "activités du réseau" */.alumni-feature-item {	display: flex;	align-items: flex-start;	gap: 2.5em; /* Espace augmenté pour les images plus grandes */	background-color: #ffffff;	border: 1px solid #f0f0f0;	border-radius: 16px;	padding: 2.5em;	margin-bottom: 2em;	box-shadow: 0 4px 15px rgba(0,0,0,0.05);}/* --- IMAGE AGRANDIE --- */.alumni-feature-icon {	width: 160px; /* Taille augmentée (était 120px) */	flex-shrink: 0; border-radius: 12px;}.alumni-footer {	margin-top: 4em;	padding-top: 2em;	border-top: 1px solid #e0e0e0;	text-align: center;	font-size: 0.9em;	color: #6c757d;}/* -------------------------------------------------------------------------- *//* ADAPTATION POUR MOBILES & TABLETTES (Responsive Design)/* -------------------------------------------------------------------------- */@media (max-width: 992px) { .alumni-section-split { flex-direction: column; gap: 2em; padding: 2em; } .alumni-section-image { order: -1; flex-basis: auto; width: 100%; max-width: 450px; margin: 0 auto;	}}@media (max-width: 768px) { .alumni-wrapper { padding: 1.5em 1em; }	.alumni-main-title { font-size: 2.2em;	} .alumni-section-title { font-size: 1.8em; } .alumni-feature-item { padding: 1.5em; gap: 1.5em; flex-direction: column; /* On passe en colonne pour mieux gérer l'espace */ align-items: center; text-align: center; } /* --- IMAGE AGRANDIE (version mobile) --- */ .alumni-feature-icon { width: 120px; /* Taille augmentée aussi pour mobile (était 80px) */ } .alumni-list li { font-size: 1em; }}