{"id":1271,"date":"2025-05-05T13:41:20","date_gmt":"2025-05-05T13:41:20","guid":{"rendered":"https:\/\/choralclash.com\/?page_id=1271"},"modified":"2026-01-08T15:20:06","modified_gmt":"2026-01-08T15:20:06","slug":"auditions-faq","status":"publish","type":"page","link":"https:\/\/choralclash.com\/fr\/auditions-faq\/","title":{"rendered":"Auditions FAQ"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1271\" class=\"elementor elementor-1271\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-68c7141 e-flex e-con-boxed e-con e-parent\" data-id=\"68c7141\" 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-596ba7b elementor-widget elementor-widget-html\" data-id=\"596ba7b\" 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 FAQ AUDITIONS\nSection 1: HERO - 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-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   HERO SECTION\n   ============================================ *\/\n.cc-faq-hero {\n    position: relative;\n    background: var(--cc-black);\n    padding: 160px 0 100px;\n    overflow: hidden;\n}\n\n\/* Background - Plus subtil *\/\n.cc-faq-hero::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: radial-gradient(ellipse 60% 50% at 50% 0%, rgba(201, 162, 39, 0.03) 0%, transparent 50%);\n    pointer-events: none;\n}\n\n\/* Vertical Lines *\/\n.cc-faq-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-faq-hero-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-faq-hero-line:nth-child(1) { left: 25%; }\n.cc-faq-hero-line:nth-child(2) { left: 50%; }\n.cc-faq-hero-line:nth-child(3) { left: 75%; }\n\n\/* Container *\/\n.cc-faq-hero-container {\n    position: relative;\n    z-index: 2;\n    max-width: 900px;\n    margin: 0 auto;\n    padding: 0 60px;\n    text-align: center;\n}\n\n\/* Label *\/\n.cc-faq-hero-label {\n    font-family: var(--cc-font-mono);\n    font-size: 11px;\n    font-weight: 400;\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    color: var(--cc-gray-lighter);\n    margin-bottom: 25px;\n}\n\n\/* Title *\/\n.cc-faq-hero-title {\n    font-family: var(--cc-font-body);\n    font-size: clamp(32px, 5vw, 48px);\n    font-weight: 300;\n    line-height: 1.3;\n    color: var(--cc-white);\n    margin: 0 0 25px;\n}\n\n.cc-faq-hero-title strong {\n    font-weight: 600;\n    color: var(--cc-white);\n}\n\n\/* Description *\/\n.cc-faq-hero-description {\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    margin: 0 auto;\n    max-width: 650px;\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.cc-faq-hero-label {\n    animation: cc-fade-up 0.8s var(--cc-transition) 0.1s both;\n}\n\n.cc-faq-hero-title {\n    animation: cc-fade-up 0.8s var(--cc-transition) 0.2s both;\n}\n\n.cc-faq-hero-description {\n    animation: cc-fade-up 0.8s var(--cc-transition) 0.3s both;\n}\n\n\/* ============================================\n   RESPONSIVE\n   ============================================ *\/\n@media (max-width: 768px) {\n    .cc-faq-hero {\n        padding: 120px 0 70px;\n    }\n    \n    .cc-faq-hero-container {\n        padding: 0 24px;\n    }\n    \n    .cc-faq-hero-description {\n        font-size: 15px;\n    }\n}\n\n@media (max-width: 480px) {\n    .cc-faq-hero {\n        padding: 100px 0 60px;\n    }\n}\n<\/style>\n\n<!-- HERO SECTION -->\n<section class=\"cc-faq-hero\" id=\"cc-faq-hero\">\n    <!-- Vertical Lines -->\n    <div class=\"cc-faq-hero-lines\">\n        <div class=\"cc-faq-hero-line\"><\/div>\n        <div class=\"cc-faq-hero-line\"><\/div>\n        <div class=\"cc-faq-hero-line\"><\/div>\n    <\/div>\n    \n    <div class=\"cc-faq-hero-container\">\n        <div class=\"cc-faq-hero-label\">[FAQ Auditions]<\/div>\n        <h1 class=\"cc-faq-hero-title\">\n            Bienvenue sur la FAQ Officielle des Auditions <strong>Choral Clash<\/strong>\n        <\/h1>\n        <p class=\"cc-faq-hero-description\">\n            Retrouvez ici les r\u00e9ponses aux questions fr\u00e9quemment pos\u00e9es pour guider votre chorale dans le processus d'audition et de participation au show.\n        <\/p>\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-fe99685 e-flex e-con-boxed e-con e-parent\" data-id=\"fe99685\" 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-67ce18e elementor-widget elementor-widget-html\" data-id=\"67ce18e\" 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 FAQ AUDITIONS\nSection 2: FAQ - 15 Questions\nStyle Thespo - Grille 3 colonnes (comme About)\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-light: #888888;\n    --cc-white: #ffffff;\n    --cc-gold: #d4af37;\n    --cc-gold-light: #e8c864;\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 FAQ\n   ============================================ *\/\n.cc-faq {\n    position: relative;\n    background: var(--cc-black);\n    padding: 0;\n    overflow: hidden;\n}\n\n\/* Vertical Lines *\/\n.cc-faq-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-faq-line {\n    position: absolute;\n    top: 0;\n    width: 1px;\n    height: 100%;\n    background: rgba(255, 255, 255, 0.06);\n}\n\n.cc-faq-line:nth-child(1) { left: 12%; }\n.cc-faq-line:nth-child(2) { left: 50%; }\n.cc-faq-line:nth-child(3) { left: 75%; }\n\n\/* Container *\/\n.cc-faq-container {\n    position: relative;\n    z-index: 2;\n    max-width: 100%;\n    margin: 0;\n    padding: 0;\n}\n\n\/* Header *\/\n.cc-faq-header {\n    padding: 40px 60px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n}\n\n.cc-faq-label {\n    font-family: var(--cc-font-mono);\n    font-size: 14px;\n    font-weight: 400;\n    letter-spacing: 2px;\n    color: var(--cc-white);\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.cc-faq-label::after {\n    content: '\u2726';\n    font-size: 10px;\n    color: var(--cc-gold);\n}\n\n\/* FAQ List *\/\n.cc-faq-list {\n    display: flex;\n    flex-direction: column;\n}\n\n\/* FAQ Item *\/\n.cc-faq-item {\n    display: grid;\n    grid-template-columns: 12% 28% 1fr auto;\n    align-items: center;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n    cursor: pointer;\n    transition: background 0.3s var(--cc-transition);\n}\n\n.cc-faq-item:hover {\n    background: rgba(255, 255, 255, 0.02);\n}\n\n\/* Number Column *\/\n.cc-faq-number {\n    padding: 40px 30px 40px 60px;\n    font-family: var(--cc-font-mono);\n    font-size: 13px;\n    font-weight: 400;\n    letter-spacing: 1px;\n    color: rgba(255, 255, 255, 0.25);\n    border-right: 1px solid rgba(255, 255, 255, 0.08);\n    height: 100%;\n    display: flex;\n    align-items: center;\n    transition: color 0.3s var(--cc-transition);\n}\n\n.cc-faq-item:hover .cc-faq-number {\n    color: var(--cc-gold);\n}\n\n\/* Title Column *\/\n.cc-faq-title {\n    padding: 40px 35px;\n    font-family: var(--cc-font-display);\n    font-size: clamp(28px, 3.5vw, 44px);\n    font-weight: 400;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: var(--cc-white);\n    border-right: 1px solid rgba(255, 255, 255, 0.08);\n    height: 100%;\n    display: flex;\n    align-items: center;\n    transition: color 0.3s var(--cc-transition);\n}\n\n.cc-faq-item:hover .cc-faq-title {\n    color: var(--cc-gold);\n}\n\n\/* Question Column *\/\n.cc-faq-question {\n    padding: 40px 35px;\n    font-family: var(--cc-font-mono);\n    font-size: 13px;\n    font-weight: 400;\n    line-height: 1.6;\n    letter-spacing: 0.5px;\n    color: var(--cc-gray-light);\n    height: 100%;\n    display: flex;\n    align-items: center;\n}\n\n\/* Toggle Icon *\/\n.cc-faq-toggle {\n    padding: 40px 60px 40px 35px;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.cc-faq-toggle-icon {\n    width: 44px;\n    height: 44px;\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.3s var(--cc-transition);\n}\n\n.cc-faq-item:hover .cc-faq-toggle-icon {\n    border-color: var(--cc-gold);\n}\n\n.cc-faq-toggle-icon svg {\n    width: 18px;\n    height: 18px;\n    fill: none;\n    stroke: var(--cc-white);\n    stroke-width: 2;\n    transition: all 0.3s var(--cc-transition);\n}\n\n.cc-faq-item:hover .cc-faq-toggle-icon svg {\n    stroke: var(--cc-gold);\n}\n\n.cc-faq-item.active .cc-faq-toggle-icon {\n    background: var(--cc-gold);\n    border-color: var(--cc-gold);\n}\n\n.cc-faq-item.active .cc-faq-toggle-icon svg {\n    stroke: var(--cc-black);\n    transform: rotate(45deg);\n}\n\n\/* Answer - Hidden by default *\/\n.cc-faq-answer {\n    grid-column: 2 \/ -1;\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.5s var(--cc-transition);\n}\n\n.cc-faq-item.active .cc-faq-answer {\n    max-height: 350px;\n}\n\n.cc-faq-answer-inner {\n    padding: 0 60px 35px 35px;\n}\n\n.cc-faq-answer-text {\n    font-family: var(--cc-font-body);\n    font-size: 15px;\n    font-weight: 300;\n    line-height: 1.8;\n    color: var(--cc-gray-light);\n    margin: 0;\n    max-width: 700px;\n}\n\n.cc-faq-answer-text ul {\n    margin: 12px 0;\n    padding-left: 20px;\n}\n\n.cc-faq-answer-text li {\n    margin-bottom: 6px;\n    color: rgba(255, 255, 255, 0.6);\n}\n\n.cc-faq-answer-text strong {\n    color: var(--cc-white);\n    font-weight: 500;\n}\n\n\/* ============================================\n   ANIMATIONS\n   ============================================ *\/\n@keyframes cc-fade-up {\n    from {\n        opacity: 0;\n        transform: translateY(20px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n.cc-faq-header {\n    animation: cc-fade-up 0.6s var(--cc-transition) 0.1s both;\n}\n\n.cc-faq-item:nth-child(1) { animation: cc-fade-up 0.5s var(--cc-transition) 0.1s both; }\n.cc-faq-item:nth-child(2) { animation: cc-fade-up 0.5s var(--cc-transition) 0.15s both; }\n.cc-faq-item:nth-child(3) { animation: cc-fade-up 0.5s var(--cc-transition) 0.2s both; }\n.cc-faq-item:nth-child(4) { animation: cc-fade-up 0.5s var(--cc-transition) 0.25s both; }\n.cc-faq-item:nth-child(5) { animation: cc-fade-up 0.5s var(--cc-transition) 0.3s both; }\n.cc-faq-item:nth-child(6) { animation: cc-fade-up 0.5s var(--cc-transition) 0.35s both; }\n.cc-faq-item:nth-child(7) { animation: cc-fade-up 0.5s var(--cc-transition) 0.4s both; }\n.cc-faq-item:nth-child(8) { animation: cc-fade-up 0.5s var(--cc-transition) 0.45s both; }\n.cc-faq-item:nth-child(9) { animation: cc-fade-up 0.5s var(--cc-transition) 0.5s both; }\n.cc-faq-item:nth-child(10) { animation: cc-fade-up 0.5s var(--cc-transition) 0.55s both; }\n.cc-faq-item:nth-child(11) { animation: cc-fade-up 0.5s var(--cc-transition) 0.6s both; }\n.cc-faq-item:nth-child(12) { animation: cc-fade-up 0.5s var(--cc-transition) 0.65s both; }\n.cc-faq-item:nth-child(13) { animation: cc-fade-up 0.5s var(--cc-transition) 0.7s both; }\n.cc-faq-item:nth-child(14) { animation: cc-fade-up 0.5s var(--cc-transition) 0.75s both; }\n.cc-faq-item:nth-child(15) { animation: cc-fade-up 0.5s var(--cc-transition) 0.8s both; }\n\n\/* ============================================\n   RESPONSIVE\n   ============================================ *\/\n@media (max-width: 1200px) {\n    .cc-faq-header {\n        padding: 35px 40px;\n    }\n    \n    .cc-faq-item {\n        grid-template-columns: 10% 30% 1fr auto;\n    }\n    \n    .cc-faq-number {\n        padding: 35px 20px 35px 40px;\n    }\n    \n    .cc-faq-title {\n        padding: 35px 25px;\n        font-size: clamp(24px, 3vw, 36px);\n    }\n    \n    .cc-faq-question {\n        padding: 35px 25px;\n        font-size: 12px;\n    }\n    \n    .cc-faq-toggle {\n        padding: 35px 40px 35px 25px;\n    }\n}\n\n@media (max-width: 992px) {\n    .cc-faq-line:nth-child(2) { display: none; }\n    .cc-faq-line:nth-child(3) { display: none; }\n    \n    .cc-faq-item {\n        grid-template-columns: 15% 1fr auto;\n    }\n    \n    .cc-faq-title {\n        font-size: clamp(22px, 4vw, 32px);\n    }\n    \n    .cc-faq-question {\n        display: none;\n    }\n    \n    .cc-faq-answer-inner {\n        padding: 0 40px 30px 25px;\n    }\n}\n\n@media (max-width: 768px) {\n    .cc-faq-header {\n        padding: 30px 24px;\n    }\n    \n    .cc-faq-item {\n        grid-template-columns: 55px 1fr auto;\n    }\n    \n    .cc-faq-number {\n        padding: 28px 12px 28px 24px;\n        font-size: 11px;\n    }\n    \n    .cc-faq-title {\n        padding: 28px 18px;\n        font-size: clamp(18px, 5vw, 26px);\n    }\n    \n    .cc-faq-toggle {\n        padding: 28px 24px 28px 12px;\n    }\n    \n    .cc-faq-toggle-icon {\n        width: 36px;\n        height: 36px;\n    }\n    \n    .cc-faq-toggle-icon svg {\n        width: 14px;\n        height: 14px;\n    }\n    \n    .cc-faq-answer-inner {\n        padding: 0 24px 22px 18px;\n    }\n    \n    .cc-faq-answer-text {\n        font-size: 14px;\n    }\n}\n\n@media (max-width: 480px) {\n    .cc-faq-item {\n        grid-template-columns: 45px 1fr auto;\n    }\n    \n    .cc-faq-number {\n        padding: 24px 8px 24px 16px;\n        font-size: 10px;\n    }\n    \n    .cc-faq-title {\n        padding: 24px 12px;\n        font-size: clamp(16px, 5vw, 22px);\n    }\n    \n    .cc-faq-toggle {\n        padding: 24px 16px 24px 8px;\n    }\n    \n    .cc-faq-toggle-icon {\n        width: 32px;\n        height: 32px;\n    }\n    \n    .cc-faq-answer-inner {\n        padding: 0 16px 18px 12px;\n    }\n}\n<\/style>\n\n<!-- SECTION FAQ -->\n<section class=\"cc-faq\" id=\"cc-faq\">\n    <!-- Vertical Lines -->\n    <div class=\"cc-faq-lines\">\n        <div class=\"cc-faq-line\"><\/div>\n        <div class=\"cc-faq-line\"><\/div>\n        <div class=\"cc-faq-line\"><\/div>\n    <\/div>\n    \n    <div class=\"cc-faq-container\">\n        <!-- Header -->\n        <div class=\"cc-faq-header\">\n            <span class=\"cc-faq-label\">Questions Fr\u00e9quentes<\/span>\n        <\/div>\n        \n        <!-- FAQ List -->\n        <div class=\"cc-faq-list\">\n            <!-- Q1 -->\n            <div class=\"cc-faq-item\">\n                <div class=\"cc-faq-number\">[01]<\/div>\n                <div class=\"cc-faq-title\">\u00c9ligibilit\u00e9<\/div>\n                <div class=\"cc-faq-question\">Qui peut auditionner pour Choral Clash ?<\/div>\n                <div class=\"cc-faq-toggle\">\n                    <div class=\"cc-faq-toggle-icon\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\n                    <\/div>\n                <\/div>\n                <div class=\"cc-faq-answer\">\n                    <div class=\"cc-faq-answer-inner\">\n                        <p class=\"cc-faq-answer-text\">\n                            Tout groupe vocal d'au moins <strong>10 membres<\/strong> est \u00e9ligible pour auditionner. Nous accueillons :\n                            <ul>\n                                <li>Les chorales communautaires<\/li>\n                                <li>Les chorales scolaires<\/li>\n                                <li>Les chorales d'entreprise<\/li>\n                                <li>Les groupes musicaux ind\u00e9pendants<\/li>\n                                <li>Les chorales d'\u00e9glise (le show n'est pas limit\u00e9 au gospel)<\/li>\n                            <\/ul>\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Q2 -->\n            <div class=\"cc-faq-item\">\n                <div class=\"cc-faq-number\">[02]<\/div>\n                <div class=\"cc-faq-title\">International<\/div>\n                <div class=\"cc-faq-question\">Choral Clash est-il r\u00e9serv\u00e9 aux chorales camerounaises ?<\/div>\n                <div class=\"cc-faq-toggle\">\n                    <div class=\"cc-faq-toggle-icon\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\n                    <\/div>\n                <\/div>\n                <div class=\"cc-faq-answer\">\n                    <div class=\"cc-faq-answer-inner\">\n                        <p class=\"cc-faq-answer-text\">\n                            <strong>Non.<\/strong> Bien que Choral Clash soit bas\u00e9 au Cameroun, les chorales de tous les pays sont les bienvenues pour auditionner et participer, \u00e0 condition de pouvoir s'engager sur le calendrier et de voyager si s\u00e9lectionn\u00e9es.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Q3 -->\n            <div class=\"cc-faq-item\">\n                <div class=\"cc-faq-number\">[03]<\/div>\n                <div class=\"cc-faq-title\">Vid\u00e9o<\/div>\n                <div class=\"cc-faq-question\">Quel type de vid\u00e9o devons-nous soumettre pour l'audition ?<\/div>\n                <div class=\"cc-faq-toggle\">\n                    <div class=\"cc-faq-toggle-icon\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\n                    <\/div>\n                <\/div>\n                <div class=\"cc-faq-answer\">\n                    <div class=\"cc-faq-answer-inner\">\n                        <p class=\"cc-faq-answer-text\">\n                            Soumettez une <strong>vid\u00e9o d'audition de 2 minutes<\/strong> montrant votre chorale en train de performer une ou deux chansons. La vid\u00e9o ne doit pas avoir \u00e9t\u00e9 publi\u00e9e sur les r\u00e9seaux sociaux. Assurez-vous d'avoir une bonne qualit\u00e9 audio et visuelle.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Q4 -->\n            <div class=\"cc-faq-item\">\n                <div class=\"cc-faq-number\">[04]<\/div>\n                <div class=\"cc-faq-title\">Genre Musical<\/div>\n                <div class=\"cc-faq-question\">Y a-t-il un genre musical sp\u00e9cifique \u00e0 performer ?<\/div>\n                <div class=\"cc-faq-toggle\">\n                    <div class=\"cc-faq-toggle-icon\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\n                    <\/div>\n                <\/div>\n                <div class=\"cc-faq-answer\">\n                    <div class=\"cc-faq-answer-inner\">\n                        <p class=\"cc-faq-answer-text\">\n                            <strong>Non.<\/strong> Choral Clash c\u00e9l\u00e8bre la diversit\u00e9 musicale. Vous pouvez performer n'importe quel genre : traditionnel, classique, jazz, pop, gospel, afrobeat ou une fusion \u2014 surprenez-nous avec votre cr\u00e9ativit\u00e9 !\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Q5 -->\n            <div class=\"cc-faq-item\">\n                <div class=\"cc-faq-number\">[05]<\/div>\n                <div class=\"cc-faq-title\">\u00c2ge<\/div>\n                <div class=\"cc-faq-question\">Y a-t-il une limite d'\u00e2ge pour les participants ?<\/div>\n                <div class=\"cc-faq-toggle\">\n                    <div class=\"cc-faq-toggle-icon\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\n                    <\/div>\n                <\/div>\n                <div class=\"cc-faq-answer\">\n                    <div class=\"cc-faq-answer-inner\">\n                        <p class=\"cc-faq-answer-text\">\n                            Il n'y a <strong>pas de limite d'\u00e2ge<\/strong>. Cependant, tout membre de votre chorale \u00e2g\u00e9 de moins de 16 ans doit soumettre un formulaire de consentement parental ou tuteur sign\u00e9 avec la candidature.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Q6 -->\n            <div class=\"cc-faq-item\">\n                <div class=\"cc-faq-number\">[06]<\/div>\n                <div class=\"cc-faq-title\">Multi-Vid\u00e9os<\/div>\n                <div class=\"cc-faq-question\">Pouvons-nous soumettre plusieurs vid\u00e9os d'audition ?<\/div>\n                <div class=\"cc-faq-toggle\">\n                    <div class=\"cc-faq-toggle-icon\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\n                    <\/div>\n                <\/div>\n                <div class=\"cc-faq-answer\">\n                    <div class=\"cc-faq-answer-inner\">\n                        <p class=\"cc-faq-answer-text\">\n                            <strong>Non.<\/strong> Chaque chorale doit soumettre une seule vid\u00e9o d'audition. Choisissez votre meilleure performance qui repr\u00e9sente le mieux votre groupe.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Q7 -->\n            <div class=\"cc-faq-item\">\n                <div class=\"cc-faq-number\">[07]<\/div>\n                <div class=\"cc-faq-title\">Non S\u00e9lectionn\u00e9<\/div>\n                <div class=\"cc-faq-question\">Et si nous ne sommes pas s\u00e9lectionn\u00e9s \u2014 pouvons-nous quand m\u00eame participer ?<\/div>\n                <div class=\"cc-faq-toggle\">\n                    <div class=\"cc-faq-toggle-icon\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\n                    <\/div>\n                <\/div>\n                <div class=\"cc-faq-answer\">\n                    <div class=\"cc-faq-answer-inner\">\n                        <p class=\"cc-faq-answer-text\">\n                            <strong>Oui !<\/strong> M\u00eame les chorales non s\u00e9lectionn\u00e9es pour la comp\u00e9tition principale restent \u00e9ligibles au <strong>Prix du Favori du Public<\/strong> bas\u00e9 sur leur engagement sur les r\u00e9seaux sociaux. Encouragez votre communaut\u00e9 \u00e0 soutenir votre publication.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Q8 -->\n            <div class=\"cc-faq-item\">\n                <div class=\"cc-faq-number\">[08]<\/div>\n                <div class=\"cc-faq-title\">Favori Public<\/div>\n                <div class=\"cc-faq-question\">Comment le Prix du Favori du Public est-il d\u00e9termin\u00e9 ?<\/div>\n                <div class=\"cc-faq-toggle\">\n                    <div class=\"cc-faq-toggle-icon\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\n                    <\/div>\n                <\/div>\n                <div class=\"cc-faq-answer\">\n                    <div class=\"cc-faq-answer-inner\">\n                        <p class=\"cc-faq-answer-text\">\n                            Le Favori du Public est la chorale avec le plus d'interactions sur les r\u00e9seaux sociaux (likes, commentaires, partages, vues) sur nos plateformes officielles. L'engagement compte depuis la publication de votre vid\u00e9o jusqu'\u00e0 la finale.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Q9 -->\n            <div class=\"cc-faq-item\">\n                <div class=\"cc-faq-number\">[09]<\/div>\n                <div class=\"cc-faq-title\">Frais<\/div>\n                <div class=\"cc-faq-question\">Y a-t-il des frais d'inscription ou d'audition ?<\/div>\n                <div class=\"cc-faq-toggle\">\n                    <div class=\"cc-faq-toggle-icon\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\n                    <\/div>\n                <\/div>\n                <div class=\"cc-faq-answer\">\n                    <div class=\"cc-faq-answer-inner\">\n                        <p class=\"cc-faq-answer-text\">\n                            <strong>Non.<\/strong> Les auditions sont enti\u00e8rement gratuites. Il n'y a aucun frais pour soumettre votre vid\u00e9o ou participer au show si vous \u00eates s\u00e9lectionn\u00e9s.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Q10 -->\n            <div class=\"cc-faq-item\">\n                <div class=\"cc-faq-number\">[10]<\/div>\n                <div class=\"cc-faq-title\">Apr\u00e8s Soumission<\/div>\n                <div class=\"cc-faq-question\">Que se passe-t-il apr\u00e8s avoir soumis notre vid\u00e9o ?<\/div>\n                <div class=\"cc-faq-toggle\">\n                    <div class=\"cc-faq-toggle-icon\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\n                    <\/div>\n                <\/div>\n                <div class=\"cc-faq-answer\">\n                    <div class=\"cc-faq-answer-inner\">\n                        <p class=\"cc-faq-answer-text\">\n                            <ul>\n                                <li>Votre vid\u00e9o sera examin\u00e9e par notre panel de juges.<\/li>\n                                <li>Les chorales s\u00e9lectionn\u00e9es seront contact\u00e9es par email ou t\u00e9l\u00e9phone.<\/li>\n                                <li>Les finalistes seront annonc\u00e9s sur notre site web et nos r\u00e9seaux sociaux.<\/li>\n                            <\/ul>\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Q11 -->\n            <div class=\"cc-faq-item\">\n                <div class=\"cc-faq-number\">[11]<\/div>\n                <div class=\"cc-faq-title\">A Cappella<\/div>\n                <div class=\"cc-faq-question\">Pouvons-nous utiliser des pistes instrumentales ou la musique doit-elle \u00eatre a cappella ?<\/div>\n                <div class=\"cc-faq-toggle\">\n                    <div class=\"cc-faq-toggle-icon\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\n                    <\/div>\n                <\/div>\n                <div class=\"cc-faq-answer\">\n                    <div class=\"cc-faq-answer-inner\">\n                        <p class=\"cc-faq-answer-text\">\n                            Vous \u00eates libres de performer <strong>a cappella ou avec un accompagnement instrumental<\/strong> (live ou pr\u00e9-enregistr\u00e9), tant que les voix de votre chorale restent au centre de la performance.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Q12 -->\n            <div class=\"cc-faq-item\">\n                <div class=\"cc-faq-number\">[12]<\/div>\n                <div class=\"cc-faq-title\">Soumission<\/div>\n                <div class=\"cc-faq-question\">O\u00f9 devons-nous envoyer notre vid\u00e9o d'audition ?<\/div>\n                <div class=\"cc-faq-toggle\">\n                    <div class=\"cc-faq-toggle-icon\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\n                    <\/div>\n                <\/div>\n                <div class=\"cc-faq-answer\">\n                    <div class=\"cc-faq-answer-inner\">\n                        <p class=\"cc-faq-answer-text\">\n                            Les d\u00e9tails de t\u00e9l\u00e9chargement et le lien\/formulaire de soumission officiel seront fournis sur notre site web et nos r\u00e9seaux sociaux. Assurez-vous que vos coordonn\u00e9es et la biographie de votre chorale sont incluses.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Q13 -->\n            <div class=\"cc-faq-item\">\n                <div class=\"cc-faq-number\">[13]<\/div>\n                <div class=\"cc-faq-title\">Voyage<\/div>\n                <div class=\"cc-faq-question\">Devons-nous voyager pour le show si nous sommes s\u00e9lectionn\u00e9s ?<\/div>\n                <div class=\"cc-faq-toggle\">\n                    <div class=\"cc-faq-toggle-icon\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\n                    <\/div>\n                <\/div>\n                <div class=\"cc-faq-answer\">\n                    <div class=\"cc-faq-answer-inner\">\n                        <p class=\"cc-faq-answer-text\">\n                            <strong>Oui.<\/strong> Les chorales s\u00e9lectionn\u00e9es devront \u00eatre disponibles pour le tournage en personne au Cameroun. Nous partagerons les calendriers et aiderons \u00e0 la logistique dans la mesure du possible.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Q14 -->\n            <div class=\"cc-faq-item\">\n                <div class=\"cc-faq-number\">[14]<\/div>\n                <div class=\"cc-faq-title\">H\u00e9bergement<\/div>\n                <div class=\"cc-faq-question\">Le voyage ou l'h\u00e9bergement seront-ils pris en charge ?<\/div>\n                <div class=\"cc-faq-toggle\">\n                    <div class=\"cc-faq-toggle-icon\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\n                    <\/div>\n                <\/div>\n                <div class=\"cc-faq-answer\">\n                    <div class=\"cc-faq-answer-inner\">\n                        <p class=\"cc-faq-answer-text\">\n                            Bien qu'un soutien de base puisse \u00eatre offert, les chorales sont g\u00e9n\u00e9ralement responsables de leur propre transport et h\u00e9bergement, sauf indication contraire des organisateurs.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Q15 -->\n            <div class=\"cc-faq-item\">\n                <div class=\"cc-faq-number\">[15]<\/div>\n                <div class=\"cc-faq-title\">Droits<\/div>\n                <div class=\"cc-faq-question\">\u00c0 qui appartiennent les droits de notre vid\u00e9o et de nos performances ?<\/div>\n                <div class=\"cc-faq-toggle\">\n                    <div class=\"cc-faq-toggle-icon\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\n                    <\/div>\n                <\/div>\n                <div class=\"cc-faq-answer\">\n                    <div class=\"cc-faq-answer-inner\">\n                        <p class=\"cc-faq-answer-text\">\n                            En soumettant une vid\u00e9o, vous accordez \u00e0 Choral Clash les droits de l'utiliser \u00e0 des fins promotionnelles sur nos plateformes. Cependant, <strong>votre chorale conserve le cr\u00e9dit et la propri\u00e9t\u00e9 de sa performance<\/strong>.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n\/\/ ============================================\n\/\/ FAQ ACCORDION FUNCTIONALITY\n\/\/ ============================================\ndocument.addEventListener('DOMContentLoaded', function() {\n    const faqItems = document.querySelectorAll('.cc-faq-item');\n    \n    faqItems.forEach(item => {\n        item.addEventListener('click', () => {\n            const isActive = item.classList.contains('active');\n            \n            \/\/ Close all items\n            faqItems.forEach(i => i.classList.remove('active'));\n            \n            \/\/ Open clicked item if it wasn't active\n            if (!isActive) {\n                item.classList.add('active');\n            }\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<div class=\"elementor-element elementor-element-7d6384e e-flex e-con-boxed e-con e-parent\" data-id=\"7d6384e\" 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-9f0a214 elementor-widget elementor-widget-html\" data-id=\"9f0a214\" 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 FAQ AUDITIONS\nSection 3: CONTACT - Encore des Questions ? - 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-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   CONTACT SECTION\n   ============================================ *\/\n.cc-contact {\n    position: relative;\n    background: var(--cc-black);\n    padding: 120px 0 160px;\n    overflow: hidden;\n}\n\n\/* Background Gradient - Plus subtil *\/\n.cc-contact::before {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: radial-gradient(ellipse 80% 60% at 50% 100%, rgba(201, 162, 39, 0.03) 0%, transparent 50%);\n    pointer-events: none;\n}\n\n\/* Vertical Lines *\/\n.cc-contact-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-contact-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-contact-line:nth-child(1) { left: 25%; }\n.cc-contact-line:nth-child(2) { left: 50%; }\n.cc-contact-line:nth-child(3) { left: 75%; }\n\n\/* Container *\/\n.cc-contact-container {\n    position: relative;\n    z-index: 2;\n    max-width: 1100px;\n    margin: 0 auto;\n    padding: 0 60px;\n}\n\n\/* Main Grid *\/\n.cc-contact-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    align-items: center;\n}\n\n\/* Left Content *\/\n.cc-contact-content {\n    max-width: 450px;\n}\n\n.cc-contact-label {\n    font-family: var(--cc-font-mono);\n    font-size: 11px;\n    font-weight: 400;\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    color: var(--cc-gray-lighter);\n    margin-bottom: 20px;\n}\n\n.cc-contact-title {\n    font-family: var(--cc-font-display);\n    font-size: clamp(45px, 6vw, 70px);\n    line-height: 1;\n    color: var(--cc-white);\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    margin: 0 0 20px;\n}\n\n.cc-contact-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    margin: 0;\n}\n\n\/* Right Card *\/\n.cc-contact-card {\n    background: var(--cc-gray-dark);\n    border: 1px solid rgba(255, 255, 255, 0.06);\n    border-radius: 0;\n    padding: 50px;\n    position: relative;\n    overflow: hidden;\n}\n\n\/* Card left accent - Barre gold verticale *\/\n.cc-contact-card::before {\n    content: '';\n    position: absolute;\n    top: 40px;\n    bottom: 40px;\n    left: 0;\n    width: 2px;\n    background: var(--cc-gold);\n}\n\n\/* Contact Items *\/\n.cc-contact-items {\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n    margin-bottom: 40px;\n}\n\n.cc-contact-item {\n    display: grid;\n    grid-template-columns: 50px 1fr;\n    gap: 20px;\n    align-items: center;\n    padding: 25px 0;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.06);\n    text-decoration: none;\n    transition: all 0.3s var(--cc-transition);\n}\n\n.cc-contact-item:first-child {\n    padding-top: 0;\n}\n\n.cc-contact-item:last-child {\n    border-bottom: none;\n    padding-bottom: 0;\n}\n\n.cc-contact-item:hover {\n    padding-left: 10px;\n}\n\n.cc-contact-item-icon {\n    width: 50px;\n    height: 50px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: rgba(255, 255, 255, 0.03);\n    border-radius: 0;\n    transition: all 0.3s var(--cc-transition);\n}\n\n.cc-contact-item:hover .cc-contact-item-icon {\n    background: rgba(255, 255, 255, 0.06);\n}\n\n.cc-contact-item-icon svg {\n    width: 22px;\n    height: 22px;\n    fill: none;\n    stroke: var(--cc-gray-light);\n    stroke-width: 1.5;\n    transition: stroke 0.3s var(--cc-transition);\n}\n\n.cc-contact-item:hover .cc-contact-item-icon svg {\n    stroke: var(--cc-white);\n}\n\n.cc-contact-item-content {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.cc-contact-item-label {\n    font-family: var(--cc-font-mono);\n    font-size: 10px;\n    font-weight: 400;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: var(--cc-gray-light);\n}\n\n.cc-contact-item-value {\n    font-family: var(--cc-font-body);\n    font-size: 16px;\n    font-weight: 500;\n    color: var(--cc-white);\n    transition: color 0.3s var(--cc-transition);\n}\n\n\/* Button *\/\n.cc-contact-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    width: 100%;\n    padding: 22px 40px;\n    font-family: var(--cc-font-mono);\n    font-size: 11px;\n    font-weight: 500;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    text-decoration: none;\n    background: transparent;\n    color: var(--cc-white);\n    border: 1px solid var(--cc-white);\n    border-radius: 0;\n    transition: all 0.4s var(--cc-transition);\n    position: relative;\n    overflow: hidden;\n}\n\n.cc-contact-btn::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.cc-contact-btn:hover::before {\n    width: 100%;\n}\n\n.cc-contact-btn:hover {\n    color: var(--cc-black);\n}\n\n.cc-contact-btn svg {\n    width: 14px;\n    height: 14px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 2;\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@keyframes cc-fade-right {\n    from {\n        opacity: 0;\n        transform: translateX(-30px);\n    }\n    to {\n        opacity: 1;\n        transform: translateX(0);\n    }\n}\n\n.cc-contact-label {\n    animation: cc-fade-up 0.8s var(--cc-transition) 0.1s both;\n}\n\n.cc-contact-title {\n    animation: cc-fade-up 0.8s var(--cc-transition) 0.2s both;\n}\n\n.cc-contact-text {\n    animation: cc-fade-up 0.8s var(--cc-transition) 0.3s both;\n}\n\n.cc-contact-card {\n    animation: cc-fade-right 0.8s var(--cc-transition) 0.3s both;\n}\n\n\/* ============================================\n   RESPONSIVE\n   ============================================ *\/\n@media (max-width: 992px) {\n    .cc-contact {\n        padding: 100px 0 120px;\n    }\n    \n    .cc-contact-grid {\n        grid-template-columns: 1fr;\n        gap: 50px;\n    }\n    \n    .cc-contact-content {\n        max-width: 100%;\n        text-align: center;\n    }\n    \n    .cc-contact-card {\n        max-width: 500px;\n        margin: 0 auto;\n    }\n}\n\n@media (max-width: 768px) {\n    .cc-contact {\n        padding: 80px 0 100px;\n    }\n    \n    .cc-contact-container {\n        padding: 0 24px;\n    }\n    \n    .cc-contact-card {\n        padding: 40px 30px;\n    }\n    \n    .cc-contact-card::before {\n        top: 30px;\n        bottom: 30px;\n    }\n    \n    .cc-contact-item {\n        grid-template-columns: 45px 1fr;\n        gap: 15px;\n        padding: 20px 0;\n    }\n    \n    .cc-contact-item-icon {\n        width: 45px;\n        height: 45px;\n    }\n    \n    .cc-contact-item-icon svg {\n        width: 20px;\n        height: 20px;\n    }\n    \n    .cc-contact-item-value {\n        font-size: 15px;\n    }\n    \n    .cc-contact-btn {\n        padding: 18px 35px;\n    }\n}\n\n@media (max-width: 480px) {\n    .cc-contact {\n        padding: 60px 0 80px;\n    }\n    \n    .cc-contact-card {\n        padding: 35px 25px;\n    }\n    \n    .cc-contact-card::before {\n        top: 25px;\n        bottom: 25px;\n    }\n    \n    .cc-contact-item {\n        grid-template-columns: 40px 1fr;\n        gap: 12px;\n    }\n    \n    .cc-contact-item-icon {\n        width: 40px;\n        height: 40px;\n    }\n    \n    .cc-contact-item-value {\n        font-size: 14px;\n    }\n}\n<\/style>\n\n<!-- CONTACT SECTION -->\n<section class=\"cc-contact\" id=\"cc-contact\">\n    <!-- Vertical Lines -->\n    <div class=\"cc-contact-lines\">\n        <div class=\"cc-contact-line\"><\/div>\n        <div class=\"cc-contact-line\"><\/div>\n        <div class=\"cc-contact-line\"><\/div>\n    <\/div>\n    \n    <div class=\"cc-contact-container\">\n        <div class=\"cc-contact-grid\">\n            <!-- Left Content -->\n            <div class=\"cc-contact-content\">\n                <div class=\"cc-contact-label\">[Besoin d'Aide ?]<\/div>\n                <h2 class=\"cc-contact-title\">Encore des<br>Questions ?<\/h2>\n                <p class=\"cc-contact-text\">\n                    Si votre question n'a pas trouv\u00e9 de r\u00e9ponse ici, notre \u00e9quipe est l\u00e0 pour vous aider. N'h\u00e9sitez pas \u00e0 nous contacter.\n                <\/p>\n            <\/div>\n            \n            <!-- Right Card -->\n            <div class=\"cc-contact-card\">\n                <div class=\"cc-contact-items\">\n                    <!-- Email -->\n                    <a href=\"mailto:info@choralclash.com\" class=\"cc-contact-item\">\n                        <div class=\"cc-contact-item-icon\">\n                            <svg viewBox=\"0 0 24 24\">\n                                <rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/>\n                                <path d=\"M22 6L12 13 2 6\"\/>\n                            <\/svg>\n                        <\/div>\n                        <div class=\"cc-contact-item-content\">\n                            <span class=\"cc-contact-item-label\">Email<\/span>\n                            <span class=\"cc-contact-item-value\">info@choralclash.com<\/span>\n                        <\/div>\n                    <\/a>\n                    \n                    <!-- WhatsApp -->\n                    <a href=\"https:\/\/wa.me\/237677195566\" target=\"_blank\" class=\"cc-contact-item\">\n                        <div class=\"cc-contact-item-icon\">\n                            <svg viewBox=\"0 0 24 24\">\n                                <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/>\n                            <\/svg>\n                        <\/div>\n                        <div class=\"cc-contact-item-content\">\n                            <span class=\"cc-contact-item-label\">WhatsApp<\/span>\n                            <span class=\"cc-contact-item-value\">(+237) 677 195 566<\/span>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                \n                <a href=\"\/contact\/\" class=\"cc-contact-btn\">\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n                    <\/svg>\n                    Contactez-nous\n                <\/a>\n            <\/div>\n        <\/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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>[FAQ Auditions] Bienvenue sur la FAQ Officielle des Auditions Choral Clash Retrouvez ici les r\u00e9ponses aux questions fr\u00e9quemment pos\u00e9es pour guider votre chorale dans le processus d&rsquo;audition et de participation au show. Questions Fr\u00e9quentes [01] \u00c9ligibilit\u00e9 Qui peut auditionner pour Choral Clash ? Tout groupe vocal d&rsquo;au moins 10 membres est \u00e9ligible pour auditionner. Nous [&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-1271","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/choralclash.com\/fr\/wp-json\/wp\/v2\/pages\/1271","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=1271"}],"version-history":[{"count":55,"href":"https:\/\/choralclash.com\/fr\/wp-json\/wp\/v2\/pages\/1271\/revisions"}],"predecessor-version":[{"id":3500,"href":"https:\/\/choralclash.com\/fr\/wp-json\/wp\/v2\/pages\/1271\/revisions\/3500"}],"wp:attachment":[{"href":"https:\/\/choralclash.com\/fr\/wp-json\/wp\/v2\/media?parent=1271"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}