/* 

SITE : RAPIDERENCONTRE.COM 
DESC : MAIN.CSS

*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;background-color: #fff;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}/* remember to define focus styles! */:focus {outline: 0;}/* remember to highlight inserts somehow! */ins {text-decoration: none;}del {text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse: collapse;border-spacing: 0;}
/*END RESET*/

html, body {
width: 100%;
height: 100%;
}
body * {
margin: 0;
padding: 0;
border: 0;
}
body {
font-family: Verdana, "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
font-size: 100%;
padding: 0; 
border: 0; 
margin: 0; 
text-align: center;
width: 100%;
height: 100%;
background-image: url("../img/body_bg.jpg");
background-color: #000;
background-position: top center;
background-repeat: no-repeat;
}

img {
border: 0;
font-size: 0.6em;
color: #2c2c2c;
vertical-align: middle;
}
input, select, textarea {
-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;
background: #fff url("../img/input_bg.png") 0 0 repeat-x;
color: #2c2c2c;
vertical-align: middle;
}
textarea {resize: vertical;}

a {color: #fff;}
p a {
font-size:0.9em;
color: #940000;
}

.clear {clear: both;}
.left {float: left;}
.right {float:right;}
.cursor {cursor: pointer;}
.off, .hide {display: none;}
.capitalize {text-transform: capitalize;}
.majuscule {text-transform: uppercase;}
.minuscule {text-transform: lowercase;}

.loader {position: fixed;top: 50%;left: 50%;z-index: 9999;}

.round {-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;}
.boxShadow {-moz-box-shadow: 0 0 5px 5px #888;-webkit-box-shadow: 0 0 5px 5px #888;box-shadow: 0 0 5px 5px #888;}

.voirPlus {font-size: 0.6em;color: #2c2c2c;text-decoration: none;}

.bgWhite {background: #fff;}
.bgRed {background: #e1d3db;}
.bgCyan {background: #deeaea;}
.bgRose {background: #f1cfed;}
.bgMauve {background: #e1cfd0;}
.bgBlue {background: #069;}
.bgGris {background: #eee;}

.justify {text-align:justify;}
.center {text-align:center;}
.griser {color: #aaa;}
.small {font-size: 0.7em;}
.libre {background: #328a16;}
.libreNo {background: #990000;}

.white {color: #fff;}
.black {color: #2c2c2c;}
.gris {color: #b5aa94;}
.red {color: #e71c18;}
.orange {color: #fbd40b;}
.jaune {color: #ffebce;}
.green {color: #168c36;}

.txt14 {font-size: 14px;}
.txt17 {font-size: 17px;}
.txt21 {font-size: 21px;}

.number {
list-style-type: Upper-roman;
padding-left: 40px;
}

.webcam {background: url(../img/webcam.png) 10px 10px no-repeat;}
.distance {background: url(../img/distance.png) 10px 10px no-repeat;}

.look {
width: 22px;
height: 20px;
}
.look:hover {
width: 32px;
height: 24px;
}

.imgPlus {
position: absolute;
bottom: 0;
right: 0;
width: 10px;
height: 10px;
display: block;
background: url(../img/img_plus.png) 0 0 no-repeat;
}

.enligne {
position: absolute;
top: 2px;
left: 2px;
background: url(../img/onligne46x46.png) 0 0 no-repeat;
width: 46px;
height: 46px;
z-index: 500;
}

/*[]*/
.new {
position: absolute;
top: 0;
left: 0;
background: transparent url("../img/new.png") 0 0 no-repeat;
}
.bientot {
position: absolute;
top: 0;
left: 0;
background: transparent url("../img/prochainement.png") 0 0 no-repeat;
}

hr {
width: 100%;
height: 20px;
background: url(../img/hr.png) left center repeat-x;
}

/*[@]*/
#adminTools {
position: relative;
width: 100%;
text-align: right;
}
#adminTools a span {
display:none;
font-size: 11px;
}
#adminTools a:hover span {display:block;}

/*[@]*/
.webcamMini {
position: absolute;
bottom: 10px;
left: 10px;
width: 20px;
height: 20px;
background: url(../img/webcam20x20.png) 0 0 no-repeat;
display: block;
z-index: 500;
}
.ok, .ko {
min-width: 200px;
padding: 40px 0 40px 40px;
}
.ok {background: url(../img/ok.png) left center no-repeat;}
.ko {background: url(../img/ko.png) left center no-repeat;}

.notifMsg {
width: auto;
height: 48px;
background: url(../img/msg_recu.gif) 0 0 no-repeat;
display: block;
font-weight: bold;
font-size: 10px;
color: #000;
padding: 17px 22px;
text-decoration: none;
}
.notifMsg span {
padding-left: 25px;
color: #fff;
}

.soleil {
background: url(../img/soleil30x30.png) left center no-repeat;
padding-left: 35px;
}
.bulle {
width: 680px;
height: 64px;
background: url(../img/bulle_bg.png) 0 0 no-repeat;
}
.quote {
background: #fffeee url(../img/quote.png) bottom right no-repeat;
}

.goBack {
width: auto;
height: 50px;
line-height: 50px;
margin-top: 70px;
padding-left: 60px;
vertical-align: middle;
background: url(../img/go_back.png) left center no-repeat;
font-size: 1.2em;
text-align: left;
}
.goBack a {text-decoration: none;}

.choix {
float: left;
width: 170px;
display: block;
}

.pref {
width: 90%;
background: #eae8de;
margin: 0;
padding: 20px;
border: 1px outset;
text-align: left;
}
.pref p {
float: left;
width: 200px;
}
.roundTopLeft {
border-top-left-radius: 12px;
border-top-right-radius: 0;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 0;
}
.tabs {
background: #fff;
min-height: 300px;
clear: both;
}
.col45 {width: 45%;}
.col48 {width: 353px;}
.col49 {width: 49%;}
.col50 {width: 50%;}
.col67 {width: 67%;}
.col98 {width: 98%;}

.colFiltrer {
float: left;
text-align: center;
width: 120px;
margin: 5px;
}

.homme {background-color: #d7f2f1;}
.femme {background-color: #ffeeee;}
.couple {background-color: #e5cfdd;}
.trans {background-color: #e08f4e;}

.bgGeneric {background-color: #fffeee;}

.separateur {
width: 5px;
height: 5px;
display: block;
}

.hautPage {
width: 88px;
height: 20px;
margin: 20px auto;
padding: 0;
display: block;
background: url("../img/haut_page.jpg") 0 0 no-repeat;
}
.hautPage:hover {background-position: 0 -20px}

/*[]*/
#body {
position: relative;
width: 1010px;
height: auto;
margin: 0 auto;
padding: 0;
display: block;
}

/*[]*/
#panic {
position: fixed;
top: 50%;
left: 5px;
z-index: 500;
}

/*[INFO EN AJAX]*/
#ajaxInfo, #tchatAjaxInfo {
position: absolute; 
top: 140px; 
left: 270px; 
width: auto; 
z-index: 100;
}
#ajaxClose { 
position: absolute; 
top: 5px; 
right: 5px; 
cursor: pointer;
}

#ajaxBox {
position: absolute; 
top: 70px; 
left: 30%; 
display: none;
z-index: 100;
border: 1px solid #2c2c2c;
z-index: 1000;
}
.ajaxBox {
width: auto; 
background: #fff;
color: #79293a;
padding: 20px;
font-family: arial, helvetica;
overflow-y: auto;
}
.ajaxBox h1 {
text-align: left;
line-height: 60px;
font-size: 1em;	  
padding-left: 60px;
color: #e5516f;
background:  url("../img/angelo_h1.png") left center no-repeat;
}
.ajaxBox h2, .ajaxBox h3 {
text-align: left;
line-height: 17px;
font-size: 14px;
border-bottom: 1px dotted #aaa;
margin: 14px 0;
}
.ajaxBox p { 
line-height: 15px;
font-size: 12px;
text-align: justify; 
margin-bottom: 10px; 
}
.ajaxBox ul {
list-style: square;
padding: 10px 30px;
}	
.ajaxBox li ul {padding: 5px 30px}
.ajaxBox li {	
line-height: 17px;
font-size: 12px;
text-align: left; 
margin-bottom: 5px; 
}
.ajaxBox li a {
color: #8c2439;
text-decoration: none;
font-weight: bolder;
}
.ajaxBox li a:hover {text-decoration:underline;}

.infoBulleStatic {
position: absolute;
top: -5px;
left: -10px;
width: auto;
height: 30px;
font: bold 1em Arial, helvetica;
line-height: 30px;
vertical-align: middle;
padding: 0 20px 0 40px;
background: transparent url(../img/tooltips_bg.png) 0 0 repeat-x;
display: none;
text-align: left;
color: #555;
white-space: nowrap;
color: #ae0001;
cursor: pointer;
z-index: 500;
}

/*[]*/
#header {
position: relative;
width: 100%;
height: 400px;
display: block;
}
#header h1 a {
position: absolute;
top: 90px;
left: 65px;
color: #ffebce;
font-size: 0.8em;
word-spacing: -1px;
text-decoration: none;
text-shadow: #ef558c 3px 3px 3px;
}
#header marquee#maintenance, #header div#maintenance {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
color: #eee;
font-size: 11px;
}

/*[MSG user]*/
#msgUser {
position: absolute;
top: 240px;
left: 25%;
width: 300px;
height: auto;
padding: 30px 20px;
background: transparent  url(../img/msg_user_bg.png) top right no-repeat;
font: 0.9em Arial, helvetica;
color: #2c2c2c;
z-index: 1;
}
#msgUser a {
position: absolute;
top: 10px;
right: 10px;
}

/*[msg ajax]*/
.msg {
width: 50%;
margin: 0 auto 20px;
padding: 15px 50px;
background: #CCFFFF url(../img/info32x32.png) 5px 5px no-repeat;
color: #2c2c2c !important;
text-align: center;
font-size: 12px;
line-height: 17px;
font-weight: bolder;
border: 1px outset #aaa;
box-shadow: 0pt 0pt 8px rgba(82, 168, 236, 0.5);
}
.msg a {color: inherit;}
.msg span {color: inherit;font-size: 0.8em;}

#info {
display: none;
width: auto;
margin: 10px 0;
padding: 10px;
text-align: left;
background: #ebe7e9;
border: 1px dotted #ddd;
}

/*[]*/
#logo {
position: absolute;
top: 10px;
left: 0px;
width: 300px;
height: 100px;
}

/*[]*/
#beta {
position: absolute;
top: 35px;
left: 250px;
width: 100px;
height: 24px;
background: url(../img/beta.png) 0 0 no-repeat;
}

/*[]*/
#goodyear {
position: absolute;
top: 300px;
left:  300px;
font-size: 12px;
color: #ffebce;
padding: 14px;
border: 1px dotted #eee;
}
#goodyear a {
line-height: 14px;
font-size: 12px;
font-weight: bold;
}

/*[]*/
div.login {
position: absolute;
top: 10px;
right: 0px;
margin: 0;
width: 400px;
height: auto;
display: block;
background: transparent;
color: #fff;
}
div.login div.top {
width: 100%;
height: 30px;
background: transparent url("../img/login_top.png") 0 0 no-repeat;
text-align: center;
color: #fff;
font-size: 12px;
}
div.login div.top a {
color: #fff;
text-decoration: none;
}
div.login div.top a:hover {text-decoration: underline;}

div.login div.top img {
vertical-align:middle;
margin: 0 5px;
}
div.login div.top span {
float: right;
margin: 7px 20px;
cursor: pointer;
}
div.login div.bas {	
width: 100%;
padding: 0;
height: 30px;
line-height: 30px;
vertical-align: middle;
background: transparent url("../img/login_bas.png") 0 0 no-repeat;
text-align: right;
color: #fff;
font-size: 12px;
}
div.login div.bas a {
position: relative;
margin: 0 10px;
padding: 0 10px 0 0;
color: #eee;
font-size: 0.9em;
text-decoration: none;
}
div.login div.bas a span {display: none;}
div.login div.bas a:hover {background: transparent  url("../img/li_bg_hover.png") 0 0 repeat-x}
div.login div.bas a:hover span {display: block;}
div.login div.bas img {vertical-align: middle;}

div.login form {
height: auto;
padding: 0 20px 10px;
background: transparent url("../img/login_middle.png") 0 0 repeat-y;
}
div.deconnexion a {
text-align: left;
font: bold .9em verdana, tahoma, ariral, helvetica;
color: #fff;
margin: 0 1em 0 0;
text-decoration: none;
}
div.deconnexion a:hover {
text-decoration: underline;
}
div.deconnexion img {
margin-right: 5px;
vertical-align: middle;
}

ul#infoCompteHeader {
width: auto;
height: auto;
margin: 0 auto;
padding: 10px 0;
background: transparent url("../img/login_middle.png") 0 0 repeat-y;
}
ul#infoCompteHeader li {
width: 85%;
height: 20px;
background: transparent  url("../img/li_bg.png") 0 0 repeat-x;
margin: 4px auto;
padding: 2px 2px 2px 15px;
text-align: left;
font-size: 12px;
}
ul#infoCompteHeader li:hover {background: transparent  url("../img/li_bg_hover.png") 0 0 repeat-x;}
ul#infoCompteHeader li a {text-decoration: none;}
ul#infoCompteHeader li img {margin-right: 10px;}
ul#infoCompteHeader li input {margin-right: 15px;}

#loginError {
background: #940000;
text-align: center;
color: #fff;
font-size: .8em;
}
div.login form label {
position: relative;
float: left; 
clear: right; 
display: block; 
width: 120px;
text-align: left; 
font-weight: 800;
margin: 0.2em;
padding: 2px;
font-size: 12px;
}
div.login form label a {
text-decoration: none;
color: #fff;
}
div.login form input[type=text], div.login form input[type=password], div.login form input[type=checkbox] {
float: left;
width: 160px;
height: 16px;
padding: 2px;
clear: right;
margin: 0.2em;
}
div.login form span a {
float: left;
color: #eee;
font-size: 0.7em;
}
div.login form select {
float: left;
width: 165px;
height: 20px;
padding: 2px;
clear: right;
margin: 0.2em;
-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;
}
.go {
width: 50px !important;
height: 25px !important;
border: 0 !important;
display: inline-block;
margin: 0 0.1em;
background: url("../img/bt_go.png") 0 0 no-repeat;
color: #fff;
font: bold 14px tahoma, verdana, arial;
cursor: pointer;
}
.go:hover {background-position: 0 -25px;}

.submit {
width: 180px !important;
height: 40px !important;
border: 0 !important;
display: block;
background: url("../img/bt_submit.png") 0 0 no-repeat;
color: #fff;
font: bold 14px tahoma, verdana, arial;
margin: 0.1em;
cursor: pointer;
}
.submit:hover {background-position: 0 -40px;}

.bt_login {
position: absolute;
top: 30px;
right: 30px;
width: 50px !important;
height: 50px !important;
border: 0 !important;
display: block;
margin: 0;
background: url("../img/bt_login.png") 0 0 no-repeat;
cursor: pointer;
}
.bt_login:hover {background-position: 0 -50px;}

#lostPass {
height: auto;
color: #eee;
font-size: 0.7em;
}
#lostPass sup {
vertical-align: top;
font-size: 8px;
}

/*[menu]*/
#menu {
width: 100%;
height: 40px;
display: block;
padding: 5px 0;
background: transparent url("../img/menu_bg.png") 0 0 repeat-x;
list-style:none;
font: bold 1.2em Tahoma, Arial;
letter-spacing: 0.05em;
overflow: hidden;
}
#menu li {
float: left;
position: relative;
}
#menu li a {
width: auto;
height: 40px;
line-height: 40px;
padding: 0 40px;
vertical-align: middle;
display: block;
text-decoration: none;
color: #fff;
background: transparent url(../img/menu_puce.png) center right no-repeat;
text-shadow: #000 3px 3px 3px;
text-align: center;
}
#menu li a:hover, #menu li a.actif {color: #ffebce;}

