#footer{
	background-color:#FFF;
	position:relative;
	width:100%;
	border-top:3px #E4499E solid;
	box-shadow:0px 0px 5px 5px rgba(0,0,0,0.25);
}

#footer .content{
	position:relative;
	margin:0 auto;
	text-align:center;
	font-family: geliat-extra-light;
font-weight:bold;
}

#footer .content .logo,
#footer .content .lien-contact,
#footer .content nav{
	position:relative;
	display:inline-block;
	vertical-align:top;
	text-align:left; 
	margin:0 25px;
}

#footer .content .lien-contact{
	margin:0 25px;
}
 
#footer .content .logo
{   
   position: relative;
    background-image: url(/themes/c2services/images/footer/logo.png);
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 160px;
    width: 360px;
    cursor: pointer;
    z-index: 1;
    margin: 0;
}

#footer .content .logo .community
{
	position:absolute;
	bottom: -35px;
    	left: 50%;
    	transform: translate(-50%, 0);
}
#footer .content .logo .community .icon{
	position:relative;
	display:inline-block;
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
	width:40px;
	height:40px;
	opacity:0.8;
}
#footer .content .logo .community .icon:hover{
opacity:1;
}
#footer .content .logo .community .icon.facebook{
	background-image:url('/themes/c2services/images/footer/community/facebook-50x50.png');
}

#footer .content .logo .community .icon.instagram{
	background-image:url('/themes/c2services/images/footer/community/instagram-50x50.png');
	margin-left: 10px;
}

#footer .content h2{
	color:#E4499E ;
	font-size: 18px;
    margin-bottom: 10px;
font-family: geliat-extra-bold;
}

#footer .content nav ul.menu{
	margin-left:0;
	margin-top:0;
	font-size: 15px;
}

#footer .content #block-footermenu{
position:relative;
}
#footer .content #block-plandusite ul.menu,
#footer .content #block-footermenu ul.menu 
{
	position:relative;
	list-style:none;
	padding:0;
	margin:0;
    max-width: 230px;
}

#footer .content #block-footermenu ul.menu li.icon{
	position:relative;
	height:22px;
	background-repeat:no-repeat;
	background-size:contain;
   	padding-left: 35px;
    	margin-bottom: 15px;
}
#footer .content #block-plandusite ul.menu li{
	margin-bottom: 5px;
}
#footer .content #block-plandusite ul.menu a,
#footer .content #block-footermenu ul.menu li.icon a,
#footer .content #block-footermenu a{
color:#0082C0;
text-decoration:none;
}
#footer .content #block-plandusite ul.menu a:hover,
#footer .content #footer-menu a:hover,
#footer .content #block-footermenu ul.menu li.icon a:hover{
   color:#E4499E;
}

#footer .content #block-footermenu ul.menu li.icon.phone{
	background-image:url('/themes/c2services/images/footer/picto/phone.svg');
bac
}

#footer .content #block-footermenu ul.menu li.icon.location{
	background-image:url('/themes/c2services/images/footer/picto/location.svg');
	
}

#footer .content #block-footermenu ul.menu li.icon.mail{
	background-image:url('/themes/c2services/images/footer/picto/contact-mail.svg');
	
}

#footer #block-copyright
{
    font-size: 13px;
    color: #E4499E;
    position: relative;
    padding: 5px 0 0;
   font-family:arial;
    background: #F6F6F6;
    margin-top: 10px;
font-weight: normal;
}

#footer #block-copyright a
{
text-decoration:none;
color:#0082C0;
}

#footer #block-copyright a:hover{
color:#E4499E;
}

@media screen and (max-width: 850px)
{
	#footer .content .logo{
		height:120px;
		width:220px;
	}
}

@media screen and (max-width: 710px)
{
	#footer .content .logo{
		height: 160px;
   		 width: 360px;
		display:block;
		margin: 0px auto 50px;
	}
	#footer .content nav
	{
		display:block;
		margin: 0 auto;
	}
	#footer .content nav h2{
		text-align: center;
		margin: 0;
		padding: 20px;
		color: #FFF;
	}
	#footer .content nav h2#block-footermenu-menu{background-color:#E4499E}
	#footer .content nav h2#block-plandusite-menu{background-color:#346F4A}
	#footer .content nav ul.menu{
		margin:20px auto 50px!important;
		font-size: 20px;
		max-width: 70%!important;
		display:none;
	}
	#footer #block-copyright
	{
		margin-top:0;
		font-size: 18px;
	}
}
@media screen and (max-width: 640px)
{
	#footer .content nav ul.menu{
	font-size: 18px;
max-width: 80%!important;
	}
#footer #block-copyright{
font-size: 14px;
}
}