
/* CSS Document */

* {margin:0; padding:0;}

body {background: url(./images/background.jpg);font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px;background-attachment: fixed ;top:0; }
.clear {clear:both;}
#background {background: url(./images/background_main_02.png) repeat-y; background-position:center;width:100%;margin:auto;}
#main {width:980px;margin:auto;}

#header {position:relative;}
#header h1 {position:absolute; top:3px;right:3px;color:#FFFFFF;font-weight:bold;font-size:20px;}
#header h1 span {color:#ff40d0;}
#header #inscription {position:absolute; top:48px;right:0px;border:0;}


#top_menu {width:98%;height:25px;margin:3px auto;background: url(./images/branlix_07.jpg) repeat-x;position:relative;}
#top_menu .menu , #top_menu #last_one {color:#FFFFFF; text-decoration:none;font-weight:bold;display:block;height:25px; float:left;padding:0px 30px;line-height:21px;background: url(./images/branlix_07.jpg) repeat-x;border-left:1px solid white;}
#top_menu #last_one {border-right:1px solid white;}
#top_menu .menu:hover, #top_menu #last_one:hover{color:#000000; background: url(./images/branlix_hover_07.jpg) repeat-x}
#top_menu_left {position:absolute;left:-7px;top:0;}
#top_menu_right {position:absolute;right:-6px;top:0;}

#top_menu form {border:none; margin:0;padding:0;}
#top_menu form table td {padding:0 10px 0 0;}
#top_menu #recherche {float:left;margin:0 10px 0 130px;width:390px;}
#top_menu #recherche_av {color:#FFFFFF; font-size:10px; text-decoration:none;line-height:11px;font-weight:bold;}


