body {
    font-family: 'roboto', sans-serif;
}
h1{
    margin-bottom: 40px;
}
label {
    color: #333;
}
.btn-send {
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
}

#conteneur 
{overflow: auto;
}
.form-control {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box; /* Inclut padding et bordure */
    transition: none; /* Désactive les transitions */
    margin: 0 auto; /* Centre les champs si nécessaire */
}
.recaptcha-container {
    display: flex;
    justify-content: flex-start; /* Permet de garder la case à cocher à gauche */
    max-width: 100%; /* Le conteneur s'adapte à l'écran */
    overflow: visible; /* Permet d’afficher tout le contenu, même en cas de débordement */
}

.recaptcha-container iframe {
    transform: scale(0.9); /* Réduit légèrement le captcha */
    transform-origin: top left; /* Conserve l'origine en haut à gauche */
    width: 302px; /* Taille par défaut du captcha */
    height: 78px; /* Hauteur par défaut du captcha */
    margin-left: 10px; /* Décale légèrement vers la droite pour garder un espace visuel */
}
@media (max-width: 768px) {
    .form-control {
        width: 100%; /* Assure que les champs remplissent la largeur */
        max-width: 100%;
		.recaptcha-container iframe {
        transform: scale(1); /* Taille normale sur mobile */
        width: 295px; /* Taille par défaut */
        height: 78px; /* Hauteur par défaut */
        margin-left: 0; /* Retire le décalage pour optimiser l'espace */
    }
}


.container, .row {
    width: 100%; /* Gère correctement la largeur des conteneurs */
}

body {
    overflow-x: hidden; /* Évite les débordements horizontaux sur mobile */
}