@charset "UTF-8";
/* CSS Document */


body,div,a,table,td,tr,th,ul,li{margin: 0 0 0 0;padding: 0 0 0 0;}
	
body, html {
	font-family:"Arial";
	
	font-size:12px;
	
	height:100%;
	
	background-color:#FFFFFF;
	
	/*color: #bbbbbb;*/
	
	color: #bbbbbb;

	
	}
	
.spacer{clear: both; }

.list li{list-style-type: none; display: inline;  margin: 0 3px 0 0}


#thumbs img{ border: 0px;}

.vignette{float:left;padding:0 2px 0 2px; margin-bottom:5px; height:178px}
.vignetteDVD{float:left;padding:0 14px 0 14px; margin:auto auto 20px auto; height:600px; width: 245px;position: relative;}
.vignetteSCENE{float:left;padding:0 14px 0 14px; margin:auto auto 20px auto; height:450px; width: 320px;position: relative;}
.vignetteGalerie{float:left;padding:0 14px 0 14px; margin:auto auto 80px auto; height:350px; width: 230px;position: relative; text-align: justify;}
.vignettePlayer{width:auto; height:360px;float:left; margin: 0; padding: 0;}
.thumbsPlayer{padding-left:12px; top: -20px;  position: relative}


.infosScene{float:left;padding-left:8px; width:210px; margin-right: 20px; text-align:justify;}

.bleu{color: #469dff;}
.grisTitre{color:#676767;}

/*CORPS*/
a{  text-decoration: none; color:#469dff }	


#bandColor{ position: absolute; top: 0; width: 100%;height:80px;
		z-index: 1;
		background:#5DC9E1;
		color:#fff;
		}		

#header{ width: 100%; height: auto; z-index: 30;/*height:80px;background:#5DC9E1;color:#fff;*/}
		
	#header a{ text-decoration: none}
	#header img{ border: 0}

	/*header page d'entrée*/
	#baniere{ width: 500px; height: 135px; margin: auto;  }
	#search{width: 430px; height: auto; margin-left:-215px;left: 50%;position: absolute; z-index: 1;}
	#menuIndex{width: 430px; margin: 100px auto 50px auto; text-align: center}
	#search{ width: 442px }
	#search input[type=text]{width: 430px; font-size: 18px; border: 1px solid #bbbbbb; padding: 5px}
	#search input[type=submit]{font-size: 15px; color:#676767; border: 0; float: right;}
	
	/*heade reste des pages*/
	#baniere2{ width: 500px; height: 135px; float: left; margin:0; padding: 0 0 0 20px}
	#search2{right:3%;width: 730px; float: right; text-align: center; margin: 0; padding: 30px 20px 0 0; position: absolute; z-index: 1}
	#search2 input[type=text]{width: 430px; font-size: 18px; border: 1px solid #bbbbbb; padding: 5px}
	#search2 input[type=submit]{font-size: 15px; color:#676767; border: 0; float: right;}

	#abecedaire{}
	.menuAlphab a{
	color:#bbbbbb;
	font-size:27px;
	background-color: transparent;
	font-weight: normal;
	text-decoration:none;
	padding-left:15px;
	}

#wrap{
width: 90%;
margin:auto;
height: auto;
z-index:0;
}


#content{}

#homepage {	
	width: 100%;
	margin: auto;	
		}
	
	
		#homepageleft {
		float: left;
		margin: auto;
		
		/*880*/
		width: 100%;
		}
		
		#homepageleft h2{text-align: center; font-style: normal; font-weight: normal; margin-bottom: 40px}
		
			#menuChronos{ font-size: 18px; margin: 0 0 20px 0}
			
					
#footer{
padding-top: 60px;
font-size: 12px; text-align: center;}
/*FIN CORPS*/



/*STAR.PHP CHOIX DE RESOLUTION*/
.tabBTN{
	background-image:url(/images/btn-ImgSize.png);
	background-repeat:no-repeat;
	width:109px;
	height:19px;
	padding-left:30px;
	}


.AffThumbs a{
	font-size:10px;
	color:#FFF;
	background-color: transparent;
	font-weight: normal;
	text-decoration:none;
	}

.AffThumbs a:hover{
	text-decoration:underline;
	color:#ff00e8;
}
.AffThumbs span{
	color:#333;
	font-size:13px;
	font-weight:bolder;
	margin-top:15px;
	
	}
.AffThumbs span span{
	color:#ff00e8;}

.pager a{
	display:block; 
	border:2;
	font-size:15px;
	font-weight:bolder;
	margin:3px;
	color:#4879d6;
	line-height:30px;
	
	height:30px;
	width:30px;
	background-color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	float:left;
	}

.pager a:hover{
	background-color:#ff00e8;
	color:#FFF;
	}

 
/*TIPS*/
.toolTip-picture img, 
.toolTip-thumbnail img { 
    border:2px solid #000; 
} 
.toolTip-picture , 
.toolTip-thumbnail  { 
    background:transparent url(/images/loading.gif) no-repeat center center; 
    min-height:32px; min-width:32px;  
} 
.toolTip-caption { 
    position:relative; 
    margin-top:-20px; 
} 
.toolTip-text, 
.toolTip-caption { 
    font:11px Arial, Helvetica, sans-serif; 
    color:#FFF; 
    text-align:center; 
    background:transparent url(/images/caption-right.png) no-repeat right center; 
    padding-right:25px; 
} 
.toolTip-text span, 
.toolTip-caption span { 
    display:block; 
    background:transparent url(/images/caption-left.png) no-repeat left center; 
    padding:11px 0px 15px 25px; 
} 

/* tables */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}

table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	
	vertical-align: top;
}


table.tablesorter tbody tr:hover {
	background-color:#E8EEEE;

}


table.tablesorter thead tr, table.tablesorter thead tr {
background-color: #8dbdd8;
}

/* COMMON CLASSES */
.break { clear:both; }

/* SEARCH FORM */

#searchform div { color:#eeeeee; }

#suggestions{ position: relative; left:50px; width:320px; display:none;z-index:100}

/* SEARCHRESULTS */
#searchresults { border-width:1px; border-color:#919191; border-style:solid; width:320px; background-color:#a0a0a0; font-size:10px; line-height:14px; }
#searchresults a { display:block; background-color:#e4e4e4; clear:left; height:56px; text-decoration:none; }
#searchresults a:hover { background-color:#b7b7b7; color:#ffffff; }
#searchresults a img { float:left; padding:5px 10px; }
#searchresults a span.searchheading { display:block; font-weight:bold; padding-top:5px; color:#191919; }
#searchresults a:hover span.searchheading { color:#ffffff; }
#searchresults a span { color:#555555; }
#searchresults a:hover span { color:#f1f1f1; }
#searchresults span.category { font-size:11px; margin:5px; display:block; color:#ffffff; }
#searchresults span.seperator { float:right; padding-right:15px; margin-right:5px;
			background-image:url(/images/shortcuts_arrow.gif); background-repeat:no-repeat; background-position:right; }
#searchresults span.seperator a { background-color:transparent; display:block; margin:5px; height:auto; color:#ffffff; }




.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

.threepxfix{
margin-left: 3px;
}