.titre_separator {height:24px;float:left;padding-top:6px;width:733px;background:url(./images/tri.jpg);margin-left:10px;padding-left:10px; color:#FFF;font-weight:bold;}
.titre_separator2 {background:url(./images/branlix_27.jpg) repeat-y;width:737px;color:#FFFFFF; font-size:18px; line-height:25px;font-weight:normal;text-align:left;margin:3px 0 3px 0;padding-left:6px;}


#content {float:left;width:758px;}
.menu_left {float:left; margin:0 3px 3px 3px;}
.menu_left #nb_videos {width:207px; height:204px;position:relative;background:url(./images/branlix_13.jpg) no-repeat;margin:5px 0 5px 3px;}
.menu_left #nb_videos span{position:absolute;top:80px;right:35px;font-weight:bold;font-family:Arial, Helvetica, sans-serif; font-size: 24px;color: #666666;}
.menu_left h2 {background:url(./images/branlix_17.jpg);width:212px;height:31px; color:#FFFFFF; line-height:30px;text-align:center;font-size:14px;}
.menu_left ul {border-left:1px solid #999999;border-right:1px solid #999999;border-bottom:1px solid #999999;width:210px;list-style:none;margin-bottom:3px;}
.menu_left ul li {}
.menu_left ul a {color: #666666;text-decoration:none;display:block;border-bottom:1px solid #FFF;padding:7px 0 7px 5px;background:#F4F4F4;}
.menu_left ul #selected {color: #ff59A6;font-weight:bold;text-decoration:none;display:block;border-bottom:1px solid #FFF;padding:7px 0 7px 30px;background:url(./images/puce.jpg) left  no-repeat #EAEAEA;}
.menu_left ul a:hover {color: #ff59A6;text-decoration:none;padding:7px 0 7px 30px;background:url(./images/puce.jpg) left  no-repeat #EAEAEA;font-weight:bold;}

#diap_video {float:left;width:499px; height:280px;}

#top_videos {height:280px;background:url(./images/branlix_16.jpg) repeat-x;width:255px;float:left;margin-left:3px;color:#FFFFFF;}
#top_videos h2 {float:left;color:#FFFFFF;width:227px;background:url(./images/branlix_19.png) repeat-y;font-size:12px; line-height:20px;font-weight:normal;text-align:left;margin:5px 0 3px 0;padding-left:6px;}
#top1 {margin:5px 0 10px 5px;width:250px;clear:left;}
#top1 a {color:#FFFFFF;}
#top1 p {font-size:10px;text-align:justify;text-indent:15px;}

#top100 {height:280px;background:url(./images/branlix_16.jpg) repeat-x;float:left;margin-left:3px;width:750px;}


#video_du_jour {float:left;margin: 0 3px 3px 0;width:500px;}
#video_du_jour h2 {background:url(./images/branlix_22.jpg) repeat-y;width:484px;color:#FFFFFF; font-size:12px; line-height:20px;font-weight:normal;text-align:left;margin:3px 0 3px 0;padding-left:6px; }
#video_du_jour h3 a {font-weight:bold;color:#FE30C0;font-size:12px;}
#video_du_jour p {font-size:10px;}
#video_du_jour .boutton {display:block;text-align:center;margin:auto;background:url(./images/branlix_44.jpg);width:245px; height:27px; line-height:25px;color:#FFFFFF;font-weight:bold;text-decoration:none;margin-top:3px;}

#auto_promo img{display:block;width:250px;}
#auto_promo {width:250px;float:left;}

#dvd_les_plus_vendus {width:743px; float:left;}
#dvd_les_plus_vendus h2 {background:url(./images/branlix_27.jpg) repeat-y;width:737px;color:#FFFFFF; font-size:12px; line-height:20px;font-weight:normal;text-align:left;margin:3px 0 3px 0;padding-left:6px; }
#dvd_les_plus_vendus .dvd {float:left;margin:0 0 0 15px;width:167px;}
#dvd_les_plus_vendus .dvd img {border:0;}
#dvd_les_plus_vendus .dvd h3 a{font-weight:bold;color:#FE30C0;font-size:12px;}
#dvd_les_plus_vendus .dvd a {display:block;color:#666666;}
#dvd_les_plus_vendus .dvd .boutton {display:block;text-align:center;margin:auto;background:url(./images/branlix_56.jpg);width:107px; height:18px; line-height:16px;color:#FFFFFF;font-weight:bold;text-decoration:none;margin-top:3px;}

#nouvelles_videos {width:743px;float:left;}
#nouvelles_videos h2 {background:url(./images/branlix_27.jpg) repeat-y;width:737px;color:#FFFFFF; font-size:12px; line-height:20px;font-weight:normal;text-align:left;margin:3px 0 3px 0;padding-left:6px; }
#nouvelles_videos .videos {float:left;margin:5px 10px 0 10px;width:160px; }
#nouvelles_videos .videos img {border:0;}
#nouvelles_videos .duree {float:left;}
#nouvelles_videos .poids {float:right;}
#nouvelles_videos .videos h3 a{font-weight:bold;color:#FE30C0;font-size:12px;}
#nouvelles_videos .videos a {display:block;color:#666666;}
#nouvelles_videos .videos .boutton {display:block;text-align:center;margin:auto;background:url(./images/branlix_64.jpg);width:137px; height:19px; line-height:17px;color:#FFFFFF;font-weight:bold;text-decoration:none;margin:17px 0 5px 15px;}

#my-glider {width:750px;float:left;}
div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 750px; 
	height: 560px;
	overflow: hidden;
	border:0px solid #cccccc;
}
div.scroller div.section {
	/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
	width:750px;
	height:560px;
	overflow:hidden;
	float:left;
	padding:0em;		
}
div.scroller div.content {
	width: 10000px;
}

#prev_next img {border:none;}

#tri {list-style:none; height:24px;float:left;padding-top:6px;width:683px;background:url(./images/tri.jpg);padding-left:60px;margin-left:10px; }
#tri li {display:inline;margin-left:15px;color:#FFFFFF;font-weight:bold;}
/* Horizontal Carousel */
#horizontal_carousel {
  float:left;
  width: 755px;
  height: 220px;
  margin-bottom: 10px;
  position: relative;  
}         

#horizontal_carousel .container {
  position: absolute;
  top: 5px;
  left: 37px;  
  width: 684px;
  height: 220px;
  overflow:hidden;   
  background:url(./images/branlix_16.jpg) repeat-x;
}            
#horizontal_carousel #next {background: url(./images/right.gif);width:27px;height:220px;display:block;}
#horizontal_carousel #next:hover {background: url(./images/right_hover.gif);}
#horizontal_carousel #prev {background: url(./images/left.gif);width:27px;height:220px;display:block;}
#horizontal_carousel #prev:hover {background: url(./images/left_hover.gif); }
#horizontal_carousel .poids {float:left;}
#horizontal_carousel .duree {float:right;}
#horizontal_carousel h3 a{color:#FFFFFF;}
#horizontal_carousel img {clear:left;}
#horizontal_carousel .boutton {display:block;text-align:center;margin:auto;background:url(./images/branlix_65.png);width:137px; height:19px; line-height:17px;color:#FFFFFF;font-weight:bold;text-decoration:none;margin:17px 0 5px 0;}

#horizontal_carousel .previous_button {
  position: absolute;
  top: 5px;
  left: 10px;
  width: 27px;
  height: 220px;
  z-index: 100;    
  cursor:pointer;
}        

#horizontal_carousel .previous_button_disabled {
  cursor:default;
}

#horizontal_carousel .next_button {
  position: absolute;
  top: 5px;
  right: 10px;
  width: 27px;
  height: 220px;
  z-index: 100;
  cursor:pointer;
}   

#horizontal_carousel .next_button_disabled {
  cursor:default;
}

#horizontal_carousel ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height: 220px;
}                      

#horizontal_carousel ul li img {
  border:0px solid #ff41c2;
  display:block;             
  background:#E3EDFA;  
}                               

#horizontal_carousel ul li {
  font-family:verdana,arial,sans-serif;
  font-size:10px;
}                               

#horizontal_carousel ul li {
  border:0px solid green;
  color:#E3EDFA;
  margin:0pt;
  padding:15px 10px 10px;
  width:150px;
  list-style:none;   
  float:left;
}

