/* CSS Document */
html, body{
	background: #efefef;
	background: #fff;
	text-align: center;
	color: #6c6c6c;
	font-family: trebuchet ms, arial;
	margin: 0;
	padding: 0;
}
#contener{
	width: 1000px;
	margin: 0 auto 50px auto;
	padding: 15px;
	text-align: left;
	xbackground: #fff;
	xborder-left: 1px solid #aaa;
	xborder-right: 1px solid #aaa;
	xborder-bottom: 1px solid #aaa;
}
#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;
}
#logo{
	xwidth: 1030px;
	width: 100%;
	margin: 0 auto;
	height: 100px;
	background:#fff url(../images/header2.jpg) no-repeat left top;
	position: relative;
	xborder-bottom:12px solid #444444;
	z-index: 10;

}
h1{
	margin: 0;
	padding: 0;
	font-size: 12px;
	text-align: left;
	xwidth:100%;
	xheight: 100px;
	xdisplay: block;
	xbackground: #ddd;
	text-indent: 210px;
	line-height: 60px;
}
h1 a{
	width:100%;
	height: 100%;
	display: block;
}
h2{
	color:#ffffff;
	font-family: Trebuchet MS, arial;
	font-size:23px;
	font-weight:normal;
	font-style:italic;
	padding:0;
	margin:0;
	text-indent: 20px;
	background:#ff0000 url(../images/h1bg.gif) repeat-x center top;
}
h2 a{
	color: #fff;
	text-decoration: none;
}
h2.ti{
	background: none;
	font-size: 12px;
	font-weight: normal;
	position: absolute;
	color: #000;
	top: 50px;
	right: 10px;
	z-index: 100;
}
h3{
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #000;
}
h3 a{
	color: #000;
}
h3 a:hover{
	color: #911;
}

#logo h1 img{
	position: absolute;
	top:23px;
	left:200px;
	border: none;
}
#logo.logo_extrait{
	background:#fff url(../images/header3.jpg) no-repeat left top;
	height: 65px;
	border-bottom:6px solid #444444;
}
#logo.logo_extrait h1 img{
	top:5px;
}
/*
h2{
	margin: 50px 0 10px 0;
	padding: 0;
	font-size: 22px;
	color: #f0c;
	border-bottom: 1px solid #f0c;
}
*/
.rubrique{
	font-size: 17px;
	color: #905;
	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;
/*
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	filter:alpha(opacity=80); 
	-moz-opacity: 0.8; 
	opacity: 0.8;
*/
}


/******************** Liste des extraits **************************/
.colonne_centrale{
	xbackground: #ccc;
	width: 504px;
	float: left;
}
.colonne_droite{
	xbackground: #dcc;
	width: 242px;
	float: left;
	margin-left: 20px;
}
.extrait{
	xbackground:#eee;
	width: 500px;
	height: 130px;
	position: relative;
	margin: 20px 0;
}
.extrait .capture{
	position: absolute;
	top:0;
	left:0;
	width: 160px;
	height: 120px;
	border: 1px solid #000;
	overflow : hidden;
	display: block;
}
.extrait .capture img{
	width: 160px;
	border: 0;
}
.extrait h3{
	margin:0 0 0 180px;
}
.extrait p{
	font-size:11px;
	text-align: justify;
	color: #777;
	margin: 5px 0 0 180px;
}
/******************** 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;
	xbackground: #000;
}
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;
}
/************************ menu *********************/
#menu {
	background:#efefef url(../images/menu-bk.gif) repeat-x center top;
	height:29px;
	text-align:center;
}
#menu div{
	width:780px; /* 780 */
	margin:0 auto;
}
#menu a{
	color:#ffffff;
	font-family: Trebuchet MS, arial;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	padding:0 13px;
	height:29px;
	display:block;
	float:left;
	line-height: 28px;
	text-transform: capitalize;
}
#menu a:hover {
	color:#ffffff;
	background:#ff0000 url(../images/h1bg.gif) repeat-x center top;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	padding:0 12px;
}
#menu a.select {
	color:#ffffff;
	background:#ff0000 url(../images/h1bg.gif) repeat-x center top;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	padding:0 12px;
}
/*******************/
/*
h2 span{
	display:block;
	height:36px;
	float:right;
	font-size:14px;
	font-style:normal;
	margin-top:-36px;
	padding:8px 10px 0 0;
	background: url(../images/h1r.gif) no-repeat right top;
}
h2 img{
	vertical-align:middle;
	margin-right:10px;
}
*/
/*************** foooter ***********************/
#footer {
	position: relative;
	width:100%;
	height:32px;
	padding:0;
	margin:0;
	text-align:right;
	line-height: 28px;
	background: #444444;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#cccccc;
	border-top:1px solid #ffffff;
}
#footer a{
	color:#cccccc;
	text-decoration:none;
}
#footer a strong{
	font-weight:normal;
}
#xitilogo{
	position: absolute;
	top:3px;
	left:6px;
	margin:0;
	padding:0;
	width:180px;
	height:25px;
	text-align:left;
}
#xitilogo img{
	float:left;
}
#spyword{
	float:left;
	margin:5px 0 0 5px;
}
#bench{
	color:#888888;
	font-size:10px;
}
/****************** footer2 ***************/
#footer2 {
	position: relative;
	xwidth:100%;
	xheight:60px;
	padding:20px 30px;
	margin:0;
	background: #efefef url(../images/footer-bk.gif) repeat-x left top;
	color: #444;
	float:none;
	clear: both;
	text-align: left;
}
#footer2 h4{
	margin:0 0 10px 0;
	padding:0;
	color: #444;
	border-bottom: 1px solid #888;
}
#footer2 p{
	margin: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;
	text-align: center;
}
a.vid span{
	font-weight:bold;
	font-size:26px;
}
a.vid:hover{
	color:#CF004B;
}
a.vid:hover span{
	color:#CF004B;
}
.thumb{
	text-align: center;
}
.thumb img{
	border:0px;
}

p.description{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#777777;
	text-align:justify;
	xwidth:960px;
	margin:10px auto 20px auto;
	clear:both;
	float:none;
}
.tmarg20{
	margin-top:20px;
}
/****************** promo par exit popup *********************/
.promo_exit{
	text-align: center;
	margin-top: 0;
	font-size: 16px;
	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;
}

.promo_exit p.baseline{
	font-size: 22px;
	margin: 10px 0;
	color: #06f;
}
.promo_exit ul{
	margin-top: 0;
	text-align: left;
}
.promo_exit ul li a{
	text-decoration: none;
	color: #000;
}
.promo_exit div.listgay{
	margin: 0 auto;
	width: 400px;
}
/******************* 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;
}