.banniere {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-size: cover;
    background-position: center;
    min-height: 600px;
    padding: 150px 10% 50px;
    height: calc(100vh - 200px);
    align-items: center;
}

.banniere .texte {
    width: 35%;
    color: white;
    height: max-content;
}

.banniere h1 {
    margin: 30px 0;
    color: white;
}

.banniere h2 {
    margin-bottom: 30px;
    font-size: 30px;
}

.banniere .reserver p {
    color: var(--color-gris-5);
  }

.banniere .texte .noir {
    color: var(--color-gris-5) ;
    text-transform: uppercase;
}
.banniere .texte p {
    color: white;
}

.banniere .reserver {
    width: 40%;
    padding: 50px;
    text-align: center;
    height: max-content;
background-color: white;
border-radius: 20px;
}

.banniere .vert {
    color: var(--color-vert-2);
    font-size: 30px;
}

.banniere .service-banniere {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 30px;
}

.banniere .option_button {
    border: 1px solid var(--color-vert-2);
    border-radius: 40px;
padding: 8px 15px;
    color: var(--color-vert-2);
    background-color: white;
    margin: 5px;
    display: flex;
align-items: center;
}

.banniere .option_button img {
margin-right: 10px;
}

.banniere .option_button.checked {
    background-color: var(--color-vert-2);
    color: white;
}

.banniere .option_button .cocher {
    display: none;
}

.banniere .option_button.checked .cocher {
    display: block;
}

.banniere .option_button.checked .base {
    display: none;
}

.banniere .valider {
    width: 100%;
    background-color: var(--color-gris-5);
    color: white;
    border-radius: 40px;
    margin-top: 30px;
    padding: 10px;
}

.banniere button.valider {
    width: 100%;
    background-color: var(--color-gris-5);
    color: white;
    border: none;
    border-radius: 20px;
}
.banniere button.valider.disabled_button
{
  cursor:not-allowed;
}
.banniere .reseaux {
    position: absolute;
    bottom: 5vh;
    left: 10%;
    display: flex;
    flex-direction: column;
    width: max-content;
}

.banniere .reseaux img {
    width: 50px;
    height: 50px;
}

.banniere .reseaux hr {
    border: none;
    height: 2px;
    background-color: black;
    width: 100%;
    margin: 12px 0;
}

section.banniere .fleche-bas {
    position: absolute;
    left: calc(50% - 16px);
    cursor: pointer;
    animation-name: mouvement;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
section.banniere .fleche-bas img
{
  height: 36px;
  width:32px;
}
@keyframes mouvement {
    from {
        bottom: 10px;
    }
    to {
        bottom: 5px;
    }
}

/* banniere.css | https://homexservices.fr/wp-content/themes/AFR-EXPERT/asset/css/partials/Accueil/banniere.css?ver=1.0 */

.banniere .option_button img {
  height: 31px;
  width: 31px;
}

/* Élément | https://homexservices.fr/ */

.etat > img:nth-child(1) {
  height: 25px;
  width: 21px;
}

/* Élément | https://homexservices.fr/ */

.etat > img:nth-child(2) {
  height: 25px;
  width: 21px;
}

/*
*
*
*
* MEDIA
*
*
*
*
*/

@media screen and (max-width: 1300px) {
    .banniere {
        padding: 150px 5% 50px;
        }
    }
@media screen and (max-width:1024px)
{
  /* banniere.css | https://homexservices.fr/wp-content/themes/AFR-EXPERT/asset/css/partials/Accueil/banniere.css?ver=1.0 */


  .banniere .reserver {
    padding: 30px;
  }
}
@media screen and (max-width:650px)
{
  /* banniere.css | https://homexservices.fr/wp-content/themes/AFR-EXPERT/asset/css/partials/Accueil/banniere.css?ver=1.0 */

  section.banniere .fleche-bas {
    display:none;
  }


}