/* Style pour le conteneur de l'iframe */
.responsive-google-form-container {
 position: relative;
 overflow: hidden;
 width: 100%;

 /* --- HAUTEUR POUR LA VUE ORDINATEUR --- */
 /* Ajustez cette valeur si votre formulaire est coupé ou s'il y a trop d'espace blanc en dessous */
 height: 750px;
 border: 0;
}

/* Style pour l'iframe elle-même pour qu'elle remplisse le conteneur */
.responsive-google-form-container iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 border: 0; /* Enlève la bordure par défaut de l'iframe */
}

/* --- MEDIA QUERY POUR LA VUE MOBILE --- */
/* S'applique à tous les écrans d'une largeur maximale de 768px (tablettes et téléphones) */
@media screen and (max-width: 768px) {
 .responsive-google-form-container {
 /* --- HAUTEUR POUR LA VUE MOBILE --- */
 /* La hauteur doit être plus grande car les colonnes du formulaire s'empilent */
 /* Ajustez cette valeur pour que tout le formulaire soit visible sur mobile */
 height: 1250px;
 }
}