/* 1. Le bloc du formulaire reste centré */
.form-wrapper,
.crmEntityFormView,
.entity-form {
    max-width: 80% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Agrandir les champs de saisie */
.crmEntityFormView .form-control {
  height: 80px;        /* hauteur globale */
  padding: 10px 14px;  /* espace interne */
}

/* Texte plus gros dans les champs de saisie */
.crmEntityFormView .form-control {
  font-size: 2rem;      /* taille du texte */
  font-weight: 100;     /* épaisseur */
  line-height: 1.4;     /* lisibilité */
}

/* 1) Même règle de largeur + centrage sur toutes les cellules de contrôle */
.crmEntityFormView .cell.form-control-cell {
  width: 95% !important;
  margin: 0 auto;
}

/* 2) L’input occupe 100% de la largeur de sa cellule (évite les variations) */
.crmEntityFormView .cell.form-control-cell input.form-control,
.crmEntityFormView .cell.form-control-cell select.form-control,
.crmEntityFormView .cell.form-control-cell textarea.form-control {
  width: 100% !important;
}

/* Aligner le bloc CAPTCHA avec les champs */
.crmEntityFormView .captcha,
.crmEntityFormView .g-recaptcha,
.crmEntityFormView .h-captcha {
  width: 95% !important;
  margin: 0 auto;
}

/* Champs */
.entity-form input.form-control,
.entity-form select.form-control,
.entity-form textarea.form-control {
  border-radius: 6px;
}
/* 3. La cellule qui contient le champ prend toute la ligne */
.crmEntityFormView .cell.form-control-cell {
  width: 95% !important;
  margin-left: auto;
  margin-right: auto;
}

/* Titres de champs – formulaires Power Pages */
.entity-form label,
.entity-form .control-label {
  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: 300;
  margin: 1%;
}
/* Titres de section des formulaires Power Pages */
.entity-form .section-title,
.entity-form h3 {
  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: 200;
  font-size: 2rem;
  margin: 2%;
  line-height: 1.4;
}
/* 7. Espace entre les contrôles */
.crmEntityFormView .control {
    margin-bottom: 1px;
}