* {margin:0;padding:0;}
body {background:url(images/background.jpg) no-repeat center #000000 fixed ;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;}

.bold {font-weight:bold;}
.upcase{text-transform:uppercase;}

.alpha {width:100px;}
.bravo {width:300px;}
.charlie {width:100px;}
.delta {width:42px;}
.echo {width:160px;}
.fox {}

.tr0 {background:url(images/white.png);color:#000000;} /* opacité block blanc 90% */
* html .tr0 {background:#FFFFFF ;filter:alpha(opacity=90);-moz-opacity:0.90;opacity:0.90;color:#000000;} /* opacité block blanc 90% */
.tr1 {background:url(images/black.png);color:#FFFFFF;} /* opacité block noir 70% */
* html .tr1 {background:#000000 ;filter:alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;color:#FFFFFF;} /* opacité block noir 70% */
.height {min-height:500px;}

div#disclaimer{ text-align:left; }
div#disclaimer-fond{ position:absolute; z-index:1000; width:100%; height:2650px; background:white; filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; text-align:center; line-height:normal; clear:both; }
div#disclaimer-conteneur{ position:absolute; z-index:1001; width:100%; text-align:center; clear:both; }
div#disclaimer-cadre{ width:550px; margin-left:auto; margin-right:auto; text-align:center; margin-top:200px; padding:15px; font-size:12px; border:#ddd 1px solid; background:#f5f5f5; color:#555; }
div#disclaimer-cadre b{ font-size:14px; color:black; }
div#disclaimer-cadre a{ text-decoration:none; font-size:22px; font-weight:bold; color:#356aa0; }
div#disclaimer-cadre a:hover{ color:blue; }

#page {width:902px;margin:auto;}
#page #header {background:url(images/header.jpg) bottom no-repeat;width:714px;height:148px;margin:auto;}
#page #header img {width:714px;height:128px;margin:auto;border:0;}
#page #header #top_left {float:left;color:#FFFFFF;font-weight:bold;text-transform:uppercase;font-size:10px;}
#page #header #top_right {float:right;color:#FFFFFF;font-weight:bold;text-transform:uppercase;font-size:10px;}

#page #menu {width:100%;text-align:center;margin:2px 0 2px 0;}
#page #menu a {display: inline-block;width:150px;color:#000000;text-decoration:none;line-height:25px;}
#page .liste {line-height:25px;width:100%;border:none;}
#page .liste td {padding:0 10px 0 10px;font-size:11px;border:none;}
#page .liste td a {color:#000000;text-decoration:none;}
#page .liste td a:hover {text-decoration:underline;}

#page #accueil .titre {display:block;width:150px;text-align:center;line-height:25px;margin:0 0 0 1px;}
#page #accueil #bienvenue {margin:0 0 0 1px;width:890px;padding:5px 5px 5px 5px;}
#page #accueil #bienvenue a {color:#000000;text-decoration:none;font-weight:bold;}
#page #accueil #bienvenue a:hover {text-decoration:underline;}
#page #accueil #bienvenue p {text-indent:30px;text-align:justify;color:#000000;}

#page #accueil #alerte {margin:2px 0 0 1px;width:890px;padding:5px 5px 5px 5px;color:#FF0000;font-weight:bold;}

#page #liste_videos {}
#page #liste_videos .video {background:url(images/white.png);margin:0 0 5px 0;text-align:center;padding:10px;}
#page #liste_videos .video .site_titre h2{font-size:14px;color:#666666;}
#page #liste_videos .video .site_titre a{font-size:14px;color:#666666;text-decoration:none;}
#page #liste_videos .video .site_titre a:hover{text-decoration:underline;}
#page #liste_videos .video a {color:#000000;text-decoration:none;font-size:16px;}
#page #liste_videos .video a:hover {color:#666666;text-decoration:underline;}
#page #liste_videos .video img {border:1px solid #666666;}

#page #contribution {text-align:center;}
#page #contribution a {color:#000000;text-decoration:none;font-weight:bold;}
#page #contribution a:hover {text-decoration:underline;}

#page #pagination {text-align:center;width:902px;margin:5px auto 5px 0;color:#000000;line-height:25px;}
#page #pagination a {color:#000000;text-decoration:none;}
#page #pagination a:hover {text-decoration:underline;}

#page #fiche {text-align:center;color:#666666;position:relative;}
#page #fiche h1 {font-size:14px;}
#page #fiche img {border:1px solid #666666;margin:auto;}
#page #fiche #note {text-align:left;text-align:center;}
#page #fiche #note .vote{margin:0 0 0 400px;}
#page #fiche .date{position:absolute;top:10px;right:10px;}
#page #fiche .nom{position:absolute;top:10px;font-weight:bold;left:10px;}


#page #message {text-align:center;color:#666666;width:704px; margin:auto; padding:5px}
#page #message h1 {font-size:14px;}
#page #message #warn {font-size:16px; font-weight: bold; color: red; text-align:center; margin: 5px;}
#page #footer {color:#FFFFFF;text-align:center;}
#page #footer a {color:#FFFFFF;}


/******************************************************************/
/*    				systeme de vote par etoiles	                  */
/*****************************************************************/
.star-rating{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 80px;
	height: 20px;
	position: relative;
	overflow:hidden;
	background: url(images/stars.gif) top left repeat-x;
}
.star-rating li{
	padding:0px;
	margin:0px;
	width:16px;
	height:20px;
	float: left;
}
.star-rating li a{
	display:block;
	width:16px;
	height: 20px;
	line-height:20px;		
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	overflow:hidden;
}
.star-rating li a:hover{
	background: url(images/stars.gif) left bottom;
	z-index: 2;
	left: 0px;
	border:none;
}
.star-rating a.one-star{
	left: 0px;
}
.star-rating a.one-star:hover{
	width:16px;
}
.star-rating a.two-stars{
	left:16px;
}
.star-rating a.two-stars:hover{
	width: 32px;
}
.star-rating a.three-stars{
	left: 32px;
}
.star-rating a.three-stars:hover{
	width: 48px;
}
.star-rating a.four-stars{
	left: 48px;
}	
.star-rating a.four-stars:hover{
	width: 64px;
}
.star-rating a.five-stars{
	left: 64px;
}
.star-rating a.five-stars:hover{
	width: 80px;
}
.star-rating li.current-rating{
	background: url(images/stars.gif) left center;
	position: absolute;
	height: 20px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}