@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/gr/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
			{
						
			}
			/* bas Header */
			#inverse {
				position: relative;
				width: 100%;
				min-height: auto;
				text-align: center;
				color: #fff;
				background-image: url(../images/gr/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/gr/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/gr/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/gr/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/gr/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/gr/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/gr/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: 10px;	
			}
			#suite p.txtblanc {
				font-size: 24px;
				color: rgb(255,255,255);	
				padding-bottom: 10px;
			}
			.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/gr/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/gr/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/gr/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/gr/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/gr/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);
			}
			#evenement p {
				text-align: justify;
				font-size: 20px;
				color: rgb(255,255,255);
			}
			#evenement h2 {
				color: #face96;
				font-size: 30px;
			}
			/* ESPACE CONTACT */
			#mail {
				top: 100px;	
			}
			#contact{ 
			  position: relative;
				width: 100%;
				min-height: auto;
				text-align: center;
				color: #fff;
				background-image: url(../images/gr/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;
			}