#menu li.last a {
width: 60px;
background: transparent;
}

#navBar {
width: 100%;
height: 25px;
line-height: 25px;
vertical-align: middle;
text-align: center;
color: #eee;
font-size: 11px;
}
#navBar span {font-size: 11px;}
#navBar a {
color: #ffebce;
font-weight: bolder;
text-transform: capitalize;
text-decoration: none;
}
#navBar a:hover {text-decoration: underline;}

/*[]*/
#nav-tabs {
margin: 0; 
overflow: hidden;
background: #fff url(../img/nav-tabs_bg.png) left bottom repeat-x;
width: 100%;
height: 50px;
-moz-border-radius-topleft: 5px; 
-moz-border-radius-topright: 5px; 
-webkit-border-top-left-radius: 5px; 
-webkit-border-top-right-radius: 5px; 
border-top-left-radius: 5px; 
border-top-right-radius: 5px;
}
#nav-tabs li {
float: left;
font-size: 12px;
background: transparent url(../img/nav-tabs.png) top right no-repeat;
}
#nav-tabs a {
display: block;
font-weight: bold;
text-transform: uppercase;
color: #656565;
height: 22px;
padding: 14px 24px;
text-decoration: none;
}
#nav-tabs a:hover, #nav-tabs a.current {
color: #a95371;
background: transparent url(../img/nav-tabs-actif.png) center bottom no-repeat;
}

