html, body {
margin: 0;
padding: 0;
height: 100%;
width:100%;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#ffffff;
	text-align:center;
}
span.bold{
	font-weight:bold;
}
img{
	border:0px;
}
hr.clear{
	clear:both;
	float:none;
	display:block;
	height: 1px;
	margin: 0;
	_margin: -7px 0;
	padding: 0;
	border: 0;
	visibility:hidden;
}
hr{
	height:1px;
}
h2{
	font-family: Trebuchet MS, arial;
	font-size:16px;
	color:#CF004B;
	background:#FFBA00;
	height:15px;
	margin:0 0 10px 0;
	padding:0;
	text-align:center;
	line-height:16px;
}
h2.m{
	margin:0 0 20px 0;
}
h2 span{
	background:#ffffff;
	padding:0 10px;
}
#container{
	width:853px;
	margin:10px auto 0px auto;
	text-align:left;
}

#video_complete{
	width:276px;
	float:left;
	padding:15px 0 22px 0;
}

#extrait_gratuit{
	position:relative;
	width:537px;
	float:left;
	background:#ffffff url(../images/bk-droite2.gif) repeat-y right top;
	margin:0 8px 0 0;
	padding:15px 32px 22px 0;
}
#extrait_gratuit #transiH{
	position:absolute;
	top:0px;
	right:0px;
}
#extrait_gratuit #transiB{
	position:absolute;
	bottom:0px;
	right:0px;
}
div.pink{
	position:relative;
	margin:20px 0 0 0;
	text-align:center;
}
div.pinkb{
	margin-bottom:20px;
}
div.pink img{
	position:absolute;
	top:0px;
	left:0px;
	width:830px;
	height:160px;
	border:1px solid #990000;
	
}
div.pink div.pink_iframe{
	position:absolute;
	top:0px;
	left:0px;
	width:830px;
	height:160px;
	background:#000000;
	xbackground-color:transparent;
	visibility:hidden;
}
/*
filter:alpha sous IE et -moz-opacity 
width=595 height=181

*/
div.pink iframe{
	width:830px;
	height:175px;
}
div.center{
	text-align:center;
}
div.sexeautop{
	font-size: 13px;
	text-align:center;
	padding: 10px 0;
}
/*********************** extrait gratuit ******************************/
div.extrait {
	float: left;
	margin:10px 0px 5px 15px;
	width:244px;
	height:180px;
	background:#ffffff;
	display: inline;
}
div.extrait a, div.extrait a:visited {
	position:relative;
	display: block;
	padding: 0;
	text-decoration: none;
	width:244px;
	height:180px;
	border: 1px solid #777777;
	background-color:#ffffff;
	background-repeat:no-repeat;
	background-position:-36px -28px;
}
div.extrait a:hover {
	position: absolute;
	z-index: 999;
	padding: 0;
	height: 240px;
	width: 320px;
	border: 3px solid #ffffff;
	margin: -30px 0 0 -38px;
	background-position:left top;
}
/**** smart *****/
div.extrait a.smart, div.extrait a.smart:visited {
	background-position:-13px -13px;
}

div.extrait a.smart:hover{
	margin: -15px 0 0 -15px;
	width:274px;
	height:210px;
	background-position:left top;
}
/*
div.extrait span.photo, div.extrait span.video{
	position:relative;
	display: block;
	padding: 0;
	text-decoration: none;
	width:244px;
	height:180px;
	overflow: hidden;
	z-index: 999;
}
div.extrait a:hover span.photo{
	display: block;
	padding: 0;
	text-decoration: none;
	width:320px;
	height:240px;
	overflow: hidden;
}
div.extrait a span.photo img{
	cursor:pointer;
	position:absolute;
	top:-28px;
	left:-36px;
}
div.extrait a:hover span.photo img{
	position:absolute;
	top:0;
	left:0;
}
*/

