form.demande-essai-vehicule {
max-width:500px;
display:block;
margin-left:auto;
margin-right:auto;
}













form.demande-essai-vehicule input {
    background-color: transparent; /* Fond transparent */
    border: none !important; /* Suppression des bordures par défaut */
    border-bottom: 1px solid black !important; /* Barre noire en bas */
    outline: none; /* Suppression de la bordure bleue lors de la mise au point (focus) */
    padding: 5px 0; /* Espace intérieur en haut et en bas pour la mise en forme */
    margin: 5px 0; /* Espace extérieur en haut et en bas pour la séparation */
    color: black; /* Couleur du texte */
}

/* Ajout d'un style lors de la mise au point (focus) des éléments input */
form.demande-essai-vehicule input:focus {
    border-bottom-color: #333; /* Assombrissement de la barre en bas lors de la mise au point */
}


/* Placeholder color styling */
form.demande-essai-vehicule input::placeholder { /* Standard */
    color: black;
    font-weight: bold; /* Texte en gras */
}
form.demande-essai-vehicule input::-webkit-input-placeholder { /* WebKit browsers */
    color: black;
    font-weight: bold; /* Texte en gras */
}
form.demande-essai-vehicule input::-moz-placeholder { /* Mozilla Firefox */
    color: black;
    font-weight: bold; /* Texte en gras */
}
form.demande-essai-vehicule input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: black;
    font-weight: bold; /* Texte en gras */
}
form.demande-essai-vehicule input::-ms-input-placeholder { /* Microsoft Edge */
    color: black;
    font-weight: bold; /* Texte en gras */
}



form.demande-essai-vehicule p {
margin-top:20px;
    font-weight: bold;
}


/* Style pour le bouton submit de la classe Simple_Newsletter_Widget */
form.demande-essai-vehicule input[type="submit"] {
    background-color: black; /* Fond noir */
    color: white; /* Texte en blanc */
    border: none; /* Suppression des bordures par défaut */
    padding: 10px 20px; /* Espace intérieur pour un meilleur rendu visuel */
    cursor: pointer; /* Curseur de type "main" lorsqu'on passe dessus */
    font-weight: bold; /* Texte en gras */
    transition: background-color 0.3s; /* Transition douce lors du changement de couleur */
    margin-top: 20px; /* Espace en haut pour la séparation */
    bottom: 0; /* En bas de son conteneur */
    right: 0; /* À droite de son conteneur */
    margin-left:auto;
    margin-right:auto;
    display:block;
    border: 1px solid grey !important; /* Barre noire en bas */
}

/* Style pour le bouton submit lors de la mise au point (focus) et du survol (hover) */
form.demande-essai-vehicule input[type="submit"]:hover,
form.demande-essai-vehicule input[type="submit"]:focus {
    background-color: black; /* Assombrissement du fond lors du survol et de la mise au point */
    color: white; /* Texte en blanc */
}



form.demande-essai-vehicule .simple_newsletter_read_condition {
text-align:center;
  text-decoration: underline;
  text-decoration: italic;
font-size:66.6% !important;
}

form.demande-essai-vehicule .simple_newsletter_conditions_detail {
text-align:justify;
  text-decoration: italic;
font-size:66.6% !important;
}







.demande-essai-vehicule-graphic-selector .dev_marque,.demande-essai-vehicule-graphic-selector .dev_modele {
    cursor: pointer;
    overflow: hidden;
}
.demande-essai-vehicule-graphic-selector .dev_marque div, .demande-essai-vehicule-graphic-selector .dev_modele div {
    width: 100%;
    bottom: 0;
    text-align: center;
}



.dev_marques_container #dev_marques_container {
/*    display:none;*/
}
.dev_modeles_container #dev_marques_container {
    display:none;
}
.dev_formulaire_essai #dev_marques_container {
    display:none;
}
























#dev_marques_container {
    display: block;
    justify-content: center;
    text-align: center; /* Centre le texte pour les titres */
}