/*[]*/
#wrapper {
position: relative;
width: 980px;
height: auto;
margin: 0 auto;
padding: 10px 5px;
background-color: #520818;
}
#wrapper strong, #wrapper strong a {
font-size: 0.7em;
color: #fff;
text-decoration: none;
}
#wrapperBas {
width: 990px;
height: 35px;
margin: 0px auto;
background: #000 url('../img/wrapper_bas.png') left bottom no-repeat;
}
#wrapperBas p {
font-size: 0.8em;
text-align: center;
color: #fff;
}

/*[]*/
#bandeau {
float: left;
width: 220px;
margin-right: 15px;
padding: 0;
height: auto;
}
#bandeau .top {
width: auto;
height: 29px;
line-height: 29px;
vertical-align: middle;
font-size: 0.8em;
color: #fff;
background: transparent url(../img/bandeau_top.png) 0 0 no-repeat;
}
#bandeau .middle {
background-color: #630418;
border-style: solid;
border-color: #840c29;
border-width: 0 1px 0 1px;
text-align: center;
padding-left: 5px;
}
#bandeau .bas {
width: auto;
height: 29px;
line-height: 30px;
vertical-align: bottom;
background: transparent url(../img/bandeau_bas.png) bottom left no-repeat;
font-size: 0.6em;
color: #fff;
}
#bandeau h2 {
font-size: 0.9em;
color: #ffffee;
text-align: center;
}
#bandeau form {
color: #fff;
padding: 0 10px;
}
#bandeau form fieldset{
border: 1px dotted #aaa;
padding: 0px 20px 20px;
}
#bandeau form p, #bandeau form legend {
padding-top: 5px;
font-weight: bolder;
font-size: 12px;
color: #fff;
text-shadow: #aa0000 1px 1px 1px;
}
#bandeau form p a {
font-size: 12px;
text-decoration: none;
border-bottom: 1px dotted #ccc;
}

#bandeau form select {
font-weight: bolder;
letter-spacing: -1px;
color: #777;
}
#bandeau form input[type=text] {
width: 170px;
height: 20px;
}
#bandeau form input[type=checkbox] {
margin-right: 10px;
vertical-align: middle;
}
#bandeau form select {
width: 170px;
height: 20px;
}
#bandeau form select#ageMin, #bandeau form select#ageMax {
width: 70px;
}
#bandeau  div.newsletter {
background: #000 url(../img/newsletter_accueil.jpg) 0 0 no-repeat;
cursor: pointer;
height: 115px;
}
#bandeau  div.newsletter p {
width: 90px;
padding: 5px 0 0 5px;
float: right;
color: #ffffee;
text-align: left;
font-size: 12px;
}
/*[]*/
#inner {
float: left;
width: 740px;
height: auto;
margin: 0;
padding: 0;
background: transparent;
}
#innerMiddle {
margin: 0;
padding: 5px;
height: auto;
color: #fff;
text-align: center;
background-color: #630418;
border-style: solid;
border-color: #840c29;
border-width: 0 1px 0 1px;
}
#innerMiddle img {vertical-align: middle;}

#innerTop, #innerBas {
width: 100%;
display: inline;
}
#innerTop .coinR, #innerBas .coinR, #innerTop .coinL, #innerBas .coinL {
width: 105px;
height: 29px;
line-height: 29px;
vertical-align: middle;
text-align: center;
font-size: 10px;
color: #fff;
}

#innerTop .coinR {background: url("../img/innertop_right.png") top right no-repeat;}
#innerTop .coinR, #innerBas .coinR {float: right;}
#innerBas .coinR {background: url("../img/innerbas_right.png") top right no-repeat;}
#innerBas .coinR img {vertical-align: middle;}

#innerTop .coinL {background: url("../img/innertop_left.png") 0 0 no-repeat;}
#innerTop .coinL, #innerBas .coinL {float: left;}
#innerBas .coinL {background: url("../img/innerbas_left.png") 0 0 no-repeat;}

#innerTop .middle, #innerBas .middle {
margin: 0 105px;
width: 530px;
height: 29px;
line-height: 25px;
color: #fffeee;
text-align: center;
font-size: 0.8em;
overflow: hidden;
}
#innerTop .middle {background: url("../img/innertop_middle.png") 0 0 repeat-x;}
#innerBas .middle {background: url("../img/innerbas_middle.png") 0 0 repeat-x;}

/*[]*/
div.box {
position: relative;
margin: 0 5px 5px 0;
padding: 1px;
border: 2px solid #8c2439;
background: #943042;
overflow: hidden;
text-align: left;
font: 1em Arial, Hevetica;
}
div.box p a {
color: #fff;
font-size: 0.7em;
text-decoration: none;
}
div.box div.contenu {
padding: 3px;
border: 2px solid #7b1429;
}
div.box div.contenu h2 {
font-size: 12px;
font-weight: 700;
text-align: center;
color: #fff;
}

.coeur {
background: transparent url(../img/puce_coeur.png) left center no-repeat;
padding-left: 30px;
}

div.box div.contenu ul.region {
padding: 2px;
list-style: none;
text-align: left;
list-style-position: outside;
}
div.box div.contenu ul.region li {
padding: 0 0 0 20px;
height: 25px;
line-height: 20px;
vertical-align: middle;
color: #fff;
font-weight: bolder;
background: transparent url(../img/puce_region.png) left center no-repeat;
word-spacing: -1px;
clear: right;
}
div.box div.contenu ul.region li a {
width: auto;
display: block;
padding: 3px;
font-size: 12px;
text-decoration: none;
color: #fff;
text-shadow: #aa0000 1px 1px 1px;
border-bottom: 1px dotted #eee;
}
div.box div.contenu ul.region li a:hover, div.box div.contenu ul.region li a.actif {background: #de496b;}

/*[SPECIFIQUE COMPTE]*/
div.box div.compte p {
width: 90px;
height: 95px;
float: left;
margin: 0 4px 4px 0;
padding-top: 5px;
text-align: center;
color: #fff;
border: 1px solid #7b1429;
background-color: #a11532;
}
div.box div.compte p:hover {background-color: #b52543;}
div.box div.compte p a {
font-size: 11px;
color: #eee;
text-decoration: none;
}
div.box div.compte p a:hover {
color: #fff;
font-weight: bold;
}
div.img {
float: left;
width: 150px;
height: 150px;
margin-right: 5px;
padding: 2px;
text-align: center;
background-color: #dfd1d1; 
background-repeat: no-repeat;
background-position: center center;
border: 1px solid #2c2c2c;
}

div.box .titre {
display: block;
font-size: 0.8em;
font-weight: bold;
text-align: left;
color: #fffeee;
margin-bottom: 10px;
max-height: 65px;
overflow: hidden;
}
div.box .titre a {
font-size: 1em;
font-weight: bold;
color: #fffeee;
text-decoration: none;
}
div.box .desc {
color: #fff;
font-size: 0.777em;
text-align: left;
max-height: 140px;
overflow: hidden;
}
div.box .voir {
position: absolute;
top: 120px;
right: 10px;
font-size: 14px;
color: #dfd1d1;
text-decoration: none;
font-weight: bolder;
}
div.box .voir:hover {
text-decoration: underline;
color: #fff;
}
div.box div.caption {
position: absolute;
bottom: 5px;
right: 10px;
font-size: 0.7em;
color: #dfd1d1;
text-decoration: none;
font-weight: normal;
}
div.box div.caption img {
background: #dfd1d1;
padding: 2px;
border: 1px  solid #940000;
width: 20px;
height: 20px;
vertical-align: middle;
}
div.box div.caption img:hover{background: #fff;}
/*[]*/
#footer {
width: auto;
margin: 140px auto 70px;
padding: 20px;
background: transparent;
text-align: left;
color: #eee;
font-size: 0.8em;
}
#footer ul {
width: 300px;
float: left;
border-right: 1px dotted #aaa;
margin-right: 10px;
}
#footer li {
background: transparent url(../img/li_bg.png) 0 0 repeat-x;
list-style-image: url(../img/puce_li.gif);
list-style-position: inside;
line-height: 20px;
color: #ddd;
}
#footer li:hover {background: transparent url(../img/li_bg_hover.png) 0 0 repeat;}
#footer ul li a {text-decoration: none;}

/*[COPYRIGHT]*/
#copy {
width: auto;
height: 30px;
line-height: 30px;
vertical-align: 50%;
background: transparent;
margin: 0;
padding: 0;
text-align: center;
}
#copy p {
font-size: 70%;
color: #a0a0a0;
}
#copy a {
color: inherit; 
text-decoration: none;
}

