@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'Source Sans Pro';
	src: url('fonts/sourcesanspro-regular-webfont.eot?#iefix') format('eot'),
	url('fonts/sourcesanspro-regular-webfont.svg') format('svg'),
	url('fonts/sourcesanspro-regular-webfont.woff') format('woff'),
	url('fonts/sourcesanspro-regular-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ITC Avant Garde Std Bk';
	src: url('fonts/itcavantgardestd-bk-webfont.eot?#iefix') format('eot'),
	url('fonts/itcavantgardestd-bk-webfont.svg') format('svg'),
	url('fonts/itcavantgardestd-bk-webfont.woff') format('woff'),
	url('fonts/itcavantgardestd-bk-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

a {
	text-decoration: none; color: #FFF;
}
img {
	border: none; display: block;
}

body {
	margin: 0; background: #00A0AE; font: 14px 'Source Sans Pro', Arial, Helvetica, sans-serif;
}

/* HEADER */
header {
	box-sizing: border-box; width: 89.06%; margin: 0 auto; padding-top: 70px; position: relative;
}
header .logoLeblon {
	float: left; margin-left: 4.82%;
}
header nav {
	float: left; margin: 0 0 0 3.95%; padding: 0; width: 36.84%;
}
header nav div {
	float: left; width: 28.57%; list-style: none; font: 1.43em 'ITC Avant Garde Std Bk', Arial, Helvetica, sans-serif;
}
header nav div a {
	padding-bottom: 10px; border-bottom: 2px solid rgba(255, 255, 255, .3); width: 100%; display: block; min-width: 115px;
}
header nav div:not(:last-child) {
	margin-right: 7.14%;
}
header nav div a:hover {
	border-bottom: 2px solid rgba(255, 255, 255, .9);
}
header .logoSalonExperto {
	float: left; margin-top: -70px; margin-left: 6.14%;
}
header .socialLinks {
	float: left; margin: 0 0 0 2.19%; padding: 0;
}
header .socialLinks li {
	float: left; margin: 0 0 5px; padding: 0; width: 50%; list-style: none; min-width: 43px;
}

/*********/
/* 1024px */
/*********/
@media screen and (max-width: 1024px) {
	header nav {
		width: 92.10%; margin-top: 20px;
	}
	header nav div {
		float: left; width: 28.57%; list-style: none; font: 1.43em 'ITC Avant Garde Std Bk', Arial, Helvetica, sans-serif;
	}
	header .logoSalonExperto {
		position: absolute; right: 58px; top: 0; margin-top: 0; margin-right: 3.95%;
	}
	header .socialLinks {
		position: absolute; right: 3.95%; top: 70px; margin-top: 0; width: 33px;
	}
}

/*********/
/* 800px */
/*********/
@media screen and (max-width: 800px) {
	header nav {
		width: 75.5%; margin: 20px 0 0;
	}
	header .logoSalonExperto {
		right: 0;
	}
	header .socialLinks {
		float: right; position: relative; width: 86px; top: 0; right: 0; margin-top: 20px;
	}
	header .socialLinks li {
		width: 33px; margin-left: 10px; min-width: 0;
	}
}

/*********/
/* 480px */
/*********/
@media screen and (max-width: 480px) {
	header .logoLeblon {
		width: 147.75px; height: 86.25px; margin-top: -40px;
	}
	header nav {
		width: 100%; margin: 50px 0 0;
	}
	header nav div {
		width: 100%; margin-bottom: 15px;
	}
	header nav div:last-child {
		margin-bottom: 0;
	}
	header nav div a {
		width: 100%; padding-bottom: 5px;
	}
	header .logoSalonExperto {
		width: 75px; height: 132.75px;
	}
	header .socialLinks {
		position: absolute; width: 86px; top: 120px; right: 0;
	}
}

/*********/
/* 320px */
/*********/
@media screen and (max-width: 320px) {
	
}


/* HELPERS */
.clear {
	clear: both;
}