*{
	margin: 0;
	padding: 0;
}
.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/*--- Navigation--*/
#nav-bar{
	position: sticky;
	top: 0;
	z-index: 10;
	height: 50px;
	width: 100%;
}
.navbar-brand img{
	height: 50px;
	padding-left: 30px;
}
.navbar-nav li{
	padding: 0 30px; 
}
.navbar-nav li a{
	float: right;
	text-align: left;
}
#nav-bar ul li a:hover{
	color:  #18bc9c!important;
}
.navbar{
	background: black;
	color: white;
}
.navbar-toggler{
	border: none!important;
}
.nav-link{
	color: #fff!important;
	font-weight: 600;
	font-size: 16px;
}

.container{
	margin-top: 100px;
	text-align: center;


}
#avis a{
  border-width: medium;
  border-radius: 0;
  text-transform: uppercase;
  font-size: 1.2rem;
  padding: .6rem 1.2rem;
  margin: 1rem;
  color: white;
  background-color: #A8CF46;
  border-color: #1ebba3;  
  margin-bottom: 40px;
  margin-bottom: 50px;
}
#avis a:hover{
  background-color: #189582;
  border-color: #189582; 
}
#avis{
	background-color: #273746;
	color: white;
}
#avis h2{
	margin-top: 50px;
}

#contact h2{
	text-align: center;
	padding-bottom: 10px;
}
#contact h2::after{
	content: '';
	background: black;
	display: block;
	height: 3px;
	width: 170px;
	margin: 20px auto 5px;
}

.container .col{
	padding-bottom: 50px;
}
#contact label{
	display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;

}
#contact .btn-primary{
	margin-bottom: 30px;
}
/**---Clients commentaires ---*/
.jumbotron{
  margin-bottom: 0;
  padding: 2rem 0 3.5rem;   .
  border-radius: 0;    
}
h3.heading{
    font-size: 1.9rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 1.9rem;
}
.heading-underline{
    width: 3rem;
    height: .2rem;
    background-color: #1ebba3;
    margin: 0 auto 2rem;
}
.svg-inline--fa{
  color: #1ebba3;
}
.clients img{
  width: 100%;
  border-radius: 50%;
}
blockquote .svg-inline--fa {
  color: #1ebba3;
  margin: 1rem;
}
.clients-hr{
  border-top: .05rem solid #1ebba3;
}
/*--- contact section--*/

}
@media (max-width: 767px) {
  .caption h1{
  font-size: 2.3rem;
  letter-spacing: .15rem;
  padding-bottom: .5rem;
}
.caption h3{
  font-size: 1.2rem;
  padding-bottom: 1.2rem;
}
.btn-lg{
  padding: .5rem 1rem;
  font-size: 1rem;
} 
.narrow h1{
  font-size: 1.5rem;
}
.clients img{
  max-width: 50%;
  display: block;
  margin: 0 auto; 
}
}
#clients{
	margin-bottom:0px;
}
.jumbotron .commentaire{
	margin-top: 80px;
}

.jumbroton .form-control{
	width: 70%;
}
.jumbotron .commentaire h5{
	text-align: center;
}

/*---Footer---*/

footer{
  background-color: #40474e;
  color:white;
  padding: 2rem 0 2rem;
  margin-top: -2rem;
}
footer #footerlogo{
  height: 3rem;
  margin: 1.5rem 0;

}
footer img{
	height: 6rem;
}
footer a {
  color: white;
}
footer svg.svg-inline--fa{
  font-size: 1.6rem;
  margin: 1.2rem .5rem 0 0;
}
footer svg.svg-inline--fa:hover{
  color: #1ebba3!important;    
}
hr.socket{
  width: 100%;
  border-top:.2rem solid #666b71;
  margin-top: 3rem;
}