/*[]*/
div.disclaimer {
position: fixed;
top: 20%;
left: 25%;
border: 0;
width: 600px;
height: 360px;
margin: 0;
padding: 0;
background: url("../img/disclaimer_bg.jpg") 0 0 no-repeat;
z-index: 500;
}
div.disclaimer div.wrapper {
position: absolute;
top: 60px;
left: 20px;
background: #fff url("../img/disclaimer_wrapper.png") top right no-repeat;
width: 70%;
height: 260px;
padding: 5px;
overflow-x: hidden; 
overflow-y: scroll;
text-align: left;
color: #777;
font: 11px Arial, helvetica;
}
div.disclaimer div.wrapper h2 {
color: #940000;
font-size: 1em;
text-align: justify;
word-spacing: -1px;
}

div.disclaimer div.wrapper li {
list-style-type: Disc;
font-weight: bolder;
padding-left: 10px;
margin-bottom: 5px;
border-bottom: 1px dotted #eee;
}

#overlay, #overlayFull {
position: fixed;
top: 0;
left: 0;
z-index: 500;
width: 100%;
height: 100%;
background-color: #000;
}
#overlay {
-moz-opacity: 0.50;
filter: alpha(opacity=50);
opacity: 0.50;
}
#overlayFull {
-moz-opacity: 0.95;
filter: alpha(opacity=95);
opacity: 0.95;
}
div.disclaimerOpen {
position: absolute;
bottom: 80px;
right: 10px;
width: 94px;
height: 48px;
display: block;
}
div.disclaimerClose {
position: absolute;
bottom: 14px;
right: 10px;
width: 94px;
height: 48px;
display: block;
}

/*[]*/
#signaler {
position: fixed;
top: 20px;
left: 20%;
width: 400px;
height: 430px;
padding: 30px 20px;
background-color: #ededed;
font: bold 13px Arial, helvetica;
color: #2c2c2c;
border: 1px solid #aaa;
z-index: 500;
display: none;
overflow: hidden;
word-spacing: nowrap;
}
#signaler div {
width: 100%;
height: 340px;
overflow-y: scroll;
text-align: left;
font-size: 11px;
text-transform: italic;
background-color: #fff;
border: 1px solid #aaa;
padding: 5px;
}

#closeBoxAjax {
position: absolute;
top: -2px;
right: -2px;
}

/*[]*/
#box {
position: fixed;
top: 140px;
left: 32%;
width: auto;
height: auto;
padding: 30px 20px;
background-color: #ededed;
font: bold 13px Arial, helvetica;
color: #2c2c2c;
border: 1px solid #aaa;
z-index: 500;
display: none;
overflow: hidden;
word-spacing: nowrap;
}

#box h2 {
color: #e71c18;
font-size: 1.333em;
font-weight: bold;
text-align: middle;
}
#box p {
text-align: left;
}

#box ul {
text-align: left;
padding: 20px;
}
#box ul li {list-style: circle;}

#go {
width: 50px !important;
height: 27px !important;
border: 0 !important;
margin: 0 10px;
background: url("../img/bt_go.png") 0 0 no-repeat;
color: #fff;
font: bold 14px tahoma, verdana, arial;
cursor: pointer;
}
#go:hover {background-position: 0 -25px;}

/*[navi page]*/
#navPage {
width: 96%;
vertical-align: middle;
margin: 30px auto 0;
padding: 0;
/*
background: #943042;
border: 2px solid #8c2439;
*/
text-align: center;
font-family: arial, helvetica;
font-size:11px;
}
#navPage img {vertical-align: middle;}

#navPage a.num, #navPage span {
width: 40px;
height: 51px;
line-height: 51px;
margin: 0 3px;
padding: 0;
font-weight: bold;
color: #fff;
display: inline-block;
text-decoration: none;
}
#navPage a.num {background: url('../img/nav_page_bt.png') 0 0 no-repeat;}
#navPage a.num:hover {
background: url('../img/nav_page_bt_hover.png') 0 0 no-repeat;
color: #000;
}
#navPage span {
background: url('../img/nav_page_bt_hover.png') 0 0 no-repeat;
color: #000;
}
#navPage em {
font-size: 1.2em;
font-weight: bold;
}
#navPage b {
width: 2px;
height: 51px;
margin: 0 5px;
line-height: 30px;
vertical-align: middle;
}
#navPage p {
padding: 0;
color: #aaa;
font-size: 80%;
text-align: center;
}
#navPage .navNext,  #navPage .navPrec {
width: 30px;
height: 51px;
display: block;
text-decoration: none;
}
#navPage .navNext {float: right;background: url("../img/nav_bt_next.png") left center no-repeat;}
#navPage .navPrec {float: left;background: url("../img/nav_bt_prec.png") left center no-repeat;}

/*[]*/
#fiche {
position: relative;
width: auto;
height: auto;
padding: 10px;
background: #c8c8c8 url(../img/fiche_bg.png) 0 0 repeat;
font-family:Georgia,Helvetica,Arial,Sans-Serif;
}
#fiche h2 {
background-image: url(../img/h2_annonce.png);
background-position: left center;
background-repeat: no-repeat;
font-size: 17px;
padding-left: 21px;
margin: 0;
height: 2.5em;
line-height: 2.5em;
vertical-align: middle;
font-weight: 700;
text-align: left;
color: #a95371;
}
#fiche h2 a {
font-size: 14px;
text-decoration: none;
color: inherit;
}
#fiche h3 {
vertical-align: middle;
padding: 20px 0 0 10px;
font-size: 12px;
font-weight: 800;
text-align: left;
color: #a95371;
}
#fiche h3 a {
color: inherit;
text-decoration: underline;
}

.certifier_0, .certifier_1 {
float: right;
width: 120px;
height: 20px;
vertical-align: middle;
font: 11px tahoma, arial, helvetica;
text-align: center;
color: #000;
line-height: 20px;
background-image: url(../img/certifier.png);
background-repeat: no-repeat;
text-decoration: none;
}
.certifier_0 {background-position: 0 0;}
.certifier_1 {background-position: 0 -20px;}

#fiche div.certifier p {
padding: 20px;
font-size: 14px;
line-height: 17px;
text-align: left;
color: #2c2c2c;
}
#fiche div.certifier div.certifierImg {
position : relative;
border: 1px solid #ccc;
margin: 5px;
padding: 10px;
width: 170px;
float: left;
}

#fiche .small {
font-size: 10px;
line-height: 10px;
text-align: left;
color: #2c2c2c;
}
#fiche div#libre {
position: absolute;
top: 180px;
right: -20px;
width: 96px;
height: 96px;
display: block;
background: url(../img/libre_ce_soir.png) 0 0 no-repeat;
z-index: 10;
}

/*[TOOLS]*/
#fiche div.tools {
float: left;
width: 180px;
height: 180px;
margin: 0;
padding: 10px;
color: #2c2c2c;
background: #ebe7e9;
text-align: left;
}
#fiche div.tools div {
position: relative;
float: left;
}
#fiche div.tools img {
position: relative;
width: 48px;
height: 48px;
display: block;
float: left;
margin: 4px;
padding: 2px;
background: #212421;
border: 0;
}	
#fiche div.tools a {
font-size: 12px;
text-decoration: none;
}
#fiche div.tools div a span {display: none;}
#fiche div.tools a:hover span {display: block;}

/*[]*/
#fiche div.profil {
position: relative;
min-height: 200px;
margin: 0;
padding: 0 10px;
color: #2c2c2c;
background: #ebe7e9;
}
#fiche div.profil img {vertical-align: middle;}

#fiche div.profil .pseudo {
margin: 0 0 10px 0;
padding: 2px 0 0 0;
color: #a95371;
font-size: 1.2em;
font-weight: bold;
text-align: left;
}
#fiche div.profil .pseudo img {vertical-align: middle;}

#fiche div.boxInfo {
float: left;
width: 40%;
margin: 25px 10px;
padding: 20px;
text-align: center;
border: 1px dotted #ddd;
text-align: right; 
background-color: #ebe7e9;
}
#fiche div.boxInfo a:hover img {text-decoration: none;}
#fiche div.boxInfo p, #fiche div.boxInfo a {
color: #940000;
font-size: 12px;
text-decoration: none;
}

#ficheDistance {
float: left;
width: 40%;
margin: 25px 10px 0 0;
padding: 20px;
text-align: center;
border: 1px dotted #ddd;
background: #ebe7e9;
}
#ficheDistance a:hover img {text-decoration: none;}
#ficheDistance p, #ficheDistance a {
color: #940000;
font-size: 12px;
text-decoration: none;	
text-align: right;
}

#fiche div.profil div.online, #fiche div.profil div.offline {
width: 80px;
height: 19px;
z-index: 10;
float: left;
}
#fiche div.profil div.online {background: url(../img/online.png) 0 0 no-repeat;}
#fiche div.profil div.offline {background: url(../img/offline.png) 0 0 no-repeat;}

