* {margin:0;padding:0;font-size:100%;}
table {  border-collapse: collapse;  border-spacing: 0;}
img {border:none;}
h1, h2, h3, h4, h5, p, ul {margin:14px 0;}
h1 {font-size:12px;display:inline;}
h2 {font-size:12px;}
h3 {font-size:16px;}
h2 {color:#cf4a00;font-style:italic;}
ul {list-style-type:none;}
body {font-family:tahoma, Arial, Helvetica, sans-serif;font-size:12px;text-align:center;color:#555;}
.alignleft {float:left;}
.alignright {float:right;}
.center {text-align:center;}
img.centered{display: block;margin-left: auto;margin-right: auto;}
img.alignleft{margin: 3px 10px 2px 0; }
img.alignright{ margin: 3px 0 2px 10px; }
img.alignleft, img.alignright{	padding: 4px;	border: 1px solid #eee;	display: inline;}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
input, button, select {vertical-align: middle;}
p {margin:15px 0;line-height:160%;}
li {line-height:160%;}
a:link, a:visited {color:#cf4a00;text-decoration:none;}
a:hover {color:#e88f00;text-decoration:none;}


#page {width:980px;margin:0 auto;text-align:left;}
#wrapper {overflow:hidden;padding:0 10px;}
#content, #sidebar {overflow:hidden;padding:1px 0;}
#content {width:752px;float:left;margin-left:9px;}
#sidebar {width:180px;float:right;margin-right:9px;padding-top:54px;}
#footer {clear:both;text-align:center;padding:1px 0;}

body {background:url("img/bg2.png") repeat-x #22AEEB;}
#bg {background:url("img/bg.jpg") no-repeat center top;}
#header {height:214px;position:relative;}
#header a {display:block;width:320px;height:110px;overflow:hidden;text-indent:-5999px;position:absolute;top:19px;left:0;}
#header h1 {margin:0;}
#header h1 a {display:block;width:320px;height:110px;overflow:hidden;text-indent:-5999px;position:absolute;top:19px;left:0;}
#catcher {position:absolute;top:62px;left:340px;width:600px;height:150px;}
#wrapper {background:url("img/page.png") repeat-y;}
#pagetop {background:url("img/pagetop.png") no-repeat top;overflow:hidden;}
#footer {height:332px;background:url("img/footer.jpg") no-repeat top #22AEEB;position:relative;font-size:11px;}
#footer p.copy {margin:0;padding-top:70px;}

#searchform {position:absolute;top:159px;left:33px;width:287px;height:37px;background:url("img/searchform.jpg") no-repeat;}
#searchform input.txt {position:absolute;top:9px;left:27px;width:170px;background:transparent none;border:none;padding:3px;color:#666;font-weight:bold;font-size:11px;}
#searchform input.submit {position:absolute;top:5px;left:247px;width:38px;height:27px;background:transparent none;border:none 0;cursor:pointer;}

/*code couleurs*/
/* bleus : #e9f7ff; #00415d;*/
/* orange : #cf4a00;  */

#content h1.first {background:none;height:auto;padding:0;color:#cf4a00;line-height:normal;}
#content h1 {background:url("img/title.png") no-repeat;height:30px;padding-left:14px;color:#e9f7ff;line-height:30px;text-transform:uppercase;font-size:12px;}


#content h2.first {background:none;height:auto;padding:0;color:#cf4a00;line-height:normal;}
#content h2 {background:url("img/title.png") no-repeat;height:30px;padding-left:14px;color:#e9f7ff;line-height:30px;text-transform:uppercase;font-size:12px;}


/*liste videos*/
ul.liste-videos {overflow:hidden;margin:0 -10px 0 0;}
ul.liste-videos li {width:182px;float:left;margin:0 8px 8px 0;}
ul.liste-videos li h3 {overflow:hidden;height:19px;line-height:19px;height:19px;text-align:center;color:#000;font-size:11Px;margin:0 0 1px 0;}
ul.liste-videos li h3 a {color:#000;display:block;background:url("img/box-title.jpg") no-repeat top;width:182px;height:19px;}
ul.liste-videos li h3 a:hover {background-position:bottom;}
ul.liste-videos li img.video-thumb {border:1px solid #026490;display:block;}

.info:link, .info:visited {
position: relative;
text-decoration: none;
}
a.info span {
display: none;
}
.info:active, .info:hover {
z-index :500;
text-decoration: none;
}
a.info:hover span {
display: inline;
position: absolute;
left: 0em;
background: #75391D;
padding: 5px 10px;
text-align:justify;
font-size: 10px; 
color: #FFFFFF;
     filter: alpha(opacity=0);
     -moz-opacity: 0.0;
     -khtml-opacity: 0.0;
     opacity: 0.0;
vertical-align: top;
text-decoration: none;
width: 182px;
height: 142px;
}

ul.liste-videos li div.video-infos {height:40px;background:url("img/box-infos.png") repeat-x;overflow:hidden;font-size:10px;color:#FFF;padding:2px 3px 0;} 
ul.liste-videos li div.video-infos p {overflow:hidden;height:15px;line-height:15px;margin:0;}

/*sidebar*/
#sidebar h3 {background:url("img/sidebox-title.png") no-repeat;color:#e9f7ff;height:27px;line-height:27px;padding-left:13px;font-size:11Px;text-transform:uppercase;margin:0;}
#sidebar ul {margin:10px;}
#sidebar ul li a {font-weight:bold;padding-left:14px;background:url("img/puce.png") no-repeat left;}

/*pagination*/
#pagination {text-align:left;height:22px;line-height:21px;clear:both;padding-top:3px;font-size:12px;font-weight:bold;font-family:tahoma, arial;}
#pagination a:link, #pagination a:visited{padding:7px;padding-top:2px;padding-bottom:2px;margin-left:10px;text-decoration:none;background-color:#00415d;color:#e9f7ff;width:22px;}
#pagination a:hover {	background-color:#22aeeb;}
#pagination .active {padding:7px;padding-top:2px;padding-bottom:2px;margin-left:10px;text-decoration:none;background-color:#22aeeb;color:#e9f7ff;cursor:default;}
#pagination .disabled {padding:7px;padding-top:2px;padding-bottom:2px;border:1px solid #EBEBEB;margin-left:10px;text-decoration:none;background-color:#F5F5F5;color:#D7D7D7;cursor:default;}


/*divers*/
.pub {margin:10px 0;text-align:center;}

/*disclaimer*/
#disclaimer #page {width:750px;background:url("img/disclaimer-content.png") repeat-y;}
#disclaimer-header {background:url("img/disclaimer-header.jpg") no-repeat top;height:127px;}
#disclaimer-content {padding:1px 10px 10px 10px;text-align:center;}
#disclaimer-footer {background:url("img/disclaimer-bottom.png") no-repeat top #22aeeb;text-align:center;padding:27px 0 10px 0;}
#disclaimer-footer p.copy {margin:0;padding:10px 0;color:#e9f7ff;}
#disclaimer-footer a {color:#FFF;}
#disclaimer-txt {width:500px;height:auto;margin:20px auto;overflow:auto;background:#fff;border:1px solid #ccc;padding:5px;text-align:left;}
#disclaimer-buttons {overflow:hidden;height:40px;width:300px;margin:10px auto;}
a.button-entrer, a.button-sortir {display:block;line-height:30px;text-align:center;width:100px;font-weight:bold;}
a.button-entrer {float:left;font-size:22Px;color:#00415d;}
a.button-sortir {float:right;}
a:hover.button-entrer {color:#22AEEB;}

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url(star.gif) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li{
	display: inline;
}
.star-rating a, 
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}	

/* for an inline rater */
.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
}

/* smaller star */
.small-star{
	width:70px;
	height:15px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
	background-image: url(img/stars.gif);
	line-height: 15px;
	height: 15px;
}