.elementor-4063 .elementor-element.elementor-element-628609b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4063 .elementor-element.elementor-element-0a71d7f{--spacer-size:25px;}.elementor-4063 .elementor-element.elementor-element-00d93b4{text-align:center;}.elementor-4063 .elementor-element.elementor-element-00d93b4 .elementor-heading-title{font-family:"Raleway";font-size:30px;font-weight:600;color:var( --e-global-color-text );}.elementor-4063 .elementor-element.elementor-element-1565908{--spacer-size:25px;}/* Start custom CSS for shortcode, class: .elementor-element-78dae65 *//* Styles pour le formulaire */
.formulaire-devis {
  max-width: 800px; /* Largeur maximale du formulaire */
  margin: 0 auto;
  padding: 20px;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  font-family: Arial, sans-serif;
}

/* Styles pour le titre */
.formulaire-devis h2 {
  color: #005b96; /* Bleu principal */
  font-size: 1.8em;
  margin-bottom: 1em;
  text-align: center;
}

/* Styles pour chaque groupe de champs */
.form-group {
  margin-bottom: 20px; /* Espace entre les groupes de champs */
}

/* Styles pour les labels */
.formulaire-devis label {
  color: #333;
  font-weight: bold;
  margin-bottom: 5px;
  display: block; /* Affichage en bloc pour que le label soit au-dessus du champ */
}

/* Styles pour les champs de saisie */
.formulaire-devis input[type="text"],
.formulaire-devis input[type="email"],
.formulaire-devis input[type="tel"],
.formulaire-devis input[type="number"],
.formulaire-devis input[type="date"],
.formulaire-devis textarea,
.formulaire-devis input[type="file"] {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 1em;
}

/* Styles pour le bouton de soumission */
.formulaire-devis input[type="submit"] {
  background-color: #005b96; /* Bleu */
  color: #ffffff;
  padding: 12px;
  border: none;
  border-radius: 4px;
  font-size: 1.2em;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

/* Styles pour le bouton au survol */
.formulaire-devis input[type="submit"]:hover {
  background-color: #004080; /* Bleu foncé */
}

/* Styles pour les groupes de cases à cocher */
.checkbox-group {
  display: flex;
  flex-wrap: wrap; /* Permet d'afficher plusieurs éléments sur une ligne */
  gap: 15px; /* Espace entre les cases à cocher */
}

/* Espacement des cases à cocher */
.checkbox-group input[type="checkbox"] {
  margin-right: 5px; /* Espace à droite des cases */
}

/* Espacement des labels des cases à cocher */
.checkbox-group label {
  margin-right: 20px; /* Espace entre le checkbox et le label */
}

/* Styles spécifiques pour les cases à cocher de couleur */
.color-checkbox-group label {
  display: flex;
  align-items: center; /* Aligne verticalement les éléments */
}

.color-checkbox-group input[type="checkbox"] {
  margin-right: 10px; /* Espace entre le carré et le label */
}

/* Styles pour les carrés de couleur */
.color-checkbox-group label::before {
  content: "";
  display: inline-block;
  width: 20px; /* Largeur du carré */
  height: 20px; /* Hauteur du carré */
  border: 1px solid #ccc; /* Bordure pour les carrés */
  border-radius: 4px; /* Coins arrondis pour les carrés */
}

/* Couleurs des carrés en fonction de l'option */
.color-checkbox-group input[type="checkbox"][value="Blanc"] + label::before { background-color: #ffffff; }
.color-checkbox-group input[type="checkbox"][value="Noir"] + label::before { background-color: #000000; }
.color-checkbox-group input[type="checkbox"][value="Rouge"] + label::before { background-color: #ff0000; }
.color-checkbox-group input[type="checkbox"][value="Bleu"] + label::before { background-color: #0000ff; }
.color-checkbox-group input[type="checkbox"][value="Vert"] + label::before { background-color: #00ff00; }
.color-checkbox-group input[type="checkbox"][value="Jaune"] + label::before { background-color: #ffff00; }/* End custom CSS */