body {
	margin: 0;
	padding: 0 0 30px 0;
	background: #eee url(../../../files/neptune/layout/bg.jpg) top left repeat;
	font-family: Roboto,sans-serif;
	font-size: 106.25%;
	color: #333;
	letter-spacing: 1px;
	line-height: 1.5;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a {
	border-bottom: 1px solid rgba(0,0,0,0.4);
	color: #333;
	text-decoration: none;
	outline: none;
}

div, span, p, img, object, embed {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}

.bold {font-weight: 700;}

.size9 {font-size: 0.9em;}
.size11 {font-size: 1.1em;}
.size12 {font-size: 1.2em;}
.size13 {font-size: 1.3em;}
.size14 {font-size: 1.4em;}

.clear {height:.1px;font-size:.1px;line-height:.1px;clear:both}

/* STRUCTURE */

#container {width: 940px; padding: 0 20px; margin: 0 auto;}

header {
	padding: 40px 0 40px 0;
	margin: 0 0 30px 0;
	background: #222 url(../../../files/neptune/layout/bg-dark.jpg) top left repeat;
}

header .inside {width: 940px; margin: 0 auto;}

.logo {text-align: center; color: #f7c2c6; padding-bottom: 25px;}
.logo img {display: block; margin: 0 auto; max-width: 240px;}

/* MENU */

#mobile-btn {display: none; visibility: hidden;} 
nav#mobile-menu {display: none; visibility: hidden;}

nav#menu {
	text-align: center;
	font-family: Montserrat,sans-serif;
	text-transform: uppercase;
	font-size: 0.9em;
	color: #fff;
}

nav#menu .nav-sep {opacity: 0.5;}
nav#menu a {position: relative; color: #fff !important; border: none !important;}

nav#menu a.nav-txt:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -5px;
  left: 0;
  background-color: #fff;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

nav#menu a.nav-txt:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

nav#menu img {display: inline-block; padding: 0; margin: 0; vertical-align: bottom; width: 24px; height: 24px;}

/* BOX MOBILE */

.box-mobile {display: none; visibility: hidden;}

/* BOX FIXE */

.box-fixe {
	padding: 20px;
	border: 1px solid rgba(0,0,0,0.4);
	float: right;
	margin: 0 0 20px 40px;
}

.box-tel {
	display: inline-block;
	padding-left: 40px;
	min-height: 26px;
	margin-bottom: 15px;
	background: transparent url(../../../files/neptune/layout/phone.png) center left no-repeat;
	background-size: 26px 26px;
	font-weight: 500;
	font-size: 1.15em;
}	
.box-tel a {border: 0;}

.box-adrm {
	margin-top: 10px;
	padding-left: 36px;
	min-height: 16px;
	margin-bottom: 15px;
	background: transparent url(../../../files/neptune/layout/enveloppe.png) center left no-repeat;
	background-size: 24px 16px;
	font-size: 0.8em;
	line-height: 1.15;
}
.box-adrm a {border: 0;}

.box-adr, .box-hor {font-size: 0.85em;}

.box-hor {margin-top: 15px;}
.box-hor span {font-weight: 700; font-size: 1.1em;}

/* PAGES */

#titrepage {width: 940px; padding: 0 20px; margin: 0 auto;}

h1 {
	font-family: 'Merienda One',sans-serif;
	font-weight: 400;
	font-size: 1.6em;
	margin: 0;
	padding: 0 0 20px 0;
}

.ce_text {text-align: justify;}

.ce_text img {
	box-sizing: border-box;
	max-width: 100%;
	display: block;
	padding: 10px;
	background: rgba(255,255,255,0.7);
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.04);
}

.ce_text img.no-border {
	display: inline !important;
	padding: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

/* ACCUEIL */

.cycle-slideshow img {
	box-sizing: border-box;
	max-width: 100%;
	display: block;
	padding: 10px;
	margin-bottom: 30px;
	background: rgba(255,255,255,0.7);
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.04);
}

.cycle-slideshow-essai img {background: rgba(0,0,0,0.7) !important;}

.accueil-G {
	float: left; 
	width: 450px;
	margin-right: 60px;
}
.accueil-D {
	float: left;
	width: 390px;
}

