footer .footer-haut{
	background-color: #8b9996;
}
footer .footer-haut .btn-1{
	margin: 10px 15px; 
}

.footer-haut__titre {
  font-family: Optima;
  font-size: 1.2rem;
  color: #fff;
  margin-bottom: 0.5rem;
  line-height: 1.2;
}
#footer-contact:before {
  content : "";
  position: absolute;
  left    : 25%;
  top  	  : 1px;
  height  : 1px;
  width   : 50%;  /* or 100px */
  border-bottom:1px solid #fff;
}
#footer-contact:after {
  content : "";
  position: absolute;
  left    : 25%;
  bottom  : 0;
  height  : 1px;
  width   : 50%;  /* or 100px */
  border-bottom:1px solid #fff;
}

footer .footer-bas{
  background-color: #213047;
}

.footer-bas__titre{
  margin-bottom: 40px;
  display: inline-block;
  vertical-align: middle;
  padding: 0 20px; 
  font-family: "Optima";
  color: #fff;
  font-style: italic;
  line-height: 1.2;
  font-size: 2rem;
}
footer hr{
  width: 5%;
  display: inline-block;
  border-color: #fff;
  vertical-align: super;
}

@media (max-width: 575px) {
  .footer-bas__titre{
    font-size: 21px;
  }
}

@media (min-width: 992px) { 

  #footer-contact:before {
    content : "";
    position: absolute;
    left    : 0;
    top  	  : 20%;
    height  : 60%;
    width   : 1px;  /* or 100px */
    border-left:1px solid #fff;
  }
  #footer-contact:after {
    content : "";
    position: absolute;
    right    : 0;
    left: 99%;
    top  	  : 20%;
    height  : 60%;
    width   : 1px;  /* or 100px */
    border-right:1px solid #fff;
  }
}

@media (min-width: 992px) { 
	.footer-bas__titre{
		font-size: 28px
	}
	footer hr{
		width: 15%;
	}
}

.logo{
	height: 65px;
	margin-bottom: 20px;

}
footer img.social-media{
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 40px;

}
footer a {
	color: white;
  font-size: 0.8rem;
}
@media (min-width: 576px){
  footer a {
    font-size: 1rem;
  }
}

footer ul{
	list-style-type: none; 
}