.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-72 .elementor-element.elementor-element-94fd1a5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:1px;--padding-bottom:1px;--padding-left:1px;--padding-right:1px;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-72 .elementor-element.elementor-element-6ff68c5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-72 .elementor-element.elementor-element-7a51ca4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-72 .elementor-element.elementor-element-cf4de0a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-72 .elementor-element.elementor-element-c1bb164{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-72 .elementor-element.elementor-element-af76e15{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-ad17a2e{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF;--border-color:#FFFFFF;--border-radius:30px 30px 30px 30px;box-shadow:0px 0px 51px -18px rgba(0,0,0,0.5);--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-72 .elementor-element.elementor-element-09212ea{text-align:center;}.elementor-widget-text-editor .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-text-editor .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-72 .elementor-element.elementor-element-a466f61{text-align:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );}.elementor-widget-button .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-button .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-72 .elementor-element.elementor-element-02dd6ea .elementor-button{background-color:transparent;background-image:linear-gradient(106deg, #F1298B 0%, #F0B92C 100%);transition-duration:0.3s;border-radius:30px 30px 30px 30px;padding:20px 30px 20px 30px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-72 .elementor-element.elementor-element-af76e15{--content-width:1100px;}}@media(max-width:1024px){.elementor-widget-container .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-container .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-html .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-html .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-heading .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-heading .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-text-editor .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-button .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-button .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:767px){.elementor-widget-container .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-container .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-html .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-html .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-heading .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-heading .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-text-editor .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-button .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-button .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}/* Start custom CSS for html, class: .elementor-element-5e804c9 *//* ======================================== HERO ELEMENTOR - LA SALLE ROMILLY Version PREMIUM - Mesh Gradient Framer ======================================== */ /* ===== SÉLECTEUR PRINCIPAL ===== */ /* Remplace .elementor-element-9e97655 par l'ID de ta section */ .elementor-element.elementor-element-9e97655 { position: relative; overflow: hidden; background: transparent !important; min-height: 80vh; } /* ===== MESH GRADIENT ANIMÉ ===== */ .elementor-element.elementor-element-9e97655::before { content: ''; position: absolute; inset: -50%; width: 200%; height: 200%; z-index: 0; background: /* Blob principal bleu */ radial-gradient( circle at 30% 20%, rgba(38, 130, 169, 0.5) 0%, rgba(38, 130, 169, 0.2) 25%, transparent 50% ), /* Blob vert */ radial-gradient( circle at 70% 60%, rgba(130, 200, 58, 0.4) 0%, rgba(130, 200, 58, 0.1) 30%, transparent 55% ), /* Blob cyan */ radial-gradient( circle at 80% 10%, rgba(125, 211, 252, 0.5) 0%, rgba(125, 211, 252, 0.2) 25%, transparent 45% ), /* Blob rose subtil */ radial-gradient( circle at 20% 80%, rgba(199, 22, 109, 0.15) 0%, rgba(199, 22, 109, 0.05) 30%, transparent 50% ), /* Fond de base */ linear-gradient( 180deg, #ffffff 0%, #f0f9ff 30%, #e0f2fe 60%, #cffafe 100% ); animation: meshMove 25s ease-in-out infinite; } @keyframes meshMove { 0%, 100% { transform: translate(0%, 0%) rotate(0deg); } 25% { transform: translate(5%, -5%) rotate(2deg); } 50% { transform: translate(0%, 5%) rotate(-1deg); } 75% { transform: translate(-5%, 0%) rotate(1deg); } } /* ===== GRILLE PERSPECTIVE ===== */ .elementor-element.elementor-element-9e97655::after { content: ''; position: absolute; inset: 0; z-index: 1; /* Grille en perspective */ background: linear-gradient( rgba(30, 90, 126, 0.04) 1px, transparent 1px ), linear-gradient( 90deg, rgba(30, 90, 126, 0.04) 1px, transparent 1px ); background-size: 80px 80px; /* Masque dégradé pour effet de profondeur */ mask-image: linear-gradient( to bottom, black 0%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,0.2) 70%, transparent 100% ); -webkit-mask-image: linear-gradient( to bottom, black 0%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,0.2) 70%, transparent 100% ); pointer-events: none; } /* ===== CONTENU AU-DESSUS ===== */ .elementor-element.elementor-element-9e97655 > .e-con-inner, .elementor-element.elementor-element-9e97655 > .elementor-container { position: relative; z-index: 5; } /* ===== EFFET GLOW SUR LOGO ===== */ .elementor-element.elementor-element-9e97655 .elementor-image img { filter: drop-shadow(0 20px 50px rgba(38, 130, 169, 0.2)); animation: gentleFloat 6s ease-in-out infinite; } @keyframes gentleFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } } /* ===== TITRES ÉLÉGANTS ===== */ .elementor-element.elementor-element-9e97655 .elementor-heading-title { text-shadow: 0 4px 30px rgba(0, 0, 0, 0.05); } /* Titre "La Salle" avec dégradé */ .elementor-element.elementor-element-9e97655 h1 .highlight, .elementor-element.elementor-element-9e97655 h1 span[style*="color"] { background: linear-gradient(135deg, #c7166d 0%, #2682A9 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } /* ===== BOUTON PREMIUM ===== */ .elementor-element.elementor-element-9e97655 .elementor-button { position: relative; overflow: hidden; background: linear-gradient(135deg, #ff6b35 0%, #f72585 50%, #c7166d 100%) !important; border: none !important; border-radius: 60px !important; padding: 20px 45px !important; font-weight: 700 !important; font-size: 15px !important; letter-spacing: 1px !important; text-transform: uppercase !important; box-shadow: 0 10px 40px rgba(247, 37, 133, 0.3), 0 0 0 0 rgba(247, 37, 133, 0.4) !important; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important; } .elementor-element.elementor-element-9e97655 .elementor-button::before { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, #f72585 0%, #ff6b35 50%, #ffc300 100%); opacity: 0; transition: opacity 0.4s ease; } .elementor-element.elementor-element-9e97655 .elementor-button:hover { transform: translateY(-4px) scale(1.02) !important; box-shadow: 0 20px 50px rgba(247, 37, 133, 0.35), 0 0 0 4px rgba(247, 37, 133, 0.15) !important; } .elementor-element.elementor-element-9e97655 .elementor-button:hover::before { opacity: 1; } .elementor-element.elementor-element-9e97655 .elementor-button-text { position: relative; z-index: 1; } /* ===== VAGUE SVG EN BAS ===== */ /* Ajoute un widget HTML en bas de ta section avec ce SVG */ .hero-wave-svg { position: absolute; bottom: 0; left: 0; width: 100%; height: 120px; overflow: hidden; z-index: 4; } .hero-wave-svg svg { position: absolute; bottom: 0; width: 100%; height: 100%; } /* ===== PARTICULES OPTIONNELLES ===== */ .hero-particles { position: absolute; inset: 0; z-index: 2; pointer-events: none; overflow: hidden; } .hero-particle { position: absolute; width: 6px; height: 6px; background: rgba(38, 130, 169, 0.3); border-radius: 50%; animation: particleFloat 15s ease-in-out infinite; } .hero-particle:nth-child(1) { left: 10%; top: 20%; animation-delay: 0s; } .hero-particle:nth-child(2) { left: 20%; top: 60%; animation-delay: 2s; } .hero-particle:nth-child(3) { left: 35%; top: 30%; animation-delay: 4s; } .hero-particle:nth-child(4) { left: 50%; top: 70%; animation-delay: 6s; } .hero-particle:nth-child(5) { left: 65%; top: 25%; animation-delay: 8s; } .hero-particle:nth-child(6) { left: 80%; top: 55%; animation-delay: 10s; } .hero-particle:nth-child(7) { left: 90%; top: 35%; animation-delay: 12s; } @keyframes particleFloat { 0%, 100% { transform: translateY(0) scale(1); opacity: 0.3; } 50% { transform: translateY(-30px) scale(1.2); opacity: 0.6; } } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .elementor-element.elementor-element-9e97655 { min-height: 70vh; } .elementor-element.elementor-element-9e97655::after { background-size: 50px 50px; } } @media (max-width: 768px) { .elementor-element.elementor-element-9e97655 { min-height: auto; padding: 60px 0 40px; } .elementor-element.elementor-element-9e97655 .elementor-button { padding: 16px 35px !important; font-size: 14px !important; } .hero-wave-svg { height: 60px; } } /* ======================================== CODE HTML POUR LA VAGUE (Widget HTML) ========================================
======================================== */ /* ======================================== CODE HTML POUR LES PARTICULES (Optionnel) ========================================
======================================== *//* End custom CSS */