.elementor-14559 .elementor-element.elementor-element-859322e{--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-14559 .elementor-element.elementor-element-0f5d459{--display:flex;--min-height:28vh;--justify-content:center;--overlay-opacity:0.16;--margin-top:5px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-14559 .elementor-element.elementor-element-0f5d459:not(.elementor-motion-effects-element-type-background), .elementor-14559 .elementor-element.elementor-element-0f5d459 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DFDFDF;background-image:url("https://fatimafakhry.com/wp-content/uploads/2025/07/pic-7.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-14559 .elementor-element.elementor-element-0f5d459::before, .elementor-14559 .elementor-element.elementor-element-0f5d459 > .elementor-background-video-container::before, .elementor-14559 .elementor-element.elementor-element-0f5d459 > .e-con-inner > .elementor-background-video-container::before, .elementor-14559 .elementor-element.elementor-element-0f5d459 > .elementor-background-slideshow::before, .elementor-14559 .elementor-element.elementor-element-0f5d459 > .e-con-inner > .elementor-background-slideshow::before, .elementor-14559 .elementor-element.elementor-element-0f5d459 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#698DB4;--background-overlay:'';}.elementor-14559 .elementor-element.elementor-element-22f1bb3{--display:flex;}.elementor-14559 .elementor-element.elementor-element-3a5ecc2 .wpr-dual-heading-wrap{text-align:center;}.elementor-14559 .elementor-element.elementor-element-3a5ecc2 .wpr-dual-title .first{color:#0F2A47;border-color:#000;font-family:"Poppins", Sans-serif;font-size:60px;font-weight:800;border-style:none;margin-right:0px;}.elementor-14559 .elementor-element.elementor-element-3a5ecc2 .wpr-dual-title-wrap{margin-bottom:0px;}.elementor-14559 .elementor-element.elementor-element-3a5ecc2 .wpr-dual-title .second{color:#4482FF;border-color:#000;font-family:"Poppins", Sans-serif;font-size:60px;font-weight:800;border-style:none;}.elementor-14559 .elementor-element.elementor-element-b58fb92{--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-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 );}.elementor-14559 .elementor-element.elementor-element-2ec6656 .elementor-button{background-color:#D33C3C;font-family:"Roboto", Sans-serif;font-size:20px;font-weight:700;transition-duration:0s;}.elementor-14559 .elementor-element.elementor-element-2ec6656 .elementor-button:hover, .elementor-14559 .elementor-element.elementor-element-2ec6656 .elementor-button:focus{background-color:#E7690A;}.elementor-14559 .elementor-element.elementor-element-40e7abc{--display:flex;}.elementor-widget-animated-headline .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-accent );}.elementor-widget-animated-headline .elementor-headline-plain-text{color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline{--dynamic-text-color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-14559 .elementor-element.elementor-element-6ccc7d9{--iteration-count:infinite;--animation-duration:1200ms;}.elementor-14559 .elementor-element.elementor-element-6ccc7d9 .elementor-headline{text-align:center;}.elementor-14559 .elementor-element.elementor-element-6ccc7d9 .elementor-headline-dynamic-wrapper path{stroke:#D62B2B;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;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-14559 .elementor-element.elementor-element-79f8a30{text-align:center;color:#7A7A7A;}.elementor-14559 .elementor-element.elementor-element-f389f91{--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;--overlay-opacity:0.2;}.elementor-14559 .elementor-element.elementor-element-f389f91::before, .elementor-14559 .elementor-element.elementor-element-f389f91 > .elementor-background-video-container::before, .elementor-14559 .elementor-element.elementor-element-f389f91 > .e-con-inner > .elementor-background-video-container::before, .elementor-14559 .elementor-element.elementor-element-f389f91 > .elementor-background-slideshow::before, .elementor-14559 .elementor-element.elementor-element-f389f91 > .e-con-inner > .elementor-background-slideshow::before, .elementor-14559 .elementor-element.elementor-element-f389f91 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://fatimafakhry.com/wp-content/uploads/2025/02/IMG-20250203-WA0035.png");--background-overlay:'';}body.elementor-page-14559:not(.elementor-motion-effects-element-type-background), body.elementor-page-14559 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}@media(min-width:1025px){.elementor-14559 .elementor-element.elementor-element-f389f91::before, .elementor-14559 .elementor-element.elementor-element-f389f91 > .elementor-background-video-container::before, .elementor-14559 .elementor-element.elementor-element-f389f91 > .e-con-inner > .elementor-background-video-container::before, .elementor-14559 .elementor-element.elementor-element-f389f91 > .elementor-background-slideshow::before, .elementor-14559 .elementor-element.elementor-element-f389f91 > .e-con-inner > .elementor-background-slideshow::before, .elementor-14559 .elementor-element.elementor-element-f389f91 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:fixed;}}@media(max-width:1024px){.elementor-14559 .elementor-element.elementor-element-3a5ecc2 .wpr-dual-title .first{font-size:50px;}.elementor-14559 .elementor-element.elementor-element-3a5ecc2 .wpr-dual-title .second{font-size:50px;}}@media(max-width:767px){.elementor-14559 .elementor-element.elementor-element-3a5ecc2 .wpr-dual-title .first{font-size:45px;}.elementor-14559 .elementor-element.elementor-element-3a5ecc2 .wpr-dual-title .second{font-size:45px;}}/* Start custom CSS for html, class: .elementor-element-dc39b1d *//* --- Styles du conteneur principal du formulaire : FORMULAIRE_INSCRIPTION --- */ .FORMULAIRE_INSCRIPTION { /* Fond glacé / Effet de verre dépoli */ background: linear-gradient(145deg, rgba(255, 255, 255, 0.08) 0%, rgba(0, 0, 0, 0.2) 100%), radial-gradient(circle at top left, rgba(255, 0, 0, 0.15) 0%, transparent 50%), radial-gradient(circle at bottom right, rgba(0, 0, 0, 0.25) 0%, transparent 50%); backdrop-filter: blur(12px) saturate(180%); /* Intensifie l'effet glacé/flou */ -webkit-backdrop-filter: blur(12px) saturate(180%); /* Pour la compatibilité Safari */ border: 1px solid rgba(255, 255, 255, 0.15); /* Bordure subtile et lumineuse */ border-radius: 20px; /* Coins plus arrondis pour un look moderne */ padding: 40px; /* Généreux espace intérieur */ box-shadow: 0 12px 35px rgba(0, 0, 0, 0.5), /* Ombre plus prononcée pour la profondeur */ 0 0 0 4px rgba(255, 0, 0, 0.15); /* Lueur rouge externe plus marquée */ color: #E0E0E0; /* Couleur de texte clair par défaut pour le contenu */ font-family: 'Poppins', 'Segoe UI', 'Roboto', sans-serif; /* Police moderne, ajoutez Poppins si chargé */ position: relative; /* Essentiel pour positionner les motifs */ overflow: hidden; /* Garantit que les motifs restent dans le cadre */ max-width: 750px; /* Largeur maximale pour une meilleure présentation */ margin: 50px auto; /* Centre le formulaire avec plus de marge verticale */ transition: all 0.3s ease-in-out; /* Transition douce pour les interactions futures */ } /* --- Motifs de lignes et formes géométriques --- */ .FORMULAIRE_INSCRIPTION::before, .FORMULAIRE_INSCRIPTION::after { content: ''; position: absolute; z-index: -1; /* Place les motifs derrière le contenu */ border-radius: 50%; /* Pour des formes circulaires */ opacity: 0.7; } /* Première forme / motif (par exemple, un cercle rouge en haut à gauche) */ .FORMULAIRE_INSCRIPTION::before { top: -60px; left: -60px; width: 180px; height: 180px; background: radial-gradient(circle, rgba(255, 0, 0, 0.4), rgba(255, 0, 0, 0.1) 70%, transparent 100%); box-shadow: 0 0 30px rgba(255, 0, 0, 0.5); /* Lueur pour le motif */ } /* Deuxième forme / motif (par exemple, un cercle noir/rouge en bas à droite) */ .FORMULAIRE_INSCRIPTION::after { bottom: -40px; right: -40px; width: 140px; height: 140px; background: radial-gradient(circle, rgba(0, 0, 0, 0.6), rgba(255, 0, 0, 0.2) 70%, transparent 100%); box-shadow: 0 0 25px rgba(0, 0, 0, 0.8); } /* Vous pouvez ajouter d'autres éléments pour des lignes ou des grilles subtiles, par exemple : */ .FORMULAIRE_INSCRIPTION .inner-lines { /* Ceci nécessiterait une div vide
à l'intérieur de FORMULAIRE_INSCRIPTION */ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(0deg, transparent 98%, rgba(255, 0, 0, 0.1) 99%, rgba(255, 0, 0, 0.1) 100%), linear-gradient(90deg, transparent 98%, rgba(255, 0, 0, 0.1) 99%, rgba(255, 0, 0, 0.1) 100%); background-size: 50px 50px; /* Taille des cellules de la grille */ z-index: -2; /* Encore plus en arrière */ opacity: 0.3; } /* --- Styles des étiquettes de champ --- */ .FORMULAIRE_INSCRIPTION .evf-field-label { font-size: 1.15em; /* Taille plus grande */ font-weight: 700; /* Plus gras */ color: #FF6B6B; /* Rouge vif distinctif */ margin-bottom: 12px; /* Plus d'espace sous l'étiquette */ display: block; text-align: left; text-shadow: 0 0 8px rgba(255, 0, 0, 0.4); /* Lueur plus prononcée pour l'effet éducatif */ letter-spacing: 0.8px; /* Espacement accentué */ text-transform: uppercase; /* Met les étiquettes en majuscules */ } /* --- Styles des champs de saisie (inputs, textareas, selects) --- */ .FORMULAIRE_INSCRIPTION input[type="text"], .FORMULAIRE_INSCRIPTION input[type="email"], .FORMULAIRE_INSCRIPTION input[type="tel"], .FORMULAIRE_INSCRIPTION textarea, .FORMULAIRE_INSCRIPTION select { background-color: rgba(0, 0, 0, 0.6); /* Fond sombre semi-transparent */ border: 1px solid rgba(255, 0, 0, 0.6); /* Bordure rouge plus visible */ border-radius: 10px; /* Coins plus arrondis */ padding: 14px 18px; /* Plus de padding */ width: 100%; box-sizing: border-box; margin-bottom: 25px; /* Plus d'espace entre les champs */ color: #FFFFFF; /* Texte blanc dans les champs */ font-size: 1.05em; outline: none; transition: all 0.4s ease-in-out; /* Transition plus longue */ text-shadow: 0 0 3px rgba(255, 255, 255, 0.1); } .FORMULAIRE_INSCRIPTION input[type="text"]:focus, .FORMULAIRE_INSCRIPTION input[type="email"]:focus, .FORMULAIRE_INSCRIPTION input[type="tel"]:focus, .FORMULAIRE_INSCRIPTION textarea:focus, .FORMULAIRE_INSCRIPTION select:focus { border-color: #FF0000; /* Bordure rouge intense au focus */ box-shadow: 0 0 12px rgba(255, 0, 0, 0.8); /* Lueur rouge plus forte au focus */ background-color: rgba(0, 0, 0, 0.7); /* Encore plus opaque au focus */ transform: translateY(-2px); /* Léger décalage vers le haut */ } /* --- Styles du bouton d'envoi --- */ .FORMULAIRE_INSCRIPTION button[type="submit"], .FORMULAIRE_INSCRIPTION input[type="submit"] { background: linear-gradient(90deg, #FF0000, #E60000); /* Dégradé de rouge vif */ color: #FFFFFF; /* Texte blanc éclatant */ padding: 16px 35px; /* Plus grand bouton */ border: none; border-radius: 10px; /* Coins arrondis */ cursor: pointer; font-size: 1.2em; /* Texte plus grand */ font-weight: bold; text-transform: uppercase; letter-spacing: 1.5px; /* Espacement accru */ box-shadow: 0 8px 20px rgba(255, 0, 0, 0.5); /* Ombre rouge intense */ transition: all 0.4s ease-in-out; display: block; width: 100%; max-width: 300px; /* Limite la largeur du bouton */ margin: 40px auto 0 auto; /* Centre le bouton avec plus de marge */ text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); } .FORMULAIRE_INSCRIPTION button[type="submit"]:hover, .FORMULAIRE_INSCRIPTION input[type="submit"]:hover { background: linear-gradient(90deg, #E60000, #CC0000); /* Dégradé plus foncé au survol */ box-shadow: 0 12px 30px rgba(255, 0, 0, 0.7); /* Ombre encore plus intense */ transform: translateY(-3px) scale(1.02); /* Soulèvement et léger agrandissement */ } /* --- Styles des messages de succès/erreur --- */ .FORMULAIRE_INSCRIPTION .everest-forms-message { padding: 18px; border-radius: 10px; margin-top: 25px; font-weight: bold; text-align: center; font-size: 1.1em; background-color: rgba(0, 0, 0, 0.7); border: 1px solid; } .FORMULAIRE_INSCRIPTION .everest-forms-message.success { border-color: rgba(0, 255, 0, 0.5); color: #00FF00; } .FORMULAIRE_INSCRIPTION .everest-forms-message.error { border-color: rgba(255, 0, 0, 0.5); color: #FF0000; } /* Message d'erreur de validation des champs spécifiques */ .FORMULAIRE_INSCRIPTION .everest-forms-field .everest-forms-field-message { color: #FF6B6B; /* Rouge vif pour les messages d'erreur individuels */ font-size: 0.95em; margin-top: 8px; font-weight: 500; text-shadow: none; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f389f91 *//* Styles généraux pour toutes les étiquettes de champ */ .evf-field-label { font-size: 16px; /* Taille de police pour une bonne lisibilité */ font-weight: 600; /* Rendre le texte un peu plus gras pour qu'il ressorte */ color: #333333; /* Couleur de texte foncée mais pas noir pur */ margin-bottom: 8px; /* Espacement en dessous de l'étiquette et au-dessus du champ */ display: block; /* S'assure que l'étiquette prend sa propre ligne */ text-align: left; /* Alignement du texte à gauche */ } /* Optionnel : Si vous voulez que les étiquettes soient en majuscules */ /* .evf-field-label { text-transform: uppercase; letter-spacing: 0.5px; } */ /* Optionnel : Si vous voulez un style plus subtil pour les étiquettes */ /* .evf-field-label { font-size: 14px; font-weight: normal; color: #666666; margin-bottom: 5px; } *//* End custom CSS */