div.profil_desc p {
width: auto;
height: auto;
min-height: 16px;
margin: 0.2em 0.4em;
padding: 2px;
font-weight: bolder;
font-size: 11px;
color: #656565;
clear: both;
text-align: left;
}
div.profil_desc p a {
font-size: 11px;
color: inherit;
text-decoration: none;
border-bottom: 1px dotted #aaa;
}
div.profil_desc p a:hover {color: #a95371;}
div.profil_desc p span {
float: left; 
clear: right; 
display: block; 
font-weight: normal;
width: 80px;
text-align: left;
color: #a95371;
}

/*[photo]*/
#fiche div.photoProfil {
width: auto;
height: auto;
margin: 0px auto;
padding: 0;
background: #fff;
text-align: center;
}
/*
#fiche div.photoBig img {height: auto;}
*/
#fiche div.photoProfil div.photoBig {
position: relative;
font-size: 1em;
text-align: center;
color: #2c2c2c;
padding: 0;
background: transparent url(../img/aajax-big.gif) center center no-repeat;
}
#fiche div.photoProfil h4 {
vertical-align: middle;
font-size: 1em;
font-weight: 800;
text-align: center;
color: #a95371;
}
/*[]*/
#fiche div.social, #fiche div.inviteCx  {
width: 50%;
margin: 0 auto;
padding: 10px;
text-align: center;
margin-top: 100px;
background: #ebe7e9;
border: 1px dotted #ddd;
}
#fiche div.social p {
text-align: center;
font-size: 0.8em;
color: #2c2c2c;
}
#fiche div.social img {
border: 0;
width: 28px;
height: 28px;
vertical-align: middle;
}
/*[]*/
#fiche div.socialTools {
position: absolute;
width: 100%;
height: 20px;
bottom: 20px;
left: 20px;
z-index: 500;
text-align: left;
}
#fiche div.socialTools a {
padding: 2px 0;
background: url(../img/social_slide.png) 0 0 repeat-x;
font: bold 11px Tahoma, arial, helvetica;
color: #940000;
text-decoration: none;
cursor: pointer;
}
#fiche div.socialTools a:hover {
background: url(../img/social_slide.png) 0 -10px repeat-x;
}

/*[GALERIE]*/
#galerieThumb {
width: 640px;
min-height: 100px;
height: auto;
margin: 0 auto;
padding: 10px;
background: #ebe7e9;
text-align: center;
clear: both;
}
#galerieThumb .vignette {
float: left;
width: 120px;
height: 90px;
margin: 2px;
padding: 2px;
background-color: #fffeee;
background-image: url(../img/galerie_bg.jpg);
background-position: center center;
background-repeat: no-repeat;
text-align: center;
cursor: pointer
}
#galerieThumb .vignette img {
max-width: 120px;
width: auto;
height: 90px;
}
#galerieThumb ul li {
float: left;
cursor: pointer;
}

/*[album]*/
#fiche div.albumProfil {
margin: 0;
padding: 0;
}
#fiche div.albumProfil .img {
float: left;
width: auto;
height: auto;
margin: 10px;
padding: 20px;
border: 1px dotted #d0c4c5;
}
#fiche div.albumProfil img {
width: auto;
max-width: 80px;
height: auto;
}


/*[ANNONCE]*/
#fiche div.annonce, #profilDetail {
width: auto;
height: auto;
margin: 0 auto;
padding: 0 20px;
text-align: left;
color: #a95371;
clear: both;
overflow-x: hidden;
}
#fiche div.annonce p {
padding: 0 20px;
font-size: 15px;
line-height: 21px;
vertical-align: middle;
}

#profilDetail .profil {
margin-right: 5px;
padding: 10px;
border: 1px outset #aaa;
text-align: left;
}
#profilDetail .profil p {
width: auto;
height: auto;
min-height: 16px;
margin: 0.2em 0.4em;
padding: 2px;
font-weight: 800;
font-size: 11px;
color: #656565;
clear: both;
text-align: left;
}
#profilDetail .profil p a {
font-size: 11px;
color: inherit;
text-decoration: none;
border-bottom: 1px dotted #777;
}
#profilDetail .profil p a:hover {color: #a95371;}
#profilDetail .profil p span {
float: left; 
clear: right; 
display: block; 
width: 120px;
text-align: left;
}

#profilDetail div.col100 {
position: relative;
width: 94%;
float: left;
margin: 10px auto;
padding: 10px;
background: url(../img/col100_bg.png) 0 0 repeat;
border: 1px dotted #ddd;
text-align: left;
}
#profilDetail div.col100 h4 {
position: relative;
top: 0;
left: -20px;
width: 260px;
height: 54px;
line-height: 50px;
padding-left: 15px;
vertical-align: middle;
background: url(../img/h4_bg.png) left center no-repeat;
font-size: 12px;
color: #fff;
text-align: left;
}
#profilDetail div.col100 p, #profilDetail div.col100 a, #profilDetail div.col100 b {
width: 170px;
margin: 0 10px 5px 0;
padding: 2px 2px 2px 15px;
background: #fff url(../img/puce_bleu.png) 2% 50% no-repeat;
float: left;
clear: right;
font-size: 12px;
color: #656565;
overflow: hidden;
text-decoration: none;
}
#profilDetail div.col100 a:hover {text-decoration: underline;}
#profilDetail div.col100 b {width: 250px;}
#profilDetail div.col100 b span {font-weight: normal;}

/*[]*/
.signaler {
width: auto;
margin: 50px auto 0;
padding: 0;
font-size: 0.7em;
text-align: center;
color: #a95371;
}
.signaler a {
color: inherit;
}

.sousMenu {margin: 20px 0 0;padding: 0;font: bold 0.8em arial,helvetica;}
.sousMenu dt {display:none;}
.sousMenu dd {float:left; padding:0; margin:0; text-align:center;}
.sousMenu dd span.aa {display:block; width:12px; height:1.5em; height:auto; background:url(../img/taglft.gif); float:left; border-bottom:1px solid #888; padding:5px 0;}
.sousMenu dd span.bb {height:1.5em; height:auto; background:url(../img/tagmid.gif); float:left; border-bottom:1px solid #888; padding:5px 0;}
.sousMenu dd span.cc {display:block; width:12px; height:1.5em; height:auto; background:url(../img/tagrgt.gif); float:left; border-bottom:1px solid #888; padding:5px 0;}
.sousMenu a, .sousMenu a:visited {color:#888; text-decoration:none; font-size:1em; cursor:pointer;}
.sousMenu a:hover, .sousMenu a.actif {color:#000; background:#fff;}
.sousMenu a:hover span, .sousMenu a.actif span {background-position:0 150px; border-bottom:1px solid #f9f4ee;}

.photoAlbum {
float: left;
background-color: #fff;
border: 1px inset #777;
width: auto;
height: 150px;
margin: 2px;
padding: 5px;
}

#day {
margin: 0 auto;
width: auto;
text-align: center;
}
#day img {
background: #fff;
padding: 5px;
width: auto;
height: auto;
}
#day p {
font-size: 10px;
text-align: justify;
color: #fff;
}

#slide {
position: relative;
width: auto;
height: 350px;
margin: 0 auto; 
padding: 0;
overflow: hidden;
background: transparent;
border: 0px solid #876566;
}
#slide .cadre {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent url(../img/slide_cadre.png) 0 0 no-repeat;
z-index: 500;
}
#slide .slideshow {
width: 100%;
height: 100%;
background-position: top center;
background-repeat: no-repeat;
}
#slide .caption {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 40px;
background: transparent url(../img/slide_caption.png) 0 0 repeat-x;
display: block;
}
#slide .caption h2 {
line-height: 40px;
vertical-align: middle;
padding: 0 10px;
text-align: left;
color: #333;
font-size: 1.666em;
font-weight: bold;
text-shadow: #ffebce;
}
#slide .caption h2 a {
float: right;
color: #940000;
font-size: 12px;
text-decoration: none;
}
#slide .caption h2 a:hover {text-decoration: underline;}

/*[]*/
#intro {
position: relative;
float: left;
width: 72%;
height: 680px;
height: auto;
display: block;
font-family: Verdana, arial, helvetica;
background: #2c2c2c;
border: 2px solid #8c2439;
text-align: left;
padding: 2px;
}
#intro div.wrapper {
width: auto;
height: auto;
margin: 0;
padding: 2px;
background: #2c2c2c url(../img/tentation.png) 450px 350px no-repeat;
}
#intro h2, #intro h3 {
line-height: 2em;
vertical-align: middle;
font-size: 1.2em;
font-weight: 700;
letter-spacing: -1px;
word-spacing: -1px;
}
#intro h2 a, #intro h3 a {text-decoration:none;}

