﻿* {padding:0;margin:0;}
html {min-width:952px;height:100%;font-size:100%;}
body {font:11px/1.2em arial,sans-serif;color:#74647F;background:#000 url(../images/bg-site.jpg) no-repeat 50% 0;height:100%; z-index:-200;}
h1{font-size:1.75em;}
h2{font-size:1.5em;}
h3{font-size:1.25em;}
h4{font-size:1em;}
img {border:0;vertical-align:middle}
table{border-collapse:collapse;}
ul,li {list-style:none;}
.vm {vertical-align:middle;}
.vt { vertical-align:top}
/*Link*/
a:link,a:visited {color:#777;text-decoration:none;}
a:hover {color:#333;text-decoration:underline;}
a:active {color:#777;text-decoration:none;}
a.afff:link,a.afff:visited,a.afff:hover,a.afff:active {color:#fff;}

/*Text*/
.tRed {color:#b7151e;}
.tGray {color:#737373;}
.tc {text-align:center;}
.tl {text-align:left;}
.tr {text-align:right;}
.b {font-weight:bold;}
.pL10 { padding-left:10px;}
.pL20 { padding-left:20px;}
/*Structure*/
.s {height:10px;font:0/0 sans-serif;}
.c {display:block;width:0;height:0;clear:both;margin:0;padding:0;font:0/0 sans-serif;}
.clip {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.fl {float:left;}
.fr {float:right;}
.pr { position:relative}
.l {overflow:hidden;}
.lImg,.lCont { overflow:hidden;}
.lImg img {border:1px solid #4c4e4d;}
.lCont {padding-top:5px; overflow:hidden;}
.l .t { font-weight:bold;}
.f .l {float:left;display:inline;}
/*float list*/
ul {}
ul.d li {float:left;>float:none;display:inline-block;word-break:keep-all;}
ul.d li {display:inline;}

/*comTitle*/
.cTit {border-bottom:6px solid #DAE3EB;height:29px;background:url(../images/bg4.gif) no-repeat 3px 0; clear:both}
	.cTitL {font-size:16px;font-family:"Myriad Pro";font-weight:bold;float:left;padding:8px 0 0 57px; text-transform:uppercase}
	.cTitL span {color:#0072FF;}
	.cTitR { float:right;}
	.cTitR p {padding:8px 5px 0 0;}
	.cTitR p a {font-weight:bold;color:#000;}

.header,.mainShow,.Massages {width:735px;margin:0 auto;}


.header {position:relative; background:url(../images/bg2.png) no-repeat 263px 0; height:113px; z-index:1000;}
	.logo,.headerImg,.preferential,.ourClient,.topLink,.menu {position:absolute;}
	.logo {top:9px;left:0;}
	.headerImg {float:right;}
	.preferential {font-size:16px;left:265px; top:35px; color:#fff; width:140px; text-align:center; font-weight:bold;}
	.preferential span {font-size:13.47px; line-height:1em}
	.preferential a { color:#fff; text-decoration:none}
	.ourClient { font-size:16px; text-align:center; font-weight:bold; left:410px; top:5px; color:#55356C}
	.ourClient span { font-size:20px; display:block; line-height:1.1em}
	.ourClient a {color:#55356C; text-decoration:none}
	.topLink { width:160px; right:0; top:10px; font-size:16px; line-height:18px;text-align:center; font-weight:bold;}
	.tLIcon { background:url(../images/bg1.png) repeat-y 89px 0; height:27px;padding-top:5px; margin-top:5px;}
	.tLIcon a { padding:0 5px}
	
.menu {background:url(../images/navbg.png) no-repeat 0 0; width:735px;height:40px; left:0 ; bottom:0;}
	.menu ul { padding-left:25px;}
    .menu ul li {height:40px;text-transform:uppercase;float:left;/*margin:0 -2px;*/background:url(../images/bg3.png) no-repeat 100% 50%;}
	.menu ul li.last { background:none}
	.menu ul li a {text-decoration:none;outline:none;hide-focus:expression(this.hideFocus=true);height:36px; padding:0 9px; line-height:36px;display:block; margin:3px 0 0; font-weight:bold; font-size:10px;}
	.menu ul li a.hover { color:#BFE2E2;text-decoration:none;background:url(../images/bg4.png) repeat 0 0;}
	.menu ul li a:link { color:#BFE2E2;text-decoration:none;}
	.menu ul li a:visited { color:#BFE2E2;text-decoration:none;}
	.menu ul li a:hover { color:#BFE2E2;text-decoration:none;background:url(../images/bg4.png) repeat 0 0; }
	.menu ul li a.current { color:#BFE2E2;text-decoration:none;background:url(../images/bg4.png) repeat 0 0; }
	.menu ul li a:active { color:#BFE2E2;text-decoration:none;}

	.sub { }
	.menu ul li ul {position:absolute;width:168px;background:url(../images/bg4.png) repeat 0 0;top:39px;padding-bottom:10px; border:1px solid #413865; border-top:1px solid #543B72; padding-left:0;}
	/*.menu ul li ul.massages { background-color:#F00; position:absolute; z-index:5000;}*/
	.menu ul li ul.massages,.menu ul li ul.massages li{ width:100px; z-index:1000;}
	.menu ul li ul.aboutus,.menu ul li ul.aboutus li { width:155px;}
	.menu ul li ul li {background:none; border-bottom:1px solid #725582;margin:0; padding:0; text-align:center; height:auto;}
	.menu ul li ul li a { display:block;margin:0; padding:0;line-height:1.4em; text-transform:uppercase; padding:7px 0; height:auto;}
	.menu ul li ul li a:hover { color:#fff;}
	.menu ul li ul li a.current {}
	.hidden, .massages, .aboutus {display:none;}
	
	/*FIX THE LAST MENU*/
	/*.menu ul li ul.aboutus { right:24px;}
	.menu ul li ul.aboutus,.menu ul li ul.aboutus li { width:83px;}*/

.mainShow { height:400px; overflow:hidden; margin:10px auto;position:relative; /*z-index:-100;z-index:-100;*/}
	.massagesNaturistes {position:absolute;top:0;right:0; z-index:999;}
	.topSlider {}
	.featured {overflow:hidden;width:735px;height:400px;margin:0 auto;position:relative;}
	.featured img {width:735px;height:400px;}
	.featured .word {padding:5px 10px;z-index:10;position:absolute;left:0;top:0;color:#fff; background:url(../images/bg5.png) repeat 0 0; width:229px; height:400px;}
	.featured .word h1 { color:#bfe2e2; font-size:18px; font-weight:bold; line-height:18px; margin:15px 0 10px; letter-spacing:-0.01em;}

.inner .mainShow {padding:0 25px; width:685px; margin:25px auto; height:auto; }
	.mainShow h1 { font-size:18px; color:#bfe2e2; margin-bottom:15px; line-height:20px;}
	.mainShow h2 { font-size:14px; color:#61506D; margin-bottom:20px;}
	.mainShow p { font-size:11px; color:#fff; margin-bottom:15px;}
	.mainShowL { float:left; width:425px; padding-right:10px;}
	.mainShowR { float:right; width:250px;}

.wrap {background:url(../images/bg-main2.png) repeat-y 0 0; padding:0 15px 30px; width:920px;}

.Massages {}
.MassagesL,.square {float:left;}
.MassagesL {width:229px;text-transform:uppercase;}
	.booking { background:url(../images/voterMassage.png) no-repeat 0 0; width:229px; height:42px; padding-top:10px; margin-bottom:8px; text-align:center;}
	.booking a { font-weight:bold; color:#fff; background:url(../images/arr1.png) no-repeat 100% 50%; padding-right:25px; display:block; width:175px; margin:0 auto; font-size:12px;}
	.booking a:hover { background-image:url(../images/arr1_on.png); text-decoration:none}
	.booking a span { display:block; font-size:18px; line-height:1.2em;}
	.contact { background:url(../images/contactez-nous.png) no-repeat 0 0;width:229px; height:52px; text-align:center; }
	.contact a { font-size:19px; color:#3e2e4a; line-height:52px; font-weight:bold; text-decoration:none}
.square {width:119px; height:113px; color:#fff; position:relative; margin-left:7px;}
	.square1 { background:#000 url(../images/square1.png) no-repeat 0 0}
	.square2 { background:url(../images/square2.png) no-repeat 0 0;}
	.square3 { background:url(../images/square3.png) no-repeat 0 0;}
	.square4 { background:url(../images/square4.png) no-repeat 0 0;}
	.square h1 { font-size:20px; line-height:1.1em; text-align:center; margin:15px 0 0;}
	.square h1 span{ font-size:16px; line-height:1.05em;}
	.square h1 span.s18 { font-size:18px;}
	.square h1 a { color:#fff; text-decoration:none;}
	.square p { font-size:16px; font-weight:bold; position:absolute; left:0; bottom:0;} 
	.square p a { color:#fff; display:block; width:113px; height:45px; line-height:38px; text-decoration:none; text-align:center;}
	.square1 p a:hover {background:url(../images/square1_h.png) no-repeat 0 0;}
	.square2 p a:hover {background:url(../images/square2_h.png) no-repeat 0 0;}
	.square3 p a:hover {background:url(../images/square3_h.png) no-repeat 0 0;}
	.square4 p a:hover {background:url(../images/square4_h.png) no-repeat 0 0;}

.brief { margin:25px auto; padding:0 25px; width:685px;}
.brief h2 {color:#BFE2E2;font-size:18px;margin-bottom:10px;}

.footer {height:200px;overflow:hidden;background:#000 url(../images/footerbg.png) no-repeat 0 0;margin:25px auto; width:735px;}
.footer a:link {color:#5A4C63;}
.footer a:visited {color:#5A4C63;}
.footer a:hover {color:#5A4C63;}
.footer a:active {color:#5A4C63;}
.fLBox {width:243px; height:170px;float:left;margin:15px 0 0;background:url(../images/bg1.png) repeat-y 100% 0;}
.fLBox h3 {font-weight:bold;text-transform:uppercase;font-size:11px; margin-left:28px;color:#E990EB; margin-bottom:8px;}
.fLBox .cont {margin:0 0 0 28px;}
.fLBox .cont li {width:100px;float:left;}
.fLBox .cont li a {font-size:10px;line-height:12px;}
.fLBoxLast {background:none;}

/*popBox*/
.popBox,.mask { display:none;}
.popBox {z-index:99;width:473px;height:268px;left:50%;top: 50%;margin-left:-236px!important;margin-top:-134px!important;*/margin-top:0px;position:fixed!important;position:absolute;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight- this.offsetHeight)/2 :
document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);color:#fff; background:url(../images/bg6.png) no-repeat 0 0; position:relative}
.mask {background:#000;width:100%;height:100%;left:0;top:0;filter:alpha(opacity=80);opacity:0.8;z-index:1;position:fixed!important;position:absolute;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :
document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);}
.mask iframe { height:100%;width:100%;filter:alpha(opacity=0);opacity:0;}

.popBox h2 { font-size:17px; color:#ffb400; margin:25px 20px 20px 20px;}
.close {position:absolute;top:5px;right:15px; z-index:100000; width:45px; height:15px; background:url(../images/close.png) no-repeat 100% 50%;cursor:pointer;}
.SpecialCont {margin:10px 20px;}
.SpecialCont .date { color:#B1CBD1; text-transform:uppercase; font-size:10px; margin-bottom:5px;}
.SpecialCont p a  { font-weight:bold; font-size:11px; padding-top:5px; color:#fff; display:block; width:70px;}

/*contact*/
.contactIntr { width:658px;margin:0;}
.contactForm { width:658px;margin:0;}			
.contactForm div { margin:8px 0;}
.contactForm div label {display:block; float:left; width:100px; text-align:right; padding:5px 10px 0 0; }
.contactForm div label span { font-size:12px;}
.contactForm div input,.contactForm div textarea { background:#000 url(../images/bg4.png) 0 0; width:318px; height:17px; padding:2px 3px; border:0; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#FFF;}
.contactForm div textarea { height:100px; overflow:auto}
.contactForm div.formBtn {text-align:center;margin-left:5px; width:318px;}
.contactForm div.formBtn input { background:url(../images/btn1.png) no-repeat 0 0; width:113px; height:37px;}
.contactForm div.recapcha {margin-left:110px;}

#credits p a:hover, #credits p a, #credits p a:visited, #credits p a:active, #credits p a:link {text-decoration:none; color:#74647F;}

/*worldpress*/
.blog .mainShow { height:auto;}
.blog .mainShow .mainShowL {width:515px;margin-left:14px; color:#e9e9e9}
.blog .mainShow .mainShowL a {color:#e9e9e9}
.blogTopSlider { margin-bottom:20px}
.social{ margin-bottom:20px}
.article h1 { margin-top:10px}
.article h1 a { color:#bfe2e2}
.articleImg {margin:0 10px 0 0; float:left}
.blog .mainShow .mainShowR {width:181px;margin-right:14px;}
.blogBox .tit { background:url(../images/blog/sideTit.png) no-repeat 0 0; width:166px; padding-left:15px; height:43px; font-size:16px; font-weight:bold; line-height:43px; color:#E9E9E9;}
.blogBox .cont,.blogBox .cont a { color:#e9e9e9; font-size:10px; font-weight:bold; line-height:14px;}
.blogBox .cont { padding:10px 8px;}
.rss { height:58px; margin:0 0 15px 10px;}
.rssL { float:left; font-size:17px; line-height:18px; width:110px; font-weight:bold; color:#e9e9e9; padding-top:10px}
.rssL a { color:#e9e9e9; }
.rssL span { font-size:21px;}
.rssR { float:right;}
.keyWord,.postInfo { margin:5px 0}
.commentList {}
.clNum,.commentPostTit { font-size:12px; line-height:18px; font-weight:bold}
.clMain { padding:10px; margin:5px 0 5px 10px;}
.odd { background:#2d1b3b}
.clMainTip { height:55px;}
.clMainTip img { float:left; border:3px solid #fff; margin:10px 10px 0 0}
.clMainContent {padding:0 30px}
.commentPostTit { margin:10px 0;}
.commentPost {margin:10px 20px;}
.commentPost div { margin-bottom:5px;}
.commentPost div span{padding-left:5px;color:#aa87c4; font-size:10px}
.commentPost input,.commentPost textarea { background:#4d3a5b; border:0; width:145px; height:15px; padding:3px; color:#fff; font-size:11px}
.commentPost textarea {width:469px; height:80px; overflow:auto}
.commentPost input.btn { background:url(../images/blog/submit.png) no-repeat 0 0; width:169px; height:42px; border:0; padding-right:0; cursor:pointer}
/*recrute*/

.recrute{ clear:both; padding:10px 0px; }
.recrute div{   padding:7px 0px; }
.recrute label{ padding:3px 3px 3px 7px; }
.recrute label.boxleft{ float:left; width:150px; text-align:right; padding:3px 20px 3px 3px}
.recrute input[type='text']{ float:left }
#div_etep_2 > form > div, #div_etep_3  > form > div, #div_etep_4  > form > div, #div_etep_5  > form > div, #div_etep_1  >  form > div{ 
	clear:both;
	display:block
}
 
.recrute textarea{ width:370px; height:50px; resize:none }
.err{ clear:both; background-color:#FFCECF; height:30px; width:658px; padding-top:10px; margin-top:10px; text-align:center;margin-left: auto ;margin-right: auto ; }
.next{ float:left;}
.prev{ float:left }
/*side*/
.Archives .cont {padding:10px 20px;}
.tag .cont {padding:15px 8px; /*text-align:justify*/}
.tag .cont a.f13 {font-size:13px; line-height:13px;}
.tag .cont a.f16 {font-size:16px; line-height:16px;}
.tag .cont a.f17 {font-size:17px; line-height:17px;}
.tag .cont a.f19 {font-size:19px; line-height:19px;}


.etep{ padding:0px; margin:0px;}
.etep li{  float:left; padding:5px 15px 5px 0px;cursor:pointer }
.etep li.select{ color:#fff;    }


/*POP UP*/
a.nzadviser{ display:block; position:absolute; height:64px; width:147px; background:url(../images/button-v-a-home.png) 0px 0px; overflow:hidden; text-indent:-9999px; left:575px}
a.nzadviser:hover{ background-position:0px bottom }
