/*
	HK28 13/12/2017
	
	Styles pour la barre de navigation
	
	Dans ce fichier :
		- GLOBAL
		- Partie Réseaux Sociaux
		- Partie principale du footer
		- Partie inférieur du footer (Liens importants)
	
*/
footer{
	margin-top:6em;
	position:relative;
	background-color:#0c1a1e;
	font-family:'Open Sans', sans-serif; 
}
.footer_title{
	margin-bottom:22px;
	font-weight:bold;
	font-size:21px;
	color:#d9d6d6;
}
footer ul{
	list-style:none;
	padding-left:.8em;
}
footer ul li{
	line-height:2.3em;
	font-size:.8em;
}
footer ul li a{
	color:#a0a3a4;
}
footer ul li a:hover{
	color:#ff670f;
}
/* Liens Réseaux Sociaux */
	#footer-reseaux_sociaux{
		position:absolute;
		bottom:100%;
		width:100%;
		height:2em;
		opacity:0.7;
		transition:all .2s ease;
	}
	#footer-reseaux_sociaux:hover{
		opacity:1;
		height:4em;
	}
	#footer-reseaux_sociaux a{
		text-decoration:none;
		color:white;
		cursor:pointer;
	}
	#footer-reseaux_sociaux .rs{
		display:flex;
		height:100%;
		align-items:center;
		justify-content:center;
		box-shadow:-5px 0 10px rgba(0,0,0,.2);
	}
	#footer-reseaux_sociaux #fb{	
		background-color:#485a96;
	}
	#footer-reseaux_sociaux #vimeo{
		background-color:#1ab7ea;
	}
	#footer-reseaux_sociaux #yt{	
		background-color:#cc181e;
	}
	#footer-reseaux_sociaux #iloi{
		background-color:#ec663b;
	}
	#footer-reseaux_sociaux .rs i,
	#footer-reseaux_sociaux img{
		transition:all .3s ease;
		font-size:1em;
		opacity:0.2;
	}
	#footer-reseaux_sociaux img{
		height:1em;
	}
	#footer-reseaux_sociaux:hover .rs i{
		font-size:1.5em;
		transition:.3s;
		opacity:1;
	}
	#footer-reseaux_sociaux:hover img{
		height:1.5em;
		opacity:1;
	}
	#footer-reseaux_sociaux .rs:hover i{
		font-size:3em;
	}
	#footer-reseaux_sociaux #iloi:hover img{
		height:3em;
	}
/* // Liens Réseaux Sociaux */

/* Contenu principal footer */
	#footer-contenu_principal{
		padding:3em;
	}
	#footer-contenu_principal .logofooter{
		background-image:url(../img/logo_wb.png);
		background-size:contain;
		height:100px;
		width:100px;
	}
	#contact{
		border-left:2px solid rgba(255,255,255,.2);
	}
/* // Contenu principal footer */

/* Liens importants */
	#footer-liens_importants{
		background:rgba(0,0,0,.3);
	}
	#footer-liens_importants ul{list-style:none;margin-left:1em;margin-bottom:0;}
	#footer-liens_importants ul > li{display:inline-block;color:#fff;}
	#footer-liens_importants ul > li:not(:last-child):after{content:"/";color:#fff;}
	#footer-liens_importants ul > li > *{display:inline-block;color:#fff;font-size:12px;padding:1em;}
/* // Liens importants */