.elementor-kit-5{--e-global-color-primary:#F01D3D;--e-global-color-secondary:#000000;--e-global-color-text:#000000;--e-global-color-accent:#F01D3D;--e-global-color-bbcd372:#F7F2F0;--e-global-color-3b90e8b:#7BD8F5;--e-global-color-9ec7cf1:#4A3EBD;--e-global-color-41d2da9:#FFFFFF;--e-global-color-68e8ff0:#FFFFFF00;--e-global-color-f56a4d1:#FCF3E4;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Epilogue";--e-global-typography-secondary-font-size:44px;--e-global-typography-secondary-font-weight:900;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-secondary-line-height:44px;--e-global-typography-secondary-letter-spacing:0px;--e-global-typography-text-font-family:"DM Sans";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-letter-spacing:-0.72px;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-2330e6a-font-family:"DM Sans";--e-global-typography-2330e6a-font-size:16px;--e-global-typography-2330e6a-font-weight:700;--e-global-typography-2330e6a-text-transform:uppercase;--e-global-typography-2330e6a-line-height:16px;--e-global-typography-2330e6a-letter-spacing:0px;--e-global-typography-36ac103-font-family:"DM Sans";--e-global-typography-36ac103-font-size:32px;--e-global-typography-36ac103-font-weight:300;--e-global-typography-36ac103-text-transform:uppercase;--e-global-typography-36ac103-line-height:38px;--e-global-typography-36ac103-letter-spacing:-1.024px;--e-global-typography-9a31a08-font-family:"DM Sans";--e-global-typography-9a31a08-font-size:16px;--e-global-typography-9a31a08-font-weight:400;--e-global-typography-9a31a08-text-transform:uppercase;--e-global-typography-9a31a08-line-height:20px;--e-global-typography-9a31a08-letter-spacing:-0.512px;--e-global-typography-c8e641d-font-family:"Epilogue";--e-global-typography-c8e641d-font-size:44px;--e-global-typography-c8e641d-font-weight:900;--e-global-typography-c8e641d-line-height:46px;--e-global-typography-c8e641d-letter-spacing:-0.88px;--e-global-typography-64389cc-font-family:"DM Sans";--e-global-typography-64389cc-font-size:32px;--e-global-typography-64389cc-font-weight:200;--e-global-typography-64389cc-text-transform:uppercase;--e-global-typography-64389cc-line-height:36px;--e-global-typography-64389cc-letter-spacing:-1.25px;--e-global-typography-6fed1a7-font-family:"DM Sans";--e-global-typography-6fed1a7-font-size:24px;--e-global-typography-6fed1a7-font-weight:700;--e-global-typography-6fed1a7-text-transform:uppercase;--e-global-typography-6fed1a7-line-height:25px;--e-global-typography-6fed1a7-letter-spacing:-2.4px;--e-global-typography-d40b53b-font-family:"DM Sans";--e-global-typography-d40b53b-font-size:24px;--e-global-typography-d40b53b-font-weight:700;--e-global-typography-d40b53b-text-transform:uppercase;--e-global-typography-d40b53b-letter-spacing:-2.4px;--e-global-typography-847b73d-font-family:"Epilogue";--e-global-typography-847b73d-font-size:32px;--e-global-typography-847b73d-font-weight:700;--e-global-typography-847b73d-text-transform:uppercase;--e-global-typography-847b73d-line-height:42px;--e-global-typography-847b73d-letter-spacing:-1.28px;background-color:var( --e-global-color-bbcd372 );}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 h2{font-family:"Epilogue", Sans-serif;font-size:44px;font-weight:900;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-5{--e-global-typography-secondary-font-size:36px;--e-global-typography-secondary-line-height:36px;--e-global-typography-secondary-letter-spacing:1.68px;--e-global-typography-text-font-size:16px;--e-global-typography-text-letter-spacing:-0.6px;--e-global-typography-36ac103-font-size:26px;--e-global-typography-36ac103-line-height:32px;--e-global-typography-36ac103-letter-spacing:-0.816px;--e-global-typography-c8e641d-font-size:36px;--e-global-typography-c8e641d-line-height:38px;--e-global-typography-c8e641d-letter-spacing:-0.7px;--e-global-typography-64389cc-font-size:26px;--e-global-typography-64389cc-line-height:32px;--e-global-typography-64389cc-letter-spacing:-0.816px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5{--e-global-typography-secondary-font-size:30px;--e-global-typography-secondary-line-height:30px;--e-global-typography-secondary-letter-spacing:1.35px;--e-global-typography-36ac103-font-size:20px;--e-global-typography-36ac103-line-height:26px;--e-global-typography-36ac103-letter-spacing:-0.65px;--e-global-typography-c8e641d-font-size:30px;--e-global-typography-c8e641d-line-height:32px;--e-global-typography-c8e641d-letter-spacing:-0.56px;--e-global-typography-64389cc-font-size:20px;--e-global-typography-64389cc-line-height:26px;--e-global-typography-64389cc-letter-spacing:-0.65px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.wpcf7-form {
    margin: 0 auto;
    padding: 20px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 20px;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    animation: fadeInUp 0.6s ease-out;
}

