.containers_menu{
    flex-wrap: wrap;
    align-items: center;
    flex: 50%;
    margin-top:20vh;
    gap:3vw;
}
.menu{
  width:60vw;
  height:60vw;
}
.menu p{
  font-size:5vw;
}
.deconnexion p{
  font-size: 3vw;
}
.deconnexion img{
  width: 3vw;
}
.connection{
  width:80vw;
}
.connection p{
  font-size:3.5vw;
}
.connection input{
  height:5vh;
}
#saveCookie{
  height:2.5vh;
}
.alignElement label{


    font-size: 3vw;
}
.connection input[type=submit]{
  width:50%;
  height:10vh;
  font-size: 4vw;
  margin-left:25%;
}
.infoBontravail{
  flex-direction: column;
  gap:0;
  align:left;
}
.infoBontravail p{
  font-size:2.5vw;
}
.buttonSuivant{
  width:60%;
  margin-left:20%;
  height:6vh;

}
.buttonSuivant p{
  font-size: 3vw;
}
.headerBonTravail div{
  height:8vh;
}
.headerBonTravail p{
  font-size:1.9vw;
  font-weight: 500;
}
.infoLeft img {
    width: 4vw;
    height: 4vw;
}
#patienterGif{
  width:100%;
}
.containersDeletePlaque img {
    width: 60vw!important;

}
.imgPreview {
  width: 20vw;
  height: 20vw;
}
.button_acceuil{
  border-radius: 1vw;
}
.button_acceuil img{
  width:3vw;
}
.button_retour p {

    font-size: 2vw;
}
.immatriculation p {
font-size:4vw;
}
.feuille_de_route {
    width: 98%;
  }
  .containers_immatriculation {
    justify-content: center;
  }
  .popUpSL,#PopUp_Download{
    height:40%!important;
  }
  #PopUp_Download .buttonDownload{
    width:60%;
    height:20vh;
    font-size:5vw;
    margin-left:20%;
  }
  .title_page_header{
    font-size:4vw;
  }
  #plaqueSL{
    font-size:5vw;
  }
.button_acceuil p{
  font-size: 3vw;
}
.buttonAddPlaque p{
  font-size: 3vw;
}
.immatriculation{
  width:25vw;
}
.textImmat{
  font-size:4vw!important;
}
.circleImmatriculation1,.circleImmatriculation2,.circleImmatriculation3{
  width:2.3vw;
  height:2.3vw;
margin-right:-.8vw;
}
.circleImmatriculation1 p, .circleImmatriculation2 p, .circleImmatriculation3 p{
  font-size: 2vw;
}
.circleImmatriculation1{
  margin-top:-28%;
}
.circleImmatriculation2{
  margin-top:-17%;
}
.circleImmatriculation3{
  margin-top:-6%;
}
.buttonBig{
  width:70%;
  height:9vh;
  margin-left:15%;
  margin-bottom:4vh;
}
.buttonBig p{
  font-size:4vw;
}
.textAlert{
  font-size:5vw;
}
#myProgress, #myBar{
  height:10vh;
}
#myBar{
  line-height: 10vh;
  font-size: 6vw;
}
.popUp{
  width:90%;
  margin-left:5%;
  margin-top:-5vh!important;
  height:90%;
  overflow-y: auto;
}

.cross{
  width:8vw;
}
.listVehicule{
  justify-content: center;
  gap:3vw;
}
.listVehicule div {
width:30vw;
height:30vw;
}
.listVehicule div img{
  width:80%;
}
.listVehicule div p{
  font-size: 4vw;
}
.titlePopUp{
  font-size:4vw;
  margin-top: -4vh;
}
#planning_info{
  height:40vh;
}
.infoRight input, .infoLeft input{
  font-size: 2.5vw;
}
.containersImmatriculation{
  flex-direction: column;
    align-items: center;
}
.vehiculeBig{
  width:50vw;
  height:50vw;
}
.vehiculeBig img{
  width:80%;
}
.alignTop{
  flex-direction: column;
    align-items: center;
}
.alignTop input{
  width:55vw;
  height:5vh;
  font-size:5vw;
}
.circleIED{
  margin-left:0;
}
.circleIED label{
  width:15vw;
  height:15vw;
  font-size: 5vw;
}
.alignVerticalImmat p{
  font-size:3vw;
  margin-top:1vh;
}
.errorMessage{
  text-align: center;
  font-size: 5vw;
}
.buttonError{
  width:80%;
  font-size:4vw;
  margin-left:10%;
}
.plaqueSupprimer{
  width:70%;
}
.plaqueSupprimer p{
  font-size: 5vw;
}
.containersDeletePlaque button{
  width:70%;
  font-size: 4vw;
  border-radius: 1vw;
}
#semaineSuivante{
  width:80%;
  margin-left:10%;
  height:8vh;
  margin-top:3vh;
  font-size:4vw;

}
#addClientSelect{
  width:70%;
  margin-left:15%;
  height:4vh;
}
#buttonNewClientBDT{
  width:70%;
  margin-left:15%;
  height:6vh;
}
.planning_day{
  flex-wrap: nowrap;
      gap:0vw;
}
.planning_all{
  flex-direction: column;
}
.planning_block{
  width:60vw;
  height:60vw;
    box-shadow:0 20px 20px rgba(0,0,0,.4);
}
.planning{
  height:auto;
  margin-bottom: 3vh;
  padding-bottom:3vh;
  margin-top:2vh;
}
.planning_info_div{
  width:80%;
  left:10%;
  height:50vh;
  top:25vh;
}
.bon_travail_start{
  width:80%;
  height:15vh;
  margin-left:10%;
  margin-top:-2vh;
}
.bon_travail_start p{
  line-height: 15vh;
}
.adress{
  align-items: center;
  gap:2vw;
}
.planning_margin{
  align-items: center;
}
.client{
  width:30vw;
  height:30vw;
  box-shadow:0 20px 20px rgba(0,0,0,.4);
}
.list_client{
  gap:3vw;
  justify-content: center;
}
.iframe_feuilles_de_route embed{
  margin-top:5vh;
}
.title_page{
  font-size: 3vw;
}

.part2IED p{
  font-size: 2.5vw;
  padding:0;
  padding-right:.3vw;
  padding-left:.3vw;
  background:#C9C9C9;
}

.gridPSelection{
  flex-direction: column;
    align-items: center;
}
.gridPSelection .buttonClient{
  width:50vw;
  height:50vw;

}
.gridPSelection .buttonClient p {
    font-size: 6vw;
}
.planning_info_div{
  top:10vh;
  height:85vh;
}
[id^=DescriptifinfoPlanning_]{
  font-size:5vw;
}
#addClientSelect{
font-size:4vw;
}
.popUPMobile{
  height: auto!important;
}
.historyLavage{
  margin-top:0vh;
  width:80%;
  margin-left:10%;
  height:auto;
  border: .5vw solid rgba(143,172,193,1);
  max-height:30vh;
  overflow-y: auto;
}
.historyLavage span{
  display:flex;
justify-content: center;
}
#paragraph_history{
  text-align:left;
}