.bottom{
    margin-bottom:20px;
}
.btn{font-size:16px !important;}

.white{color:#fff !important;}
.bg-agence{
  background: url("/img/bg_agence2.webp") no-repeat center;
  background-size: contain;
  height: 400px;
}

.mr-20{
	margin-right: 20px;
}

.bg_infos{
  background: url('/img/background.webp');
}

.bg_agences{
  background: url('/img/bg_agence2.webp') center no-repeat;
  height: 400px;
 
}

.bg_agenceng{
  background: url('/img/bg_agenceEng.webp') center no-repeat;
  height: 400px;
 
}

.bandeau_agence{

  height: 400px
}


.bandeau_agence-tab{

  height: 296px
}
.select2-selection{

  background-color: #000 !important;
  color:#fff;
  font-weight: bold;
  text-transform: uppercase;
}



.titre_agence{

  color:#fff;
}


.text-primary a:hover{
  color:#08843e !important;

}

.icone_agences{
  position:absolute;
  top:5px;
}


.form-agence{
  background-color:#000 !important;
  color:#fff;
  width:100%;
}

.btn-agence{
  background-color:#fce535;
  color:#000;
  padding:8px;
}
.card{
	background-color: white;
	border-style:solid;
	border-radius: 5px;
	border-width: 2px;
	border-color: #008D4F;
	margin:20px 0;
}
.card-header{
	padding: .5rem 1rem;
    margin-bottom: 0;
	border-bottom: 1px solid rgba(0,0,0,.125);
}
.card-body{
	flex: 1 1 auto;
    padding: 1rem 1rem;
}
.iframe
{
position: relative;
}

.iframe iframe
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media screen and (min-width: 1024px)
{

  .titre_agence{
  position: absolute;
  top:17px;
  font-size: 25px;
  font-weight: normal;
 left:10px;
 color:#000;
}

.formulaire-agence{
  position:absolute;
  bottom:55px;
  left:78px;
  width: 322px;
 
 
}

.agenceform2{
  width:325px;
  height:40px !important;
  margin:0px !important;
}
.agencebtn2{
  width: 50px;
  padding:0px;
  border-radius: 0;
  border-width:2px;
  font-size: 18px !important;
}



  }


@media screen and (max-width: 1024px){

  .bg_agences{
  background: url('/img/bg_agence-tab.webp') center no-repeat;
  height:296px;
 
}

.title{
  display: none;
}


  .bg_agence-tab{
  background: url("/img/bg_agence-tab.webp") no-repeat center;
  background-size: contain;
  height: 296px;
}

 .titre_agence{
  position: absolute;
  top:3px;
  font-size: 19px;
  font-weight: normal;
 left:10px;
 color:#000;
}

.formulaire-agence{
  position:absolute;
  bottom:94px;
  left:73px;
  width: 152px;
 
 
}

.form-agence{
  width: 155px;
}

.btn-agence{
 position: relative;
 left:159px;
 bottom:53px;
 padding:11px;
}


.pswp{
  display:none;
}

.select2{
  display:none;
}


}


@media screen and (max-width: 768px){


 .bg_agence-tab{
  background: url("/img/bg_agence-tab.webp") no-repeat center;
   background-size: contain;
  height: 296px;
}


.titre_agence{
  position: absolute;
  top:32px;
  font-size: 14px;
  font-weight: normal;
 left:20px;
 color:#000;
}

.formulaire-agence{
  position:absolute;
  bottom:43px;
  left:65px;
  width: 232px;
 
 
}

.form-control {
  height: 34px;
  line-height:14px;
  padding:7px;
  }

.form-agence{
  width: 135px;
 

}

.btn-agence{

  padding:1px;
  font-size: 10px !important;
  position: relative;
  left:138px;
  bottom:32px;

}

select{padding:10px;}


.select2{
  display:none;
}

  }