*{	
	margin:0;padding:0;
}
html{
	font-family:Verdana,Arial,sans-serif;
	line-height: 1.5em; font-size:14px !important;
	background-color:white;/*#251F19;*/
	color:#515558;	
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
	text-rendering: optimizeLegibility; font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
}

a:link{text-decoration:none; color:#6E6962}
a:visited{text-decoration:none; color:#6E6962}
a:hover{text-decoration:none; color:#cccccc}
a:active{text-decoration:none; color:#D7CEAF}

#accordion a:link{text-decoration:none; color:#6E6962}
#accordion a:visited{text-decoration:none; color:#6E6962}
#accordion a:hover{text-decoration:none; color:#333}

.commsoin a:link{text-decoration:none; color:#6E6962}
.commsoin a:visited{text-decoration:none; color:#6E6962}
.commsoin a:hover{text-decoration:none; color:#333}

.commsoin {border:1px solid #ccc; padding:10px; border-radius:5px}
.commsoin:hover {background:#F4EAD9}

/* color logo = #D7CEAF */
/* marron = #251F19 */
/* gris menu = #6E6962 */
/* gris cadres = #D7CEAF */



h1 {font-family: 'Oswald', sans-serif; font-size:3em}


.modalDialog {
    position: fixed; 
    font-family: Arial, Helvetica, sans-serif; font-size:13px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

.modalDialog:target {
    opacity:1;
    pointer-events: auto;
}

.modalDialog > div {
    width: 80%;font-size:13px;
    position: relative;
    margin: 10% auto;
    padding: 5px 20px 13px 20px;
    border-radius: 10px;
    background: #fff;
    background: -moz-linear-gradient(#fff, #999);
    background: -webkit-linear-gradient(#fff, #999);
    background: -o-linear-gradient(#fff, #999);
}

.close {
background: #606061;
color: #FFFFFF;
line-height: 25px;
text-align: center;
float: right;
width: 112px;
text-decoration: none;
font-weight: bold;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
}
.close:hover { background: #00d9ff; }


.homeblock {margin-top:17px;margin-bottom:17px;}
.homeblock h2 {font-family:'Oswald',sans-serif;font-size:2.2em;color:#000;text-align:center;margin: 10px 0px 40px 0px }
.homeblock p {margin-bottom:25px;padding-right:25px}

/*############################################################################*/
pre{	
	font-family:Verdana,Arial,sans-serif;
}
.cutDiv2{
	column-count:2;
	column-gap:10px;
	-moz-column-count:2;
	-moz-column-gap:25px;
	-webkit-column-count:2;
	-webkit-column-gap:25px;
}
#menuAdmin{
	position:fixed; width:90%;  top:0; left:0;
	height:3em; line-height:3em; padding-left:5%; padding-right:5%;
	background:red; color:white;
	z-index:200;
}
#menuAdminSoins{
	position:fixed; width:90%; top:0; left:0;
	height:3em; line-height:3em; padding-left:5%; padding-right:5%;
	background:green; color:white;
	z-index:200;
}
.btnAdmin{
	position:relative; float:left;
	width:auto; margin:0 1%; cursor:pointer;
}
.cadreDetails{
	position:relative; margin:0 auto;
	width:98%; height:100%;	
}
.details, .formAdd{
	display:none;
}
.selection{cursor:pointer;}
.selection:hover{color:blue;}
.massList, .soinList{
	height:2.5rem; line-height:2.5rem; 
}
.addMassList:hover{cursor:pointer;}
.addSoinList:hover{cursor:pointer;}
.del{
	position:relative; float:right; width:auto;
	padding-right:1rem; cursor:pointer; 
	font-weight:bold;
}
.del:hover{color:red;}
.inputAdmin{
	width:100%; margin-bottom:1rem; background:#F4F4F4;
	padding:0 3px;
}
.submitAdmin{
	width:80%; height:3rem; 
	margin:2rem auto 1rem auto; background:red; color:white;
	cursor:pointer;
}
.submitAdminSoin{
	width:80%; height:3rem; 
	margin:2rem auto 1rem auto; background:green; color:white;
	cursor:pointer;
}
.infoAlert{color:red;}
.admin{position:absolute; width:20px; height:20px; z-index:50; cursor:pointer;}
.manageBox{width:100%;height:auto; background:gainsboro; margin-top:12em;}
.centerManage{position:relative; margin:0 auto; width:80%; height:auto;}

.clear { clear: both; } /* pour un <br class="clear" /> */

.centerSite{
	position:relative; display:block;
	/*responsive*/
	width:1000px; height:auto;
	margin:0 auto;
}
.resizeGalerie{
	position:relative;
	/*responsive*/
	width:100%; height:auto;
	margin:0 auto;
}
.ct{
	position:absolute; display:block;
	width:100%; height:auto; left:0; top:0;
	background:white;
}
.index_thumbs{
	height:auto;
}
.main{
	position:relative; font-size:110%;
	width:100%; height:auto; margin:0 auto 0 auto;
}
.ct_left{
	position:relative; float:right;
	width:29.17%; margin-right:1.04%;
	height:auto;
}
.ct_right{
	position:relative; float:left;
	width:67.71%; margin:0 1.04%; 
	height:auto;
}
.split_left{
	position:relative; float:left;
	width:51.8%;
}
.split_right{
	position:relative; float:left;
	width:46.40%; margin-left:1.54%;
}
.zone_bandeau{
	position:absolute; top:0; left:0;
	width:100%; height:100%; opacity:1; 
	cursor:pointer;
}	
.bandeau{
	position:absolute; top:0; left:0;
	width:100%; height:auto; line-height:auto;
	background:#251F19/*#a49b89*/; color:white; opacity:0.5;
	text-align:center; font-size:130%; 
	text-shadow:1px 1px 0 black;padding: 5px 0px;
}
.thumb_duo, .thumb_offrir, .thumb_massage_mesure, .thumb_event, .thumb_actu, .thumb_hammam, .thumb_presse{
	position:relative; float:left;
	width:100%; height:auto;
	margin-bottom:0.4em;
}
.txt_thumb{
	height:auto;
	margin-bottom:1rem;
}
.txt_right{
	height:auto;
	margin-bottom:0.5rem;
}
.titre_thumb{
	margin-bottom:1rem; font-size:2.8em; line-height:1em;
	 color:#333;	font-family: 'Oswald', sans-serif; 
}
.titre_thumbh2{
	margin-bottom:15px; font-size:2.4em; line-height:1em;
	 color:#E2C89A; font-weight:normal; font-family: 'Oswald', sans-serif; 
}
#accordion h3 {font-family: 'Oswald', sans-serif; font-size:1.2em}
.header{
	position:relative; float:left;
	width:100%; height:auto; display:block;	
	margin:1rem 0 1.5rem 0;
}
.headerTablet{
	position:relative; float:left;
	height:auto; display:none;	
	margin:1rem 0 1.5rem 0;
}
.headerTablet2{
	position:relative; float:left;
	display:none; margin-top:1em;
}
.headerMobile{
	position:relative; float:left;
	display:none; margin-top:1em;
}

.options_btn{
	position:relative; float:left;
	display:none;
	cursor:pointer;
	}
	
.quisommes {float:left; margin-right:20px}	
	
.menu{
	position:relative; float:left;	display:block;
	width:100%; height:2em; margin-bottom:0.5em;
	font-size:100%;
}
.cel_menu{
	position:relative; float:left;
	/* responsive */
	width:auto; height:100%; line-height:2em;
	text-align:center; margin:0 1.9%;
	/*font-weight:bold;*/
	text-transform:uppercase;
}

.cel_menu:hover{
	color:cadetblue;
}
.cel_menu:first-child{
	margin-left:1em;
}
.separation{
	position:relative; float:left; margin:0;
	width:1px; height:100%; background:black; opacity:0.2;
}
.facebook, .instagram{
	position:relative; float:left;
	width:2em; height:100%; margin-left:0.5rem; cursor:pointer;
}
.facebook{
	background-image:url(../img/facebook.png);
	background-repeat:no-repeat;	
	background-size:100% auto;
}
.instagram{
	background-image:url(../img/instagram.png);
	background-repeat:no-repeat;
	background-size:100% auto;	
}
.actif{
	cursor:pointer;
}
.cartouche{
	position:relative; margin:0.05em 1.04%;
	height:auto;
}

.cadre{
	position:relative; float:left; 
	width:21.69%; height:auto;margin-top:0;	margin-bottom:2em; margin-right:0;
	cursor:pointer; opacity:1;
	padding:1%; clear:right;
	-moz-box-shadow: 1px 1px 3px 0px #cfcfcf;
	-webkit-box-shadow: 1px 1px 3px 0px #cfcfcf;
	-o-box-shadow: 1px 1px 3px 0px #cfcfcf;
	box-shadow: 1px 1px 3px 0px #cfcfcf;
}
.c1{
	margin-left:0;
}
.c2{
	margin-left:1.74%;
}
.c3{
	margin-left:1.74%;
}
.c4{
	margin-left:1.74%;;
}
.c5{
	margin-left:0;
}
.c6{
	margin-left:1.74%;
}
.c7{
	margin-left:1.74%;
}
.c8{
	margin-left:1.74%;
}
.c9{
	margin-left:0;
}
.c10{
	margin-left:1.74%;
}
.c11{
	margin-left:1.74%;
}
.c12{
	margin-left:1.74%;
}
.c13{
	margin-left:0;
}
.c14{
	margin-left:1.74%;
}
.c15{
	margin-left:1.74%;
}
.c16{
	margin-left:1.74%;
}
.c17{
	margin-left:0;
}
.c18{
	margin-left:1.74%;
}
.c19{
	margin-left:1.74%;
}
.c20{
	margin-left:1.74%;
}			
.thumbDiv{
	position:relative; float:left;
	width:100%;
}
.massage, .soin{
	position:relative; float:left;
	width:100%; height:1.5rem;
	margin-bottom:0.5rem; margin-top:10px;
	font-size:1.5em; line-height:1rem; 
	text-transform:uppercase; 
	color:black; font-family: 'Oswald', sans-serif; font-weight:100
}
.cadre_destination{
	position:relative; float:left;
	width:100%; height:3rem;
	font-size:80%; text-transform:uppercase;
	font-weight:bold; color:black;
}
.resume, .txt_resume, .pression{
	position:relative; float:left;
	width:100%;
}
.resume{
	height:auto; 
	font-size:0.9rem; line-height:1.2rem;
}
.txt_resume{
	height:3.8rem; overflow:hidden;
}
.lyon, .destination{
	position:relative; float:left;
	width:auto;
}
.avion{
	position:relative; float:left;
	width:2rem; height:auto; margin-top:-0.2rem;
}
.destination, .avion{
	margin-left:2%; 
}
.pression{	
	height:3.5rem; line-height:1.2rem; margin-top:1rem; 
	font-style:italic; color:black;
}
.plus{	
	position:relative; float:left;
	width:100%; height:1.5rem; color:#2b6be2;
	font-weight:bold; text-align:right;
	cursor:pointer;	
}
.retour{	
	position:relative; 
	width:30%; color:#2b6be2;
	font-weight:bold; text-align:center;
	margin:3em auto;
	cursor:pointer;	
}

.space{
	position:relative; float:left;
	width:1.22%; height:1rem;
}
.HL{
	width:100%; height:100%;
	background:white; opacity:0;
	cursor: pointer;
	z-index:1;
}
.descript{
	color:white; margin:0.71% 3.75%;
	z-index:2;
	text-shadow:1px 1px 1px black;
}
.footer{
	position:relative; display:block;
	width:95%; height:3rem;
	font-size:90%;  color:#6E6962;
	margin:3rem auto 0 auto;
}
.adresse{
	position:relative; float:right;
	text-transform:uppercase;
}
.adressemassage{
	text-align:center; font-size:2em;
	text-transform:uppercase; margin-bottom:30px; color:#999; font-family: 'Oswald', sans-serif; 
}
.copyright{
	position:relative; float:left;
}

/*///////////// CONTACT ///////////////////////*/
.contact{
	font-size:97.92%;
	margin:0 1.04%;
}
.titre_gris{
	font-size:2em;
	font-family: 'Oswald', sans-serif;  font-weight:600;
	margin-top:1rem; color:#E2C89A;
}
.force{
	color:black;
}

.adresseContact{
	position:relative; float:left;
	width:35.98%;
}
.formContact{
	position:relative; float:left;
	width:58.96%; height:auto;
	margin-left:1.06%;
}
.reseau{
	margin:2.5em auto 1.5em auto; cursor:pointer;
}
.logo_contact{
	position:relative; float:left;
	width:100%; height:auto;
}
.logo_reseau{
	position:relative; float:left;
	width:15%; height:auto;
}
.accroche{
	position:relative; float:left; margin-left:1em;
	width:60%; height:auto; font-size:130%;	font-weight:bold;
	font-family:georgia; line-height:1.4em;letter-spacing:-0.05em; color:#515558;
}
.map{
	height:/*14.29rem*/500px; margin-bottom:1em;
}
.inputContact{
	width:99%; height:2.6em; line-height:2em; border:0;
	margin-top:0.4em; background:#F4F4F4; color:#666666;
	padding-left:1%;
}
.inputContact:hover{
	width:99%; height:2.6em; line-height:2em; border:0;
	margin-top:0.4em; background:#FFFFCC; color:#666666;
	padding-left:1%;
}
.areaContact{
	width:98%; border:0; font-family:Arial; font-size:100%;
	margin-top:0.4em; background:#F4F4F4; color:silver;
	padding:1%;
}
.sendContact{
	position:relative; float:right;
	width:auto; height:2em; 	line-height:1.5em; border:0;
	padding:0.4em 1.5em 0 1.5em; margin-top:15px;
	text-align:center; cursor:pointer;
}
.sendContact:hover{
	background:gainsboro;
}
.mass_detail{height:100%;}
.marge{
	position:relative; float:left;
	width:34.1%; height:auto;
}
.content{
	position:relative; float:left;
	width:61.02%; height:100%;
	margin-left:2.44%;
}

/*/////// PHOTOS /////////////////////////*/
#boxOl{
	position:fixed; top:0; left:0; display:none;
	width:100%; height:100%; z-index:10;
}
#diaporamaBg{
	position:absolute; top:0; left:0;
	width:100%; height:100%; background:black;
	opacity:0.7; z-index:10;
}
#diaporama{
	position:absolute; top:2em;
	width:50%;
	z-index:11;
}
#navig{
	position:absolute;
	width:100%; height:100%;
	z-index:12;
}
.navigBtn{
	margin-top:10em; height:auto;
}
.navigL, .navigR{
	position:relative; width:1.5%; height:auto;
	cursor:pointer; opacity:0.3;
}
.navigL:hover, .navigR:hover{
	opacity:1;
}
.navigL{ float:left; margin-left:15%;}
.navigR{ float:right; margin-right:15%;}

.cartouchePhotos{
	height:auto; margin-bottom:0.15rem;
}
.pic1{
	position:relative; float:left; 
	width:32.56%; margin-bottom:0.7em;
	cursor:pointer; background:white;
}
.pic1:hover{
	opacity:0.6;
}
.pic{
	position:relative; float:left; 
	width:32.56%; margin-bottom:0.7em;margin-left:1.16%; cursor:pointer; background:black;
}
#titleThumbs{
	position:absolute; width:100%; height:100%;
	text-align:center; color:white; opacity:0;
}
.photo{
	position:absolute;
	display:none;
	background:white;
	border:20px solid white;
}
.close{
	position:absolute; top:2em; left:95%;
	width:2.99%; height:auto; z-index:15;	
	cursor:pointer;
}

/*///////// TARIFS //////////////////////*/
.btnOffer{
	position:relative; float:left;
	min-width:25%; height:2.5em; line-height:2.5em; padding:0 5%;
	text-align:center; background:/*#13C5FF*/#DAD0B0;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.btnOffer:hover{ cursor:pointer; background:black; color:white;}
.button {
  display: inline-block;
  border-radius: 4px;
  background-color: #f4511e;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 28px;
  padding: 15px;
  width: 200px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px; margin-top:10px
}
.intromassage {position: absolute; top: -3000em; height: 1%; }

/*// MENU FLOTTANT */

.fixation {display:none}




.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
  line-height: 20px;
}

.button span:after {
  content: '�';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}
.Tableau span {
   display:inline;
   float:left;
   border:1px solid #999;
   margin:0px;
   padding:3px; height:30px;vertical-align : middle; line-height:25px
  }
.Tableau p {
   clear:left;
   margin:0px;
   padding:0px;
   height:100% !important; height:1em; vertical-align : middle;
  }
.Tableau p.legende {font-weight:bold; border:0px; border-color:#fff}
.Tableau span.col1 {width:60%;vertical-align : middle; border-bottom:0; border-right:0; min-width:300px}
.Tableau span.col2 {width:18%; text-align:center;vertical-align : middle;border-bottom:0; border-right:0;  min-width:50px}
.Tableau span.col2:hover {background-color:#EEE; font-weight:bold; font-size:14px}
.Tableau span.col2 a:hover {color:#333;}
.Tableau span.col2 img {
  position:absolute;
  left:-9999em;
  top:0;
}
.Tableau span.col2:hover img { position:static;vertical-align : middle; margin-top:-5px

}
.Tableau span.col3 {width:18%; text-align:center;vertical-align : middle; border-bottom:0; min-width:50px}
.Tableau span.col3:hover {background-color:#EEE; font-weight:bold; font-size:14px}
.Tableau span.col3 a:hover {color:#333;}
.Tableau span.col3 img {
  position:absolute;
  left:-9999em;
  top:0;
}
.Tableau span.col3:hover img { position:static;vertical-align : middle; margin-top:-5px

}

.faq {font-size:14px; margin-top:20px; margin-bottom:20px;line-height:20px}
.faq p {margin:15px 0 15px 0;}
.faq ul {margin:15px 0 15px 20px;}
.faq li {margin:15px 0 15px 0;}
.faq h2 {font-size:1.6em;margin-top:20px;line-height:1em}

.faqsommaire {border:1px solid #ccc; background:#eee;padding:15px;margin:10px;font-size:12px}
.faqsommaire ul {margin-left:15px}
.faqsommaire li {margin-bottom:8px}

.onrepond {max-width:400px;font-size:20px;font-family:khand;background:#E2C89A;text-transform:uppercase;padding:15px;margin:15px;border-radius:8px;margin-top:25px}
.onrepond:hover {background:#333}
.onrepond a:link {color:#fff}
.onrepond a:visited {color:#fff}
.onrepond a:hover {color:#E2C89A}

	p {margin-bottom:8px}
	h3.dsletxt {margin-bottom:15px; font-size:2em; line-height:1em;
	 color:#E2C89A; font-weight:normal; font-family: 'Oswald', sans-serif; }
	 
	 
	 @media (max-width: 640px) {
	.fixation {display:inline}
.intromassage {position: absolute; top: -3000em; height: 1%; }
.row .menu {display:none;}
.main {padding-right:5px; padding-left:5px; width:92%}
.toggle-menu {background:#ffffff;}
.insta {display:none}
.ct {width:100%}
.marge {display:none}
.content {width:100%}
.Tableau {width:100%;margin-top:20px}
.Tableau span.col1 {width:70%; min-width:auto}
.Tableau span.col2 {width:15%;   min-width:auto}
.Tableau span.col3 {width:15%;   min-width:auto}
.formContact {
    
width: 100%;}
.adresseContact { float: none;
width: 100%;}
.contact {
    font-size: 100%;
    margin: auto;
}
.thumb_duo, .thumb_offrir, .thumb_massage_mesure, .thumb_event, .thumb_actu, .thumb_hammam, .thumb_presse {float:none;width:100%;
}
}