/* CSS Document */
html, body{
	background: #fcf;
	xbackground: #ffffff;
	text-align: center;
	color: #905;
	font-family: trebuchet ms, arial;
	margin: 0;
	padding: 0 0 25px 0;
}
#contener{
	width: 1000px;
	margin: 0 auto;
	padding: 15px;
	text-align: left;
	background: #fff;
}

#content{
	width: 788px;
	float: right;
	display: inline;
}
#menu_right{
	width: 200px;
	text-align: left;
	float: left;
}
hr.clear{
	clear:both;
	float:none;
	display:block;
	height: 1px;
	margin: 0;
	_margin: -7px 0;
	padding: 0;
	border: 0;
	visibility:hidden;
}
h1{
	width: 1000px;
	margin: 0 auto;
	background: #ff33ff;
	background: #ff33cc;
	padding: 5px 15px;
	font-size: 32px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	display: block;
	border-bottom: 3px solid #fc0;
}
h1 a{
	width: 100%;
	display: block;
	text-decoration: none;
	font-size: 32px;
	background: #ff33cc;
	color: #fff;
	text-align: left;
}
h1 a:hover{
	color: #ff5;
}

h2{
	margin: 50px 0 10px 0;
	padding: 0;
	font-size: 22px;
	color: #f0c;
	border-bottom: 1px solid #f0c;
}
h3{
	font-size: 17px;
	color: #f0c;
	padding: 0;
	margin: 5px 0;
}
.bold{
	font-weight: bold;
	display: block;
	font-size: 19px;
}
.pagination{
	font-weight: bold;
}
.mt30px{
	margin-top: 30px;
}
p.presentation{
	text-align: center;
}
iframe{
	margin: 0 auto;
	text-align: center;
}

/******************** fake_thumb **************************/
.fake_thumbs div.thumb{
	position: relative;
	margin: 7px 20px 7px 0px;
	float: left;
	width: px;
	height: 200px;
	text-align: center;
	display: inline;
}
.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;
}


/******************** Liste des extraits **************************/
ul.extrait{
	position: relative;
	list-style: none;
	margin: 25px 0px 40px 265px;
	padding: 0;
	height: 200px;
	width: 485px;
}
ul.extrait li{
	font-size:0;
	line-height:0;
}
ul.extrait a{
	color: #f09;
	font-size: 15px;
	line-height: 15px;
	font-weight: bold;
	width: 100%;
	padding: 5px 0px 5px 15px;
	display: block;
}

ul.extrait a span{
	position: absolute;
	top: 0px;
	left: -265px;
	display: none;
	width: 262px;
	height: 200px;
	cursor: pointer;
	text-indent:0;
}
ul.extrait a span img{
	border: 1px solid #000;
	padding: 5px;
	background: #fff;
	width: 240px;
	height :180px;
}

ul.extrait a:hover, ul.extrait a.select, ul.noselect a.select:hover{
	background : #905;
	color: #fff;
	text-decoration: none;	
}

ul.extrait a:hover span, ul.extrait a.select span{
	display: block;
}

ul.noselect a.select{
	color: #f09;
	background: none;
	text-decoration: underline;	
}

ul.noselect a.select:hover{
	background : #905;
	color: #fff;
	text-decoration: none;	
}

ul.right{
	margin: 25px 0 40px 0;
}
ul.right a{
	text-align: right;
	padding: 5px 15px 5px 0px;
}
ul.right a span{
	left: auto;
	right: -280px!important;
	right: -265px;
}
/******************** pages des videos **************************/
div.flv{
	margin: 20px 18px 0 0;
	width: 352px;
	height: 288px;
	float: left;
}
div.description{
	margin-top: 50px;
	width: 630px;
	float: left;
}
div.description h1{
	font-size: 22px;
	padding: 5px 10px;
	width: auto;
	border: none;
}
div.description p{
	font-size: 14px;
}
/* flv large */
div.flv_400px div.flv{
	width: 410px;
	height: 330px;
}
div.flv_400px div.description{
	width: 572px;
}
div.flv_480px div.flv{
	width: 480px;
	height: 360px;
}
div.flv_480px div.description{
	width: 502px;
}
div.col4 div.fake_thumbs div.thumb{
	margin: 7px 8px 7px 0px;
}

/****************** liste site ********************/
ol{
	margin-top:5px;
	color: #aaa;
}
ol li span, ol li a{
	margin: 2px 0;
	color: #06f;
	font-size: 14px;
	line-height: 16px;
	width: 145px;
	padding: 2px 5px;
	font-weight: bold;
	display: block;
	text-decoration: underline;

}
ol li a:hover{
	color: #f0c;
	background: #f5f5f5;

	background: #f0c;
	color: #fff;
	text-decoration: none;
}

/******************** promo ***********************/
.promo{
	background: #fff;
	text-align: center;
	padding: 20px 15px;
	margin: 50px auto;
	color: #000;
	width: 1000px;
}
.promo .bold{
	font-size: 26px;
}
.promo iframe{
	margin: 20px 0;
}
/*************************************/
.droite{
	width: 480px;
	float: left;
	text-align: left;
	margin-left: 40px;
	margin-top: 20px;
}
.gauche{
	width: 480px;
	float: left;
	text-align: right;
	margin-top: 20px;
}
.gauche p, .droite p{
	color: #777;
	font-size: 11px;
	text-align: justify;
}
.gauche p strong, .droite p strong{
	color: #000;
	font-size: 12px;
}
.left{
	text-align: left;
}
a.vid{
	font-family: Trebuchet MS, arial;
	font-size:22px;
	color:#0055cc;
	font-style:italic;
	margin:30px;
	display:block;
}
a.vid span{
	font-weight:bold;
	font-size:26px;
}
a.vid:hover{
	color:#CF004B;
}
a.vid:hover span{
	color:#CF004B;
}
.thumb img{
	border:0px;
}

#contener2{
	width: 1000px;
	margin: 0 auto 25px auto;
	padding: 0 15px 15px 15px;
	text-align: center;
	background: #fff;
}
#contener2 h2{
	text-align: left;
	padding: 25px 0 0 0;
	margin: 0 0 12px 0;
}
#contener2 h3{
	font-size: 14px;
}
#contener2 h3 a{
	color: #f0c;
}
p.description{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#777777;
	text-align:justify;
	width:960px;
	margin:20px auto 20px auto;
	clear:both;
	float:none;
}

/****************** promo par exit popup *********************/
.promo_exit{
	text-align: center;
	margin-top: 0;
	font-size: 17px;
	color : #000;
}
.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;
	text-align: left;
}
/*
.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;
}