* {
	box-sizing:border-box;
	-webkit-text-size-adjust:100%;
}
a {	outline:none; }
html, body {
	margin:0;
	padding:0;
}

.titre {
	font-family: "EB Garamond";
    font-size: 22px;
    line-height: 25px;
}

/*-------------------------------------------------------------------------------------------------------------*/

.social {
	display:flex;
	align-items:stretch;
	
	height:25px;
	
	margin:0;
	padding:0;
	
	list-style:none;
}
.social:empty { display:none; }

.social > li {
	width:25px;
	background-position:top left;
	background-size:auto 100%;
}
.social > li:not(:last-child) { margin-right:20px; }
.social > li:hover { background-position:top right; }
.social > li.facebook { background-image:url(../../images/icons/social/facebook.svg); }
.social > li.twitter { background-image:url(../../images/icons/social/twitter.svg); }
.social > li.googleplus { background-image:url(../../images/icons/social/googleplus.svg); }
.social > li.youtube { background-image:url(../../images/icons/social/youtube.svg); }

.social > li > a {
	display:block;
	height:100%; width:100%;
}

/*-------------------------------------------------------------------------------------------------------------*/

.phone {
	display:block;
	height:25px;
	
	padding:0 0 0 35px;
		
	background-image:url(../../images/icons/phone.svg);
	background-repeat:no-repeat;
	background-position:center left;
	background-size:contain;
		
	line-height:25px;
	white-space:nowrap;
	text-decoration:none;
	font-weight:700;
	color:#CCC;
}

/*-------------------------------------------------------------------------------------------------------------*/

.flags {
	display:flex;
	justify-content:flex-end;
	align-items:stretch;
	
	height:25px;
	
	margin:0;
	padding:0;
	
	list-style:none;
}

.flags > li {
	width:25px;
	background-size:contain;
}
.flags > li:not(:first-child) { margin-left:10px; }
.flags > li.fr { background-image:url(../../images/icons/flag_fr.png); }
.flags > li.en { background-image:url(../../images/icons/flag_en.png); }

.flags > li > a {
	display:block;
	height:100%; width:100%;
}

/*-------------------------------------------------------------------------------------------------------------*/

.honcode {
	display:flex;
	align-items:center;
}
.honcode > a {
	flex-shrink:0;
	display:block;
	height:35px;
	margin-right:15px;
}
.honcode > a > img {
	display:block;
	height:100%;
}
.honcode > p {
	margin:0;
	padding:0;
}