footer ul li nav{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
}

footer ul li nav a{
	margin: 0 10px 0 0;
}

footer ul li nav img{
	width:75%;
}

#top-footer{
	margin: 100px 12.5% 0px;
	padding: 50px 10%;
	display: flex;
	justify-content: space-around;
	background-color: #fff;
	border-radius: 30px;
	position: relative;
}

#colone-top-footer1,#colone-top-footer2{
	margin: auto;
}

#colone-top-footer1{
	width:47%;
	margin-left:2%;
}

#colone-top-footer1 h3{
	margin-bottom:10px;
}

.help-faq{
	color: #00B7F1!important;
	font-style: normal;
	font-weight: 700;
	font-size:1.1em!important;
}

#colone-top-footer2 figure, #colone-bottom-footer-gauche ul li{
	display: flex;
	color:#4c4c4c;
	font-family: 'raleway',sans-serif;
	/*font-size: 1vw;//*/
	font-weight:500;
	margin-bottom: 10px;
}

#colone-top-footer2 img{
	width: 1.5vw;
}
#colone-top-footer2 figcaption{
	margin:auto;
	margin-left:5% ;
}

#bottom-footer{
	width: 100vw;
	margin-top: -100px;
	padding: 150px 12.5vw 50px;
	background-color: #F4F9EC;
	position: relative;
	z-index: 3;
}

#bottom-footer figure{
	width: 25%;
}

#colone-bottom-footer-gauche{
	width:65%;
}

.address{
	line-height: 28px;
}
/* -------------------------------- responsiv -------------------------------- */
/* -------------------------------- responsiv -------------------------------- */
/* -------------------------------- responsiv -------------------------------- */
/* -------------------------------- responsiv -------------------------------- */

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

#colone-top-footer1, #colone-top-footer2{
  margin:0px;
}

#colone-top-footer2{
  margin-top:25px;
}

#colone-top-footer2 img {
    width: 2.5vw;
}

#colone-top-footer2 button{
  margin-top: 25px;
}

#bottom-footer {    
    margin-top: -200.5px;
    padding: 250px 12.5vw 50px;
}

#bottom-footer{
  flex-direction: column-reverse;
}

#bottom-footer figure{
  width: 40%;
  margin:25px 30% 0px;
}

#colone-bottom-footer-gauche{
	width:100%;
}
/* --- */
}

/* ---------- mobile paysage ---------------- */
/* ---------- mobile paysage ---------------- */
/* ---------- mobile paysage ---------------- */

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

#colone-bottom-footer-gauche{
 	flex-direction: column-reverse;
 }

 #colone-bottom-footer-gauche ul{
 	margin-bottom: 25px;
 }

#bottom-footer figure {
    width: 50%;
    margin: 25px 0% 0px;
}

#top-footer{
	margin: 50px 5.5% 0px;
}
/* --- */
}
/* ---------- mobile portrait ---------------- */
/* ---------- mobile portrait ---------------- */
/* ---------- mobile portrait ---------------- */

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

#colone-top-footer2 img{
	display: none;
}

#colone-bottom-footer-gauche ul {
    margin-bottom: 10px;
}

#bottom-footer figure{
	width:100%;
}
/* --- */
}