/*
div.extrait a img {
	border: 0;
	margin:0 auto;
	padding:0;
}
div.extrait a:hover img {
	border: 0;
}

div.extrait{
	position: relative;
	float:left;
	margin:10px 0px 5px 15px;
	width:244px;
	height:180px;
	background:#ffffff;
	display: inline;
}
div.extrait a{
	position:relative;
	top:0;
	left:0;
	display:block;
	width:244px;
	height:180px;
	overflow:hidden;
	background:#000000;
	border:1px solid #777777;
}
div.extrait a:hover{
	position:absolute;
	xtop:-32px;
	xleft:-40px;
	width:320px;
	height:240px;
	border:3px solid #ffffff;
	z-index:999;
	margin: -50px 0 0 -50px;
}

div.extrait a img{
	xposition:absolute;
	xtop:-30px;
	xleft:-38px;
}
div.extrait a:hover img{
	xposition:absolute;
	xtop:0;
	xleft:0;
}
*/
div.extrait span.nb{
	position:absolute;
	top:-8px;
	right:-8px;
	display:block;
	width:20px;
	height:20px;
	color:#ffffff;
	text-align:center;
	background: url(../images/onglet.gif) no-repeat right top;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	line-height:20px!important;
	line-height:18px;
	text-indent:0px!important;
	text-indent:2px;
	z-index:1;
}
div.extrait span.duree{
	display:block;
	width:50px;
	height:20px;
	line-height:18px;
	text-align:center;
	position:absolute;
	top:-8px;
	right:-8px;
	background: url(../images/onglet2.gif) no-repeat left top;
	color:#ffffff;
}

/*******************************  menu *************************************/
#menu{
	width:100%;
	text-align:center;
	font-family: Trebuchet MS, arial;
	font-size:15px;
	margin:10px 0 0 0;
	float:none;
	clear:both;
}

#menu strong{
	padding:5px 18px;
	color:#CF004B;
	font-size:20px;
	line-height:25px;
}
#menu a{
	padding:5px 18px;
	color:#555555;
	margin:-5px 0 0 0;
}
#menu a:hover{
	color:#000000;
}

/****************************** header **************************/
/*

	font-family: Trebuchet MS, arial;
	font-size:16px;
	color:#CF004B;
	background:#FFBA00;
*/

#trade{
	color:#ffffff;
	width:100%;
	height:30px;
	background:#ffffff url(../images/menu-bk.gif) repeat-x left bottom;
}
#trade div{
	width:848px;
	height:30px;
	margin:0 auto;
	border-left:1px solid #bbbbbb;
}
#trade a{
	display:block;
	float:left;
	font-family: verdana, arial;
	font-size:13px;
	font-weight:bold;
	xline-height:30px;
	text-decoration:none;
	text-transform:capitalize;
	color:#000000;
	border-right:1px solid #bbbbbb;
	width:160px;
	height:23px;
	padding-top:7px;
}

#trade a:hover, #trade a.select{
	background:#ffffff;
	color:#D51E60;
	xline-height:33px;
	height:21px;
	padding-top:9px;
}
#trade a.select, #trade a.select:hover{
	font-size:16px;
	width:200px;
	position:relative;
	padding-top:4px;
	height:26px;
}
#trade a.select img{
	position:absolute;
	left:-1px;
	top:-9px;
}


#header{
	position:relative;
	width:100%;
	height:60px;
	text-align:left;
	background:#D20F56 url(../images/body-bk.gif) repeat-x left -15px;
}
#logo{
	position:absolute;
	bottom:8px;
	left:25px;
	margin:0;
	padding:0;
}

/****************** footer ***************/
#footer {
	width:100%;
	xheight:80px;
	padding:35px 0 15px 0 ;
	text-align:center;
	background:#ffffff;
	background:#ffffff url(../images/bk-bas2.gif) no-repeat center top;
}
#footer a{
	margin:5px;
}
/************** easy flirt ****************/
div.easyflirt{
	margin: 0 auto 20px auto;
	position: relative;
	text-align:left;
	width:780px;
	height:200px;
	xbackground:#dd0000;
	overflow:hidden;
}
.easy_geo_inscris {
	border-bottom:none;
	xwidth:auto;
	xmargin: 0 auto 20px auto;
	margin-bottom:20px;
	position:absolute;
	top:-120px;
	left:28px;
}
.easy_geo_inscris td {
	font-size:12px;
	vertical-align: top;
	text-align:center;
	xborder:1px solid #cccccc;
	width:100px;
	xheight:150px;
	padding:0 5px;
	color:#777777;
	position: relative;
}

