{"id":32,"date":"2025-04-26T00:34:23","date_gmt":"2025-04-26T00:34:23","guid":{"rendered":"https:\/\/choralclash.com\/?page_id=32"},"modified":"2026-01-08T15:56:39","modified_gmt":"2026-01-08T15:56:39","slug":"register-your-choir","status":"publish","type":"page","link":"https:\/\/choralclash.com\/fr\/register-your-choir\/","title":{"rendered":"Register Your Choir"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"32\" class=\"elementor elementor-32\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e365800 e-flex e-con-boxed e-con e-parent\" data-id=\"e365800\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3fd11e5 elementor-widget elementor-widget-html\" data-id=\"3fd11e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\n==============================================\nCHORAL CLASH - PAGE INSCRIPTION CHORALE\nSECTION 1: HERO\n==============================================\n-->\n\n<style>\n\/* ============================================\n   FONTS\n   ============================================ *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Bebas+Neue&family=Space+Mono:wght@400;700&display=swap');\n\n\/* ============================================\n   CSS VARIABLES\n   ============================================ *\/\n:root {\n    --cc-black: #000000;\n    --cc-dark: #0a0a0a;\n    --cc-gray-dark: #111111;\n    --cc-gray: #1a1a1a;\n    --cc-gray-medium: #2a2a2a;\n    --cc-gray-light: #888888;\n    --cc-gray-lighter: #aaaaaa;\n    --cc-white: #ffffff;\n    --cc-gold: #c9a227;\n    --cc-gold-light: #d4b044;\n    --cc-font-display: 'Bebas Neue', sans-serif;\n    --cc-font-body: 'Space Grotesk', sans-serif;\n    --cc-font-mono: 'Space Mono', monospace;\n    --cc-transition: cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n\/* ============================================\n   REGISTER HERO SECTION\n   ============================================ *\/\n.cc-register-hero {\n    position: relative;\n    background: var(--cc-black);\n    padding: 180px 0 120px;\n    overflow: hidden;\n    min-height: 70vh;\n    display: flex;\n    align-items: center;\n}\n\n\/* Background Gradient - Plus subtil *\/\n.cc-register-hero::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: \n        radial-gradient(ellipse 80% 50% at 50% 0%, rgba(201, 162, 39, 0.04) 0%, transparent 50%),\n        radial-gradient(ellipse 60% 40% at 20% 80%, rgba(201, 162, 39, 0.02) 0%, transparent 50%),\n        radial-gradient(ellipse 60% 40% at 80% 80%, rgba(201, 162, 39, 0.02) 0%, transparent 50%);\n    pointer-events: none;\n}\n\n\/* Vertical Lines *\/\n.cc-register-hero-lines {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    z-index: 1;\n}\n\n.cc-register-hero-line {\n    position: absolute;\n    top: 0;\n    width: 1px;\n    height: 100%;\n    background: linear-gradient(180deg, transparent 0%, rgba(255,255,255,0.04) 20%, rgba(255,255,255,0.04) 80%, transparent 100%);\n}\n\n.cc-register-hero-line:nth-child(1) { left: 20%; }\n.cc-register-hero-line:nth-child(2) { left: 40%; }\n.cc-register-hero-line:nth-child(3) { left: 60%; }\n.cc-register-hero-line:nth-child(4) { left: 80%; }\n\n\/* Decorative Corner Elements - Blanc subtil *\/\n.cc-register-hero-corner {\n    position: absolute;\n    width: 80px;\n    height: 80px;\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    z-index: 2;\n}\n\n.cc-register-hero-corner--tl {\n    top: 60px;\n    left: 60px;\n    border-right: none;\n    border-bottom: none;\n}\n\n.cc-register-hero-corner--tr {\n    top: 60px;\n    right: 60px;\n    border-left: none;\n    border-bottom: none;\n}\n\n.cc-register-hero-corner--bl {\n    bottom: 60px;\n    left: 60px;\n    border-right: none;\n    border-top: none;\n}\n\n.cc-register-hero-corner--br {\n    bottom: 60px;\n    right: 60px;\n    border-left: none;\n    border-top: none;\n}\n\n\/* Container *\/\n.cc-register-hero-container {\n    position: relative;\n    z-index: 3;\n    max-width: 900px;\n    margin: 0 auto;\n    padding: 0 60px;\n    text-align: center;\n}\n\n\/* Icon - Carr\u00e9 *\/\n.cc-register-hero-icon {\n    width: 70px;\n    height: 70px;\n    margin: 0 auto 35px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 0;\n    position: relative;\n}\n\n.cc-register-hero-icon::before {\n    content: '';\n    position: absolute;\n    inset: 8px;\n    border: 1px solid rgba(255, 255, 255, 0.06);\n    border-radius: 0;\n}\n\n.cc-register-hero-icon svg {\n    width: 28px;\n    height: 28px;\n    fill: none;\n    stroke: var(--cc-gray-light);\n    stroke-width: 1.5;\n}\n\n\/* Label *\/\n.cc-register-hero-label {\n    font-family: var(--cc-font-mono);\n    font-size: 11px;\n    font-weight: 400;\n    letter-spacing: 6px;\n    text-transform: uppercase;\n    color: var(--cc-gray-lighter);\n    margin-bottom: 30px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 20px;\n}\n\n.cc-register-hero-label::before,\n.cc-register-hero-label::after {\n    content: '';\n    width: 40px;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3));\n}\n\n.cc-register-hero-label::after {\n    background: linear-gradient(90deg, rgba(255, 255, 255, 0.3), transparent);\n}\n\n\/* Title *\/\n.cc-register-hero-title {\n    font-family: var(--cc-font-display);\n    font-size: clamp(50px, 9vw, 100px);\n    line-height: 0.95;\n    color: var(--cc-white);\n    text-transform: uppercase;\n    letter-spacing: 4px;\n    margin: 0 0 20px;\n}\n\n\/* Subtitle *\/\n.cc-register-hero-subtitle {\n    font-family: var(--cc-font-body);\n    font-size: clamp(18px, 3vw, 24px);\n    font-weight: 300;\n    line-height: 1.4;\n    color: var(--cc-white);\n    margin: 0 0 20px;\n    letter-spacing: 1px;\n}\n\n.cc-register-hero-subtitle span {\n    color: var(--cc-white);\n    font-weight: 500;\n}\n\n\/* Description *\/\n.cc-register-hero-description {\n    font-family: var(--cc-font-body);\n    font-size: 16px;\n    font-weight: 300;\n    line-height: 1.9;\n    color: var(--cc-gray-light);\n    margin: 0 auto;\n    max-width: 500px;\n}\n\n\/* Scroll Indicator - Gold conserv\u00e9 *\/\n.cc-register-hero-scroll {\n    position: absolute;\n    bottom: 40px;\n    left: 50%;\n    transform: translateX(-50%);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 10px;\n    z-index: 3;\n}\n\n.cc-register-hero-scroll-text {\n    font-family: var(--cc-font-mono);\n    font-size: 10px;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: var(--cc-gray-light);\n}\n\n.cc-register-hero-scroll-line {\n    width: 1px;\n    height: 50px;\n    background: linear-gradient(180deg, var(--cc-gold) 0%, transparent 100%);\n    animation: cc-scroll-pulse 2s ease-in-out infinite;\n}\n\n@keyframes cc-scroll-pulse {\n    0%, 100% { opacity: 0.3; height: 50px; }\n    50% { opacity: 1; height: 60px; }\n}\n\n\/* ============================================\n   ANIMATIONS\n   ============================================ *\/\n@keyframes cc-fade-up {\n    from {\n        opacity: 0;\n        transform: translateY(40px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n@keyframes cc-fade-in {\n    from { opacity: 0; }\n    to { opacity: 1; }\n}\n\n.cc-register-hero-icon {\n    animation: cc-fade-up 1s var(--cc-transition) 0.1s both;\n}\n\n.cc-register-hero-label {\n    animation: cc-fade-up 1s var(--cc-transition) 0.2s both;\n}\n\n.cc-register-hero-title {\n    animation: cc-fade-up 1s var(--cc-transition) 0.3s both;\n}\n\n.cc-register-hero-subtitle {\n    animation: cc-fade-up 1s var(--cc-transition) 0.45s both;\n}\n\n.cc-register-hero-description {\n    animation: cc-fade-up 1s var(--cc-transition) 0.6s both;\n}\n\n.cc-register-hero-corner {\n    animation: cc-fade-in 1.5s var(--cc-transition) 0.8s both;\n}\n\n.cc-register-hero-scroll {\n    animation: cc-fade-in 1s var(--cc-transition) 1.2s both;\n}\n\n\/* ============================================\n   RESPONSIVE\n   ============================================ *\/\n@media (max-width: 992px) {\n    .cc-register-hero-corner {\n        width: 50px;\n        height: 50px;\n    }\n    \n    .cc-register-hero-corner--tl,\n    .cc-register-hero-corner--tr {\n        top: 40px;\n    }\n    \n    .cc-register-hero-corner--bl,\n    .cc-register-hero-corner--br {\n        bottom: 40px;\n    }\n    \n    .cc-register-hero-corner--tl,\n    .cc-register-hero-corner--bl {\n        left: 40px;\n    }\n    \n    .cc-register-hero-corner--tr,\n    .cc-register-hero-corner--br {\n        right: 40px;\n    }\n}\n\n@media (max-width: 768px) {\n    .cc-register-hero {\n        padding: 140px 0 100px;\n        min-height: 60vh;\n    }\n    \n    .cc-register-hero-container {\n        padding: 0 24px;\n    }\n    \n    .cc-register-hero-corner {\n        display: none;\n    }\n    \n    .cc-register-hero-icon {\n        width: 60px;\n        height: 60px;\n        margin-bottom: 25px;\n    }\n    \n    .cc-register-hero-icon svg {\n        width: 24px;\n        height: 24px;\n    }\n    \n    .cc-register-hero-label {\n        letter-spacing: 4px;\n        font-size: 10px;\n    }\n    \n    .cc-register-hero-label::before,\n    .cc-register-hero-label::after {\n        width: 25px;\n    }\n    \n    .cc-register-hero-description {\n        font-size: 15px;\n    }\n    \n    .cc-register-hero-scroll {\n        display: none;\n    }\n}\n\n@media (max-width: 480px) {\n    .cc-register-hero {\n        padding: 120px 0 80px;\n    }\n}\n<\/style>\n\n<!-- REGISTER HERO SECTION -->\n<section class=\"cc-register-hero\" id=\"cc-register-hero\">\n    <!-- Vertical Lines -->\n    <div class=\"cc-register-hero-lines\">\n        <div class=\"cc-register-hero-line\"><\/div>\n        <div class=\"cc-register-hero-line\"><\/div>\n        <div class=\"cc-register-hero-line\"><\/div>\n        <div class=\"cc-register-hero-line\"><\/div>\n    <\/div>\n    \n    <!-- Corner Decorations -->\n    <div class=\"cc-register-hero-corner cc-register-hero-corner--tl\"><\/div>\n    <div class=\"cc-register-hero-corner cc-register-hero-corner--tr\"><\/div>\n    <div class=\"cc-register-hero-corner cc-register-hero-corner--bl\"><\/div>\n    <div class=\"cc-register-hero-corner cc-register-hero-corner--br\"><\/div>\n    \n    <div class=\"cc-register-hero-container\">\n        <!-- Icon -->\n        <div class=\"cc-register-hero-icon\">\n            <svg viewBox=\"0 0 24 24\">\n                <path d=\"M9 18V5l12-2v13\"\/>\n                <circle cx=\"6\" cy=\"18\" r=\"3\"\/>\n                <circle cx=\"18\" cy=\"16\" r=\"3\"\/>\n            <\/svg>\n        <\/div>\n        \n        <div class=\"cc-register-hero-label\">Saison 2<\/div>\n        <h1 class=\"cc-register-hero-title\">Inscrivez<br>Votre Chorale<\/h1>\n        <p class=\"cc-register-hero-subtitle\">Rejoignez <span>Choral Clash<\/span><\/p>\n        <p class=\"cc-register-hero-description\">\n            La comp\u00e9tition chorale ultime vous attend. Montrez votre talent au monde entier et faites partie de l'aventure.\n        <\/p>\n    <\/div>\n    \n    <!-- Scroll Indicator -->\n    <div class=\"cc-register-hero-scroll\">\n        <span class=\"cc-register-hero-scroll-text\">Scroll<\/span>\n        <div class=\"cc-register-hero-scroll-line\"><\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-62b8a19 e-flex e-con-boxed e-con e-parent\" data-id=\"62b8a19\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dbf7b86 elementor-widget elementor-widget-html\" data-id=\"dbf7b86\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\n==============================================\nCHORAL CLASH - PAGE INSCRIPTION CHORALE\nFORMULAIRE AVEC TOGGLE ON\/OFF - Style Premium\n==============================================\n-->\n\n<style>\n\/* ============================================\n   FONTS\n   ============================================ *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Bebas+Neue&family=Space+Mono:wght@400;700&display=swap');\n\n\/* ============================================\n   CSS VARIABLES\n   ============================================ *\/\n:root {\n    --cc-black: #000000;\n    --cc-dark: #0a0a0a;\n    --cc-gray-dark: #111111;\n    --cc-gray: #1a1a1a;\n    --cc-gray-medium: #2a2a2a;\n    --cc-gray-light: #888888;\n    --cc-gray-lighter: #aaaaaa;\n    --cc-white: #ffffff;\n    --cc-gold: #c9a227;\n    --cc-gold-light: #d4b044;\n    --cc-red: #ef4444;\n    --cc-font-display: 'Bebas Neue', sans-serif;\n    --cc-font-body: 'Space Grotesk', sans-serif;\n    --cc-font-mono: 'Space Mono', monospace;\n    --cc-transition: cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n\/* ============================================\n   SECTION WRAPPER\n   ============================================ *\/\n.cc-register-section {\n    position: relative;\n    background: var(--cc-black);\n    padding: 0 0 160px;\n    overflow: hidden;\n}\n\n\/* Vertical Lines *\/\n.cc-register-lines {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    z-index: 1;\n}\n\n.cc-register-line {\n    position: absolute;\n    top: 0;\n    width: 1px;\n    height: 100%;\n    background: rgba(255, 255, 255, 0.04);\n}\n\n.cc-register-line:nth-child(1) { left: 20%; }\n.cc-register-line:nth-child(2) { left: 40%; }\n.cc-register-line:nth-child(3) { left: 60%; }\n.cc-register-line:nth-child(4) { left: 80%; }\n\n\/* Container *\/\n.cc-register-container {\n    position: relative;\n    z-index: 2;\n    max-width: 750px;\n    margin: 0 auto;\n    padding: 0 60px;\n}\n\n\/* ============================================\n   CLOSED MESSAGE STYLES\n   ============================================ *\/\n.cc-submissions-closed {\n    display: none;\n    text-align: center;\n    padding: 80px 40px;\n    background: rgba(255, 255, 255, 0.02);\n    border: 1px solid rgba(255, 255, 255, 0.06);\n    border-radius: 0;\n    animation: cc-fade-up 0.8s var(--cc-transition) both;\n}\n\n.cc-submissions-closed.active {\n    display: block;\n}\n\n.cc-closed-icon {\n    width: 80px;\n    height: 80px;\n    margin: 0 auto 30px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid rgba(239, 68, 68, 0.3);\n    border-radius: 0;\n    background: rgba(239, 68, 68, 0.05);\n}\n\n.cc-closed-icon svg {\n    width: 36px;\n    height: 36px;\n    fill: none;\n    stroke: var(--cc-red);\n    stroke-width: 1.5;\n}\n\n.cc-closed-title {\n    font-family: var(--cc-font-display);\n    font-size: clamp(28px, 5vw, 42px);\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: var(--cc-red);\n    margin: 0 0 20px;\n}\n\n.cc-closed-text {\n    font-family: var(--cc-font-body);\n    font-size: 16px;\n    font-weight: 300;\n    line-height: 1.8;\n    color: var(--cc-gray-light);\n    max-width: 500px;\n    margin: 0 auto 35px;\n}\n\n.cc-closed-info {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    padding: 15px 25px;\n    background: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    border-radius: 0;\n    font-family: var(--cc-font-mono);\n    font-size: 11px;\n    letter-spacing: 2px;\n    color: var(--cc-gray-lighter);\n}\n\n.cc-closed-info svg {\n    width: 18px;\n    height: 18px;\n    fill: none;\n    stroke: var(--cc-gray-light);\n    stroke-width: 1.5;\n}\n\n\/* ============================================\n   FORM STYLES (quand ouvert)\n   ============================================ *\/\n.choir-form {\n    max-width: 100%;\n    margin: 0 auto;\n    background: transparent;\n    padding: 0;\n    border-radius: 0;\n    box-shadow: none;\n    font-family: var(--cc-font-body);\n}\n\n.choir-form.disabled {\n    display: none;\n}\n\n\/* Section Titles *\/\n.choir-form .section-title {\n    font-family: var(--cc-font-display);\n    font-size: clamp(24px, 4vw, 32px);\n    font-weight: 400;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: var(--cc-white);\n    margin: 0;\n    padding: 60px 0 35px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.06);\n    display: flex;\n    align-items: center;\n    gap: 18px;\n}\n\n.choir-form .section-title:first-of-type {\n    padding-top: 0;\n}\n\n\/* Section Icons *\/\n.choir-form .section-title::before {\n    content: '';\n    width: 50px;\n    height: 50px;\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 0;\n    flex-shrink: 0;\n    background: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='1.5'%3E%3Cpath d='M9 18V5l12-2v13'\/%3E%3Ccircle cx='6' cy='18' r='3'\/%3E%3Ccircle cx='18' cy='16' r='3'\/%3E%3C\/svg%3E\") center\/22px no-repeat;\n}\n\n.choir-form .section-title:nth-of-type(2)::before {\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='1.5'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'\/%3E%3Ccircle cx='12' cy='7' r='4'\/%3E%3C\/svg%3E\");\n}\n\n.choir-form .section-title:nth-of-type(3)::before {\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='1.5'%3E%3Cpolygon points='23 7 16 12 23 17 23 7'\/%3E%3Crect x='1' y='5' width='15' height='14' rx='2'\/%3E%3C\/svg%3E\");\n}\n\n.choir-form .section-title:nth-of-type(4)::before {\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='1.5'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'\/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'\/%3E%3C\/svg%3E\");\n}\n\n\/* Labels *\/\n.choir-form label {\n    display: block;\n    font-family: var(--cc-font-mono);\n    font-size: 11px;\n    font-weight: 400;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: var(--cc-gray-lighter);\n    margin-top: 30px;\n    margin-bottom: 12px;\n}\n\n\/* Inputs, Selects *\/\n.choir-form input[type=\"text\"],\n.choir-form input[type=\"email\"],\n.choir-form input[type=\"tel\"],\n.choir-form input[type=\"number\"],\n.choir-form select {\n    width: 100%;\n    padding: 18px 0;\n    font-family: var(--cc-font-body);\n    font-size: 16px;\n    font-weight: 400;\n    color: var(--cc-white);\n    background: transparent;\n    border: none;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    border-radius: 0;\n    outline: none;\n    transition: all 0.4s var(--cc-transition);\n}\n\n.choir-form input[type=\"text\"]::placeholder,\n.choir-form input[type=\"email\"]::placeholder,\n.choir-form input[type=\"tel\"]::placeholder,\n.choir-form input[type=\"number\"]::placeholder {\n    color: var(--cc-gray-light);\n    font-weight: 300;\n}\n\n.choir-form input[type=\"text\"]:focus,\n.choir-form input[type=\"email\"]:focus,\n.choir-form input[type=\"tel\"]:focus,\n.choir-form input[type=\"number\"]:focus,\n.choir-form select:focus {\n    border-bottom-color: var(--cc-gold);\n}\n\n\/* Select styling *\/\n.choir-form select {\n    appearance: none;\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'\/%3E%3C\/svg%3E\");\n    background-repeat: no-repeat;\n    background-position: right 0 center;\n    padding-right: 30px;\n    cursor: pointer;\n}\n\n.choir-form select option,\n.choir-form select optgroup {\n    background: var(--cc-gray-dark);\n    color: var(--cc-white);\n    padding: 10px;\n}\n\n\/* Textarea *\/\n.choir-form textarea {\n    width: 100%;\n    min-height: 120px;\n    padding: 20px 24px;\n    font-family: var(--cc-font-body);\n    font-size: 15px;\n    font-weight: 400;\n    color: var(--cc-white);\n    background: rgba(255, 255, 255, 0.02);\n    border: 1px solid rgba(255, 255, 255, 0.06);\n    border-radius: 0;\n    outline: none;\n    resize: vertical;\n    transition: all 0.4s var(--cc-transition);\n}\n\n.choir-form textarea::placeholder {\n    color: var(--cc-gray-light);\n    font-weight: 300;\n}\n\n.choir-form textarea:focus {\n    border-color: var(--cc-gold);\n    background: rgba(201, 162, 39, 0.02);\n}\n\n\/* File Inputs *\/\n.choir-form input[type=\"file\"] {\n    width: 100%;\n    padding: 25px;\n    font-family: var(--cc-font-body);\n    font-size: 14px;\n    color: var(--cc-white);\n    background: rgba(255, 255, 255, 0.02);\n    border: 1px solid rgba(255, 255, 255, 0.06);\n    border-radius: 0;\n    cursor: pointer;\n    transition: all 0.4s var(--cc-transition);\n}\n\n.choir-form input[type=\"file\"]:hover {\n    border-color: rgba(255, 255, 255, 0.15);\n    background: rgba(255, 255, 255, 0.03);\n}\n\n.choir-form input[type=\"file\"]::file-selector-button {\n    padding: 12px 24px;\n    margin-right: 20px;\n    font-family: var(--cc-font-mono);\n    font-size: 11px;\n    font-weight: 500;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    color: var(--cc-white);\n    background: transparent;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    border-radius: 0;\n    cursor: pointer;\n    transition: all 0.3s var(--cc-transition);\n}\n\n.choir-form input[type=\"file\"]::file-selector-button:hover {\n    background: var(--cc-white);\n    color: var(--cc-black);\n}\n\n\/* Small hints *\/\n.choir-form small {\n    display: block;\n    margin-top: 12px;\n    font-family: var(--cc-font-body);\n    font-size: 13px;\n    font-weight: 300;\n    line-height: 1.7;\n    color: var(--cc-gray-light);\n}\n\n\/* Radio Group *\/\n.choir-form .radio-group {\n    display: flex;\n    gap: 40px;\n    margin-top: 12px;\n}\n\n.choir-form .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin: 0;\n    font-family: var(--cc-font-body);\n    font-size: 15px;\n    font-weight: 400;\n    letter-spacing: 0;\n    text-transform: none;\n    color: var(--cc-white);\n    cursor: pointer;\n}\n\n.choir-form .radio-group input[type=\"radio\"] {\n    appearance: none;\n    width: 22px;\n    height: 22px;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 50%;\n    background: transparent;\n    cursor: pointer;\n    transition: all 0.3s var(--cc-transition);\n    position: relative;\n}\n\n.choir-form .radio-group input[type=\"radio\"]:hover {\n    border-color: rgba(255, 255, 255, 0.4);\n}\n\n.choir-form .radio-group input[type=\"radio\"]:checked {\n    border-color: var(--cc-gold);\n}\n\n.choir-form .radio-group input[type=\"radio\"]:checked::after {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 10px;\n    height: 10px;\n    background: var(--cc-gold);\n    border-radius: 50%;\n}\n\n\/* reCAPTCHA hint text *\/\n.choir-form > p[style*=\"font-size: 13px\"] {\n    font-family: var(--cc-font-body);\n    font-size: 12px !important;\n    font-weight: 300;\n    color: var(--cc-gray-light) !important;\n    margin: 35px 0 20px;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n\/* reCAPTCHA container *\/\n.choir-form .g-recaptcha {\n    margin-top: 10px;\n}\n\n\/* Error message *\/\n#form-error-message {\n    margin-top: 25px;\n    padding: 18px 24px;\n    border-radius: 0;\n    font-family: var(--cc-font-body);\n    font-size: 14px;\n    font-weight: 500;\n    text-align: center;\n    background: rgba(239, 68, 68, 0.08);\n    border: 1px solid rgba(239, 68, 68, 0.2);\n    color: #ef4444 !important;\n}\n\n\/* Submit Button *\/\n.choir-form button[type=\"submit\"] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 15px;\n    width: 100%;\n    padding: 24px 50px;\n    margin-top: 50px;\n    font-family: var(--cc-font-mono);\n    font-size: 11px;\n    font-weight: 500;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    background: transparent;\n    color: var(--cc-white);\n    border: 1px solid var(--cc-white);\n    border-radius: 0;\n    cursor: pointer;\n    transition: all 0.5s var(--cc-transition);\n    position: relative;\n    overflow: hidden;\n}\n\n.choir-form button[type=\"submit\"]::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 0;\n    height: 100%;\n    background: var(--cc-white);\n    transition: width 0.4s var(--cc-transition);\n    z-index: -1;\n}\n\n.choir-form button[type=\"submit\"]:hover::before {\n    width: 100%;\n}\n\n.choir-form button[type=\"submit\"]:hover {\n    color: var(--cc-black);\n}\n\n.choir-form button[type=\"submit\"].loading {\n    opacity: 0.6;\n    pointer-events: none;\n    transform: none;\n}\n\n.choir-form button[type=\"submit\"].loading::after {\n    content: \"\";\n    position: absolute;\n    right: 25px;\n    top: 50%;\n    width: 20px;\n    height: 20px;\n    margin-top: -10px;\n    border: 2px solid currentColor;\n    border-top: 2px solid transparent;\n    border-radius: 50%;\n    animation: cc-spin 0.6s linear infinite;\n}\n\n@keyframes cc-spin {\n    to { transform: rotate(360deg); }\n}\n\n\/* Spinner text *\/\n#submit-spinner {\n    display: none;\n    margin-top: 25px;\n    text-align: center;\n    font-family: var(--cc-font-body);\n    font-weight: 500;\n    font-size: 14px;\n    color: var(--cc-gray-lighter);\n}\n\n\/* Custom city\/heard input containers *\/\n#custom_city_container,\n#custom_heard_about_container {\n    margin-top: 15px;\n}\n\n#custom_city_input,\n#custom_heard_about_input {\n    width: 100%;\n    padding: 18px 0;\n    font-family: var(--cc-font-body);\n    font-size: 16px;\n    color: var(--cc-white);\n    background: transparent;\n    border: none;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    border-radius: 0;\n    outline: none;\n    transition: all 0.4s var(--cc-transition);\n}\n\n#custom_city_input::placeholder,\n#custom_heard_about_input::placeholder {\n    color: var(--cc-gray-light);\n    font-weight: 300;\n}\n\n#custom_city_input:focus,\n#custom_heard_about_input:focus {\n    border-bottom-color: var(--cc-gold);\n}\n\n\/* Hidden honeypot field *\/\n#website {\n    display: none !important;\n}\n\n\/* ============================================\n   ANIMATIONS\n   ============================================ *\/\n@keyframes cc-fade-up {\n    from {\n        opacity: 0;\n        transform: translateY(30px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n.choir-form {\n    animation: cc-fade-up 0.8s var(--cc-transition) 0.1s both;\n}\n\n\/* ============================================\n   RESPONSIVE\n   ============================================ *\/\n@media (max-width: 768px) {\n    .cc-register-section {\n        padding-bottom: 100px;\n    }\n    \n    .cc-register-container {\n        padding: 0 24px;\n    }\n    \n    .cc-submissions-closed {\n        padding: 60px 30px;\n    }\n    \n    .cc-closed-icon {\n        width: 70px;\n        height: 70px;\n    }\n    \n    .cc-closed-icon svg {\n        width: 30px;\n        height: 30px;\n    }\n    \n    .choir-form .section-title {\n        padding: 45px 0 30px;\n        font-size: 22px;\n        gap: 15px;\n    }\n    \n    .choir-form .section-title::before {\n        width: 45px;\n        height: 45px;\n        background-size: 20px;\n    }\n    \n    .choir-form label {\n        margin-top: 25px;\n    }\n    \n    .choir-form input[type=\"text\"],\n    .choir-form input[type=\"email\"],\n    .choir-form input[type=\"tel\"],\n    .choir-form input[type=\"number\"],\n    .choir-form select {\n        padding: 16px 0;\n        font-size: 15px;\n    }\n    \n    .choir-form textarea {\n        padding: 18px 20px;\n        font-size: 14px;\n    }\n    \n    .choir-form input[type=\"file\"] {\n        padding: 20px;\n        font-size: 13px;\n    }\n    \n    .choir-form .radio-group {\n        flex-direction: column;\n        gap: 18px;\n    }\n    \n    .choir-form button[type=\"submit\"] {\n        padding: 20px 40px;\n        margin-top: 40px;\n    }\n}\n\n@media (max-width: 480px) {\n    .cc-submissions-closed {\n        padding: 50px 25px;\n    }\n    \n    .choir-form .section-title {\n        padding: 35px 0 25px;\n        font-size: 20px;\n        gap: 12px;\n    }\n    \n    .choir-form .section-title::before {\n        width: 42px;\n        height: 42px;\n        background-size: 18px;\n    }\n    \n    .choir-form input[type=\"file\"]::file-selector-button {\n        padding: 10px 18px;\n        font-size: 10px;\n        margin-right: 15px;\n    }\n    \n    .choir-form small {\n        font-size: 12px;\n    }\n}\n<\/style>\n\n<!-- SECTION WRAPPER -->\n<section class=\"cc-register-section\" id=\"cc-register-section\">\n    <!-- Vertical Lines -->\n    <div class=\"cc-register-lines\">\n        <div class=\"cc-register-line\"><\/div>\n        <div class=\"cc-register-line\"><\/div>\n        <div class=\"cc-register-line\"><\/div>\n        <div class=\"cc-register-line\"><\/div>\n    <\/div>\n    \n    <div class=\"cc-register-container\">\n\n        <!-- MESSAGE QUAND LES SOUMISSIONS SONT FERM\u00c9ES -->\n        <div class=\"cc-submissions-closed\" id=\"cc-submissions-closed\">\n            <div class=\"cc-closed-icon\">\n                <svg viewBox=\"0 0 24 24\">\n                    <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n                    <line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"\/>\n                    <line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"\/>\n                <\/svg>\n            <\/div>\n            <h2 class=\"cc-closed-title\">Auditions Closes<\/h2>\n            <p class=\"cc-closed-text\">\n                Merci pour votre int\u00e9r\u00eat pour la comp\u00e9tition. La date limite des auditions est pass\u00e9e. Nous n'acceptons plus de soumissions pour le moment.\n            <\/p>\n            <div class=\"cc-closed-info\">\n                <svg viewBox=\"0 0 24 24\">\n                    <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n                    <polyline points=\"12 6 12 12 16 14\"\/>\n                <\/svg>\n                Restez connect\u00e9s pour la prochaine saison\n            <\/div>\n        <\/div>\n\n        <!-- FORMULAIRE -->\n        <input type=\"text\" name=\"website\" id=\"website\" style=\"display:none !important;\" autocomplete=\"off\">\n\n        <form class=\"choir-form\" id=\"choir-form\" enctype=\"multipart\/form-data\">\n            <input type=\"hidden\" name=\"choir_form\" value=\"1\">\n            <input type=\"hidden\" name=\"g-recaptcha-response\" id=\"g-recaptcha-response\">\n            \n            <!-- SECTION 1: INFORMATIONS CHORALE -->\n            <p class=\"section-title\">Informations sur la Chorale<\/p>\n            \n            <label for=\"choir_name\">Nom de la Chorale<\/label>\n            <input type=\"text\" id=\"choir_name\" name=\"choir_name\" placeholder=\"Entrez le nom de votre chorale\" required>\n\n            <label for=\"city_region\">Ville \/ R\u00e9gion<\/label>\n            <input type=\"hidden\" id=\"city_region\" name=\"city_region\">\n            <select id=\"city_region_select\" required>\n                <option value=\"\">-- S\u00e9lectionnez votre ville\/r\u00e9gion --<\/option>\n                <optgroup label=\"Adamaoua\">\n                    <option value=\"Ngaound\u00e9r\u00e9, R\u00e9gion Adamaoua\">Ngaound\u00e9r\u00e9<\/option>\n                    <option value=\"Tibati, R\u00e9gion Adamaoua\">Tibati<\/option>\n                    <option value=\"Meiganga, R\u00e9gion Adamaoua\">Meiganga<\/option>\n                    <option value=\"Banyo, R\u00e9gion Adamaoua\">Banyo<\/option>\n                    <option value=\"Mayo-Banyo, R\u00e9gion Adamaoua\">Mayo-Banyo<\/option>\n                <\/optgroup>\n                <optgroup label=\"Centre\">\n                    <option value=\"Yaound\u00e9, R\u00e9gion Centre\">Yaound\u00e9<\/option>\n                    <option value=\"Edea, R\u00e9gion Centre\">Edea<\/option>\n                    <option value=\"Mbalmayo, R\u00e9gion Centre\">Mbalmayo<\/option>\n                    <option value=\"Bafia, R\u00e9gion Centre\">Bafia<\/option>\n                    <option value=\"Es\u00e9ka, R\u00e9gion Centre\">Es\u00e9ka<\/option>\n                <\/optgroup>\n                <optgroup label=\"Est\">\n                    <option value=\"Bertoua, R\u00e9gion Est\">Bertoua<\/option>\n                    <option value=\"Abong-Mbang, R\u00e9gion Est\">Abong-Mbang<\/option>\n                    <option value=\"Batouri, R\u00e9gion Est\">Batouri<\/option>\n                    <option value=\"Yokadouma, R\u00e9gion Est\">Yokadouma<\/option>\n                    <option value=\"Belabo, R\u00e9gion Est\">Belabo<\/option>\n                <\/optgroup>\n                <optgroup label=\"Extr\u00eame-Nord\">\n                    <option value=\"Maroua, R\u00e9gion Extr\u00eame-Nord\">Maroua<\/option>\n                    <option value=\"Kouss\u00e9ri, R\u00e9gion Extr\u00eame-Nord\">Kouss\u00e9ri<\/option>\n                    <option value=\"Mora, R\u00e9gion Extr\u00eame-Nord\">Mora<\/option>\n                    <option value=\"Ka\u00e9l\u00e9, R\u00e9gion Extr\u00eame-Nord\">Ka\u00e9l\u00e9<\/option>\n                    <option value=\"Yagoua, R\u00e9gion Extr\u00eame-Nord\">Yagoua<\/option>\n                <\/optgroup>\n                <optgroup label=\"Littoral\">\n                    <option value=\"Douala, R\u00e9gion Littoral\">Douala<\/option>\n                    <option value=\"Nkongsamba, R\u00e9gion Littoral\">Nkongsamba<\/option>\n                    <option value=\"Yabassi, R\u00e9gion Littoral\">Yabassi<\/option>\n                    <option value=\"Ed\u00e9a, R\u00e9gion Littoral\">Ed\u00e9a<\/option>\n                    <option value=\"Mbanga, R\u00e9gion Littoral\">Mbanga<\/option>\n                <\/optgroup>\n                <optgroup label=\"Nord\">\n                    <option value=\"Garoua, R\u00e9gion Nord\">Garoua<\/option>\n                    <option value=\"Ngaound\u00e9r\u00e9, R\u00e9gion Nord\">Ngaound\u00e9r\u00e9<\/option>\n                    <option value=\"Poli, R\u00e9gion Nord\">Poli<\/option>\n                    <option value=\"Touboro, R\u00e9gion Nord\">Touboro<\/option>\n                    <option value=\"Guidiguis, R\u00e9gion Nord\">Guidiguis<\/option>\n                <\/optgroup>\n                <optgroup label=\"Nord-Ouest\">\n                    <option value=\"Bamenda, R\u00e9gion Nord-Ouest\">Bamenda<\/option>\n                    <option value=\"Njinikom, R\u00e9gion Nord-Ouest\">Njinikom<\/option>\n                    <option value=\"Mbengwi, R\u00e9gion Nord-Ouest\">Mbengwi<\/option>\n                    <option value=\"Wum, R\u00e9gion Nord-Ouest\">Wum<\/option>\n                    <option value=\"Kumbo, R\u00e9gion Nord-Ouest\">Kumbo<\/option>\n                <\/optgroup>\n                <optgroup label=\"Sud\">\n                    <option value=\"Ebolowa, R\u00e9gion Sud\">Ebolowa<\/option>\n                    <option value=\"Kribi, R\u00e9gion Sud\">Kribi<\/option>\n                    <option value=\"Sangm\u00e9lima, R\u00e9gion Sud\">Sangm\u00e9lima<\/option>\n                    <option value=\"Ambam, R\u00e9gion Sud\">Ambam<\/option>\n                    <option value=\"Lolodorf, R\u00e9gion Sud\">Lolodorf<\/option>\n                <\/optgroup>\n                <optgroup label=\"Sud-Ouest\">\n                    <option value=\"Buea, R\u00e9gion Sud-Ouest\">Buea<\/option>\n                    <option value=\"Limbe, R\u00e9gion Sud-Ouest\">Limbe<\/option>\n                    <option value=\"Kumba, R\u00e9gion Sud-Ouest\">Kumba<\/option>\n                    <option value=\"Mamfe, R\u00e9gion Sud-Ouest\">Mamfe<\/option>\n                    <option value=\"Muyuka, R\u00e9gion Sud-Ouest\">Muyuka<\/option>\n                <\/optgroup>\n                <optgroup label=\"Ouest\">\n                    <option value=\"Bafoussam, R\u00e9gion Ouest\">Bafoussam<\/option>\n                    <option value=\"Dschang, R\u00e9gion Ouest\">Dschang<\/option>\n                    <option value=\"Bafang, R\u00e9gion Ouest\">Bafang<\/option>\n                    <option value=\"Foumban, R\u00e9gion Ouest\">Foumban<\/option>\n                    <option value=\"Bangangt\u00e9, R\u00e9gion Ouest\">Bangangt\u00e9<\/option>\n                <\/optgroup>\n                <option value=\"Other\">Autre (pr\u00e9cisez ci-dessous)<\/option>\n            <\/select>\n\n            <div id=\"custom_city_container\" style=\"display: none;\">\n                <input type=\"text\" id=\"custom_city_input\" placeholder=\"Entrez votre ville et r\u00e9gion\">\n            <\/div>\n\n            <label for=\"heard_about\">Comment avez-vous entendu parler de nous ?<\/label>\n            <input type=\"hidden\" id=\"heard_about\" name=\"heard_about\">\n            <select id=\"heard_about_select\" required>\n                <option value=\"\">-- Veuillez s\u00e9lectionner une option --<\/option>\n                <option value=\"Facebook\">Facebook<\/option>\n                <option value=\"Instagram\">Instagram<\/option>\n                <option value=\"TikTok\">TikTok<\/option>\n                <option value=\"YouTube\">YouTube<\/option>\n                <option value=\"Influencers\">Influenceurs (pr\u00e9cisez ci-dessous)<\/option>\n                <option value=\"Others\">Autre (pr\u00e9cisez ci-dessous)<\/option>\n            <\/select>\n\n            <div id=\"custom_heard_about_container\" style=\"display: none;\">\n                <input type=\"text\" id=\"custom_heard_about_input\" placeholder=\"Veuillez pr\u00e9ciser\">\n            <\/div>\n\n            <label for=\"institution_type\">Type d'Institution (\u00c9glise, \u00c9cole, Entreprise, etc.)<\/label>\n            <input type=\"text\" id=\"institution_type\" name=\"institution_type\" placeholder=\"\u00c9glise, \u00c9cole, Entreprise, Association...\" required>\n\n            <label for=\"number_of_members\">Nombre de Membres<\/label>\n            <input type=\"number\" id=\"number_of_members\" name=\"number_of_members\" min=\"10\" placeholder=\"Minimum 10\" required>\n            <small>Au moins 10 membres requis<\/small>\n\n            <label for=\"style_genre\">Style Musical ou Genre (Gospel, Traditionnel, Classique, etc.)<\/label>\n            <input type=\"text\" id=\"style_genre\" name=\"style_genre\" placeholder=\"Gospel, Traditionnel, Classique, Jazz, Pop...\" required>\n\n            <!-- SECTION 2: PERSONNE DE CONTACT -->\n            <p class=\"section-title\">Personne de Contact<\/p>\n            \n            <label for=\"contact_name\">Nom Complet<\/label>\n            <input type=\"text\" id=\"contact_name\" name=\"contact_name\" placeholder=\"Votre nom complet\" required>\n\n            <label for=\"contact_role\">R\u00f4le dans la Chorale (ex: Chef de ch\u0153ur, Directeur)<\/label>\n            <input type=\"text\" id=\"contact_role\" name=\"contact_role\" placeholder=\"Chef de ch\u0153ur, Directeur, Pr\u00e9sident...\" required>\n\n            <label for=\"phone_number\">Num\u00e9ro de T\u00e9l\u00e9phone (WhatsApp de pr\u00e9f\u00e9rence)<\/label>\n            <input type=\"text\" id=\"phone_number\" name=\"phone_number\" placeholder=\"+237 6XX XXX XXX\" required>\n\n            <label for=\"email_address\">Adresse Email<\/label>\n            <input type=\"email\" id=\"email_address\" name=\"email_address\" placeholder=\"votre@email.com\" required>\n\n            <label for=\"social_media\">R\u00e9seaux Sociaux (Instagram, Facebook, TikTok)<\/label>\n            <textarea id=\"social_media\" name=\"social_media\" placeholder=\"@votre_chorale_instagram, @votre_page_facebook...\" required><\/textarea>\n            <small>Fournissez au moins deux comptes, ex: @choralclash, @chorale_bafoussam<\/small>\n\n            <!-- SECTION 3: SOUMISSION D'AUDITION -->\n            <p class=\"section-title\">Soumission d'Audition<\/p>\n            \n            <label for=\"choir_image\">Photo de la Chorale<\/label>\n            <input type=\"file\" id=\"choir_image\" name=\"choir_image\" accept=\"image\/*\" required>\n            <small>T\u00e9l\u00e9chargez la photo de groupe de votre chorale. Formats JPG ou PNG recommand\u00e9s.<\/small>\n\n            <label for=\"audition_video\">Vid\u00e9o d'Audition (2 min max)<\/label>\n            <input type=\"file\" id=\"audition_video\" name=\"audition_video\" accept=\"video\/*\" required>\n            <small>\n                <strong>Important :<\/strong> Pour \u00e9viter toute violation de droits d'auteur, les vid\u00e9os d'audition ne doivent pas \u00eatre publi\u00e9es sur d'autres r\u00e9seaux sociaux. Toute vid\u00e9o partag\u00e9e publiquement entra\u00eenera la disqualification imm\u00e9diate du participant.\n            <\/small>\n            \n            <label for=\"about_choir\">Parlez-nous de votre groupe\/chorale<\/label>\n            <textarea id=\"about_choir\" name=\"about_choir\" placeholder=\"Pr\u00e9sentez votre chorale, son histoire, ses valeurs, ce qui vous rend unique...\" required><\/textarea>\n\n            <label for=\"description_performance\">Description de la Performance<\/label>\n            <textarea id=\"description_performance\" name=\"description_performance\" placeholder=\"D\u00e9crivez votre performance dans la vid\u00e9o d'audition...\"><\/textarea>\n\n            <label for=\"selection_reason\">Pourquoi votre chorale devrait-elle \u00eatre s\u00e9lectionn\u00e9e pour CHORAL CLASH ?<\/label>\n            <textarea id=\"selection_reason\" name=\"selection_reason\" placeholder=\"Convainquez-nous que votre chorale m\u00e9rite d'\u00eatre sur sc\u00e8ne...\"><\/textarea>\n            \n            <!-- SECTION 4: ACCORDS -->\n            <p class=\"section-title\">Accords<\/p>\n\n            <label>Consentez-vous au partage de votre vid\u00e9o sur les plateformes CHORAL CLASH ?<\/label>\n            <div class=\"radio-group\">\n                <label><input type=\"radio\" name=\"video_consent\" value=\"Yes\" required> Oui, j'accepte<\/label>\n                <label><input type=\"radio\" name=\"video_consent\" value=\"No\"> Non<\/label>\n            <\/div>\n\n            <label>Acceptez-vous d'\u00eatre contact\u00e9 concernant les r\u00e9sultats des auditions ?<\/label>\n            <div class=\"radio-group\">\n                <label><input type=\"radio\" name=\"contact_consent\" value=\"Yes\" required> Oui, j'accepte<\/label>\n                <label><input type=\"radio\" name=\"contact_consent\" value=\"No\"> Non<\/label>\n            <\/div>\n\n            <p style=\"font-size: 13px; color: gray; margin-bottom: 5px;\">\n                \u26a0 Veuillez compl\u00e9ter tous les champs avant de cocher le reCAPTCHA.\n            <\/p>\n            \n            <div class=\"g-recaptcha\" data-sitekey=\"6LcrjFArAAAAAO0CDQsmvPwRzAMyYQ9TJz6N6pEs\"><\/div>\n            \n            <div id=\"form-error-message\" style=\"display:none;\"><\/div>\n\n            <button type=\"submit\">Soumettre Ma Chorale<\/button>\n            <div id=\"submit-spinner\">\u23f3 Envoi en cours, veuillez patienter...<\/div>\n        <\/form>\n\n    <\/div>\n<\/section>\n\n<script src=\"https:\/\/www.google.com\/recaptcha\/api.js\" async defer><\/script>\n\n<script>\nconst SUBMISSIONS_OPEN = window.CHORAL_CLASH_SUBMISSIONS_OPEN !== undefined \n    ? window.CHORAL_CLASH_SUBMISSIONS_OPEN \n    : true;\n\ndocument.addEventListener('DOMContentLoaded', function () {\n    const form = document.getElementById('choir-form');\n    const closedMessage = document.getElementById('cc-submissions-closed');\n    const section = document.getElementById('cc-register-section');\n    \n    const hasClosedClass = section.closest('.submissions-closed') !== null || \n                           document.querySelector('.submissions-closed') !== null;\n    \n    const isOpen = SUBMISSIONS_OPEN && !hasClosedClass;\n    \n    if (isOpen) {\n        form.classList.remove('disabled');\n        closedMessage.classList.remove('active');\n    } else {\n        form.classList.add('disabled');\n        closedMessage.classList.add('active');\n    }\n});\n\ndocument.addEventListener('DOMContentLoaded', function () {\n  const select = document.getElementById('city_region_select');\n  const input = document.getElementById('custom_city_input');\n  const container = document.getElementById('custom_city_container');\n  const hidden = document.getElementById('city_region');\n  const form = document.getElementById(\"choir-form\");\n  const button = form.querySelector(\"button[type='submit']\");\n  const spinner = document.getElementById(\"submit-spinner\");\n\n  const requiredFields = [\n    'choir_name', 'institution_type', 'number_of_members',\n    'style_genre', 'contact_name', 'contact_role',\n    'phone_number', 'email_address', 'about_choir'\n  ];\n\n  function isValidEmail(email) {\n    return \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email);\n  }\n\n  function showError(message) {\n    const errorDiv = document.getElementById(\"form-error-message\");\n    errorDiv.textContent = message;\n    errorDiv.style.display = \"block\";\n    spinner.style.display = \"none\";\n    button.classList.remove(\"loading\");\n    return false;\n  }\n\n  select.addEventListener('change', function () {\n    if (this.value === 'Other') {\n      container.style.display = 'block';\n      input.required = true;\n      hidden.value = '';\n    } else {\n      container.style.display = 'none';\n      input.required = false;\n      hidden.value = this.value;\n    }\n  });\n\n  form.addEventListener(\"submit\", function(e) {\n    e.preventDefault();\n    \n    document.getElementById(\"form-error-message\").style.display = \"none\";\n\n    button.classList.add(\"loading\");\n    spinner.style.display = \"block\";\n\n    const recaptchaResponse = grecaptcha.getResponse();\n    if (recaptchaResponse.length === 0) {\n      return showError(\"Merci de valider le reCAPTCHA.\");\n    }\n\n    if (select.value === 'Other' && input.value.trim() !== '') {\n      hidden.value = input.value.trim();\n    }\n\n    for (const id of requiredFields) {\n      const field = document.getElementById(id);\n      if (!field || field.value.trim() === \"\") {\n        return showError(\"Veuillez remplir tous les champs obligatoires.\");\n      }\n    }\n\n    const members = parseInt(document.getElementById('number_of_members').value);\n    if (isNaN(members) || members < 10) {\n      return showError(\"Le nombre de membres doit \u00eatre au moins 10.\");\n    }\n\n    const email = document.getElementById('email_address').value;\n    if (!isValidEmail(email)) {\n      return showError(\"L'adresse email n'est pas valide.\");\n    }\n\n    const phone = document.getElementById('phone_number').value;\n    if (phone.trim().length < 6) {\n      return showError(\"Le num\u00e9ro de t\u00e9l\u00e9phone est trop court.\");\n    }\n\n    const social = document.getElementById('social_media').value.trim();\n    const socialCount = social.split(\/[, ]+\/).filter(v => v.length > 0).length;\n    if (socialCount < 2) {\n      return showError(\"Merci de fournir au moins deux r\u00e9seaux sociaux.\");\n    }\n\n    const choirImage = document.getElementById('choir_image');\n    const auditionVideo = document.getElementById('audition_video');\n    if (!choirImage.files.length) return showError(\"Veuillez joindre une photo de la chorale.\");\n    if (!auditionVideo.files.length) return showError(\"Veuillez joindre une vid\u00e9o d'audition.\");\n\n    if (!form.querySelector('input[name=\"video_consent\"]:checked') ||\n        !form.querySelector('input[name=\"contact_consent\"]:checked')) {\n      return showError(\"Veuillez r\u00e9pondre aux questions de consentement.\");\n    }\n\n    const formData = new FormData(form);\n    formData.append('g-recaptcha-response', recaptchaResponse);\n\n    fetch(\"\", {\n      method: \"POST\",\n      body: formData\n    })\n    .then(response => {\n      if (!response.ok) {\n        throw new Error(\"Erreur r\u00e9seau : \" + response.status);\n      }\n      return response.json();\n    })\n    .then(data => {\n      if (data.status === \"success\") {\n        spinner.textContent = \"\u2705 Inscription r\u00e9ussie ! Redirection...\";\n        setTimeout(() => {\n          window.location.href = \"\/thank-you\";\n        }, 1500);\n      } else {\n        showError(\"Erreur lors de l'envoi, veuillez r\u00e9essayer.\");\n      }\n    })\n    .catch(error => {\n      console.error(\"Erreur :\", error);\n      showError(\"Une erreur est survenue. Veuillez r\u00e9essayer.\");\n    });\n  });\n});\n\ndocument.addEventListener('DOMContentLoaded', function () {\n  const heardSelect = document.getElementById('heard_about_select');\n  const heardInput = document.getElementById('custom_heard_about_input');\n  const heardContainer = document.getElementById('custom_heard_about_container');\n  const hiddenHeard = document.getElementById('heard_about');\n\n  heardSelect.addEventListener('change', function () {\n    if (this.value === 'Influencers' || this.value === 'Others') {\n      heardContainer.style.display = 'block';\n      heardInput.required = true;\n      hiddenHeard.value = '';\n    } else {\n      heardContainer.style.display = 'none';\n      heardInput.required = false;\n      hiddenHeard.value = this.value;\n    }\n  });\n\n  const form = document.getElementById(\"choir-form\");\n  form.addEventListener(\"submit\", function(e) {\n    if ((heardSelect.value === 'Influencers' || heardSelect.value === 'Others') && heardInput.value.trim() !== '') {\n      hiddenHeard.value = heardInput.value.trim();\n    }\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Saison 2 InscrivezVotre Chorale Rejoignez Choral Clash La comp\u00e9tition chorale ultime vous attend. Montrez votre talent au monde entier et faites partie de l&rsquo;aventure. Scroll Auditions Closes Merci pour votre int\u00e9r\u00eat pour la comp\u00e9tition. La date limite des auditions est pass\u00e9e. Nous n&rsquo;acceptons plus de soumissions pour le moment. Restez connect\u00e9s pour la prochaine saison [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-32","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/choralclash.com\/fr\/wp-json\/wp\/v2\/pages\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/choralclash.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/choralclash.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/choralclash.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/choralclash.com\/fr\/wp-json\/wp\/v2\/comments?post=32"}],"version-history":[{"count":190,"href":"https:\/\/choralclash.com\/fr\/wp-json\/wp\/v2\/pages\/32\/revisions"}],"predecessor-version":[{"id":3513,"href":"https:\/\/choralclash.com\/fr\/wp-json\/wp\/v2\/pages\/32\/revisions\/3513"}],"wp:attachment":[{"href":"https:\/\/choralclash.com\/fr\/wp-json\/wp\/v2\/media?parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}