*{margin:0; padding:0;}

/* Useful */
.align_center { text-align:center; }
.align_right { text-align:right; }
.middle { vertical-align: middle; }
.align_justify{ text-align: justify; }
.uppercase { text-transform:uppercase; }
.hidden { display:none; }
.wrap { white-space: normal; }
.bold { font-weight: bold; }
.strike { text-decoration:line-through; }
.italic { font-style: italic; }
.top { vertical-align: top; }
.span_link { cursor:pointer; }
.span_link:hover { text-decoration:underline; }
.clear { clear:both; }
br.clear {clear:both; line-height:0; font-size:0; height:0; }
fieldset { border:none; }
a { cursor:pointer; }
a img{ border:none }

body{background:url(../img/superflux_bg_body.png) repeat-x #221811; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:10px; color:#fff;}

/* GLOBAL */
.center_content{width:1000px; margin:0 auto;}
p.text.text_147 input{height:18px; width:143px; padding:0 2px; background:none; border:none; background:url(../img/superflux_input_text_147_18.png) no-repeat; color:#89827e; font-size:11px; display:block;}
p.text.text_147 input:focus{color:#16100b;}
#page{width:1000px; margin:27px auto;}

.block_large{width:429px;}
.block_large .top{background:url(../img/superflux_bg_large_column_top.png) no-repeat; width:429px; height:4px;}
.block_large .content{background-color:#d1552b; padding:0 7px 5px;}
.block_large .bottom{background:url(../img/superflux_bg_large_column_bottom.png) no-repeat; width:429px; height:4px;}

.haut_page{margin:20px 55px; clear:both; display:inline-block;}

/* HEADER */
#header{margin:0 auto; position:relative; height:253px; background:url(../img/superflux_bg_header.jpg) repeat-x;}
#header #header_video{background:url(../img/superflux_video.jpg) no-repeat; width:1000px; height:253px; position:absolute; top:0; left:50%; margin-left:-500px;}
#header #header_content{width:1000px; height:253px; position:absolute; top:0; position:absolute; z-index:2; left:50%; margin-left:-500px;}
#header #header_content #superflux_logo{width:398px; height:141px; margin:45px auto 0; display:block;}
#header #header_content .link{position:absolute; background:url(../img/superflux_cross_7_7.png) no-repeat left 6px; font-size:12px; color:#fff; padding-left:10px; text-decoration:none;}
#header #header_content .link.link_1{top:65px; left:93px;}
#header #header_content .link.link_2{top:194px; left:202px;}
#header #header_content .link.link_3{top:61px; left:786px;}
#header #header_content .link.link_4{top:198px; left:844px;}

#header #header_authentication{position:absolute; width:100%; top:0; left:0; z-index:3; background:#fff; display:none;}
#header #header_authentication .center_content{position:relative;}
#header #header_authentication .center_content form.authentication{width:430px; margin:0 0 0 56px; float:left; padding:25px 0;}
#header #header_authentication .center_content form.authentication fieldset{}
#header #header_authentication .center_content form.authentication fieldset legend{color:#d3562c; font-size:20px; border-bottom:solid 1px #d3562c; width:100%;}
#header #header_authentication .center_content form.authentication fieldset p.text{height:18px; float:left; line-height:18px; padding:14px 0 10px;}
#header #header_authentication .center_content form.authentication fieldset p.text label{color:#d3562c; font-size:11px; float:left; display:block; padding-right:5px;}
#header #header_authentication .center_content form.authentication fieldset p.text input{float:left;}
#header #header_authentication .center_content form.authentication fieldset p.text.last_text{float:right;}
#header #header_authentication .center_content form.authentication fieldset p.submit{float:right;}
#header #header_authentication .center_content form.authentication fieldset p.submit input{}
#header #header_authentication .center_content form.authentication fieldset .password_forgot{color:#ff6633; font-size:12px; font-style:italic; margin:18px 0 0 48px;}

#header #header_authentication .center_content form#create_account.authentication{margin:0 56px 0 0; float:right;}
#header #header_authentication .center_content form#create_account.authentication fieldset p.submit{float:none; margin:4px 0 0 41px;}

#header #header_authentication .center_content .open_block{background:url(../img/superflux_bg_connexion_inscription.png) no-repeat; width:117px; height:17px; line-height:17px; text-align:center; font-size:10px; color:#272727; border:none; position:absolute; bottom:-17px; right:57px; cursor:pointer;}


/* SORT */
#search_content{margin:-33px auto 0; position:relative; z-index:2; background:url(../img/superflux_bg_sort_by.png) repeat; height:33px;}
#search_content .center_content{background:url(../img/superflux_bg_search.png) no-repeat right top; height:33px;}

#search_content .center_content #search_form{float:right; height:33px;}
#search_content .center_content #search_form p.text{float:right; margin-top:8px;}
#search_content .center_content #search_form p.text label{float:left; margin-right:5px;}
#search_content .center_content #search_form p.text input{float:left;}
#search_content .center_content #search_form p.submit{float:right; margin:8px 57px 0 8px;}
#search_content .center_content #search_form p.submit input{}

#sort_content{position:relative; z-index:3; margin:0 auto;}
#sort_content #sort_by{}
#sort_content #sort_by .label_sort_by{margin:8px 1px 0 53px; display:block; float:left;}
#sort_content #sort_by .item_sort_by{float:left; display:block; height:29px; margin:-29px 0 0 4px; background:url(../img/superflux_bg_navigation_item.png) no-repeat left bottom; width:152px; overflow:hidden;}
#sort_content #sort_by .item_sort_by.selected, #sort_content #sort_by .item_sort_by:hover{background-position:left top;}
#sort_content #sort_by .item_sort_by.alone{margin:-29px 0 0 56px;}
#sort_content #sort_by .item_sort_by img{}
#sort_content #sub_sort_by{height:34px; background-color:#ff6633;}
#sort_content #sub_sort_by .center_content{}
#sort_content #sub_sort_by .center_content .search_lettre{list-style:none; padding:7px 0 0 50px}
#sort_content #sub_sort_by .center_content .search_lettre li{float:left; background:url(../img/superflux_search_lettre.png) no-repeat; height:20px; width:21px; margin:0 6px; cursor:pointer;}

#sort_content #sub_sort_by .center_content .content_link{padding:7px 0 0 56px;}
#sort_content #sub_sort_by .center_content .content_link a{display:block; float:left; margin-right:23px; height:20px; overflow:hidden;}
#sort_content #sub_sort_by .center_content .content_link a img{}
#sort_content #sub_sort_by .center_content .content_link a:hover img{margin-top:-20px;}
#sort_content #sub_sort_by .center_content .content_link a.selected img{margin-top:-40px;}


/* VIDEO-LIST */
#movie_list{list-style:none;}
#movie_list li{float:left; margin:29px 15px 0 14px;}
#movie_list li .top{background:url(../img/superflux_bg_movie_list_top.png) no-repeat left top; width:200px; height:4px;}
#movie_list li:hover .top{background-position:left bottom;}
#movie_list li .content{background-color:#d3562c; width:186px; padding:4px 7px 2px;}
#movie_list li:hover .content{background-color:#ff6633;}
#movie_list li .content a{color:#fff; display:block; text-decoration:none;}
#movie_list li .content h3{font-weight:normal; font-size:14px; padding-bottom:5px;}
#movie_list li .content .img_preview{width:100%;}
#movie_list li .content p{padding:7px 0 4px; font-size:10px; border-bottom:solid 1px #e9ab96; display:none;}
#movie_list li .content .informations{list-style:none; padding:5px 0; border-bottom:solid 1px #e9ab96; display:none;}
#movie_list li .content .informations li{font-size:9px; font-style:italic; float:none; margin:0; padding:0; height:11px; line-height:11px;}
#movie_list li .content .nb_view{float:left; padding-top:5px;}
#movie_list li .content .nb_view span{text-decoration:underline; cursor:pointer;}
#movie_list li .content .nb_heart{float:right; padding:5px 15px 0 0; background:url(../img/superflux_heart_11_8.png) no-repeat right 9px;}
#movie_list li .bottom{background:url(../img/superflux_bg_movie_list_bottom.png) no-repeat left bottom; width:200px; height:4px;}
#movie_list li:hover .bottom{background-position:left top;}

#movie_list li .content.open p{display:block;}
#movie_list li .content.open .informations{display:block;}

/* INDEX */
#page.index{margin:0 auto;}
.index #movie_list{padding:0 41px;}

/* RECHERCHE */
.recherche{}
.recherche h2{font-size:20px; color:#d3562c; padding:0 56px;}
.recherche h2 span{color:#fff;}
.recherche #movie_list{padding:0 41px;}

/* FAVORITES */
.favorites #left_column{margin:2px 0 0 56px; width:429px; float:left;}
.favorites #left_column #current_video{margin-bottom:29px;}
.favorites #left_column #current_video .content{}
.favorites #left_column #current_video .content a{color:#fff; display:block; text-decoration:none;}
.favorites #left_column #current_video .content h3{font-weight:normal; font-size:20px; padding-bottom:5px;}
.favorites #left_column #current_video .content .lecteur_video{background:url(../img/superflux_lecteur_video.png) no-repeat; width:415px; height:260px;}
.favorites #left_column #current_video .content p{padding:7px 0 12px; font-size:11px; border-bottom:solid 1px #e9ab96;}
.favorites #left_column #current_video .content .informations{list-style:none; padding:11px 0; border-bottom:solid 1px #e9ab96;}
.favorites #left_column #current_video .content .informations li{font-size:10px; font-style:italic; float:none; margin:0; padding:0; height:12px; line-height:12px;}
.favorites #left_column #current_video .content .nb_view{float:left; padding-top:10px;}
.favorites #left_column #current_video .content .nb_heart{float:right; padding:10px 15px 0 0; background:url(../img/superflux_heart_11_8.png) no-repeat right 14px;}
.favorites #left_column #share_video{margin-bottom:29px;}
.favorites #left_column #share_video .content{padding:4px 7px;}
.favorites #left_column #share_video .content a{display:block;}
.favorites #left_column #share_video .content .link_like{float:left;}
.favorites #left_column #share_video .content .link_share{float:right; margin-left:8px;}
.favorites #left_column #comment_video{margin-bottom:29px;}
.favorites #left_column #comment_video .content{}
.favorites #left_column #comment_video .content h3{font-weight:normal; font-size:20px; padding-bottom:5px; background:url(../img/superflux_comment.png) no-repeat right 6px;}
.favorites #left_column #comment_video .content h3 .comment_number{font-size:14px;}
.favorites #left_column #comment_video .content .comment{border-top:solid 1px #e9ab96; padding:10px 0; font-size:11px;}
.favorites #left_column #comment_video .content .comment.last{padding-bottom:0;}
.favorites #left_column #comment_video .content .comment .comment_information{padding-bottom:5px; font-style:italic;}
.favorites #left_column #comment_video .content .comment .comment_information .bold{font-style:normal;}
.favorites #left_column #add_comment_video{margin-bottom:29px;}
.favorites #left_column #add_comment_video .content{}
.favorites #left_column #add_comment_video .content h3{font-weight:normal; font-size:20px; padding-bottom:5px;}
.favorites #left_column #add_comment_video .content .input_btn{margin:0 7px 7px 0; border:none; background:none;}
.favorites #left_column #add_comment_video .content .comment_information{border-top:solid 1px #e9ab96; border-bottom:solid 1px #e9ab96; padding:10px 0; font-size:11px;}
.favorites #left_column #add_comment_video .content form{}
.favorites #left_column #add_comment_video .content form fieldset{}
.favorites #left_column #add_comment_video .content form fieldset label{float:left; line-height:18px; color:#fff; font-size:11px; text-align:right; width:50px; height:18px; display:block; margin-top:10px;}
.favorites #left_column #add_comment_video .content form fieldset .input_text{float:right; background:url(../img/superflux_input_text_362_18.png) no-repeat; width:362px; height:18px; line-height:18px; border:none; margin-top:10px;}
.favorites #left_column #add_comment_video .content form fieldset .textarea{float:right; background:url(../img/superflux_textarea_362_111.png) no-repeat; width:362px; height:111px; border:none; margin-top:10px;}
.favorites #left_column #add_comment_video .content form fieldset .input_submit{ float:right; margin-top:10px;}

.favorites #right_column{margin:2px 56px 0 0; width:429px; float:right;}
.favorites #right_column .retour_favorites{margin-left:-4px; display:block; margin-bottom:29px;}
.favorites #right_column .meme_auteur{padding-top:58px; background:url(../img/superflux_meme_auteur.png) no-repeat; width:200px; float:left;}
.favorites #right_column .autres_favorites{padding-top:58px; background:url(../img/superflux_meme_auteur.png) no-repeat; width:200px; float:right;}
.favorites #right_column .meme_auteur #movie_list li, .favorites #right_column .autres_favorites #movie_list li{margin:0 0 29px;}
.favorites #right_column .meme_auteur #movie_list li .content .informations li, .favorites #right_column .autres_favorites #movie_list li .content .informations li{margin:0;}