/* Champs de saisie - Ciblage spécifique CF7 */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea,
.wpcf7 select {
    width: 100% !important;
    padding: 2px 20px !important;
    margin-bottom: 10px !important;
    background: transparent !important;
    border: 2px solid #fff !important;
    border-radius: 12px !important;
    color: #fff !important;
    font-size: 16px !important;
    font-family: inherit !important;
    text-transform: none !important;
    transition: all 0.3s ease !important;
    outline: none !important;
    box-sizing: border-box !important;
}

/* Classes personnalisées */
.cf7-input,
.cf7-textarea,
.cf7-select {
    width: 100% !important;
    padding: 16px 20px !important;
    margin-bottom: 20px !important;
    background: transparent !important;
    border: 2px solid rgba(255, 255, 255, 0.6) !important;
    border-radius: 12px !important;
    color: #fff !important;
    font-size: 16px !important;
    font-family: inherit !important;
    text-transform: none !important;
    transition: all 0.3s ease !important;
    outline: none !important;
    box-sizing: border-box !important;
}

/* Style spécifique pour le select */
.wpcf7 select,
.cf7-select {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right 15px center !important;
    background-size: 20px !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    cursor: pointer !important;
    text-transform: none !important;
}

/* Options du select */
.wpcf7 select option,
.cf7-select option {
    background: #333 !important;
    color: #fff !important;
    padding: 10px !important;
}

/* Placeholder styling */
.wpcf7 input[type="text"]::placeholder,
.wpcf7 input[type="email"]::placeholder,
.wpcf7 textarea::placeholder,
.cf7-input::placeholder,
.cf7-textarea::placeholder {
    color: #fff !important;
    font-style: normal !important;
}

/* Focus state */
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus,
.cf7-input:focus,
.cf7-textarea:focus,
.cf7-select:focus {
    border-color: #fff !important;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.2) !important;
    transform: translateY(-2px) !important;
}

/* Hover state */
.wpcf7 input[type="text"]:hover,
.wpcf7 input[type="email"]:hover,
.wpcf7 textarea:hover,
.wpcf7 select:hover,
.cf7-input:hover,
.cf7-textarea:hover,
.cf7-select:hover {
    border-color: #fff !important;
}

/* Textarea spécifique */
.wpcf7 textarea,
.cf7-textarea {
    min-height: 120px !important;
    resize: vertical !important;
    font-family: inherit !important;
}

/* Bouton submit - Ciblage spécifique CF7 */
.wpcf7 input[type="submit"],
.form-btn {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1)) !important;
    border: 2px solid #fff !important;
    border-radius: 10px !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
    margin-top: 10px !important;
    backdrop-filter: blur(10px) !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

.wpcf7 input[type="submit"]:hover,
.form-btn:hover {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.2)) !important;
    border-color: rgba(255, 255, 255, 0.8) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 30px rgba(255, 255, 255, 0.2) !important;
}

.wpcf7 input[type="submit"]:active,
.form-btn:active {
    transform: translateY(0) !important;
}

/* === MESSAGES CF7 (nouvelle version) === */

/* Message global (succès, erreur, validation) */
.wpcf7-response-output {
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 10px 0 !important;
    margin-top: 10px !important;
    color: #fff !important;
    font-size: 15px !important;
    text-align: left !important;
    animation: fadeMessage 0.4s ease-in-out;
}

/* Message sous champ (erreur individuelle) */
.wpcf7-not-valid-tip {
    color: #fff !important;
    background: none !important;
    border: none !important;
    font-size: 14px !important;
    padding-left: 10px !important;
    margin-top: 4px !important;
}

/* Différents états */
.wpcf7-response-output.wpcf7-mail-sent-ok {
    color: #fff !important;
}
.wpcf7-response-output.wpcf7-validation-errors,
.wpcf7-response-output.wpcf7-aborted {
    color: #fff !important;
}

/* Animation douce pour les messages */
@keyframes fadeMessage {
    from {
        opacity: 0;
        transform: translateY(5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive */
@media (max-width: 768px) {
    .wpcf7-form {
        padding: 20px;
        border-radius: 15px;
    }
    
    .cf7-input,
    .cf7-textarea {
        padding: 14px 16px;
        font-size: 14px;
    }
    
    .form-btn {
        padding: 14px 30px;
        font-size: 14px;
    }
}

/* Animation d'apparition du formulaire */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Epilogue';
	font-display: auto;
	src: url('https://mediaclubelles.fr/wp-content/uploads/2025/10/Epilogue-Italic-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */