﻿/*  url(../images  => url(http://www.massages-paris-naturistes.fr/images  */



* {padding:0;margin:0 auto;}

html {min-width:952px;height:100%;font-size:100%;}

body {font:11px/1.2em arial,sans-serif;color:#74647F;background:#000 url(http://www.massages-paris-naturistes.fr/images/bg-site.jpg) no-repeat 50% 0;height:100%; z-index:-200;}

h1, .narrowcolumn h1 a {font-size:18px;margin-bottom:10px;margin-top:10px;color:#BFE2E2;line-height:18px;}

h2{font-size:14px;margin-bottom:10px;margin-top:10px;}

h3{font-size:1.25em; line-height:15px;}

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;}



/* Changer le background des posts */

.sep {background:url(http://www.massages-paris-naturistes.fr/images/bg-post.png) repeat; clear:both; margin:10px 0 10px 0; padding:10px 10px 10px 10px; float:left; width:495px;}



/*comTitle*/

.cTit {border-bottom:6px solid #DAE3EB;height:29px;background:url(http://www.massages-paris-naturistes.fr/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 {width:735px; margin:0 auto;}



.Massages {width:735px; margin:0 auto; height:100px;}



#header {position:relative; background:url(http://www.massages-paris-naturistes.fr/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; margin:0;}

	.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; margin:0;}

	.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(http://www.massages-paris-naturistes.fr/images/bg1.png) repeat-y 89px 0; height:27px;padding-top:5px; margin-top:5px;}

	.tLIcon a { padding:0 5px}

	

.menu {background:url(http://www.massages-paris-naturistes.fr/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(http://www.massages-paris-naturistes.fr/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(http://www.massages-paris-naturistes.fr/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(http://www.massages-paris-naturistes.fr/images/bg4.png) repeat 0 0; }

	.menu ul li a.current { color:#BFE2E2;text-decoration:none;background:url(http://www.massages-paris-naturistes.fr/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(http://www.massages-paris-naturistes.fr/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(http://www.massages-paris-naturistes.fr/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(http://www.massages-paris-naturistes.fr/images/bg-main2.png) repeat-y 0 0; padding:0 15px 30px; width:920px;}



.navigation {margin-bottom:10px;}



.MassagesL,.square {float:left;}

.MassagesL {width:229px;text-transform:uppercase;}

	.booking { background:url(http://www.massages-paris-naturistes.fr/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(http://www.massages-paris-naturistes.fr/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(http://www.massages-paris-naturistes.fr/images/arr1_on.png); text-decoration:none}

	.booking a span { display:block; font-size:18px; line-height:1.2em;}

	.contact { background:url(http://www.massages-paris-naturistes.fr/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(http://www.massages-paris-naturistes.fr/images/square1.png) no-repeat 0 0}

	.square2 { background:url(http://www.massages-paris-naturistes.fr/images/square2.png) no-repeat 0 0;}

	.square3 { background:url(http://www.massages-paris-naturistes.fr/images/square3.png) no-repeat 0 0;}

	.square4 { background:url(http://www.massages-paris-naturistes.fr/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(http://www.massages-paris-naturistes.fr/images/square1_h.png) no-repeat 0 0;}

	.square2 p a:hover {background:url(http://www.massages-paris-naturistes.fr/images/square2_h.png) no-repeat 0 0;}

	.square3 p a:hover {background:url(http://www.massages-paris-naturistes.fr/images/square3_h.png) no-repeat 0 0;}

	.square4 p a:hover {background:url(http://www.massages-paris-naturistes.fr/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(http://www.massages-paris-naturistes.fr/images/footerbg.png) no-repeat 0 0;margin:25px auto; width:735px; display:block;}

.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(http://www.massages-paris-naturistes.fr/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(http://www.massages-paris-naturistes.fr/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(http://www.massages-paris-naturistes.fr/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(http://www.massages-paris-naturistes.fr/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(http://www.massages-paris-naturistes.fr/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*/

hr { display:none}



#page {width:735px;margin:0 auto;}



.narrowcolumn {width:515px;margin:10px 0 0 14px; color:#e9e9e9; float:left; clear:both;}

.narrowcolumn a {color:#e9e9e9}

.narrowcolumn h2 a {color:#BFE2E2; line-height:18px;}



.jdGallery { border:1px solid #7C539F}



.category-non-classe,.category-massagenaturistes { margin-bottom:20px; color:#fff;}



	.category-massagenaturistes small,.category-non-classe small {font-size:14px; color:#61506D; margin-bottom:20px;}	

	small {font-size:14px; color:#61506D; margin-bottom:20px;}

	.entry p {font-size:12px; color:#fff; margin:15px 0; line-height:15px;}

	.entry h2,.entry h3 {margin:15px 0; line-height:17px; font-size:14px;}

	.entry p img, .entry h2 img, .entry img.size-full {margin:10px 10px 10px 0; float:left; display:block;}



	

		.blogTopSlider { margin-bottom:20px}

		.sociable { margin-bottom:5px}

		.sociable .sociable_tagline { margin-bottom:5px;}

		.sociable ul {}







#sidebar {width:181px;margin:10px 14px 0 0; float:right}

#sidebar h2 { background:url(http://www.massages-paris-naturistes.fr/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;}



#sidebar,#sidebar a { color:#e9e9e9; font-size:10px; font-weight:bold; line-height:14px;}



#sidebar ul { padding:0 8px 10px 8px;}

#sidebar ul li {width:180px;}



.rss { height:58px; margin:0 0 10px 5px;}

.rssL { float:left; font-size:17px; line-height:18px; width:110px; font-weight:bold; color:#e9e9e9; padding-top:15px;}

.rssL a { color:#e9e9e9; }

.rssL span { font-size:21px;}

.rssR { float:right;}

#sidebar ul li ul { margin-top:10px;}

#sidebar ul li ul li{ width:auto; line-height:14px;background:url(http://www.massages-paris-naturistes.fr/images/blog/side_arr.png) no-repeat 0 5px; padding-left:15px;}





.postmetadata,.postmetadata small,.postmetadata a { margin:5px 0; font-size:10px; color:#fff;}

li.comment {clear:both; margin:10px 0 10px 0; padding:10px 10px 10px 10px;}

.comment-body p {clear:both; margin:10px 0 10px 0; padding:10px 10px 10px 10px;}

.clNum,.commentPostTit { font-size:12px; line-height:18px; font-weight:bold}

.clMain { padding:10px; margin:5px 0 5px 10px;}

.odd {background:url(http://www.massages-paris-naturistes.fr/images/bg-post.png) repeat; clear:both; margin:10px 0 10px 0; padding:10px 10px 10px 10px;}



.clMainTip { height:55px;}

.clMainTip img { float:left; border:3px solid #fff; margin:10px 10px 0 0}

.clMainContent {padding:0 30px}





#respond {margin-top:20px;}

#respond h3 { margin:10px 0;}

#respond form {margin:10px 20px;}

#respond form p {margin-bottom:5px;}

#respond form p small {padding-left:5px;color:#aa87c4; font-size:10px}

#respond input,#respond textarea { background:#4d3a5b; border:0; width:145px; height:15px; padding:3px; color:#fff; font-size:11px}

#respond textarea {width:469px; height:80px; overflow:auto}

#respond input#submit {background:url(http://www.massages-paris-naturistes.fr/images/blog/submit.png) no-repeat 0 0; margin-top:10px; width:169px; height:42px; border:0; padding-right:0; text-indent:-999px; font-size: 0; display:block;line-height: 0;float:right; overflow:hidden;cursor:pointer;}





/*side*/

.Archives .cont {padding:10px 20px;}

.tag .cont {padding:0; /*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;}



/* comments */

.comment-author {height:50px; line-height:13px;}

img.avatar {height:40px; width:40px; margin-right:10px;}

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