.easy_geo_inscris a {
	text-decoration:none;
	font-family: trebuchet ms, arial;
	font-family: Trebuchet MS, arial;
	font-size:12px;
	font-weight:bold;
	color:#CF004B;
	text-transform : uppercase;
	xtext-transform : lowercase;
   clear:both;

   display:block;

   width:110px;
   height:16px;
   
   margin:0 0 105px 0;
   
	xpadding-bottom:105px;
   
	xmargin-bottom:50px;

	position:relative;
	top:0px;
}
.easy_geo_inscris a img{
	padding: 4px;
	border:1px solid #bbbbbb;
	background:#ffffff;
	position:absolute;
	top:140px;
	left:0;
}
.easy_geo_inscris a:hover {
	color:#FF0000;
}
.easy_geo_inscris a:hover img{
	border:1px solid #ff0000;
}
/************************* fake thumb *********************/
.fake_thumbs{
	width: 780px;
	margin: 0 auto;
}
.fake_thumbs div.thumb{
	position: relative;
	margin: 7px 15px 7px 0px;
	float: left;
	width: 242px;
	height: 200px;
	text-align: center;
}
.fake_thumbs div.thumb a{
	color: #905;
	font-weight: bold;
	text-decoration: none;
	font-size: 13px;
	line-height:15px;
	display: block;
	width: 242px;
	height: 200px;
}
.fake_thumbs div.thumb a:hover{
	color: #f09;
	font-size: 16px;
	line-height:15px;
}

.fake_thumbs div.thumb a img, .fake_thumbs div.thumb img{
	border: 1px solid #905;
	display: block;
	margin-bottom: 3px;
}
.fake_thumbs div.thumb a:hover img{
	border: 1px solid #f00;
}

.fake_thumbs div.thumb a span.play{
	display: none;
	width: 240px;
	height: 180px;
}
.fake_thumbs div.thumb a:hover span.play{
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	background: url(../images/play.gif);
	display: block;
/*
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	filter:alpha(opacity=80); 
	-moz-opacity: 0.8; 
	opacity: 0.8;
*/
}
/****************** promo par exit popup *********************/
.promo_exit{
	text-align: center;
	margin-top: 0;
	font-size: 17px;
}
.promo_exit a{
	color: #06f;
}
.promo_exit a:hover{
	color: #CF004B;
}
.promo_exit p strong{
	font-size: 18px;
}
.promo_exit h2{
	font-size:30px;
	height:30px;
	margin:0 0 25px 0;
	padding:0;
	line-height:30px;
}

.promo_exit h2 span{
	padding:0 20px;
}

.pornfr{
	border: 1px solid #000;
	text-align: left;
	position: relative;
	padding: 5px;
	width: 700px;
	margin: 25px auto;
}
.pornfr iframe{
	position: absolute;
	top: 40px;
	left: 335px;
}
.promo_exit p.ps{
	font-size: 14px;
	color: #555;
	font-style : italic;
	margin-top: 35px;
}

/******************* lightbox *********************/

#overlay{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #000;
	z-index:100;
	cursor: pointer;
    filter : alpha(opacity=75);
    -moz-opacity : 0.75;
    opacity : 0.75;
}

#stop{
	position: absolute;
	top: 0;
	left: 0;
	background : #f00;
	display: none;
	width: 100%;
	height: 40px;
	font-size: 28px;
	line-height: 40px;
	color: #fff;
	z-index:120;
}

#lightbox{
	display: none;
	position: absolute;
	left: 50%; 
	top: 50%;
	width: 760px;
	height: 510px;
	margin-left: -380px; /* half of the width */
	margin-top: -265px; /* half of the height */
	text-align: center;
	border: 1px solid #000;
	background-color: #fff;
	z-index:102;
}

#lightbox #exit{
	position: absolute;
	bottom: -22px;
	right: 0;
	color: #fff;
	cursor: pointer;
	font-size: 12px;
	text-decoration: underline;
}
#lightbox_promo{
	margin: 20px;
}
#lightbox_promo img, #lightbox_promo a img{
    border: none;
}
