@font-face {font-family: 'GeosansLight'; src: url(../fonts/GeosansLight.ttf) format('truetype');}

* {margin: 0; padding: 0;}

body {background-color: #262626; font-family: Arial,Helvetica,sans-serif; font-size: 13px;}

img {border: none;}

a {color: #ffba00; text-decoration: none;}
    a:hover {text-decoration: underline;}

p {margin: 5px 0;}

h1 {background-image: url(../images/title.png); width: 90%; margin: 20px auto 0 auto; height: 25px;  font-size: 18px; font-weight: normal; padding-left: 10px; line-height: 23px;}
h1, h1 a {color: #fff;}
    h1 a:hover {text-decoration: none;}
.arrow {background-image: url(../images/arrow.png); width: 23px; height: 9px; margin-left: 5%;}

h3 {color: #fff926; text-align: center; margin: 15px auto; width: 80%; padding-bottom: 10px; border-bottom: 1px solid #2c2c2c;}

.list_previews_content h2 {font-weight: normal; margin: -10px 0 20px 40px; color: #FFBA00; background: url(../images/bee.png) no-repeat left center; padding-left: 30px;}

#main_column h4 {margin: 30px 0 10px; color: #FFBA00; font-weight: normal;}

fieldset {border: 2px solid #1E1E1E; padding: 0 10px;}
input[type=text], input[type=password], textarea {border: 1px solid #666666;}
input[type=text], input[type=password] {border: 1px solid #666666; background-image: url(../images/bg_input.png); height: 19px; color: #fff; padding: 0 2px;}
input[type=submit], input[type=reset] {background: url(../images/submit.png); width: 102px; height: 22px; border: 0; color: #fff; margin: 20px auto 0 auto; padding-bottom: 3px; display:block;}
input[type=submit]::-moz-focus-inner, input[type=reset]::-moz-focus-inner {border: 0px;}
input[type=submit]:focus, input[type=reset]:focus {outline: none;}
textarea {background: #393938; color: #fff;}
.form {margin: 7px 0;}

#header {height: 210px;}

#miscellaneous_links {position: absolute; right: 200px;}
    #miscellaneous_links, #miscellaneous_links a {font-size: 12px; color: #e9e9e9;}
    #miscellaneous_links a {text-decoration: underline;}
        #miscellaneous_links a:hover {text-decoration: none;}

#triangle_share {position: absolute; top: 0; right: 0; background: url(../images/triangle_share.png); width: 187px; height: 186px;}
#triangle_share a {display: block; width: 100%; height: 100%;}

#header_content {height: 100%; padding-top: 5px; background: url(../images/background.png);}

#logo {float: left;}

#search {float: left; width: 367px; margin: 70px 0 0 130px;}
    #search input[type=text] {background-image: url(../images/search_value.png); color: #262626; float: left; border: none; width: 324px; height: 25px; padding: 0 3px;}
    #search input[type=image] {display: block;}

#navigation_menu, #main_column {width: 860px;}

#navigation {background: url(../images/navigation_bg.png); height: 30px; font-size: 14px; position: relative; z-index: 9; opacity: 0.95;}
    #navigation_menu {width: 870px; float: left; margin-left: 32px; height: 30px; list-style-type: none;}
    #navigation_menu li {float: left; background: url(../images/navigation_separator.png) no-repeat; height: 27px; padding: 0 13px;}
    #navigation_menu .label {display: block; float: left; margin-top: 8px;}
    #navigation_menu a {color: #c8c8c8; text-decoration: none; outline: none;}
        #navigation_menu a:hover {color: #FFBA00;}
    #navigation_menu img {margin-top: 2px;}

#header_content, #navigation_content, #container, #footer_content {width: 1240px; margin: 0 auto;}

#container {background: url(../images/background_fade.png) no-repeat; padding-bottom: 20px;}

#main_column {float: left; margin: 0 auto;}

#main_column, #links_bottom {width: 920px;}

#main_column, #footer {color: #cbcbcb;}

#main_column label {float: left; width: 150px; line-height: 20px;}
/*#main_column label .cb {float: none; width: auto; line-height: normal;}*/
#main_column .t-center label {float: none;}

#advertising_top {margin: 20px auto 5px auto; width: 700px; height: 60px; padding: 5px 10px;    }
    #advertising_top a {color: #CBCBCB;}
        #advertising_top a:hover {color: #FFBA00;}

/* Bloc menu statistiques */
#block_statistics span {padding-left: 20px;}

#right_column, #right_column_top {float: right; width: 318px;}
#right_column_top {height: 30px; background-image: url(../images/right_column_top.png);}

#right_column {color: #666666; background: url(../images/right_column_bg.png);}
/*#right_column_top {height: 18px; background: url(../images/right_column_top.png);}*/

#right_column h4 {font-size: 14px; color: #f7dd0c; text-shadow:  #000 4px 4px 20px; margin: 10px 0 7px 50px; position: relative; z-index: 10;}

#right_column .block_top, #right_column .block {margin: auto;}
#right_column .block_top {width: 217px; background-image: url(../images/block_top_right.png); height: 2px;}
#right_column .block {width: 197px; background-image: url(../images/block_bg_right.png); margin-bottom: 10px; padding: 10px;}

#right_column label {color: #666666;}

#right_column .block {margin-bottom: 20px;}
#right_column .block span.public, #right_column .block span.private, #right_column .block span.member, #right_column .block span.watch, #right_column .block span.visitors {background: transparent no-repeat; display: block; float: left; width: 110px;}
#right_column .block span.public {background-image:  url(../images/tpl_icon_public.gif);}
#right_column .block span.private {background-image:  url(../images/tpl_icon_private.gif);}
#right_column .block span.member {background-image:  url(../images/tpl_icon_member.gif);}
#right_column .block span.watch {background-image:  url(../images/tpl_icon_watched.gif);}
#right_column .block span.visitors {background-image:  url(../images/tpl_icon_visitors.gif);}

.block {padding: 0 10px; margin-bottom: 40px;}
.block .content {width: 90%; margin: 20px auto 0 auto;}

#bottom {float: left; margin-top: 20px;}

#links_bottom {margin: 20px auto 0 auto; color: #7b7b7b;}
    #links_bottom h4 {color: #FFBA00; font-size: 17px; padding: 10px 0;}
    #links_bottom .last {float: left; width: 23%; margin-left: 2%;}
    #links_bottom p {border-top: 1px dotted #444444; padding: 10px 0;}
        #links_bottom p:hover {background: #222222;}
        #links_bottom .random_tags:hover {background: none;}
        #links_bottom a {color: #7b7b7b;}
        #links_bottom a:hover {text-decoration: none; color: #FFBA00;}
        #links_bottom img {width: 62px; height: 42px; border: 1px solid #cccccc; padding: 1px; background: #262626; margin-right: 5px;}

#footer {background-image: url(../images/footer_bg.png); height: 139px; font-size: 12px; padding-top: 10px;}
    #footer a {color: #7b7b7b;}
    #logo_footer {width: 107px; height: 81px; margin: 0 auto;}

.clear {clear: both;}
.t-center {text-align: center;}
.t-right {text-align: right;}
.f-right {float: right;}
.f-left {float: left;}

.hide {display: none;}


/* Liste des vidéos */
.list_previews_top, .list_previews_content, .list_previews_bottom {width: 898px;}
.list_previews_top {height: 43px; background-image: url(../images/list_previews_top.png);}
.list_previews_bottom {height: 51px; background-image: url(../images/list_previews_bottom.png);}
.list_previews_content {background-image: url(../images/list_previews_bg.png);}

.ad_preview {width: 795px; margin: 0 auto;}

.preview {width: 130px; height: 196px; float: left; margin: 0 0 10px 12px;}
    .preview p {text-align: center;}
    .preview .label {color: #7b7b7b;}
    .preview img {border: 1px solid #000;}
    .preview .infos {padding: 3px 0;}

.category, .category_current, .category_disabled, .category_photo, .category_photo_current {width: 134px; height: 34px; float: left; line-height: 30px; margin: 0 10px; text-decoration: underline; font-size: 14px;}
.category, .category a, .category_current, .category_disabled, .category_current a, .category_photo, .category_photo a, .category_photo_current, .category_photo_current a {color: #fff;}
.category, .category_photo {background-image: url(../images/btn_category.png);}
.category a, .category_current a, .category_photo a, .category_photo_current a {display: block; margin-left: 40px; outline: none;}
.category_current, .category:hover, .category_photo_current, .category_photo:hover {background-image: url(../images/btn_category_hover.png);}
.category_disabled {background-image: url(../images/btn_category_disabled.png);}
.category_disabled {width: 94px; padding-left: 40px; text-decoration: none;}

#categories_block, #categories_photos_block {left: 21.5%; position: absolute; display: none; background-color: #3f3f3f; height: 240px; padding: 0 15px;}
    #categories_block a, #categories_photos_block a {color: #a5a5a5;}
    #categories_block .column, #categories_photos_block .column {float: left;}
        #categories_block .column p, #categories_photos_block .column p {margin: 10px 0;}

.category_block {margin-top: 20px; margin-left: 10px;}

#pagination {text-align: center; margin-top: 30px;}
    #pagination .current_page, #pagination a {padding: 1px 3px; margin: 0 5px;}
    #pagination .current_page {border: 1px solid #ffd726; color: #ffd726;}
    #pagination a {border: 1px solid #464646; color: #fff;}
    #pagination .prev_page, #pagination .next_page {border-color: #ffd726;}
    #pagination .prev_page {margin-right: 10px;}
    #pagination .next_page {margin-left: 10px;}

/* Vidéo */
.video_player {float: left;}
.video_infos {float: right; border: 1px solid #fff; width: 310px; border: 1px solid #d56c35; padding: 5px 10px;}
#social_links {list-style-type: none; width: 650px; margin: auto;}
    #social_links li {float: left; margin: 0 20px; text-align: center;}
        #social_links a {display: block;}

.error, .success {width: 80%; background-position: 10px 50%; background-repeat: no-repeat; border: 1px solid; margin: 10px auto; padding: 15px 10px 15px 50px;}
.error {background-color: #FFBABA; background-image: url(../images/error.png); color: #D8000C;}
.success {color: #4F8A10; background-color: #DFF2BF; background-image:url(../images/success.png);}

/* Page d'accueil */
#video_types {width: 300px; margin: 10px auto;}
/*#videos_types a {margin: 0 20px;}*/


/* Tags */
.tags a {color: #CBCBCB;}
    .tags a:hover {color: #FFBA00; text-decoration: none;}


/* Catégories */
.channel {float: left; margin: 10px 20px;}

#cgu h4 {margin: 30px 0 10px 0;}
#cgu p {margin: 15px 0 15px 30px;}

/* Aide */
#questions {margin: 20px 0;}
    #questions a {color: #CBCBCB;}
    
.help {margin: 20px 0;}
    .help .content a {color: #7B7B7B;}
    .help ul {margin-left: 30px;}
    .help p a:hover {text-decoration: none;}

.category_upload {margin: 10px 18px; float: left;}
.category_upload_picture {margin: 10px; float: left;}

#fileQueue {color: #000;}

.upload_picture, .upload_picture_bottom {margin: 0 auto;}
.upload_picture {width: 480px; border-left: 1px solid #313131; border-top: 1px solid #353535; border-right: 1px solid #2d2d2d; padding: 5px 10px;}
.upload_picture_bottom {width: 502px; height: 2px; background-image: url(../images/upload_picture_bottom.png); margin-bottom: 30px;}
.upload_picture_title {color: #FFBA00; margin-left: 160px; font-size: 15px;}

#list_previews_pictures {margin-left: 45px;}
    #list_previews_pictures img {margin: 6px;}

.picture:hover {text-decoration: none; cursor: url(../images/magnifying_glass.png), pointer;}

.view_video_content p {margin: 12px 0;}

.line_view_video {width: 80%; height: 1px; border-bottom: 1px solid #2C2C2C; margin: 20px auto;}

.button_see_all {background-image: url(../images/button_see_all.png); width: 265px; height: 40px; margin: 20px auto; line-height: 40px;}
    .button_see_all a {display: block; color: #ffed04; text-align: center; font-size: 18px;}
        .button_see_all a:hover {color: #ffbb02; text-decoration: none;}

.button_exhib {background-image: url(../images/button_exhib.png); width: 810px; height: 75px; line-height: 70px; margin: 20px 0 0 25px;}
    .button_exhib a {display: block; text-align: center; font-size: 30px; color: #fff; text-decoration: none;}
    .button_exhib_orange {color: #ff8a12;}

.advertisings_right {margin-left: 10px; margin-bottom: 10px;}

#fileUploader {background: none;}

#videoplayer {outline: 0;}

#messages {font-size: 12px;}
#messages, #messages a {color: #CBCBCB;}