#intro p {
width: 70%;
line-height: 20px;
font-size: 12px;
font-weight: normal;
text-align: justify;
margin: 0;
padding-left: 35px;
color: #ffebce;
}
#intro p a, #intro strong {
font-size: inherit;
color: inherit;
text-decoration: none;
}
#intro p a:hover {text-decoration: underline;}

#intro ul#presentation {
margin: 20px 40px;
}
#intro ul#presentation li {
font-size: 12px;
background: transparent url(../img/x20x20.png) left center no-repeat;
color: #ffebce;
padding-left: 25px;
line-height: 20px;
}

ul#nav-tabs-accueil {
width: 100%;
height: 37px;
margin-top: 35px;
padding: 0;
list-style-type: none;
font: bold 12px tahoma, verdana, arial;
}
ul#nav-tabs-accueil li {
float: left;
width: 175px;
height: 37px;
line-height: 37px;
vertical-align: middle;
text-align: center;
background: transparent url(../img/nav-tabs-accueil-bt.png) 0 0 no-repeat;
}
ul#nav-tabs-accueil li:hover, ul#nav-tabs-accueil li.current {background: transparent url(../img/nav-tabs-accueil-bt.png) 0 -37px no-repeat;color: #fff;}
ul#nav-tabs-accueil li.current a, ul#nav-tabs-accueil a:hover {color: #fff;}

ul#nav-tabs-accueil a {
text-transform: capitalize;
color: #aaa;
text-decoration: none;
}

#accAjax {
min-height: 280px;
height: auto;
background: #2c2c2c;
font-family: Georgia,Helvetica,Arial,Sans-Serif;
padding: 0 2px;
margin: 0;
}

.accLastInscrit {background: #2c2c2c url(../img/accLastInscrit_bg.png) 0 0 no-repeat;}
.accTopMembre {background: #2c2c2c url(../img/accTopMembre_bg.png) 0 0 no-repeat;}
.accTopPhoto {background: #2c2c2c url(../img/accTopPhoto_bg.png) 0 0 no-repeat;}

.accStyleMembre {
padding: 20px 0 0 20px;
color: #fff;
font-size: 11px;
}
.accStyleMembre a {text-decoration: none;}
.accStyleMembre a:hover {text-decoration: underline;}

.accStyleMembre div {
position: relative;
height: 90px;
}

.accStyleMembre a.titre {
color: #fff;
height: 25px;
line-height: 25px;
font-size: 15px;
text-decoration: none;
color: #fbd40b;
font-weight: bold;
}
.accStyleMembre a.titre:hover {color: #e71c18;}

.accStyleMembre .img {
float: left;
padding: 5px 0;
width: 110px;
height: 80px;
margin: 0 10px 10px 0;
background: url(../img/acc_thumb.png) 0 0 no-repeat;
text-align: center;
}
.accStyleMembre .img img {
max-width: 100px;
max-height: 80px;
}
.accStyleMembre .lire {
position: absolute;
bottom: -10px;
right: 0;
font: 11px Arial;
border: 1px solid #aaa;
color: #fff;
background-color: #940000;
text-decoration: none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 2px 5px;
}
.lire:hover {
color: #fff;
background-color: #ff0077;
text-decoration: none;
}

ul.accBox {
margin: 0;
padding: 0px;
list-style-type: none;
font: bold 13px tahoma, verdana, arial;
}
ul.accBox li {
float: left;
width: 170px;
padding: 2px;
}
ul.accBox li b {
display: block;
width: 100%;
height: 25px; 
line-height: 25px;
padding: 0; 
margin: 0;
text-align: center;
color: #2c2c2c;
font-weight: bold;
text-transform: capitalize;
}
ul.accBox li b a {
text-decoration: none;
color: #2c2c2c;
}
ul.accBox li span {
display: block;
height: 120px; 
margin: 0;
padding: 10px 5px;
text-align: justify;
color: #2c2c2c;
font-weight: normal;
text-transform: normal;
}
/*[]*/
#introEnd {
position: relative;
float: left;
width: auto;
display: block;
font-family: Verdana, arial, helvetica;
font-size: 12px;
background: #2c2c2c;
border: 2px solid #8c2439;
text-align: justify;
padding: 20px 10px;
margin-bottom: 50px;
}
#introEnd h3, #introEnd h3 a {
line-height: 15px;
font-weight: normal;
vertical-align: middle;
color: #ffebce;
}
/*[]*/
#slideBar {
float: right;
width: 25%;
padding: 10px 5px 0;
display: block;
background: #2c2c2c;
text-align: center;
border: 2px solid #8c2439;
}
#slideBar h2 {
font-size: 1.333em; 
font-weight: bold;
font-family: Verdana, arial, helvetica;
letter-spacing: -2px;
word-spacing: -1px;
}
#slideBar h4 {
height: 14px;
font-size: 12px;
text-align: justify;
color: #ffebce;
padding: 0;
margin: 0;
}
#slideBar h4 a {text-decoration: none;}
#slideBar h4 a:hover {text-decoration: underline;}

#slideBar p {
line-height: normal;
text-align: left;
margin: 0;
padding: 0;
font-size: 12px;
color: #ffebce;
}
#slideBar img {
float: left;
width: 100px;
height: 120px;
overflow: hidden;
margin-right: 5px;
}
#dating, #bdsm,  #rss, #newsletter {
float: right;
overflow: hidden;
width: 100px;
height: 120px;
padding: 1px;
background: #8c2439;
}

#slideAbo {
overflow: hidden;
height: 120px;
padding: 1px;
background: #8c2439;
}
#slideAbo img {
width: 200px;
}

/*[COMPTE]*/
/*[profil]*/
#profil  {
position: relative;
margin: 0 auto;
height: auto;
padding: 20px;
background: #fff;
text-align: left;
}
#profil h2 {
text-align: center;
font-size: 1em;
color: #940000;
}
#profil h3 {
text-align: center;
line-height: 3em;
font-size: 1em;
color: #940000;
}
#profil h3 a {
color: inherit;
text-decoration: none;
}
#infoCompte {
width: 70%;
float: left;
margin: 0 auto 20px;
padding: 10px;
background: #fff url(../img/degrader_gris_top.png) 0 0 repeat-x;
border: 1px dotted #aaa;
}
#infoCompte legend {display: none;}

#infoCompte ul {
padding: 0 20px;
list-style: square;
}
#infoCompte li {
padding: 5px 0;
font-size: 0.7em;
font-weight: bolder;
color: #2c2c2c;
}
#infoCompte li a {color: #940000;}
#infoCompte li b {color: #dd0066;}

#webcam {
display: none;
margin: 20px auto;
text-align: center;
}
#smiley {
float: left;
width: 450px;
margin: 0 auto 20px;
padding: 15px 4px;
border: 1px solid #dedede;
background: #fff url("../img/input_bg.png") 0 0 repeat-x;
}
#smiley img {
margin: 5px;
}

/*[]*/
form#profil fieldset {
padding: 20px 10px;
border: 1px dotted #a95371;
}
form#profil legend {
font-family:georgia, sans-serif; 
font-size: 1.1em; 
font-weight:bold; 
border: 1px outset;
padding: 5px; 
background: #efe7ef;
font-size: 0.9em;
font-weight: bold;
color: #a95371;
margin-bottom: 10px;
}
form#profil label {
float: left; 
clear: right; 
display: block; 
width: 130px;
text-align: right;
font-weight: 800;
margin: 0.2em 0.4em;
padding: 2px;
font-size: 12px;
color: #2c2c2c;
}

form#profil p, form#profil span  {
font-size: 0.7em;
color: #2c2c2c;
vertical-align: middle;
}

form#profil input[type=text], form#profil input[type=password], form#profil select, form#profil input[type=file] {
width: 220px;
height: 20px;
margin-bottom: 0.3em;
border: 1px solid #aaa;
background-color: #fff;
clear: both;
}
form#profil input[type=checkbox]{
vertical-align:middle;
margin-right: 10px;
}
form#profil input[type=radio] {
vertical-align:middle;
margin-right: 5px;
}
form#profil input[type=text]#annonce_titre {width: 450px;}
form#profil select {width: 225px;}
form#profil textarea {
float: left;
width: 450px;
height: 250px;
padding: 15px 4px;
margin-bottom: 1em;
border: 1px solid #dedede;
}

form#profil textarea:focus, form#profil input[type="text"]:focus {
box-shadow: 0pt 0pt 8px rgba(82, 168, 236, 0.5);
border-color: rgba(82, 168, 236, 0.75);
border-style: solid;
}
form#profil input#sujet {
width:450px;
padding: 2px 4px;
}
form#profil input#photo {width: 250px;}
form#profil input[type=submit] {
width: 180px;
height: 40px;
border: 0;
background: url("../img/bt_submit.png") 0 0 no-repeat;
color: #fff;
font: bold 14px tahoma, verdana, arial;
margin: 0.1em;
cursor: pointer;
}
form#profil input[type=submit]:hover {background-position: 0 -40px;}

