.elementor-920 .elementor-element.elementor-element-9404e82{--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:120px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-920 .elementor-element.elementor-element-9404e82:not(.elementor-motion-effects-element-type-background), .elementor-920 .elementor-element.elementor-element-9404e82 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );color:var( --e-global-color-primary );}.elementor-920 .elementor-element.elementor-element-8f1e0bc.elementor-element{--align-self:center;}.elementor-920 .elementor-element.elementor-element-8f1e0bc{text-align:center;}.elementor-920 .elementor-element.elementor-element-8f1e0bc .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:31px;font-weight:900;text-transform:uppercase;color:#FFFFFF;}.elementor-920 .elementor-element.elementor-element-e0c629e{--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-920 .elementor-element.elementor-element-e0c629e:not(.elementor-motion-effects-element-type-background), .elementor-920 .elementor-element.elementor-element-e0c629e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );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 );line-height:var( --e-global-typography-text-line-height );}.elementor-920 .elementor-element.elementor-element-784451e img{border-radius:15px 15px 15px 15px;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );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 );line-height:var( --e-global-typography-text-line-height );}.elementor-920 .elementor-element.elementor-element-1ede1cd{text-align:center;color:#FFFFFF;font-family:"Lato", Sans-serif;font-size:16px;font-weight:400;line-height:22px;}.elementor-920 .elementor-element.elementor-element-6eb14c9 img{border-radius:15px 15px 15px 15px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );}.elementor-920 .elementor-element.elementor-element-222d538 .elementor-button{background-color:#8AB4F8;}.elementor-920 .elementor-element.elementor-element-d3bb97e .elementor-button{background-color:#8AB4F8;}@media(max-width:1024px){.elementor-widget-theme-post-featured-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-widget-theme-post-featured-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-920 .elementor-element.elementor-element-1ede1cd{margin:0px 10px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;padding:0px 0px 0px 0px;}}/* Start custom CSS for theme-post-content, class: .elementor-element-1ede1cd *//* ================================================= FORCE LE STYLE DU CONTENU (BLOG / PROJETS) ALIGNEMENT GAUCHE STRICT ================================================= */ /* 1. LES TITRES (H2, H3, H4...) */ .elementor-920 .elementor-element.elementor-element-1ede1cd h1, .elementor-920 .elementor-element.elementor-element-1ede1cd h2, .elementor-920 .elementor-element.elementor-element-1ede1cd h3, .elementor-920 .elementor-element.elementor-element-1ede1cd h4, .elementor-920 .elementor-element.elementor-element-1ede1cd h5 { color: #8AB4F8 !important; /* Ton Bleu Clair */ font-family: 'Manrope', sans-serif !important; margin-top: 40px !important; margin-bottom: 20px !important; line-height: 1.3 !important; text-align: left !important; /* FORCE L'ALIGNEMENT GAUCHE */ } /* 2. LE TEXTE STANDARD (Paragraphes) */ .elementor-920 .elementor-element.elementor-element-1ede1cd p, .elementor-920 .elementor-element.elementor-element-1ede1cd div { color: #eeeeee !important; /* Blanc cassé */ font-family: 'Manrope', sans-serif !important; font-size: 18px !important; line-height: 1.6 !important; margin-bottom: 20px !important; text-align: left !important; /* FORCE L'ALIGNEMENT GAUCHE */ } /* 3. LES LISTES A PUCES (Bullet points) */ .elementor-920 .elementor-element.elementor-element-1ede1cd ul, .elementor-920 .elementor-element.elementor-element-1ede1cd ol, .elementor-920 .elementor-element.elementor-element-1ede1cd li { color: #ffffff !important; font-size: 18px !important; line-height: 1.6 !important; margin-bottom: 10px !important; } /* 4. LES LIENS DANS LE TEXTE */ .elementor-920 .elementor-element.elementor-element-1ede1cd a { color: #ffffff !important; text-decoration: underline !important; font-weight: 700 !important; } .elementor-920 .elementor-element.elementor-element-1ede1cd a:hover { color: #8AB4F8 !important; } /* ================================================= FIX LISTES A PUCES (Jolies & Lisibles) ================================================= */ /* 1. Le conteneur de la liste */ .elementor-920 .elementor-element.elementor-element-1ede1cd ul { text-align: left !important; /* Aligne le texte à gauche */ padding-left: 20px !important; /* Indentation */ margin-bottom: 30px !important; /* On retire les marges auto pour coller à gauche si tu veux tout aligné */ margin-left: 0 !important; margin-right: auto !important; max-width: 100% !important; /* Prend toute la largeur dispo */ } /* 2. Les éléments de la liste */ .elementor-920 .elementor-element.elementor-element-1ede1cd li { color: #eeeeee !important; font-size: 18px !important; line-height: 1.6 !important; margin-bottom: 15px !important; list-style-type: disc !important; text-align: left !important; /* Sécurité */ } /* 3. La couleur du point */ .elementor-920 .elementor-element.elementor-element-1ede1cd li::marker { color: #8AB4F8 !important; font-size: 1.2em !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-222d538 *//* ========================================= BOUTON "VISITER LE SITE" - STYLE PREMIUM (Correction Centrage Parfait) ========================================= */ /* 1. L'apparence normale */ .elementor-920 .elementor-element.elementor-element-222d538 .elementor-button { background-color: #8AB4F8 !important; color: #1a2332 !important; font-family: 'Manrope', sans-serif !important; font-size: 16px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 1px !important; border-radius: 50px !important; /* --- CORRECTION CENTRAGE --- */ display: flex !important; /* Active le mode Flexbox */ align-items: center !important; /* Centre verticalement */ justify-content: center !important; /* Centre horizontalement */ line-height: 1 !important; /* Supprime l'espace invisible des lignes */ padding: 16px 40px !important; /* --------------------------- */ box-shadow: 0 5px 15px rgba(138, 180, 248, 0.3) !important; transition: all 0.3s ease !important; border: none !important; } /* 2. Force le conteneur interne du texte à se centrer aussi */ .elementor-920 .elementor-element.elementor-element-222d538 .elementor-button-content-wrapper { display: flex !important; align-items: center !important; justify-content: center !important; } /* 3. L'effet au survol (Hover) */ .elementor-920 .elementor-element.elementor-element-222d538 .elementor-button:hover { background-color: #ffffff !important; color: #1a2332 !important; transform: translateY(-4px) !important; box-shadow: 0 10px 25px rgba(138, 180, 248, 0.6) !important; } /* 4. L'icône (si tu en ajoutes une) */ .elementor-920 .elementor-element.elementor-element-222d538 .elementor-button-icon { margin-left: 10px !important; display: flex !important; /* Centre l'icône aussi */ align-items: center !important; } .elementor-920 .elementor-element.elementor-element-222d538 .elementor-button-icon svg { fill: #1a2332 !important; width: 18px !important; height: auto !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d3bb97e *//* ========================================= BOUTON "VISITER LE SITE" - STYLE PREMIUM (Correction Centrage Parfait) ========================================= */ /* 1. L'apparence normale */ .elementor-920 .elementor-element.elementor-element-d3bb97e .elementor-button { background-color: #8AB4F8 !important; color: #1a2332 !important; font-family: 'Manrope', sans-serif !important; font-size: 16px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 1px !important; border-radius: 50px !important; /* --- CORRECTION CENTRAGE --- */ display: flex !important; /* Active le mode Flexbox */ align-items: center !important; /* Centre verticalement */ justify-content: center !important; /* Centre horizontalement */ line-height: 1 !important; /* Supprime l'espace invisible des lignes */ padding: 16px 40px !important; /* --------------------------- */ box-shadow: 0 5px 15px rgba(138, 180, 248, 0.3) !important; transition: all 0.3s ease !important; border: none !important; } /* 2. Force le conteneur interne du texte à se centrer aussi */ .elementor-920 .elementor-element.elementor-element-d3bb97e .elementor-button-content-wrapper { display: flex !important; align-items: center !important; justify-content: center !important; } /* 3. L'effet au survol (Hover) */ .elementor-920 .elementor-element.elementor-element-d3bb97e .elementor-button:hover { background-color: #ffffff !important; color: #1a2332 !important; transform: translateY(-4px) !important; box-shadow: 0 10px 25px rgba(138, 180, 248, 0.6) !important; } /* 4. L'icône (si tu en ajoutes une) */ .elementor-920 .elementor-element.elementor-element-d3bb97e .elementor-button-icon { margin-left: 10px !important; display: flex !important; /* Centre l'icône aussi */ align-items: center !important; } .elementor-920 .elementor-element.elementor-element-d3bb97e .elementor-button-icon svg { fill: #1a2332 !important; width: 18px !important; height: auto !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e0c629e */.gallery { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; gap: 40px; padding: 60px 20px; animation: scroll-gallery 35s linear infinite; -webkit-overflow-scrolling: touch; scrollbar-width: none; background: transparent; } .gallery::-webkit-scrollbar { display: none; } .gallery:hover { animation-play-state: paused; } @keyframes scroll-gallery { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } .gallery-item { flex: 0 0 auto; width: clamp(280px, 35vw, 450px); scroll-snap-align: center; margin: 0 !important; border-radius: 20px; overflow: hidden; position: relative; transition: all 0.5s ease; /* Effet néon/glow */ box-shadow: 0 10px 40px rgba(0,0,0,0.5), 0 0 20px rgba(255,255,255,0.1); } .gallery-item:hover { transform: scale(1.15) translateY(-25px); box-shadow: 0 25px 70px rgba(0,0,0,0.7), 0 0 60px rgba(255,255,255,0.3), 0 0 100px rgba(100,150,255,0.4); /* Glow bleuté */ z-index: 100; } .gallery-item img { width: 100%; height: 450px; object-fit: cover; display: block; transition: all 0.5s ease; filter: brightness(0.9) contrast(1.1); } .gallery-item:hover img { transform: scale(1.1); filter: brightness(1.1) contrast(1.2) saturate(1.2); } /* Bordure lumineuse animée */ .gallery-item::before { content: ''; position: absolute; inset: -3px; background: linear-gradient( 45deg, transparent, rgba(255,255,255,0.3), transparent ); border-radius: 20px; opacity: 0; transition: opacity 0.5s ease; z-index: -1; animation: rotate-border 3s linear infinite; } @keyframes rotate-border { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .gallery-item:hover::before { opacity: 1; } .gallery-icon { margin: 0 !important; } @media (max-width: 768px) { .gallery { animation: none; padding: 40px 10px; } .gallery-item { width: 85vw; } .gallery-item img { height: 400px; } .gallery-item:hover { transform: scale(1.05) translateY(-10px); } }/* End custom CSS */