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

html,
body {
    width: 100%;
    height: 100%;
}
body {
	background-color: #2d2620;
	font-family: 'Quicksand', cursive;
}

.tre {
	background-color: rgb(255,255,51);
	height: 1px;
	width: 80%;
	margin: auto;
	
}
.text-vertical-center {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.text-vertical-center h1 {
    margin: 0;
    padding: 0;
    font-size: 4.5em;
    font-weight: 700;
}
h2 {
	
}
/* Custom Button Styles */

.btn-dark {
    border-radius: 0;
    color: #fff;
    background-color: rgba(0,0,0,0.4);
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
    color: #fff;
    background-color: rgba(0,0,0,0.7);
}

.btn-light {
    border-radius: 0;
    color: #333;
    background-color: rgb(255,255,255);
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active {
    color: #333;
    background-color: rgba(255,255,255,0.8);
}

/* Custom Horizontal Rule */

hr.small {
    max-width: 100px;
}

/* Side Menu */

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    right: 0;
    width: 250px;
    height: 100%;
    margin-right: -250px;
    overflow-y: auto;
    background: #222;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.sidebar-nav {
	z-index: 1000;
    position: absolute;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #999;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 55px;
    font-size: 18px;
    line-height: 55px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}

#menu-toggle {
    z-index: 1;
    position: fixed;
    top: 0;
    right: 0;
}