.dev_marque:hover .dev_marque_img, .dev_marque:focus .dev_marque_img {
background-color:var(--main-yellow);
    border:1px var(--main-yellow) solid;
}
.dev_marque {
    display: inline-block;
    width: 250px;
    align-items: center; /* Centre horizontalement le contenu */
    text-align: center; /* Centre le texte pour les titres */

margin-left:10px;
margin-right:10px;
margin-bottom:20px;
}

.dev_marque_img img {
max-width: 100%;
  max-height: 100%;
}
.dev_marque_img {
    width: 250px; /* Ajuste la largeur de l'image pour remplir le conteneur */
    height: 157px; /* Ajuste la hauteur de l'image tout en conservant son ratio */
    padding:10px;
    border-radius: 10px;
    border:1px solid black;
  display: flex; /* Utilise flexbox pour aligner les éléments enfants */
  justify-content: center; /* Centre horizontalement l'enfant (dans ce cas, l'image) */
  align-items: center; /* Centre verticalement l'enfant */
}

.dev_marque_title {
    width: 100%; /* Assure que le titre occupe toute la largeur du conteneur */
    overflow: hidden; /* Empêche le débordement du texte */
    white-space: nowrap; /* Empêche le texte de passer à la ligne */
    text-overflow: ellipsis; /* Ajoute des points de suspension si le texte est trop long */
}





#dev_modeles_container {
    display: block;
    justify-content: center;
    text-align: center; /* Centre le texte pour les titres */
}

.dev_modele {
    display: inline-block;
    width: 250px;
    align-items: center; /* Centre horizontalement le contenu */
    text-align: center; /* Centre le texte pour les titres */

margin-left:10px;
margin-right:10px;
margin-bottom:20px;
}
.demande-essai-vehicule-style_automobileactu .dev_modele:hover .dev_modele_img, .demande-essai-vehicule-style_automobileactu .dev_modele:focus .dev_modele_img {
/*background-color:var(--main-yellow);*/
    border:3px var(--main-yellow) solid;
}
.demande-essai-vehicule-style_myutilitaire .dev_modele:hover .dev_modele_img, .demande-essai-vehicule-style_myutilitaire .dev_modele:focus .dev_modele_img {
/*background-color:var(--main-yellow);*/
    border:3px var(--main-blue-color) solid;
}


.dev_modele_img img {
max-width: 100%;
  max-height: 100%;
}
.dev_modele_img {
  display: flex; /* Utilise flexbox pour aligner les éléments enfants */
  justify-content: center; /* Centre horizontalement l'enfant (dans ce cas, l'image) */
  align-items: center; /* Centre verticalement l'enfant */
    width: 250px; /* Ajuste la largeur de l'image pour remplir le conteneur */
    height: 157px; /* Ajuste la hauteur de l'image tout en conservant son ratio */
    padding:10px;
    border-radius: 10px;
    border:1px solid black;
}

.dev_modele_title {
    width: 100%; /* Assure que le titre occupe toute la largeur du conteneur */
    overflow: hidden; /* Empêche le débordement du texte */
    white-space: nowrap; /* Empêche le texte de passer à la ligne */
    text-overflow: ellipsis; /* Ajoute des points de suspension si le texte est trop long */
}


.demandeessaivehicule {
text-align:center;
text-decoration: underline;
}

.demandeessaivehiculepopupConditions {
display:none;
}

#dev_retour_marques {
margin-bottom:15px;
}


.widget .widget_dev_demande_essai_widget.demande-essai-vehicule-style_automobileactu {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
	background-attachment: scroll;
	background-image: url(/wp-content/plugins/demande-essai-vehicule/img/background-demande-essai-vehicule-automobileactu.png);
	background-clip: padding-box;
}




/*    consent_lists    */
form.demande-essai-vehicule .consent_lists {
font-size:66.6% !important;
line-height: 1.2 !important;
}
form.demande-essai-vehicule .consent_lists p {
  font-weight: bold inherit !important;
}
form.demande-essai-vehicule .consent_lists input {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}