form#profil div.monsieur, form#profil div.madame, form#profil div.rechercher  {
width: 60%;
height: auto;
padding: 10px;
margin-bottom: 20px;
border: 1px solid #eee;
}
form#profil div.monsieur {background-color: #c3d8e5;}
form#profil div.madame {background-color: #e5c3e3;}

.thumb {
position: relative;
float: left;
width: 150px;
height: 170px;
margin-right: 5px;
padding: 5px;
text-align: center;
background-color: #dfd1d1; 
background-repeat: no-repeat;
background-position: center center;
border: 1px solid #2c2c2c;
}
.thumb:hover p {
display: block;
}
.thumb p {
position: absolute;
top: -15px;
left: 0px;
width: 220px;
height: 80px;
padding: 20px;
background: url(../img/infobulle.png) 0 0 no-repeat;
display: none;
text-align: left;
color: #2c2c2c;
font-size: 11px;
z-index: 10;
}
.thumb p b{color:#940000;}

.close {
position: absolute;
top: 2px;
right: 2px;
cursor: pointer;
}

/*[]*/
#tchatListe {
position: relative;
width: auto;
height: 550px;
background: #ddd;
clear: both;
}

/*[]*/
.icone {
position: relative;
margin-top: 2px;
padding: 1px;
height: 50px;
line-height: 30px;
vertical-align: middle;
}
.icone a {
float: left;
margin: 1px 1px 1px 0;
padding: 2px;
background: #ddd;
border: 1px solid #aaa;
font-size: 10px;
text-decoration: none;
color: #a95371;
-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;
}
.icone a:hover {background: #aaa;}
.icone a span {
display: none;
position: absolute;
top: 25px;
left: 5px;
font-size: 10px;
font-weight: 800;
letter-spacing: -1px;
z-index: 500;
}
.icone a:hover span {display: block;}

/*[]*/
.tchatTotalCx {
text-align: center;
color: #ffffe7;
font-size: 0.8em;
}

/*[]*/
#tchatListe ul.liste {
position: relative;
width: 100%;
list-style: none;
}
#tchatListe ul.liste li {
padding-left: 3px;
height: 18px;
line-height: 18px;
vertical-align: middle;
font-size: 11px;
overflow: hidden;
display: inline-block;
text-align: left;
}
#tchatListe ul.liste span {
display: none;
position: absolute;
top: -20px;
left: 70px;
width: 70px;
height: auto;
z-index: 500;
}
#tchatListe ul.liste li:hover span {display: block;}

#tchatListe ul.liste li img {vertical-align:middle;}

.col1 {width: 20px;}
.col2 {width: 135px;}

ul#listeTop {
width: 100%;
background: #069;
line-height: 20px;
vertical-align: middle;
}
ul#listeTop li {
height: 100%;
display: inline-block;
text-align: center;
font-size: 10px;
}
.cyan, .cyan a {
color: #069;
background: #eee;
text-decoration: none;
}
.pink, .pink a {
color: #fff;
background: #aaa;
text-decoration: none;
}	  

/*[]*/
#tchatNav {
height: 20px;
line-height: 20px;
vertical-align: middle;
color: #fff;
font-size: 0.8em;
text-align: center;
}
#tchatNav a {text-decoration: none;}
#tchatNav a:hover {text-decoration: underline;}
#tchatNav span {font-size: 11px;}

#resultat {
width: 95%;
margin: 10px auto;
padding: 10px;
background: url(../img/col100_bg.png) 0 0 repeat;
border: 1px outset #aaa;
text-align: left;
clear: both;
}
#resultat h2 {
font-size: 12px;
font-weight: 700;
text-align: center;
color: #a95371;
}
#resultat p, #resultat li, #resultat a {
width: auto;
margin: 0.2em;
padding: 2px;
font-weight: 800;
font-size: 11px;
color: #2c2c2c;
clear: both;
}

#formSMS {
width: 370px;
text-align: left;
}
#formSMS h2 {
background: url(../img/sms.png) 0 0 no-repeat;
height: 40px;
line-height: 40px;
vertical-align: middle;
padding-left: 50px;
font-weight: bold;
color: #940000;
font-size: 1em;
}
#formSMS input {float: left;}
#formSMS input[type=text] {
padding: 2px;
width: 300px;
height: 20px;
}

/*[pub]*/
#pubFiche {
float: left;
width: 300px;
height: 250px;
padding: 10px;
background: url(../img/pub_slide.png) 0 0 no-repeat;
text-align: center;
color: #940000;
font-weight: bold;
font-size: 12px;
}
#pubFiche a {
color: #fff;
text-shadow: #940000 2px 2px 2px;
line-height: 2em;
font-size: 15px;
}

/*[]*/
#infoTop {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 3em;
line-height: 3em;
vertical-align: middle;
margin: 0;
padding: 0;
background: url(../img/info_top_bg.png) 0 0 repeat-x;
text-align: left;
z-index: 500;
}
#infoTop a {color: #333;text-decoration:none;}
#infoTop span {
padding-left: 25px;
font-size: 12px;
font-weight: bold;
color: #2c2c2c;
text-shadow: #fff 1px 1px 1px;
}
#infoTopClose {
float: right;
margin: 10px;
cursor: pointer;
z-index: 501;
}

/*[]*/
#upload_file_ajax {
width: 400px;
background: url(../img/form_upload_ajax.png) top right no-repeat
}

/*[]*/
#pieceJointe a {
background: url(../img/photo20x20.png) 0 0 no-repeat;
padding-left: 25px;
color: #940000;
font-weight: bold;
font-size: 14px;
}

#searchAjax {
background: url(../img/search.png) 0 0 no-repeat;
text-align: left;
padding: 20px 0 0 65px;
font-weight: normal;
font-size: 11px;
}
#searchAjax input[type=text] {
width: 270px;
height: 20px;
padding: 2px 5px;
margin-bottom: 5px;
}
#searchAjaxOption {
display: none;
}

/*[]*/
#tags {
position: relative;
width: auto;
height: 820px;
background: #2c2c2c;
padding: 10px;
clear: both;
overflow: hidden;
}
#tags a {text-decoration: none;}
#tags a:hover {text-decoration: underline;}


/*[LISTE]*/
div.tagsListe {
float: left;
width: auto;
color: #660000;
border-right: 2px dotted #eee;
border-bottom: 2px dotted #eee;
margin: 20px;
overflow:hidden;
text-align: left;
}
div.tagsListe .lettrine {
color: #d7162c;
text-decoration: underline;
font-family: Arial, Helvetica, Verdana;
width: 35px;
height: 35px;
line-height: 35px;
font-size: 30px;
display: block;
background-color: #660000;
color: #fff;
text-decoration: none;
text-align: center;
border: 3px outset;
overflow: hidden;
}
div.tagsListe a {
font-size: 1.2em;
color: #940000;
white-space: nowrap;
margin-left: 20px;
padding: 2px 0 2px 7px;
border-left: 2px solid #660000;
text-decoration: none;
font-weight: normal;
}
div.tagsListe a.actif {font-weight: bold;}
div.tagsListe a:hover.actif{
color: #069;
text-decoration: underline;
}

#promo {
box-shadow: 0pt 0pt 8px rgba(82, 168, 236, 0.7);
background: #e6d9ca url(../promo/img/promo_bg.png) 0 0 repeat-x;
padding: 10px;
font-family: arial, helvetica;
}
#promo h2 {
line-height: 2em;
vertical-align: middle;
font-size: 1.1em;
}
#promo ul {
float: left;
width: 380px;
margin: 0;
padding: 5px;
background: #fff;
box-shadow: 0pt 0pt 8px rgba(82, 168, 236, 0.7);
list-style: none;
text-align: left;
color: #069;
font-size: 12px
}
#promo li {
margin: 0;
padding: 5px;
line-height: 20px;
padding-left: 25px;
background: url(../promo/img/puce_li.png) left center no-repeat;
vertical-align: middle;
font-weight: bolder;
word-spacing: -1px;
}
#promo .pub {
float: left;
width: auto;
margin: 0 0 20px;
padding: 5px 0 5px 3px;
text-align: left;
background: #fff;
box-shadow: 0pt 0pt 8px rgba(25, 47, 37, 0.8); 
}
#promo .pub img {
margin: 1px;
width: 76px;
height: 76px;
}

#promo p {
text-align: center;
line-height: 25px;
font: 14px arial,helvetica;
color: #940000;
font-weight: bolder;
}
#promo .telecharger {
margin: 0;
width: 150px;
height: 300px;
font: bold 1em arial, helvetica;
color: #2c2c2c;
background: url(../promo/img/telecharger.png) 0 0 no-repeat;
text-indent: -9999px;
}

