 html{

    width: 100%;
    height: auto;
    margin: 0px !important;
    padding: 0px !important;
    overflow-x: hidden; 
}

body{
  width: 100%;
    height: auto;
    margin: 0px !important;
    padding: 0px !important;
    overflow-x: hidden; 
}


/*------------------Debut Paiement------------------*/

.background{
    background: linear-gradient(90deg, rgba(91,151,230,0.8) 69%, rgba(188,207,231,0.8) 100%),url(/img/back00.jpg);
    width: 100%; 
    height: 100%;
    /* background-repeat: no-repeat; */
    background-size: 100%;
    background-position: center;
    position: relative;
}
/*.background::before {
    content: "";
    background-color: linear-gradient(to right, rgb(86,146,222) / 40% , rgb(178,202,232) / 40%);
    /*rgb(0 0 0 / 30%);*/
   /* position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}*/


.background h5{
    text-align: center;
    /*vertical-align: middle;
    line-height: 200px;*/
    padding: 6%;
    color:  white;
    font-family: montserrat;
    font-size: 27px;
 
}

.paiement{
  margin: auto;
  text-align: center;
  padding: 1%;
 
}
.active{
    font-family: montserrat;
    margin: auto;
    text-align: center;
    padding: 3% 13%;
    background-color: #F7F7F7;
    height: 100%;
}
.paie{
    margin-bottom: 40%;
    background-color: #FEFEFE;
    padding: 10% 12% 14%;
    border-top: 3px solid #57A0FB;
    box-shadow: 0px 14px 25px grey;
}

@media(max-width:  425px){
  .paie{
    margin-bottom: 6%;
  }
}

.paiement button{
  color: white;
    background-color: #009BA2;
    border: none;
    padding: 2% 8%;
    border-radius: 10px;
    margin-top: 7%;
    cursor: pointer;
}
.active button{
  background-color: #2196f3 !important;
}
/*-------------------Fin Paiement------------------*/

.formulaire1{
  /*border: 2px solid ;*/
  padding: 2% 4% !important;
  text-align: left;
  /*background-color: #EEF1F1;*/
}
.formulaire1 input{
  border: 1px solid #9CD8DA;
}
@media (max-width: 1024px){
  .formulaire1 form{
    padding: 0 1% !important;
  }
}
/*.formulaire1 h4{
  margin-bottom: 5%;
}*/
.formulaire1 input{
  padding: 2%;
  margin: 3px 3px;
  border: 1px solid #65A7EA;
}
.formulaire1 button{

  float: left;
  color: #65A7EA;
  background-color: black;
  padding: 1% 8%;
  border-radius: 12px;
  margin-top: 2px;

}

.btn-envoyer1{
    font-weight: 600;
    /*text-decoration: underline;*/
    font-size: 20px;
    cursor: pointer;
    color: #65A7EA;
    /*background-color: #009ba2;*/
    padding: 1% 5% !important;
    border-radius: 12px;
    margin-top: 2% !important;
}
.img-all{
    padding-top: 6%;
  /*padding-left: 30px !important;*/
}


.iam1{
    width: 2.5%;
    position: relative;
    right: 39%;
    /* bottom: -1%; */
    margin-left: 0%;
    height: 100%;
    top: 12px;
}
 @media only screen and (max-width: 768px) {
  .iam1{
    width: 4%;
    right: 34%;
    top: 10px;
  }
 }

  @media only screen and (max-width: 425px){
    .iam1{
      width: 7%;
      right: 24%;
    /* bottom: -1%; */
      height: 100%;
    }
  }
  @media only screen and (max-width: 375px){
    .iam1{
      width: 8%;
      right: 20%;
    /* bottom: -1%; */
      height: 100%;
    }
  }
.btnagenda1 {
    text-decoration: underline;
    display: block !important;
    margin: auto !important;
    font-size: 1.4em !important;
    border-radius: 18px !important;
    padding: 0.2em 1.2em !important;
    background-color: #009BA2 !important;
    border-color: #009BA2 !important;

}

.btnagenda1:hover{
  text-decoration: underline !important;
}

.select2-selection__rendered{
  text-align: left;
}

