/* Couleur de fond du groupe */
.mon-accordeon {
    background-color: #f0f8ff; /* couleur de fond */
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 10px;
}
/* Couleur et style du groupe de champs */
.mon-champ-couleur {
    background-color: #B8FFFF; /* couleur de fond bleu clair */
    border: 1px solid #ccc;    /* bordure */
    padding: 10px;             /* espacement intérieur */
    border-radius: 5px;        /* coins arrondis */
    margin-bottom: 10px;       /* espacement avec les autres champs */
}
.forminator-repeater-action-button.forminator-repeater-add {
    background-color: #28a745; /* vert */
    color: #ffffff;            /* texte blanc */
    font-weight: bold;         /* gras */
    border: none;
    padding: 10px 16px;
    border-radius: 6px;
    font-size: 16px;
    cursor: pointer;
}

/* Effet au survol */
.forminator-repeater-action-button.forminator-repeater-add:hover {
    background-color: #218838;
}

/* Test initialisé forminatore des le debut de la page */
<script>
document.addEventListener('DOMContentLoaded', function () {
  const interval = setInterval(function () {
    if (window.jQuery && jQuery('.forminator-ui').length) {
      jQuery('.forminator-ui :input').trigger('change');
      clearInterval(interval);
    }
  }, 100);
});
</script>





/* Champs du formulaire */
.nf-form-cont .nf-field-element input,
.nf-form-cont .nf-field-element textarea {
    width: 100%;          /* Champs plus larges */
    padding: 12px 15px;   /* Plus d’espace à l’intérieur */
    font-size: 16px;      /* Texte plus grand */
    border: 2px solid #000; /* Bordure noire */
    border-radius: 5px;   /* Coins arrondis */
    box-sizing: border-box;
}

/* Espacement entre les champs */
.nf-form-cont .nf-field {
    margin-bottom: 15px;
}

/* Labels */
.nf-form-cont label {
    font-weight: bold;
    font-size: 16px;
}

/* Messages d’erreur */
.nf-error-msg {
    color: red;
    font-size: 14px;
}




.nf-form-cont .nf-form-btn {
    background-color: #fff;  /* Fond blanc */
    color: #000;             /* Texte noir */
    border: 2px solid #000;  /* Bordure noire */
    padding: 12px 25px;      /* Plus grand et confortable */
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px;      /* Coins arrondis */
    cursor: pointer;
    transition: all 0.3s ease;
    display: block;
    margin: 20px auto 0 auto; /* Centrer le bouton */
}

/* Effet au survol */
.nf-form-cont .nf-form-btn:hover {
    background-color: #000;
    color: #fff;
}


/* Centrer le titre du formulaire */
.nf-form-title {
    text-align: center;
}


/* Cacher uniquement le message spécifique */
.nf-form .nf-sub-label:contains("Les champs marqués d’un * sont obligatoires") {
    display: none;
}

/* Toutes les barres du hamburger, état repos et croix */
.mobile-plus-toggle-menu ul.toggle-lines li.toggle-line,
.mobile-plus-toggle-menu ul.toggle-lines li.toggle-line::before,
.mobile-plus-toggle-menu ul.toggle-lines li.toggle-line::after {
    background-color: #005C68 !important;
}


/* Bordure du dropdown de ton formulaire */
.forminator-custom-form-22921.forminator-select-dropdown {
    border: 2px solid #0b3d4a !important;
    border-radius: 14px !important;
    box-shadow: 0 15px 30px rgba(0,0,0,0.08);
    overflow: hidden;
}

/* Bordure entre les options */
.forminator-custom-form-22921 .forminator-dropdown-option {
    border-bottom: 1px solid #eee;
}

/* Supprimer dernière bordure */
.forminator-custom-form-22921 .forminator-dropdown-option:last-child {
    border-bottom: none;
}

/* Bordure autour du champ de recherche interne */
.forminator-custom-form-22921 .select2-search__field {
    border: 2px solid #0b3d4a !important;
    border-radius: 12px !important;
    padding: 4px 8px;
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.05);
}

/* Hover du champ de recherche (optionnel pour effet premium) */
.forminator-custom-form-22921 .select2-search__field:focus {
    border-color: #0b3d4a;
    outline: none;
    box-shadow: 0 0 5px rgba(11,61,74,0.5);
}

/* Dropdown ouvert */
#select2-forminator-form-22921__field--select-6_699b79a22d5a0-container .select2-dropdown {
    width: 200px !important; /* même largeur que le champ */
}

/* Champ de recherche interne */
#select2-forminator-form-22921__field--select-6_699b79a22d5a0-container .select2-search__field {
    border: 2px solid #0b3d4a !important;
    border-radius: 12px !important;
    padding: 4px 8px;
}
/* Cacher complètement le bouton d'envoi sur tous les écrans pour le formulaire 22921 */
#forminator-module-22921 .forminator-button-submit,
#forminator-module-22921 button.forminator-button-submit,
#forminator-module-22921 input.forminator-button-submit {
    display: none !important;       /* cache le bouton */
    visibility: hidden !important;   /* empêche qu'il réapparaisse */
    height: 0 !important;            /* supprime tout espace vertical */
    padding: 0 !important;           /* supprime padding */
    margin: 0 !important;            /* supprime margin */
    border: 0 !important;            /* supprime bordure */
}
.convoc-img {
    border-radius: 10px;
    animation: glowFilter 2s ease-in-out infinite;
}

@keyframes glowFilter {
    0% {
        filter: drop-shadow(0 0 10px rgba(210,189,113,0.6));
    }
    50% {
        filter: drop-shadow(0 0 30px rgba(210,189,113,1));
    }
    100% {
        filter: drop-shadow(0 0 10px rgba(210,189,113,0.6));
    }
}

.ma-image-confetti {
    text-align: center;
    position: relative;
    margin-top: 40px;
}

.image-resultat {
    max-width: 90%;
    border-radius: 15px;
    box-shadow: 0 0 30px rgba(255, 215, 0, 0.7);
    animation: glow 2s infinite alternate;
    transition: transform 0.3s ease;
}

.image-resultat:hover {
    transform: scale(1.03);
}

@keyframes glow {
    from {
        box-shadow: 0 0 10px rgba(255, 215, 0, 0.6);
    }
    to {
        box-shadow: 0 0 40px rgba(255, 223, 0, 1);
    }
}

}


canvas {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}