/* CORRECTION PARCOURS ACADEMIQUE PROFIL*/ /* ========================================= 1. STRUCTURE & STYLE (Commun à toutes les langues) ========================================= *//* On cache le texte original et on prépare la colonne */.profile-content-academic h2 { font-size: 0 !important; line-height: 0; /* Flexbox Colonne */ display: flex !important; flex-direction: column !important; align-items: flex-start !important; height: auto !important;}/* Style générique du TITRE (::before) */.profile-content-academic h2::before { font-size: 18px; line-height: 1.2; margin-bottom: 8px; visibility: visible; display: block; width: 100%;}/* Style générique du SOUS-TITRE (::after) */.profile-content-academic h2::after { font-size: 12px; line-height: 1.3; font-style: italic; font-weight: normal; color: #666; visibility: visible; display: block; width: 100%; white-space: normal;}/* ========================================= 2. GESTION DES LANGUES (Le texte change ici) ========================================= *//* --- FRANÇAIS (si la balise html a lang="fr") --- */html[lang^="fr"] .profile-content-academic h2::before { content: "Parcours";}html[lang^="fr"] .profile-content-academic h2::after { content: "*Le nom de la formation pourra évoluer dans une logique d’enrichissement et d’alignement avec son contenu.";}/* --- ANGLAIS (si la balise html a lang="en") --- */html[lang^="en"] .profile-content-academic h2::before { content: "Program"; /* Ou "Background" ou "Education" selon votre préférence */}html[lang^="en"] .profile-content-academic h2::after { content: "*The program name may evolve to reflect content enrichment and alignment.";}/*PAGE CONTACT*//* Hero Section */.pagecontact-hero { position: relative; height: 40vh; min-height: 300px; display: flex; align-items: center; justify-content: center; overflow: hidden;}.pagecontact-hero-bg { position: absolute; inset: 0; background-image: url("/medias/editor/oneshot-images/203368791696e3d7f8b193.jpg"); background-size: cover; background-position: center; animation: pagecontact-zoomIn 1.2s ease-out;}.pagecontact-hero-overlay { position: absolute; inset: 0; background: linear-gradient( to bottom, rgba(0, 54, 113, 0.8), rgba(0, 54, 113, 0.6) );}.pagecontact-hero-content { position: relative; z-index: 10; text-align: center; padding: 0 1rem;}.pagecontact-hero h1 { font-size: 3rem; color: white; margin-bottom: 1rem; animation: pagecontact-slideUp 0.8s ease-out 0.3s both;}.pagecontact-hero-bar { height: 4px; width: 6rem; background: linear-gradient(to right, #be965a, #df6d77); margin: 30px auto; animation: pagecontact-scaleX 0.8s ease-out 0.6s both; transform-origin: center;}/* Animations */@keyframes pagecontact-zoomIn { from { transform: scale(1.2); opacity: 0; } to { transform: scale(1); opacity: 1; }}@keyframes pagecontact-slideUp { from { transform: translateY(50px); opacity: 0; } to { transform: translateY(0); opacity: 1; }}@keyframes pagecontact-scaleX { from { transform: scaleX(0); } to { transform: scaleX(1); }}@keyframes pagecontact-fadeInUp { from { opacity: 0; transform: translateY(50px); } to { opacity: 1; transform: translateY(0); }}@keyframes pagecontact-scaleIn { from { transform: scale(0.5); opacity: 0; } to { transform: scale(1); opacity: 1; }}/*PAGE EQUIPE*/ /* Hero Section */ .equipe-hero { position: relative; height: 40vh; min-height: 300px; display: flex; align-items: center; justify-content: center; overflow: hidden; } .equipe-hero-bg { position: absolute; inset: 0; background-image: url('https://images.unsplash.com/photo-1511632765486-a01980e01a18?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxkaXZlcnNlJTIwZ3JvdXAlMjBwZW9wbGUlMjBzbWlsaW5nfGVufDF8fHx8MTczNDYyMjAwMHww&ixlib=rb-4.1.0&q=80&w=1080'); background-size: cover; background-position: center; animation: equipe-zoomIn 1.2s ease-out; } .equipe-hero-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0, 54, 113, 0.8), rgba(0, 54, 113, 0.6)); } .equipe-hero-content { position: relative; z-index: 10; text-align: center; padding: 0 1rem; } .equipe-hero h1 { font-size: 3rem; color: white; margin-bottom: 1rem; animation: equipe-slideUp 0.8s ease-out 0.3s both; } .equipe-hero-bar { height: 4px; width: 6rem; background: linear-gradient(to right, #be965a, #df6d77); margin: 30px auto; animation: equipe-scaleX 0.8s ease-out 0.6s both; transform-origin: center; } /* Community Section */ .equipe-community { padding: 5rem 1rem; background-color: white; } .equipe-container { max-width: 1280px; margin: 0 auto; } .equipe-community-intro { margin-bottom: 4rem; animation: equipe-fadeInUp 0.6s ease-out; } .equipe-community h2 { font-size: 2.25rem; color: #1f2937; margin-bottom: 1.5rem; } .equipe-community p { color: #4b5563; font-size: 1.125rem; margin-bottom: 1rem; } .equipe-cards-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; } @media (min-width: 768px) { .equipe-cards-grid { grid-template-columns: repeat(3, 1fr); } .equipe-hero h1 { font-size: 4rem; } } .equipe-card { background: white; border: 2px solid #f3f4f6; border-radius: 1rem; padding: 2rem; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; animation: equipe-fadeInUp 0.6s ease-out both; } .equipe-card:nth-child(1) { animation-delay: 0s; } .equipe-card:nth-child(2) { animation-delay: 0.2s; } .equipe-card:nth-child(3) { animation-delay: 0.4s; } .equipe-card:hover { transform: translateY(-8px); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.15); } .equipe-card-icon { margin-bottom: 1.5rem; display: flex; justify-content: center; } .equipe-icon-circle { width: 4rem; height: 4rem; border-radius: 50%; display: flex !important; align-items: center; justify-content: center; animation: equipe-scaleIn 0.5s ease-out 0.3s both; } .equipe-icon-circle img { display: block !important; max-width: 100%; height: auto; } .equipe-card h3 { text-align: center; font-size: 1rem; letter-spacing: 0.05em; margin-bottom: 1.5rem; } .equipe-card ul { list-style: none; } .equipe-card li { color: #374151; line-height: 1.75; margin-bottom: 0.75rem; display: flex; align-items: start; gap: 0.5rem; } .equipe-check-icon { width: 20px !important; height: 20px !important; flex-shrink: 0; margin-top: 0.125rem; display: inline-block !important; vertical-align: middle; } /* Gallery Section */ .gallery-container { display: flex; justify-content: center; align-items: center; width: auto; min-width: 100%; margin-left: -100px; margin-right: -100px; overflow: visible; } .gallery-container img { display: block !important; max-height: 200px !important; width: auto !important; flex-shrink: 0 !important; position: relative; z-index: 1; filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1)); transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); } .gallery-container img:first-child { margin-left: 0 !important; } .gallery-container img:hover { z-index: 10; transform: scale(1.1); } @media (max-width: 768px) { .gallery-container { margin-left: 0; margin-right: 0; width: 100%; flex-wrap: wrap; padding: 20px 0; } .gallery-container img { max-height: 200px !important; margin-left: -10px !important; margin-right: -10px !important; margin-bottom: 10px; flex-shrink: 1 !important; } } /* Stats Section */ .equipe-stats { padding: 5rem 1rem; background-color: #f9fafb; } .equipe-stats-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; max-width: 1280px; margin: 0 auto; } @media (min-width: 640px) { .equipe-stats-grid { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1024px) { .equipe-stats-grid { grid-template-columns: repeat(4, 1fr); } } .equipe-stat-card { background: white; border: 2px solid #f3f4f6; border-radius: 1rem; padding: 2.5rem 2rem; text-align: center; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05); transition: all 0.3s ease; animation: equipe-fadeInUp 0.6s ease-out both; } .equipe-stat-card:nth-child(1) { animation-delay: 0s; } .equipe-stat-card:nth-child(2) { animation-delay: 0.1s; } .equipe-stat-card:nth-child(3) { animation-delay: 0.2s; } .equipe-stat-card:nth-child(4) { animation-delay: 0.3s; } .equipe-stat-card:hover { transform: translateY(-5px); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); } .equipe-stat-number { font-size: 3.5rem; font-weight: 700; line-height: 1; margin-bottom: 0.75rem; display: block; } .equipe-stat-label { font-size: 0.875rem; font-weight: 600; letter-spacing: 0.05em; color: #374151; display: block; } /* Benefits Section */ .equipe-benefits { padding: 5rem 1rem; background-color: white; } .equipe-benefits-header { text-align: center; margin-bottom: 4rem; animation: equipe-fadeInUp 0.6s ease-out; } .equipe-benefits h2 { font-size: 2.25rem; color: #1f2937; margin-bottom: 1rem; } .equipe-highlight-pink { color: #df6d77; } .equipe-benefits-grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; } @media (min-width: 768px) { .equipe-benefits-grid { grid-template-columns: repeat(3, 1fr); } } .equipe-benefit-card { background: white; border: 2px solid #f3f4f6; border-radius: 0.75rem; padding: 1.5rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; display: flex; gap: 1rem; animation: equipe-fadeInUp 0.6s ease-out both; } .equipe-benefit-card:nth-child(1) { animation-delay: 0s; } .equipe-benefit-card:nth-child(2) { animation-delay: 0.1s; } .equipe-benefit-card:nth-child(3) { animation-delay: 0.2s; } .equipe-benefit-card:nth-child(4) { animation-delay: 0.3s; } .equipe-benefit-card:nth-child(5) { animation-delay: 0.4s; } .equipe-benefit-card:nth-child(6) { animation-delay: 0.5s; } .equipe-benefit-card:hover { transform: scale(1.05) translateY(-5px); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.15); } .equipe-benefit-icon-wrapper { flex-shrink: 0; } .equipe-benefit-icon { width: 3rem; height: 3rem; border-radius: 0.5rem; display: flex; align-items: center; justify-content: center; } .equipe-benefit-content h3 { font-size: 1.125rem; margin-bottom: 0.5rem; } .equipe-benefit-content p { color: #374151; line-height: 1.5; } /* Team Section */ .equipe-team { padding: 5rem 1rem; background: linear-gradient(to bottom, white, #f9fafb); } .equipe-team h2 { font-size: 2.25rem; color: #1f2937; margin-bottom: 4rem; animation: equipe-fadeInUp 0.6s ease-out; } .equipe-team-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; } @media (min-width: 768px) { .equipe-team-grid { grid-template-columns: repeat(3, 1fr); } } .equipe-team-member { max-width: 320px; margin: 0 auto; animation: equipe-fadeInUp 0.6s ease-out both; } .equipe-team-member:nth-child(1) { animation-delay: 0s; } .equipe-team-member:nth-child(2) { animation-delay: 0.1s; } .equipe-team-member:nth-child(3) { animation-delay: 0.2s; } .equipe-team-member:nth-child(4) { animation-delay: 0.3s; } .equipe-team-member:nth-child(5) { animation-delay: 0.4s; } .equipe-team-member:nth-child(6) { animation-delay: 0.5s; } .equipe-team-image-wrapper { position: relative; overflow: hidden; border-radius: 1rem; margin-bottom: 1rem; aspect-ratio: 1; max-width: 280px; margin-left: auto; margin-right: auto; } .equipe-team-image-wrapper img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; } .equipe-team-member:hover .equipe-team-image-wrapper img { transform: scale(1.1); } .equipe-team-overlay { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0, 54, 113, 0.9), transparent); padding: 1.5rem; transform: translateY(0.5rem); transition: transform 0.3s ease; } .equipe-team-member:hover .equipe-team-overlay { transform: translateY(0); } .equipe-team-bar { height: 4px; width: 3rem; background-color: #be965a; margin-bottom: 0.75rem; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease; } .equipe-team-member:hover .equipe-team-bar { transform: scaleX(1); } .equipe-team-info h3 { font-size: 1.25rem; color: #1f2937; margin-bottom: 0.25rem; } .equipe-team-info p { color: #4b5563; font-size: 0.875rem; } /* SVG Icons */ .equipe-icon { width: 32px !important; height: 32px !important; display: block !important; flex-shrink: 0; } .equipe-icon-sm { width: 24px !important; height: 24px !important; display: block !important; flex-shrink: 0; } /* Animations */ @keyframes equipe-zoomIn { from { transform: scale(1.2); opacity: 0; } to { transform: scale(1); opacity: 1; } } @keyframes equipe-slideUp { from { transform: translateY(50px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @keyframes equipe-scaleX { from { transform: scaleX(0); } to { transform: scaleX(1); } } @keyframes equipe-fadeInUp { from { opacity: 0; transform: translateY(50px); } to { opacity: 1; transform: translateY(0); } } @keyframes equipe-scaleIn { from { transform: scale(0.5); opacity: 0; } to { transform: scale(1); opacity: 1; } }/* Animations */@keyframes contact-zoomIn { from { transform: scale(1.2); opacity: 0; } to { transform: scale(1); opacity: 1; }}@keyframes contact-slideUp { from { transform: translateY(50px); opacity: 0; } to { transform: translateY(0); opacity: 1; }}@keyframes contact-scaleX { from { transform: scaleX(0); } to { transform: scaleX(1); }}@keyframes contact-fadeInUp { from { opacity: 0; transform: translateY(50px); } to { opacity: 1; transform: translateY(0); }}@keyframes contact-scaleIn { from { transform: scale(0.5); opacity: 0; } to { transform: scale(1); opacity: 1; }}/*PAGE CARRIERE*//* ======================================== HERO SECTION AVEC ANIMATIONS ======================================== */.carriere-hero { position: relative; height: 40vh; min-height: 300px; display: flex; align-items: center; justify-content: center; overflow: hidden; background-image: url('https://images.unsplash.com/photo-1623679072629-3aaa0192a391?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxtb2Rlcm4lMjBvZmZpY2UlMjB3b3Jrc3BhY2UlMjBkZXNrfGVufDF8fHx8MTc2NjE0MzM5OXww&ixlib=rb-4.1.0&q=80&w=1080'); background-size: cover; background-position: center;}.carriere-hero::before { content: ''; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0, 54, 113, 0.8), rgba(0, 54, 113, 0.6));}.carriere-hero-content { position: relative; z-index: 10; text-align: center; padding: 0 1rem; animation: carriere-fade-in-up 1s ease-out;}@keyframes carriere-fade-in-up { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); }}.carriere-hero h1 { font-size: clamp(2.5rem, 5vw, 3.75rem); color: white; margin-bottom: 1rem; font-weight: 700;}.carriere-hero-bar { height: 4px; width: 96px; background: linear-gradient(to right, #be965a, #df6d77); margin: 30px auto; animation: carriere-bar-expand 0.8s ease-out 0.3s both;}@keyframes carriere-bar-expand { from { width: 0; opacity: 0; } to { width: 96px; opacity: 1; }}/* ======================================== JOB BOARDS SECTION ======================================== */.carriere-job-boards { padding: 5rem 0; background: white;}.carriere-container { max-width: 1280px; margin: 0 auto; padding: 0 1.5rem;}.carriere-section-title { font-size: clamp(2.25rem, 4vw, 3rem); color: #1f2937; margin-bottom: 2rem; font-weight: 700; text-align: center;}.carriere-intro-text { max-width: 48rem; margin: 0 auto 3rem auto; text-align: center;}.carriere-text-lg { font-size: 1.125rem; line-height: 1.75; color: #374151; margin-bottom: 1.5rem;}.carriere-text-gray-600 { color: #4b5563;}.carriere-grid-2 { display: grid; gap: 3rem; align-items: center;}@media (min-width: 1024px) { .carriere-grid-2 { grid-template-columns: repeat(2, 1fr); }}.carriere-feature-list { display: flex; flex-direction: column; gap: 1rem;}.carriere-feature-item { display: flex; align-items: flex-start; gap: 1rem; transition: transform 0.3s ease;}.carriere-feature-item:hover { transform: translateX(8px);}/* ======================================== ICÔNES PNG - JOB BOARDS FEATURES ======================================== */.carriere-feature-icon-png { flex-shrink: 0; width: 48px; height: 48px; background: linear-gradient(to bottom right, #003671, #004a94); border-radius: 12px; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease, box-shadow 0.3s ease; padding: 10px;}.carriere-feature-item:hover .carriere-feature-icon-png { transform: scale(1.1) rotate(5deg); box-shadow: 0 15px 25px -5px rgba(0, 0, 0, 0.2);}.carriere-icon-img { width: 28px; height: 28px; object-fit: contain; /* ???? PAS DE FILTRE - Vos icônes s'affichent telles quelles ! */ /* Uploadez des icônes BLANCHES PNG depuis votre CMS */}.carriere-feature-title { color: #1f2937; margin-bottom: 0.25rem; font-weight: 600; font-size: 1.125rem;}.carriere-italic { font-style: italic;}.carriere-mt-8 { margin-top: 2rem;}.carriere-text-gray-700 { color: #374151;}.carriere-image-wrapper { position: relative; border-radius: 1rem; overflow: hidden; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); transition: transform 0.3s ease;}.carriere-image-wrapper:hover { transform: scale(1.02);}.carriere-image-wrapper img { width: 100%; height: auto; display: block;}.carriere-floating-badge { position: absolute; bottom: -1.5rem; left: -1.5rem; background: white; border-radius: 1rem; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1); padding: 1.5rem; transition: transform 0.3s ease;}.carriere-floating-badge:hover { transform: scale(1.05);}.carriere-badge-value { font-size: 2.25rem; color: #003671; margin-bottom: 0.5rem; font-weight: 700;}.carriere-badge-label { color: #4b5563;}/* ======================================== CANDIDATS & RECRUTEURS SECTION ======================================== */.carriere-candidates-recruiters { padding: 5rem 0; background: linear-gradient(to bottom, #f9fafb, #ffffff);}.carriere-grid-cards { display: grid; gap: 2rem;}@media (min-width: 1024px) { .carriere-grid-cards { grid-template-columns: repeat(2, 1fr); }}.carriere-card { background: white; border-radius: 1rem; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease;}.carriere-card:hover { transform: translateY(-8px); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.15);}.carriere-card-header { height: 12rem; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden;}.carriere-card-header::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at center, rgba(255, 255, 255, 0.1), transparent); opacity: 0; transition: opacity 0.3s ease;}.carriere-card:hover .carriere-card-header::before { opacity: 1;}.carriere-card-header.blue { background: linear-gradient(135deg, #003671, #004a94);}.carriere-card-header.pink { background: linear-gradient(135deg, #df6d77, #e88e97);}/* ======================================== ICÔNES PNG - CARTES CANDIDATS/RECRUTEURS ???? VERSION CMS : Icônes plus grandes (60px affichés) Recommandations pour vos icônes : • Taille source : 512px × 512px • Couleur : BLANC avec fond transparent • Le CSS les redimensionne à 60px automatiquement ======================================== */.carriere-card-icon-wrapper-png { width: 100px; height: 100px; background: rgba(255, 255, 255, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 20px; transition: transform 0.3s ease;}.carriere-card:hover .carriere-card-icon-wrapper-png { transform: scale(1.15) rotate(10deg);}.carriere-card-icon-img { width: 60px; height: 60px; object-fit: contain; /* ???? PAS DE FILTRE - Vos icônes s'affichent telles quelles ! */}.carriere-card-body { padding: 2rem;}.carriere-card-title { color: #1f2937; margin-bottom: 1rem; font-weight: 700; font-size: 1.5rem;}.carriere-card-description { color: #4b5563; margin-bottom: 1.5rem; line-height: 1.6;}.carriere-feature-check-list { display: flex; flex-direction: column; gap: 0.75rem; margin-bottom: 2rem; list-style: none; padding-left: 0;}/* ======================================== ICÔNES PNG - CHECKMARKS DANS LES LISTES Petites icônes de checkmark (✓) à gauche de chaque élément de liste Uploadez 2 icônes PNG depuis votre CMS : • check-blue.png (checkmark bleu #003671) • check-pink.png (checkmark rose #df6d77) Recommandations : • Taille : 64px × 64px minimum • Style : Checkmark dans un cercle plein • Couleur : Bleu ou rose selon la carte • Format : PNG avec fond transparent ======================================== */.carriere-check-item { display: flex; align-items: flex-start; gap: 0.75rem; transition: transform 0.2s ease;}.carriere-check-item:hover { transform: translateX(4px);}.carriere-check-icon-img { flex-shrink: 0; width: 20px; height: 20px; object-fit: contain; margin-top: 2px; /* Alignement avec le texte */}/* Version avec cercles colorés (si vous préférez les caractères Unicode ✓) */.carriere-check-icon { flex-shrink: 0; width: 20px; height: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 700; color: white; line-height: 1; position: relative;}/* Insérer le checkmark via CSS pour plus de robustesse */.carriere-check-icon::before { content: "✓"; display: block;}.carriere-check-icon.blue { background: #003671;}.carriere-check-icon.pink { background: #df6d77;}.carriere-card-button { width: 100%; padding: 0.875rem 1.5rem; color: white; border: none; border-radius: 0.5rem; font-weight: 600; cursor: pointer; transition: transform 0.2s ease, box-shadow 0.2s ease; font-size: 1rem;}.carriere-card-button.blue { background: linear-gradient(to right, #003671, #004a94);}.carriere-card-button.pink { background: linear-gradient(to right, #df6d77, #e88e97);}.carriere-card-button:hover { transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.2);}.carriere-card-button:active { transform: translateY(0);}/* ======================================== NETWORK SECTION ======================================== */.carriere-network { padding: 5rem 0; background: white;}.carriere-premium-badge { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; background: linear-gradient(to right, #be965a, #d4a969); color: white; border-radius: 2rem; margin-bottom: 1.5rem; font-weight: 600; font-size: 0.875rem; box-shadow: 0 4px 6px -1px rgba(190, 150, 90, 0.3); transition: transform 0.2s ease, box-shadow 0.2s ease;}.carriere-premium-badge:hover { transform: translateY(-2px); box-shadow: 0 6px 10px -1px rgba(190, 150, 90, 0.4);}.carriere-network h2 { font-size: clamp(1.875rem, 4vw, 2.5rem); color: #1f2937; margin-bottom: 1.5rem; font-weight: 700;}.carriere-stats-grid { display: grid; gap: 1.5rem; margin-top: 2rem;}@media (min-width: 768px) { .carriere-stats-grid { grid-template-columns: repeat(3, 1fr); }}.carriere-stat-card { background: linear-gradient(to bottom right, #f9fafb, #ffffff); border-radius: 1rem; padding: 1.5rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease, box-shadow 0.3s ease;}.carriere-stat-card:hover { transform: translateY(-8px); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.15);}/* ======================================== ICÔNES PNG - STATS RÉSEAU ???? VERSION CMS : Icônes moyennes (28px affichés) Recommandations : • Taille source : 512px × 512px • Couleur : BLANC avec fond transparent • Le CSS les redimensionne à 28px ======================================== */.carriere-stat-icon-wrapper-png { width: 48px; height: 48px; background: linear-gradient(to bottom right, #003671, #004a94); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 1rem; padding: 10px; transition: transform 0.3s ease;}.carriere-stat-card:hover .carriere-stat-icon-wrapper-png { transform: rotate(10deg) scale(1.1);}.carriere-stat-icon-img { width: 28px; height: 28px; object-fit: contain; /* ???? PAS DE FILTRE - Vos icônes s'affichent telles quelles ! */}.carriere-stat-value { font-size: 2rem; color: #be965a; margin-bottom: 0.5rem; font-weight: 700;}.carriere-stat-label { color: #4b5563; font-size: 0.875rem;}/* ======================================== RESPONSIVE ======================================== */@media (max-width: 768px) { .carriere-hero { height: 30vh; min-height: 250px; } .carriere-job-boards, .carriere-candidates-recruiters, .carriere-network { padding: 3rem 0; } .carriere-container { padding: 0 1rem; } .carriere-floating-badge { bottom: -1rem; left: -1rem; padding: 1rem; } .carriere-badge-value { font-size: 1.75rem; } .carriere-card-header { height: 10rem; } .carriere-card-icon-wrapper-png { width: 80px; height: 80px; padding: 16px; } .carriere-card-icon-img { width: 48px; height: 48px; }}@media (max-width: 480px) { .carriere-hero h1 { font-size: 2rem; } .carriere-feature-icon-png { width: 40px; height: 40px; padding: 8px; } .carriere-icon-img { width: 24px; height: 24px; } .carriere-stat-icon-wrapper-png { width: 40px; height: 40px; padding: 8px; } .carriere-stat-icon-img { width: 24px; height: 24px; }}/* ======================================== ACCESSIBILITÉ ======================================== */@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }}.carriere-card-button:focus-visible { outline: 3px solid #be965a; outline-offset: 2px;}/*PAGE COMMUNAUTES*/.communautes * { margin: 0; padding: 0; box-sizing: border-box; } .communautes { font-family: 'Lato', serif; color: #333; line-height: 1.6; } .communautes h1 { font-size: 3rem; font-weight: 400; color: white; } .communautes h2 { font-size: 2rem; font-weight: 400; margin-bottom: 1rem; } .communautes h3 { font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; } .communautes p { font-size: 1rem; margin-bottom: 1rem; } .communautes ul { list-style-position: inside; } .communautes li { margin-bottom: 0.5rem; padding-left: 1.5rem; } .communautes strong { font-weight: 600; }/* Hero Section */.communautes-hero { position: relative; height: 40vh; min-height: 300px; display: flex; align-items: center; justify-content: center; overflow: hidden;}.communautes-hero-bg { position: absolute; inset: 0; background-image: url("/medias/editor/oneshot-images/640323644695fa84160038.jpg"); background-size: cover; background-position: center; animation: communautes-zoomIn 1.2s ease-out;}.communautes-hero-overlay { position: absolute; inset: 0; background: linear-gradient( to bottom, rgba(0, 54, 113, 0.8), rgba(0, 54, 113, 0.6) );}.communautes-hero-content { position: relative; z-index: 10; text-align: center; padding: 0 1rem;}.communautes-hero h1 { font-size: 3rem; color: white; margin-bottom: 1rem; animation: communautes-slideUp 0.8s ease-out 0.3s both;}.communautes-hero-bar { height: 4px; width: 6rem; background: linear-gradient(to right, #be965a, #df6d77); margin: 30px auto; animation: communautes-scaleX 0.8s ease-out 0.6s both; transform-origin: center;} /* Container */ .communautes-container { max-width: 1280px; margin: 0 auto; } .communautes-container-small { max-width: 896px; margin: 0 auto; } /* Sections */ .communautes-section { padding: 4rem 1.5rem; } .communautes-bg-gray { background-color: #f9fafb; } .communautes-text-center { text-align: center; margin-bottom: 4rem; } .communautes-text-center h2 { font-size: 2rem; font-weight: 400; margin-bottom: 1rem; } .communautes-text-center p { font-size: 1.125rem; max-width: 48rem; margin: 0 auto; } .communautes-text-blue { color: #003671; } .communautes-text-amber { color: #be965a; } /* Grid */ .communautes-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; } @media (min-width: 768px) { .communautes-grid { grid-template-columns: 1fr 1fr; } } /* Modern Comparison Cards with Gradients */ .communautes-card { position: relative; border-radius: 1rem; padding: 2rem; transition: all 0.5s ease; overflow: hidden; border: 1px solid; } .communautes-card-alumni { background: linear-gradient(to bottom right, rgba(0, 54, 113, 0.05), rgba(0, 54, 113, 0.1)); border-color: rgba(0, 54, 113, 0.2); } .communautes-card-executive { background: linear-gradient(to bottom right, rgba(190, 150, 90, 0.05), rgba(190, 150, 90, 0.1)); border-color: rgba(190, 150, 90, 0.2); } .communautes-card:hover { transform: translateY(-0.5rem); box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } /* Decorative Circle */ .communautes-card::before { content: ''; position: absolute; top: -4rem; right: -4rem; width: 8rem; height: 8rem; border-radius: 50%; transition: transform 0.5s ease; } .communautes-card-alumni::before { background: rgba(0, 54, 113, 0.1); } .communautes-card-executive::before { background: rgba(190, 150, 90, 0.1); } .communautes-card:hover::before { transform: scale(1.5); } .communautes-card-inner { position: relative; z-index: 10; } /* Card Header */ .communautes-card-header { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 1.5rem; } .communautes-badge { color: white; padding: 0.5rem 1rem; border-radius: 9999px; font-size: 0.875rem; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; } .communautes-badge-alumni { background-color: #003671; } .communautes-badge-executive { background-color: #be965a; } .communautes-logo-box { display: flex; align-items: center; justify-content: center; background: white; border-radius: 0.75rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); flex-shrink: 0; } .communautes-logo-box-alumni { width: 6rem; height: 6rem; } .communautes-logo-box-executive { width: 9rem; height: 9rem; } .communautes-logo { width: 100%; height: 100%; object-fit: contain; padding: 0.5rem; } /* Card Content */ .communautes-card-title { font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; } .communautes-card-title-alumni { color: #003671; } .communautes-card-title-executive { color: #be965a; } .communautes-card-content { color: #374151; } .communautes-card-content > * { margin-bottom: 1rem; } .communautes-card-content p { line-height: 1.625; } /* Features Box */ .communautes-features-box { background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(4px); border-radius: 0.75rem; padding: 1.25rem; } .communautes-features-title { font-weight: 600; margin-bottom: 0.75rem; display: flex; align-items: center; gap: 0.5rem; } .communautes-features-title-alumni { color: #003671; } .communautes-features-title-executive { color: #be965a; } .communautes-dot { width: 0.375rem; height: 0.375rem; border-radius: 50%; } .communautes-dot-blue { background-color: #003671; } .communautes-dot-gold { background-color: #be965a; } .communautes-features-list { display: grid; gap: 0.625rem; } .communautes-feature-item { display: flex; align-items: center; gap: 0.75rem; font-size: 0.875rem; } .communautes-feature-item .communautes-dot { flex-shrink: 0; } /* Quote Box */ .communautes-quote { font-size: 0.875rem; font-style: italic; background: rgba(255, 255, 255, 0.5); border-radius: 0.5rem; padding: 1rem; margin-bottom: 0; } .communautes-quote-alumni { color: #003671; } .communautes-quote-executive { color: #be965a; } /* Access Section Cards */ .communautes-access-grid { display: grid; grid-template-columns: 1fr; gap: 2.5rem; max-width: 1100px; margin: 0 auto; } @media (min-width: 968px) { .communautes-access-grid { grid-template-columns: 1fr 1fr; } } .communautes-access-card { background: white; border-radius: 12px; padding: 2.5rem; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); border-top: 5px solid; transition: transform 0.3s ease, box-shadow 0.3s ease; height: 100%; display: flex; flex-direction: column; } .communautes-access-card:hover { transform: translateY(-5px); box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1); } .communautes-access-card-alumni { border-top-color: #003671; } .communautes-access-card-executive { border-top-color: #be965a; } .communautes-access-card-header { margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 2px solid #f0f0f0; } .communautes-access-badge { display: inline-block; padding: 0.4rem 1rem; border-radius: 20px; font-size: 0.85rem; font-weight: 600; letter-spacing: 0.03em; margin-bottom: 0.75rem; } .communautes-access-badge-alumni { background-color: #e6f0ff; color: #003671; } .communautes-access-badge-executive { background-color: #fef5e7; color: #be965a; } .communautes-access-card-title { font-size: 1.25rem; font-weight: 600; letter-spacing: 0.05em; margin-bottom: 0; } .communautes-access-card-title-alumni { color: #003671; } .communautes-access-card-title-executive { color: #be965a; } .communautes-access-card-image { width: 100%; height: 200px; object-fit: cover; border-radius: 8px; margin-bottom: 1.5rem; } .communautes-access-card-body { flex: 1; } /* Content Section */ .communautes-content { width: 100%; } .communautes-content > * { margin-bottom: 1.5rem; } /* Button */ .communautes-button { background-color: #df6d77; color: white; padding: 0.75rem 2rem; border-radius: 9999px; border: none; font-family: 'Lora', serif; font-size: 1rem; cursor: pointer; transition: background-color 0.3s, transform 0.2s; text-decoration: none; display: inline-block; } .communautes-button:hover { background-color: #c85d66; transform: scale(1.05); } .communautes-button-container { margin-top: 3rem; text-align: center; }/* Animations */@keyframes communautes-zoomIn { from { transform: scale(1.2); opacity: 0; } to { transform: scale(1); opacity: 1; }}@keyframes communautes-slideUp { from { transform: translateY(50px); opacity: 0; } to { transform: translateY(0); opacity: 1; }}@keyframes communautes-scaleX { from { transform: scaleX(0); } to { transform: scaleX(1); }}@keyframes communautes-fadeInUp { from { opacity: 0; transform: translateY(50px); } to { opacity: 1; transform: translateY(0); }}@keyframes communautes-scaleIn { from { transform: scale(0.5); opacity: 0; } to { transform: scale(1); opacity: 1; }}/*NE PAS TOUCHER CSS OBLIGATOIRE POUR LA PAGE DECONNECTEE*/widget-slider-static{margin-top: -46px;}/*TEST REDESIGN EVENTS*//* ========================================================================== Redesign "Soft" Widget Agenda ========================================================================== *//* Le conteneur global du texte */.widget-agenda-rss-feed .card-v-content { padding: 20px 24px !important; /* Un peu plus d'espace sur les côtés */ text-align: left; /* S'assurer que tout est bien aligné à gauche */}/* 1. LE TITRE (AFTERWORK !) */.widget-agenda-rss-feed .card-v-content h4.title { color: #023066 !important; /* On reprend ton bleu "Marque" pour le titre */ font-size: 1.2rem !important; /* Taille confortable */ font-weight: 800 !important; /* TRÈS GRAS pour le contraste */ text-transform: uppercase; /* Force les majuscules pour l'impact */ letter-spacing: -0.5px; /* Resserre un peu les lettres (tendance) */ line-height: 1.2 !important; margin-bottom: 12px !important; /* Espace après le titre */}/* 2. LA CATÉGORIE (Soirées) - On le transforme en "Tag" discret */.widget-agenda-rss-feed .category { display: inline-block; color: #555 !important; /* Gris foncé lisible */ font-weight: 700 !important; /* Gras */ font-size: 0.75rem !important; /* Petit */ text-transform: uppercase; /* Majuscule */ letter-spacing: 1px; /* Lettres espacées */ margin-bottom: 8px !important; /* Optionnel : Ajoute un petit fond gris pour faire un effet "étiquette" */ background-color: #f0f2f5; padding: 4px 8px; border-radius: 4px;}/* 3. LA VILLE (PARIS) */.widget-agenda-rss-feed .city { color: #222 !important; /* Presque noir */ font-weight: 600 !important; /* Demi-gras */ font-size: 0.9rem !important; margin-top: 5px !important; display: flex; /* Pour bien aligner l'icône et le texte */ align-items: center;}/* L'icône à côté de la ville */.widget-agenda-rss-feed .city i { color: #023066 !important; /* L'icône en bleu pour le rappel */ font-size: 1.1rem; margin-right: 6px;}/* --- 1. Le Titre Principal "ÉVÈNEMENTS" --- *//* On cible spécifiquement le titre H3 dans l'en-tête du widget */.widget-agenda-rss-feed .widget-header-title h3.title { /* NOTE : Assurez-vous que la police 'Lora' est bien chargée sur votre site. Sinon, il utilisera une police serif par défaut. */ font-family: 'Lora', Georgia, "Times New Roman", serif; color: #023066 !important; /* La couleur demandée */ text-transform: none; /* On enlève le TOUT MAJUSCULE pour plus d'élégance */ font-weight: 700; /* Un peu plus gras pour la présence */ font-size: 2rem; /* Légèrement plus grand */ margin-bottom: 30px;}.widget-agenda-rss-feed .widget-content-item { border: none !important; /* Tue la bordure grise */ background: transparent !important; /* Enlève le fond s'il y en a un */ box-shadow: none !important; /* Enlève l'ombre par défaut du thème s'il y en a une */ padding: 0 !important; /* S'assure qu'il n'y a pas d'espace inutile */}/* --- 2. Modernisation des Cartes (Le conteneur global de chaque évent) --- *//* C'est le lien <a> qui englobe tout */.widget-agenda-rss-feed a.as-block { background-color: #fff; /* Fond blanc propre */ border-radius: 16px; /* ON ARRONDIT LES ANGLES GLOBALE */ overflow: hidden; /* Important : masque ce qui dépasse des arrondis */ /* CONTRASTE & PROFONDEUR : Une ombre douce au lieu de bordures plates */ box-shadow: 0 4px 15px rgba(0,0,0,0.08); border: 1px solid rgba(0,0,0,0.03); /* Bordure quasi invisible pour définir */ transition: all 0.3s ease; /* Transition fluide pour le survol */ height: 100%; /* Uniformise les hauteurs si possible */}/* Effet au survol de la carte entière */.widget-agenda-rss-feed a.as-block:hover { /* On soulève légèrement la carte et on renforce l'ombre, teintée en bleu */ transform: translateY(-5px); box-shadow: 0 12px 25px rgba(2, 48, 102, 0.15); }/* --- 3. Nettoyage des éléments internes --- *//* L'image */.widget-agenda-rss-feed .card-v-img-container,.widget-agenda-rss-feed .card-v-img-container img { border-top-left-radius: 16px; /* S'assure que l'image suit l'arrondi */ border-top-right-radius: 16px;}/* La Boîte de Date (le carré au milieu) */.widget-agenda-rss-feed .card-h-date { border-radius: 12px !important; /* ON ARRONDIT LA DATE AUSSI */ box-shadow: 0 5px 15px rgba(0,0,0,0.12) !important; /* Ombre plus marquée pour qu'elle ressorte */ border: none !important; /* On retire les vieilles bordures grises */}/* La couleur du numéro du jour dans la date */.widget-agenda-rss-feed .card-h-date .date { color: #023066 !important; /* On utilise le bleu du titre principal */ font-weight: 800;}/* --- 4. Typographie et Contraste des textes --- *//* Le conteneur de texte en bas */.widget-agenda-rss-feed .card-v-content { padding: 25px 20px !important; /* Un peu plus d'espace pour respirer */}/* Titre de l'événement dans la carte */.widget-agenda-rss-feed .card-v-content h4.title { color: #222 !important; /* Noir plus profond pour le CONTRASTE */ font-weight: 700; font-size: 1.15rem; line-height: 1.3; margin-bottom: 12px !important;}/* Catégorie et Ville (Métadonnées) */.widget-agenda-rss-feed .category, .widget-agenda-rss-feed .city { /* Remplacement du gris clair par un gris moyen pour meilleur CONTRASTE */ color: #555 !important; font-size: 0.9rem; font-weight: 500;}/* L'icône de localisation avant la ville */.widget-agenda-rss-feed .city i { color: #023066; /* Petit rappel de la couleur bleue */}/* --- 5. Le Bouton "Voir tous les évènements" --- */.widget-agenda-rss-feed .btn-ghost-primary { /* On le met aux couleurs du thème */ border: 2px solid #023066; color: #023066; border-radius: 50px; /* Bouton très arrondi "pilule" */ font-weight: 600; padding: 12px 30px; text-transform: uppercase; letter-spacing: 1px; font-size: 0.85rem; transition: all 0.3s ease;}.widget-agenda-rss-feed .btn-ghost-primary:hover { background-color: #023066; color: #ffffff;}/*Header*/#customizableHeaderInlineLogoHome > img{ height: 70px;}#footer > section.space-top.footer-top.bg-graylightersuper{ background-image: url(/medias/editor/images/footer_bleu_v2.png);background-size: cover;}#footer > section.footer-bottom.bg-graydarker{background-color:#0E3770;}#content > section > section.homebandeau.section-item{ margin-bottom: -25px;}.swiper-caption.swiper-caption-left{ background-color: rgba(11, 48, 102, 0.9); width: 350px; margin-left: 80px;}.swiper-container.swiper-autonomous-slider.default .swiper-slide{border-radius:15px;}/* 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;}