.accueil-bv {
	font-family: 'Merienda One',sans-serif;
	font-size: 1.4em;
}	

.accueil-tel {
	margin: 20px 0;
	border-bottom: none !important;
	min-height: 24px;
	padding-left: 38px;
	background: transparent url(../../../files/neptune/layout/phone.png) left center no-repeat;
	background-size: auto 24px;
	font-size: 1.15em;
	font-weight: 500;
}

.accueil-map {
	display: block;
	margin: 20px 0 10px 0;
	border-bottom: none !important;
	min-height: 24px;
	padding-left: 30px;
	background: transparent url(../../../files/neptune/layout/map.png) left center no-repeat;
	background-size: auto 24px;
	font-weight: 500;
}

.accueil-park {
	display: block;
	margin: 0 0 20px 0;
	border-bottom: none !important;
	min-height: 24px;
	padding-left: 30px;
	background: transparent url(../../../files/neptune/layout/parking.png) left center no-repeat;
	background-size: auto 20px;
	font-weight: 500;
}

.accueil-hor {font-size: 0.95em;}

/* ADRESSE SUR ACCUEIL */

.accueil-adr-mobile {display: none; visibility: none;}

/* SALON */

.salon-gallery {margin-bottom: 30px;}

.salon-gallery a {border: none !important;}
.salon-gallery img {vertical-align:bottom; display: inline-block; margin: 0 15px 15px 0 !important; padding: 0 !important; border: 5px solid rgba(255,255,255,0.7);}

.salon-gallery-essai img {border: 5px solid rgba(0,0,0,0.7) !important;}

.salon-img {
	float: left;
	width: 160px;
	margin: 0 30px 15px 0;
}

.salon-img-essai img {background: rgba(0,0,0,0.7) !important;}

.salon-txt {
	float: left;
	width: 710px;
}

.salon-nom {
	font-family: 'Merienda One',sans-serif;
	font-size: 1.1em;
}

/* PRESATIONS */

.prest-ligne, .prest-ligne-last {display: inline-block; padding-bottom: 10px;}
.prest-ligne-last {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid rgba(0,0,0,0.4);
}

.prest-box-coupes {
	padding-left: 72px;
	background: transparent url(../../../files/files/prestations/coupe.png) top left no-repeat;
	background-size: 48px;
}

.prest-box-coloration {
	padding-left: 72px;
	background: transparent url(../../../files/files/prestations/coloration.png) top left no-repeat;
	background-size: 52px;
}

.prest-box-coiffage {
	padding-left: 72px;
	background: transparent url(../../../files/files/prestations/coiffage.png) top left no-repeat;
	background-size: 48px;
}

.prest-cat {
	text-transform: uppercase;
	font-weight: 700;
	padding-bottom: 10px;
}
.prest-titre {
	display: inline-block;
	width: 300px;
	margin-right: 10px;
	vertical-align: top;
	font-size: 0.95em;
}
.prest-prix {
	display: inline-block;
	width: 200px;
	vertical-align: top;
	font-size: 0.95em;
	font-weight: 500;
	text-align: right;
} 

/* PRODUITS */

.pg-produits {margin-bottom: 40px;}

.pg-produits img {
	display: inline !important;
	padding: 0 !important;
	margin: 0 40px 0 0;
	background: transparent !important;
	box-shadow: none !important;
	vertical-align: middle;
}

.produits-w-m, .produits-w-k  {max-height: 140px; margin-bottom: 20px !important;}
.produits-w-f {margin-bottom: 20px !important; margin-right: 0 !important;}
.produits-w-f, .produits-w-ct-0, .produits-w-ct-1, .produits-w-ct-2 {max-height: 210px; border: 8px solid rgba(255,255,255,0.5);}
.produits-w-ct-0, .produits-w-ct-1 {margin-right: 20px !important;}
.produits-w-ct-2 {margin-right: 0 !important;}

.produits-g-e {max-height: 140px; padding-right: 0 !important;}