#votePhoto {
width: auto;
padding: 10px;
background-color: #ddd;
box-shadow: 0pt 0pt 8px rgba(82, 168, 236, 0.5);
}
#votePhoto h2 {
background: url(../img/form_upload_ajax.png) 0 0 no-repeat;
padding-left: 60px;
line-height: 4em;
}
.jaime, .jaimepas, .annulerVote {
width: auto;
height: 20px;
margin-left: 30px;
line-height: 20px;
background-color: #fff;
background-image: url(../img/vote.png);
background-repeat: no-repeat;
padding: 2px 2px 2px 25px;
cursor: pointer;
}
.jaime:hover {background-color:green;color: #fff;}
.jaimepas:hover {background-color: #940000;color: #fff;}
.annulerVote:hover {background-color: #ccc;color: #fff;}

.jaime{background-position: 0 0;}
.jaimepas {background-position: 0 -20px;}
.annulerVote {background-position: 0 -40px;}

/*[OPTION DISPLAY]*/
#displayOption {
font-size: 0.8em;
text-align: left;
}

/*[]*/
.voteResult {
width: auto;
margin: 0 auto;
padding: 0 0 20px;
display: none;
background: #fff;
}
.voteResult h5 {
vertical-align: middle;
height: 2em;
line-height: 2em;
font-size: 0.9em;
font-weight: 800;
text-align: center;
color: #a95371;
}
.voteResult div {
display: inline-block;
width: 210px;
overflow: hidden;
margin: 2px;
padding: 5px 0 5px 10px;
color: #940000;
font-size: 12px;
}
.voteResult a {
color: #940000;
text-decoration: none;
text-transform: capitalize;
font-weight: bold;
}
.voteResult img {
width: auto;
margin-right: 5px;
}

.abonnement {
width: auto;
height: 142px;
padding: 10px;
margin: 25px auto;
-moz-box-shadow: 0 0 5px 5px #eee;-webkit-box-shadow: 0 0 5px 5px #eee;box-shadow: 0 0 5px 5px #eee;
}

.abo15j {background: url(../abo/img/abo_15j.jpg) 0 0 no-repeat;}
.abo30j {background: url(../abo/img/abo_30j.jpg) 0 0 no-repeat;}
.codepormo {background: url(../abo/img/abo_codepromo.jpg) 0 0 no-repeat;}

.box h3 {
border: 0px solid #eee;
padding: 5px;
text-align: left;
font-weight:bold; 
height: 50px;
display: block;
color: #eee;
word-spacing: -1px;
}
.lettrine {
font-size: 60px; 
color: #eee; 
font-weight: bold; 
float: left; 
height: 34px;
line-height: 34px; 
margin: 5px 5px 0 0;
text-shadow: #2c2c2c 3px 3px 3px;
}

.box h4 {
border: 0px solid #eee;
padding: 5px;
text-align: center;
height: 20px;
font-size: 13px;
font-weight: bold; 
display: block;
color: #eee;
}
.abonnement h2 {
background: transparent url(../abo/img/puce_ok.png) left center no-repeat;
padding: 5px 0 0 30px;
border: 0;
text-align: left;
}
.abonnement form, .abonnement b {
width: 290px;
float: right;
text-align: center;
font-size: 48px;
color: #fff;
text-shadow: #2c2c2c 1px 1px 1px;
}
.abonnement b span {
line-height: 25px;
font-size: 20px;
}
.abonnement form#codepromo input[type=text] {
width: 180px;
height: 25px;
padding: 0 2px;
margin-bottom: 0.3em;
border: 1px solid #dedede;
background-color: #fff;
}

div.box div.contenu ul.aboListe {
padding: 10px 0;
text-align: left;
}
div.box div.contenu ul.aboListe li {
color: #ddd;
padding: 0 0 0 20px;
height: 25px;
line-height: 20px;
vertical-align: middle;
font-size: 12px;
font-weight: normal;
background: transparent url(../img/puce_region.png) left center no-repeat;
word-spacing: -1px;
clear: right;
}

#emailTools {
width: 450px;
height: 28px;
padding: 0;
margin: 10px 0 0 145px;
background: url(../img/email_tools_bg.png) 0 0 repeat-x;
clear: both;
}
#emailTools img {
border: 1px outset #eee;
cursor: pointer;
margin: 0 2px 0 0;
padding: 0;
float: left;
width: 26px;
height: 26px;
}
#emailTools img:hover {box-shadow: 0pt 0pt 8px rgba(82, 168, 236, 0.5);}

/*[]*/
.popupFloatTop {
position: absolute;
top: -150px;
left: 550px;
width: 240px;
height: 120px;
background: transparent url("../img/popup.png") 0 0 no-repeat;
z-index: 500;
}

#contextmenu {
position: absolute;
width: 210px;
margin: 0;
padding: 0;
z-index: 99999;
background: transparent;
display: none;
color: #fff;
}
#contextmenu .top, #contextmenu .bas {
padding: 10px;
text-indent: -9999px;
cursor: move;
}
#contextmenu .top {background: url(../img/menu_context_top.png) left top no-repeat;}
#contextmenu .bas {background: url(../img/menu_context_bas.png) left bottom no-repeat;}

#contextmenu form {
padding: 15px 10px;
text-align: left;
background: url(../img/menu_context_middle.png) left center repeat-y;
cursor: pointer;
}

#contextmenu form input[type=text] {
width: 115px;
height: 26px;
padding: 2px 5px 2px 25px;
background: url(../img/search-input.png) 0 0 no-repeat;
}
#contextmenu form input[type=submit] {
width: 30px;
height: 30px;
background: url(../img/search-submit.png) 0 0 no-repeat;
font-weight: bold;
cursor: pointer;
}
#contextmenu ul {
margin: 0;
text-align: left;
background: url(../img/menu_context_middle.png) left center repeat-y;
}
#contextmenu li {
padding: 5px 10px;
font-size: 12px;
height: 20px;
line-height: 20px;
vertical-align: middle;
color: #fff;
}

#contextmenu li:hover {
margin: 0 auto;
width: 180px;
background: transparent  url("../img/li_bg_hover.png") 0 0 repeat-x;
}

#contextmenu li a {
color: #fff;
text-decoration: none;
}

/*[A  Z]*/
#indexLettre {
width: 100%;
height: 45px;
line-height: 45px;
text-indent: 45px;
margin: 0;
padding: 0;
background: transparent url('../img/index_lettre_bg.png') 0 0 repeat-x;
color: #777;
vertical-align: middle;
overflow:  hidden;
}
#indexLettre a {
background-color: #eee;
color: #e76d94;
font: bold 1.3em Arial, Verdana, Times, serif;
margin: 0 2px;
padding: 2px;
text-decoration: none;
border: 1px solid #bdbdbd;
-moz-border-radius: 3px; 
-webkit-border-radius: 3px;
}
#indexLettre a:hover, #indexLettre a:focus, #indexLettre a.active {
background: #aa0000;
color: #fff;
}

div.statThumb {
position: relative;
float: left;
width: 160px;
height: 260px;
margin: 5px;
padding: 20px 0px;
text-align: center;
background: url(../img/stat_thumb.png) 0 0 no-repeat;
}
.statThumbImg {
text-align: center;
margin: 0 auto;
width: auto;
height: auto;
max-width: 110px;
max-height: 110px;
}
div.statThumb ul {
padding: 20px 10px;
margin: 0; 
list-style: none;
text-align: left;
}
div.statThumb ul li {
width: 130px;
overflow: hidden;
height: 18px; 
color: #800; 
font: 11px/18px arial, sans-serif;
border-bottom:1px solid #ddd;
}
.statThumb ul li:hover {color:#000;}

/*[@]*/
#popupVisite { 
position: fixed; 
top: -210px; 
left: 90px;
width: 240px;
height: 131px;
background: transparent url(../img/popup_visite_bg.png) 0 0 no-repeat;
z-index: 500;
display: block;
color: #fff;
}
#popupVisiteWrapper {
padding: 5px 7px;
width: auto;
height: 70px;
display: block;
}
#popupVisiteWrapper h2 {
background: transparent url(../img/popup_wrapper_bg.png) 0 0 repeat-x;
margin: 0 0 5px;
padding: 3px 0;
font-size: 12px;
color: #ccc;
text-align: center;
}
#popupVisiteWrapper p {
text-align: left;
width: auto;
font-size: 12px;
clear: right;
}
#popupVisiteWrapper p span {font-size: 10px;}
#popupVisiteWrapper img {
max-width: 90px;
max-height: 90px;
margin: 0 5px;
padding: 2px;
float: left;
background-color: #eee;
overflow: hidden;
}

#photoVote {
margin: 5px auto;
padding: 10px;
text-align: center;
color: #aaa;
font-size: 11px;
font-weight: bolder;
text-decoration: none;
cursor: pointer;
}