footer{
    width: 100%;
    margin: 0px auto;
    display: block;
    clear: both;
    /* overflow: hidden; */
    position: relative;
    margin-top: 100px !important;
}
.FooterBottom .Item {
    display: inline !important;
    float: left !important;
}

.ContentFooterTop{
    width: 90%;
    margin: 0px auto;
    background:rgba(0,0,255,09);
    padding: 30px 0px;
    box-shadow: 1px 1px 12px #aaa;
    position: absolute;
    left: 5%;
    top: -50px;
}
.MapsFooter iframe {
    width: 100%;
}
.footerTitreTop {
    color: #fff;
    text-align: center;
    font-size: 24px;
    font-family: 'Bodoni';
    margin-bottom:30px
}

.ContentFooterTop{
    width: 90%;
    margin: 0px auto;
    background:rgba(0,0,255,09);
    padding: 30px 0px;
    box-shadow: 1px 10px 12px #aaa;
    position: absolute;
    left: 5%;
    top: -50px;
    font-size: 14px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
}
.ContentFooterTop a{
  color: #fff;
  text-decoration:none;    
}
.ContentFooterTop a:hover{
    text-decoration:underline;
}
.FooterBottom {
    display: block;
    width: 100%;
    clear: both;
    background: #252525;
    padding: 30px 0px;
    overflow: hidden;
    display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
 
}
.FooterBottom .Item {
    display: inline !important;
    float: left !important;   
}
.logoFooter img {
    width: 120px;
    margin: auto;
    text-align: center;
}

.logoFooter {
    display: table;
}
.copyright {
    color: #c3c3c3;
    font-size: 12px;
    text-align: right;
}
.copyright a{
    color: #c3c3c3; 
}
.ListResauSociauxFooter   {
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -ms-flex-align: center;
 -webkit-align-items: center;
 -webkit-box-align: center;
 align-items: center;
 justify-content: flex-end;
 margin-bottom: 25px;
 margin-left: 30px;
}
.ListResauSociauxFooter a {
    color: #c3c3c3;
    font-size: 18px;
    margin-left: 5vw;
}
@media screen   and (max-width:767px)  {
.ContentFooterTop{
    width: 100%;
}
footer {
 
    margin-top: 30px !important;
}

.ContentFooterTop{
 
    position: relative;
    left: 0%;
    top: 00px;
    overflow: hidden;
}
.ListResauSociauxFooter {
    justify-content: center;
    margin-bottom: 25px;
    margin-left: 25px;
    margin-right: 25px;
}
.copyright {

    text-align: center;
}
}
.FooterBottom li {
    float: left !important;
    width: auto !important;
}
.FooterBottom li a {
   color:#c3c3c3;
font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}