.produits-l-a {max-height: 150px;}
.produits-l-k-4, .produits-l-k-5, .produits-l-k-8, .produits-l-k-9 {max-height: 210px; border: 8px solid rgba(255,255,255,0.5);}
.produits-l-k-4, .produits-l-k-5, .produits-l-k-8 {margin-bottom: 20px !important;}
.produits-l-k-4, .produits-l-k-5 {margin-right: 20px !important;}
.produits-l-k-8, .produits-l-k-9 {margin-right: 0 !important;}
.produits-h {max-height: 120px; padding-right: 0 !important;}


/* VERSION MOBILE */

@media only screen and (min-device-width: 481px) {
	header {min-width: 940px;}
}

@media only screen and (max-device-width: 480px) {
	
	body {-webkit-text-size-adjust: 100% !important; font-size: 100% !important;}
	img {max-width: 100% !important; height: auto !important;}
	
	#wrapper .inside {padding: 0 20px !important;}
	#container {width: auto !important; padding: 0 !important;}
	header .inside {width: auto !important;}
	
	nav#menu, .box-fixe {display: none !important; visibility: hidden !important;}
	
	nav#mobile-menu {display: block !important; visibility: visible !important; font-family: Montserrat,sans-serif; font-size: 0.9em; text-transform: uppercase;}
	nav#mobile-menu img {vertical-align: middle; padding-right: 5px; width: 20px; height: 20px;}
	
	.mm a {border: none !important;}
	.mm.mm--dark {
		background: #222;
		color: #fff;
	}
	.mm-small {font-size: 0.9em;}
	.mm-small img {opacity: 0.7;}
	.mm:after {display: none !important;}
	.mm ul {top: 10px !important;}
	.mm li::after {margin-left: 0 !important;}
	.mm li::before {display: none !important;}
	
	header {padding: 10px 0 20px 0 !important; margin-bottom: 20px;}
	
	#mobile-btn {display: block !important; visibility: visible !important; color: #f7c2c6; border: none !important; vertical-align: middle;}
	span.mobile-icn, span.mobile-icn-txt {vertical-align: middle;}
	span.mobile-icn {margin-right: 5px; display: inline-block;}
	span.mobile-icn-txt {font-size: 1.2em;}
	span.mobile-icn span {
		display: block;
		width: 20px;
  		height: 3px;
  		background-color: #f7c2c6;
  		margin: 4px 0;
	}
	
	.logo {padding: 30px 0 20px 0 !important; max-width: 240px !important;}
	.logo img {margin: 0 !important;}
	
	.box-mobile {
		display: block !important;
		visibility: visible !important; 
		color: #f7c2c6 !important;
		font-size: 1.2em !important;
	}
	.box-mobile span {font-size: 0.8em;}
	.box-mobile a {color: #f7c2c6 !important; border: 0 !important;}
	.box-tel {display: none;}
	
	#titrepage {width: auto !important; padding: 0 !important;}
	
	.ce_text img {padding: 10px !important; box-shadow: none !important;}
	
	.accueil-G, .accueil-D {
		float: none !important; 
		width: auto !important;
		margin-right: 0 !important;
	}
	
	.accueil-hor {font-size: 1em !important;}
	
	.accueil-adr-mobile {
		display: block !important; 
		visibility: visible !important;
		margin: 20px 0 0 0;
		padding-left: 36px;
		min-height: 16px;
		background: transparent url(../../../files/neptune/layout/enveloppe.png) center left no-repeat;
		background-size: 24px 16px;
		line-height: 1.2;
	}
	.accueil-adr-mobile a {border: 0;}
	
	.salon-gallery img {max-width: 40% !important;}
	
	.salon-img {width: 50% !important; max-width: 160px !important;}
	.salon-txt {float: none !important; width: 100% !important;}
	
	.prest-ligne, .prest-ligne-last {display: block !important;}
	.prest-ligne-last {padding-bottom: 10px !important;}
	.prest-titre {width: auto !important; display: block !important;}
	.prest-prix {width: auto !important; display: block !important; padding-bottom: 10px; text-align: left !important;} 
	
	.prest-box-coupes {padding-left: 62px; background-size: 38px;}
	.prest-box-coloration {padding-left: 62px; background-size: 42px;}
	.prest-box-coiffage {padding-left: 62px;background-size: 38px;}
	
	.pg-produits img {padding: 0 !important; margin: 0 20px 20px 0 !important;}
}