#sidebar-wrapper.active {
    right: 250px;
    width: 250px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.toggle {
    margin: 5px 5px 0 0;
}

	/* Header */
	
	.header {
		display: table;
		position: relative;
		width: 100%;
		height: 110px;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
		background-attachment: scroll;
		background-image: url(../images/spa_accueil.jpg);
		background-repeat: no-repeat;
		background-position: center center;
	}
	header .header-content {
		width: 100%;
		padding-top: 15px;
		padding-right: 15px;
		padding-bottom: 100px;
		padding-left: 15px;
		
	}
	
	header .header-content .header-content-inner h3 {
		margin-top: 0;
		margin-bottom: 0;
		
		
	}
	#haut{
		width: 100%;
		display: inline;
		text-transform: uppercase;		
	}
	
	h3{
		font-size: 25px;
		color: rgb(255,255,255);
	}
	h2 {
		font-size: 35px;
		color: #fefd88;
		
	}
	header .header-content .header-content-inner {
		width: 20%;
		display:block;
		float: left;
		
		
	}
	
	
	.lol {
		position: relative;
			
	}
	
	.header-content .header-content-inner.lien .list-group-item-text li {
		
		list-style-type: none;
	}
	
	.header-content .header-content-inner.lien .list-group-item-text li a {
		font-family: 'Quicksand', sans-serif;
		font-size: 20px;
		color: rgb(255,255,255);
		text-decoration: none;
		padding-top: -5px;
		margin-left: -25px;
	}
	.rub{
		
		font-size: 24px;
		color: rgb(255,204,153);
		
		font-weight: bold;
		
	}
	.header-content .header-content-inner.lien .list-group-item-text li a:hover {
		color: #c59150;
	}
	/* bando */
	#bando 
	{
		position:absolute;
		width: 100%;
		margin:0 auto;
		top: 120px;
		
	}
	
	#myslideshow1
	{
				
	}
	/* Header IMG*/
	#inverse0 {
		position: relative;
		width: 100%;
		min-height: auto;
		text-align: center;
		color: #fff;
		
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
		
		border-top-width: 2px;
		border-top-style: solid;
		border-top-color: #face96;
	}
	#inverse .container .row .col-lg-12.text-center a {
		color: rgb(255,255,255);
	}
	
	/* bas Header */
	#inverse {
		position: relative;
		width: 100%;
		min-height: auto;
		text-align: center;
		color: #fff;
		background-image: url(../images/spa_accueil.jpg);
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
		height: 600px;
		border-top-width: 2px;
		border-top-style: solid;
		border-top-color: #face96;
	}
	#inverse .container .row .col-lg-12.text-center a {
		color: rgb(255,255,255);
	}
	
	
	/* ESPACE BAIN */
	
	#bain { 
	  position: relative;
		width: 100%;
		min-height: auto;
		text-align: center;
		color: #fff;
		background-image: url(../images/spa_bain.jpg);
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
		height: 1010px;
	}
	#bain .container .row .col-lg-12.text-center a {
		color: rgb(255,255,255);
	}
	#bain p {
		text-align: justify;
		font-size: 20px;
		color: #face96;
	}
	#bain h2 {
		color: #face96;
		font-size: 30px;
	}
	/* ESPACE SOIN */
	
	#soin { 
	  position: relative;
		width: 100%;
		min-height: auto;
		text-align: center;
		color: #fff;
		background-image: url(../images/spa_soin.jpg);
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
		height: 1810px;
	}
	#soin .container .row .col-lg-12.text-center a {
		color: rgb(255,255,255);
	}
	#soin p {
		text-align: justify;
		font-size: 20px;
		color: #face96;
	}
	#soin h2 {
		color: #face96;
		font-size: 30px;
	}
	.fon_blan {
		background-image: url(../images/fond_blanc.png);
		background-repeat: repeat;
		margin: 10px;		
	}
	/* ESPACE MASSAGE */
	
	#massage { 
	  position: relative;
		width: 100%;
		min-height: auto;
		text-align: center;
		color: #fff;
		background-image: url(../images/spa_massage.jpg);
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
		height: 2000px;
	}
	#inverse .container .row .col-lg-12.text-center a {
		color: rgb(255,255,255);
	}
	#massage p {
		text-align: justify;
		font-size: 25px;
		color: #FFFFFF;
	}
	#massage h2 {
		color: #face96;
		font-size: 30px;
	}
	#massage h3 {
		color: #FFFFFF;
		font-size:25px;
	}
	/* ESPACE COFFRET */
	
	#coffret { 
	  position: relative;
		width: 100%;
		min-height: auto;
		text-align: center;
		color: #fff;
		background-image: url(../images/spa_coffret.jpg);
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
		height: 2200px;
	}
	#coffret .container .row .col-lg-12.text-center a {
		color: rgb(255,255,255);
	}
	#coffret p {
		text-align: justify;
		font-size: 20px;
		color: #face96;
	}
	#coffret h2 {
		color: #face96;
		font-size: 30px;
	}
	
	/* ESPACE A DEUX */
	
	#adeux { 
	  position: relative;
		width: 100%;
		min-height: auto;
		text-align: center;
		color: #fff;
		background-image: url(../images/spa_adeux.jpg);
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
		height: 2510px;
	}
	#inverse .container .row .col-lg-12.text-center a {
		color: rgb(255,255,255);
	}
	#adeux p {
		text-align: justify;
		font-size: 20px;
		color: #face96;
	}
	#adeux h2 {
		color: #face96;
		font-size: 30px;
	}
	/* ESPACE SUITE */
	
	#suite { 
	  position: relative;
		width: 100%;
		min-height: auto;
		text-align: center;
		color: #fff;
		background-image: url(../images/spa_suite.jpg);
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
		height: 2600px;
	}
	#inverse .container .row .col-lg-12.text-center a {
		color: rgb(255,255,255);
	}
	
	#suite h2 {
		color: #face96;
		font-size: 30px;
	}
	
	
	#suite p.txtjaune {
		font-size: 24px;
		color: #face96;
		padding-bottom: 7px;	
	}
	#suite p.txtblanc {
		font-size: 24px;
		color: rgb(255,255,255);	
		padding-bottom: 7x;
	}
	.tre {
		background-color: #face96;
		height: 1px;
		width: 80%;
		margin: auto;
		
	}
	.prix {
		font-size: 24px;
		color: #face96;
		padding-top: 20px;
	}
	.prix2 {
		font-size: 24px;
		color: rgb(255,255,255);		
		padding-top: 20px;
	}
	#suite h4 {
		font-size: 30px;
		color: #face96;
		padding-bottom: 15px;
	}
	/* ESPACE MAMAN */
	
	#maman { 
	  position: relative;
		width: 100%;
		min-height: auto;
		text-align: center;
		color: #fff;
		background-image: url(../images/spa_maman.jpg);
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
		height: 1810px;
	}
	#inverse .container .row .col-lg-12.text-center a {
		color: rgb(255,255,255);
	}
	#maman p {
		text-align: justify;
		font-size: 20px;
		color: #face96;
	}
	#maman h2 {
		color: #face96;
		font-size: 30px;
	}
	/* ESPACE MERE FILLE */
	
	#merefille{ 
	  position: relative;
		width: 100%;
		min-height: auto;
		text-align: center;
		color: #fff;
		background-image: url(../images/spa_mers_fille.jpg);
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
		height: 1810px;
	}
	#inverse .container .row .col-lg-12.text-center a {
		color: rgb(255,255,255);
	}
	#merefille p {
		text-align: justify;
		font-size: 20px;
		color: #face96;
	}
	#merefille h2 {
		color: #face96;
		font-size: 30px;
	}
	/* ESPACE ENTEREMENT DE VIE DE JEUNE FILLE */
	
	#enterement{ 
	  position: relative;
		width: 100%;
		min-height: auto;
		text-align: center;
		color: #fff;
		background-image: url(../images/spa_enterement.jpg);
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
		height: 1810px;
	}
	#inverse .container .row .col-lg-12.text-center a {
		color: rgb(255,255,255);
	}
	#enterement p {
		text-align: justify;
		font-size: 20px;
		color: rgb(255,255,255);
	}
	#enterement h2 {
		color: #face96;
		font-size: 30px;
	}
	/* ESPACE SPA PARTI'S */
	
	#partis{ 
	  position: relative;
		width: 100%;
		min-height: auto;
		text-align: center;
		color: #fff;
		background-image: url(../images/gr/spa_partyst.jpg);
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
		height: 1810px;
	}
	#inverse .container .row .col-lg-12.text-center a {
		color: rgb(255,255,255);
	}
	#partis p {
		text-align: justify;
		font-size: 20px;
		color: rgb(255,255,255);
	}
	#partis h2 {
		color: #face96;
		font-size: 30px;
	}
	/* ESPACE LOCATION */
	
	#location{ 
	  position: relative;
		width: 100%;
		min-height: auto;
		text-align: center;
		color: #fff;
		background-image: url(../images/spa_location.jpg);
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
		height: 1810px;
	}
	#inverse .container .row .col-lg-12.text-center a {
		color: rgb(255,255,255);
	}
	#location p {
		text-align: justify;
		font-size: 20px;
		color: rgb(255,255,255);
	}
	#location h2 {
		color: #face96;
		font-size: 30px;
	}
	/* ESPACE EVENEMENT */
	
	#evenement{ 
	  position: relative;
		width: 100%;
		min-height: auto;
		text-align: center;
		color: #fff;
		background-image: url(../images/spa_even.jpg);
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
		height: auto;
	}
	#inverse .container .row .col-lg-12.text-center a {
		color: rgb(255,255,255);
	}
	#evenement p {
		text-align: justify;
		font-size: 20px;
		color: rgb(255,255,255);
	}
	#evenement h2 {
		color: #face96;
		font-size: 30px;
	}
	/* ESPACE LIVRE DOR */
	
	#livredor{ 
	  position: relative;
		width: 100%;
		min-height: auto;
		text-align: center;
		color: #fff;
		background-image: url(../images/spa_even.jpg);
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
		height: 1810px;
	}
	#inverse .container .row .col-lg-12.text-center a {
		color: rgb(255,255,255);
	}
	#livredor p {
		text-align: justify;
		font-size: 20px;
		color: rgb(255,255,255);
	}
	#livredor h2 {
		color: #face96;
		font-size: 30px;
		padding-top: 50px;
	}
	/* ESPACE CONTACT */
	#mail {
		top: 100px;	
	}
	#contact{ 
	  position: relative;
		width: 100%;
		min-height: auto;
		text-align: center;
		color: #fff;
		background-image: url(../images/spa_contact.jpg);
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
		height: 1810px;
	}
	#contact p {
		text-align: justify;
		font-size: 20px;
		color: rgb(255,255,255);
	}
	#contact h2 {
		color: #face96;
		font-size: 30px;
	}
	#inverse .container .row .col-lg-12.text-center a {
		color: rgb(255,255,255);
	}
	#coordonnees .row .col-lg-10.col-lg-offset-1.text-center h4 strong {
		color: rgb(255,255,255);
	}
	#coordonnees .row .col-lg-10.col-lg-offset-1.text-center p {
		color: rgb(255,255,255);
	}
	#coordonnees .row .col-lg-10.col-lg-offset-1.text-center .list-unstyled li {
		color: rgb(255,255,255);
	}
	/* ESPACE PLAN */
	
	#plan{ 
	  position: relative;
		width: 100%;
		min-height: auto;
		text-align: center;
		color: #fff;
		
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
		height: 1170px;
	}
	#plan .container .row .col-lg-12.text-center a {
		color: rgb(255,255,255);
	}
	#plan p {
		text-align: justify;
		font-size: 20px;
		color: rgb(255,255,255);
	}
	#plan h2 {
		color: #face96;
		font-size: 30px;
	}