#horizontal_carousel a {
  color: #ff41c2;
  text-decoration: none;
}


#footer {
background:url(./images/branlix_74.jpg) no-repeat; width:980px; height:57px; text-align:center;

}

.video_list {
float:left;
margin: 0 0 5px 10px;
width:740px;
}
.video_list span {float:left;display:block;margin-left:20px;margin-top:5px;}
#video_detail span {float:left;display:block;margin-left:20px;margin-top:5px;}
#breadcrum {margin-left:10px;}
#breadcrum a {color:#000000;}
.video_list img{border:0;}
#top_videos_cat h2{background:url(./images/branlix_27.jpg) repeat-y;width:737px;color:#FFFFFF; font-size:18px; line-height:25px;font-weight:normal;text-align:left;margin:3px 0 0 10px;padding-left:6px;}
.video_list table{margin-top:-5px;}
.video_list h2{background:url(./images/branlix_27.jpg) repeat-y;width:737px;color:#FFFFFF; font-size:18px; line-height:25px;font-weight:normal;text-align:left;margin:3px 0 0 0;padding-left:6px;}
.video_list p{width:95%;text-align:justify;text-indent:30px;margin:auto;}
.video_list .boutton {display:block;text-align:center;margin:auto;background:url(./images/branlix_44.jpg);width:245px; height:27px; line-height:25px;color:#FFFFFF;font-weight:bold;text-decoration:none;margin-top:20px;}

#videos_relatives h2{background:url(./images/branlix_27.jpg) repeat-y;width:737px;color:#FFFFFF; font-size:18px; line-height:25px;font-weight:normal;text-align:left;margin:3px 0 3px 0;padding-left:6px;}
#video_detail img {border:0;}.video_list h2{background:url(./images/branlix_27.jpg) repeat-y;width:737px;color:#FFFFFF; font-size:18px; line-height:25px;font-weight:normal;text-align:left;margin:3px 0 3px 0;padding-left:6px;}
#video_detail h2{background:url(./images/branlix_27.jpg) repeat-y;width:737px;color:#FFFFFF; font-size:18px; line-height:25px;font-weight:normal;text-align:left;margin:3px 0 3px 0;padding-left:6px;}
#video_detail p{width:95%;text-align:justify;text-indent:30px;margin:auto;}
#video_detail .boutton {display:block;text-align:center;margin:auto;background:url(./images/branlix_44.jpg);width:245px; height:27px; line-height:25px;color:#FFFFFF;font-weight:bold;text-decoration:none;margin-top:23px;}

.dvd {margin-bottom:8px;}
.dvd img {border:none;}
.dvd h2 {background:url(./images/branlix_27.jpg) repeat-y;width:737px;color:#FFFFFF; font-size:18px; line-height:25px;font-weight:normal;text-align:left;margin:3px 0 3px 0;padding-left:6px;}

.thumb_dvd {border:none;}

.dvd .jacquette {float:left;width:190px;}
.dvd .description {float:left;width:550px;}
.dvd .description table{margin:auto;}
.dvd .description p {width:95%;text-align:justify;text-indent:30px;margin:auto;}
.dvd .description .boutton {display:block;text-align:center;margin:auto;background:url(./images/branlix_44.jpg);width:245px; height:27px; line-height:25px;color:#FFFFFF;font-weight:bold;text-decoration:none;margin-top:3px;}


.dvd_detail {background:#222; width:737px;margin:5px auto 5px auto;}
.dvd_detail .titre{ font-size:26px;color:#F09;text-transform:uppercase;text-align:center;margin:auto;font-weight:bold;width:100%;display:inline-block;}
.dvd_detail .studio{font-size:20px;color:#FFF;text-align:center;margin:auto;font-weight:bold;width:100%;display:inline-block;}
.dvd_detail .duree{font-size:46px;text-align:center;margin:auto;font-weight:bold;display:inline-block;color:#FFF;width:100%;}
.dvd_detail .date{text-align:center;margin:auto;font-weight:bold;display:inline-block;color:#FFF;width:100%;}

.dvd table a {color:#FE30C0;}
.dvd .col1 {width:90px; text-align:left;font-weight:bold;vertical-align:top;}
.dvd .col2 {width:120px; text-align:left;vertical-align:top;}
.dvd .col3 {vertical-align:top;font-weight:bold;}
.dvd .col4 {width:100px; text-align:left;vertical-align:top;}
.dvd .titre_video {text-align:center;}
.dvd .titre_video a{font-weight:bold;}
.section h3 {font-size:12px;}
#horizontal_carousel .section ul il {position:relative;}
#horizontal_carousel .section .boutton {position:absolute;bottom:10px;}


#pagination {width:100%;text-align:center;color:#666;}
#pagination a {color:#636;display:inline-block;padding:3px;border:1px solid #999;margin:3px;text-decoration:none;}
#pagination a:hover {color:#FFF;border:1px solid #000;background:#F6C;}