/* General style for the whole HTML body */
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #77B8CE;
color: #333333;
margin: 0px;
padding: 0px;
background-image: url(http://www.zoneski.com/films/fond4.jpg);
background-repeat: repeat-x;
background-position: center top;
}

/* Styles for the table cells, if there are still any around */
td, .td {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
}

/* "Labels", for title text in profile pages, etc */
.label {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #333333;
}

/* Tags Cloud */
a.cloudtags, div.cloudtags, cloudtags  {
color: #000000;
text-decoration: none;  
}
a.cloudtags:hover, td.cloudtags:hover, td.a.cloudtags:hover,
div.cloudtags:hover, div.a.cloudtags:hover, cloudtags:hover {
color: #FFFFFF;
border-bottom: 1px #868686 dashed;
background-color: #1E3A64;
text-decoration: none;
background: #1E3A64;
}

/* Styles for links */
a:link {
color:#333333;
text-decoration: none;
}
a:visited {
color:#5C5C5C;
text-decoration: none;
}
a:hover {
text-decoration: none;
color: #1E3A64;       
}
a:active {
text-decoration: none;
color: #1E3A64;
}

/* Style for general input fields */
input, select, textarea, .input, .select, .textarea, td.input, td.select, td.textarea {
font-family: Helvetica,Tahoma,Verdana,Arial;
font-size: 11px;
font-weight: normal;
color: #666666;
border: #C4C0C0 1px solid;
background-color: #E7E7E7;
}

/* No margin and no padding class, for elements such as forms, etc */
.nowrap{
padding: 0px;
margin: 0px;
}

/* Style for some form input fields */
forminput, .forminput, div.forminput {
width: 460px;
text-align: left;
font-weight: normal;
padding: 3px;
}

#zone8 .{
color:#000000;
font-size:96%;
font-family:Arial,Verdana,Helvetica,sans-serif;
;text-decoration:none;
}

#zone8 {
color:#000000;
font-size:96%;
font-family:Arial,Verdana,Helvetica,sans-serif;
text-decoration:none;
}

#zone8 a{
color:#FFFFFF;
border-color:#003366;
font-size:96%;
font-family:Arial,Verdana,Helvetica,sans-serif;
text-decoration:underline;
}

#zone8 a:hover{
color:#EE0000;
font-size:96%;
font-family:Arial,Verdana,Helvetica,sans-serif;
text-decoration:underline;
}

#zone8 .{
color:#000000;
font-size:96%;
font-family:Arial,Verdana,Helvetica,sans-serif;
;text-decoration:none;
}

#zone8 .{
color:#000000;
font-size:96%;
font-family:Arial,Verdana,Helvetica,sans-serif;
;text-decoration:none;
}

/* The tab links on the header */
.toplinks{
margin-left: -1px;
margin-top: 9px;
margin-bottom: 0;
font: bold 12px Verdana,Arial;
list-style-type: none;
text-align: left;
}
.toplinks li{
display: inline;
margin: 0;
text-decoration: none;
text-align: center;
color: #FFFFFF;
padding: 0px;
}
.toplinks li a{
text-decoration: none;
color: #FFFFFF;
background: white url(../../images/toptab_back.png) top left repeat-x;
text-align: center;
padding-top: 8px;
width: 89px;
height: 19px;
display: block;
float: left;
}
.toplinks li a:visited{
color: #FFFFFF;
text-decoration: none;
}
.toplinks li a:hover{
background-image: url(../../images/toptab_back2.png);
text-decoration: none;
color: #FFFFFF;
}
.toplinks li.selected{
color: #FFFFFF;
text-decoration: none;
}
.toplinks li.selected a{
background-image: url(../../images/toptab_back2.png);
text-decoration: none;
color: #FFFFFF;
}
.toplinks li.selected a:hover{
background-image: url(../../images/toptab_back2.png);
text-decoration: none;
color: #FFFFFF;
}

/* Style for the "head_bottom" links" */
head_bottom, .head_bottom {
font-size: 12px;
font-weight: normal;
text-decoration: none;
background-color: #E5E17E;
text-align: center;
margin-top: 0px;
padding: 3px;
color: #FFFFFF;
margin-left: 2px;
width: 783px;
float: left;
display: inline;
}
.head_bottom a, .head_bottom a:hover, .head_bottom a:visited
{
color: #FFFFFF;
}

contents_right, .contents_right {
width: 185px;
float: left;
margin-left: 7px;
display: inline;
}

/* Highlighted text in forms and pages */
.highLight {
font-weight: bold;
color: #7DB35C;
}
.formHighlight {
background-color: #FFFFCC;
border: 1px dashed #CCCC66;
padding-bottom: 10px;
margin-bottom: 5px;
padding-left:7px;
padding-right:7px;
padding-top:7px
}
.hightlight3 {
background-color: #E5E5E5;
border: 1px #CCCCCC dashed;
margin: 7px;
}
.label {
color: #6C6C6C;
font-size: 13px;
}
.label2 {
color: #D87949;
font-size: 13px;
}
.profileLabel {
color: #3A8000;
font-size: 12px;
font-weight: bold;
}

/* Small text, for explanatory notes, in input fields */
.small {
color: #6C6C6C;
font-size: 11px;
}

/* We need the 2 following properties, for the index news block, in case the new text is too big */
#scroller {
margin-top: 3px;
margin-left: -11px;
width: 276px;
height: 198px;
overflow: auto;
}
#scroller p {
border: 0px #000000 solid;
margin: 0px;
padding: 2px 2px 2px 2px;
font-size: 12px;
text-align: left;
font-weight: normal;
}

/* GENERAL BLOCK PROPERTIES, FOR MAIN CONTENT */
/* The header for most content blocks */
content_head, .content_head, div.content_head {
background-image: url('../../images/content_head_back.png');
background-repeat: repeat-x;
text-align: left;
color: #666666;
font-weight: bold;
font-size: 12px;
height: 40px;

margin-right: 5px;
padding-left: 5px;
padding-top: 5px;

float: left;
display: block;
}

/* The header for RIGHT blocks */
head_right, .head_right, div.head_right {
background-image: url('../../images/content_head_back.png'); background-repeat: repeat-x;
text-align: center;
color: #666666;
font-weight: bold;
font-size: 12px;
width: 193px;
height: 17px;
padding-top: 5px;

float: left;
display: block;
}
/* Links for content header */
a.headlink, a.headlink:visited, a.headlink:hover {
color: #666666;
text-decoration: none;
}

/* FOOTER */
/* Place-holder, for the footer elements */
footer, .footer, div.footer {
text-align: left;
font-size: 11px;
padding-top: 5px;
float: left;
display: block;
width: 783px;
margin-top: 7px;
float: left;
}
/* Separator, for footer items */
footersep, .footersep {
width: 100%;
text-align: center;
margin-left: 0px;
margin-top: 15px;
float: left;
border-bottom: 1px #CCCCCC dashed;
}
/* Footer styles, for links and copyright info */
bottomnotice, .bottomnotice {
color: #CCCCCC;
font-weight: bold;
font-size: 11px;
}

/* Style for "pagination" blocks, in most content blocks */
paging, .paging, div.paging, a.paging, a.paging:hover, a.paging:visited {
text-align: right;
color: #333333;
font-weight: normal;
font-size: 12px;
height: 20px;
margin-left: 5px;
margin-right: 5px;
padding-left: 5px;
padding-top: 3px;
background-color: #E5E5E5;

float: left;
background: #F7F4D5;
}
/* Style for the div elements of the main LEFT content */
results, .results, div.results, a.results {
text-align: center;
font-size: 12px;
margin-left: 5px;
margin-right: 5px;
padding-left: 5px;
padding-top: 3px;

display: block;
float: left;
background: #F7F4D5;
}
/* Style for the div elements of the RIGHT-box content */
content_right, .content_right, div.content_right {
text-align: left;
font-size: 12px;
padding: 2px;

width: 189px;
display: block;
float: left;
background: #ffffff;
}
/* Results wrapper for video details */
.resultswrapper {
background-image: url('../../images/video_thumb_back.png');
background-repeat: no-repeat;
display: block;
float: left;
width: 190px;
height: 260px;
}
/* Results wrapper for smaller-height content */
.contentwrapper {
background-image: url('../../images/content_thumb_back.png');
background-repeat: no-repeat;
display: block;
float: left;
width: 190px;
height: 177px;
}
/* Results wrapper, no style */
.plainwrapper {
text-align: left;
display: block;
float: left;
width: 190px;
}
.topleft{
text-align: left;
display: block;
float: left;
width: 269px;
margin-left: -3px;
}
.toploginlinks {
width: 225px;
float: right;
display: inline;
margin-top: 19px;
text-align: right;
margin-right: -9px;
}
/* Video thumbnails, in main content */
.moduleEntryThumb {
border: 0px;
padding-right: 2px;
margin-left: 2px;
margin-top: 6px;
margin-bottom: 6px;
}
/* Video details output, within other, wrapper blocks */
.resultstats {
background-image: url('../../images/thumb_bg.png');
background-repeat: no-repeat;
background-position: top;
background-color: transparent;
text-align: center;
font-weight: bold;
font-size: 11px;
width: 187px;
display: block;
float: left;
margin-top: 5px;
margin-bottom: 21px;
padding-bottom: 7px;
border: 0px;
}
/* Video statistics output, in main content */
.resultdetails {
font-weight: normal;
text-align: center;
margin-left: 23px;
float: left;
}
/* Wrapper box for main content blocks */
.main_content{
border: 0px;
float: left;
display: block;
}
/* Wrapper Box for right content */
.right_content {
font-weight: normal;
text-align: left;
width: 192px;
margin-right: 7px;
float: right;
display: block;
}
/* A simple graphic wrapper for a one-line top-right message-link */
right_top_msg, .right_top_msg, div.right_top_msg {
background-image: url('../../images/right_box_msg.png');
background-repeat: no-repeat;
width: 192px;
height: 27px;
display: block;
float: left;
text-align: center;
margin-bottom: 5px;
}
a.right_top_msg, a.right_top_msg:visited, a.right_top_msg:hover{
font-weight: bold;
text-decoration: none;
padding-top: 5px;
}
/* Topic posts details, in Channels */
topicdetails, .topicdetails {
float: left;
display: block;
border-bottom: 1px #CCCCCC dashed;
background-color: #E5E5E5;
}
/* A simple separator, when viewing video details */
.video_details_separator {
margin-top: 111px;
width: 777px;
height: 5px;
border-bottom:
1px #CCCCCC dashed;
}

/* Styles for the "Last Watched" etc tabs in the index */
/* Paging info for the "Laast Watched" etc videos in the index" */
tabinfo, .tabinfo {
width: 574px;
float: left;
margin-left: 0px;
border-top: 1px #CCCCCC solid;
border-bottom: 1px #CCCCCC solid;
text-align: right;
color: #333333;
font-weight: normal;
font-size: 12px;
height: 20px;
padding: 3px;
background-color: #E5E5E5;
}
/* Thumbs and links blocks for the "Last Watched" etc videos in the index */
tabthumbs, .tabthumbs{
width: 580px;
text-align: left;
display: inline;
float: left;
}
/* Wrapper for thimbs and links results */
tabthumbswrapper, .tabthumbswrapper{
display: block;
float: left;
width: 136px;
padding: 4px;
font-size: 11px;
text-align: center;
background: #ffffff;
}
/* "Wrapper" for results (video thumbs AND paging) in the previous-mentioned tabs */
tabswrapper, .tabswrapper {
float: left;
width: 580px;
height: 127px;
margin-left: 3px;
margin-bottom: 5px;
margin-right: 0px;
padding: 0px;
border-left: 1px #CCCCCC solid;
border-right: 1px #CCCCCC solid;
border-bottom: 1px #CCCCCC dashed;
}

/* "Wrapper" for the top content of the index page */
topwrap, .topwrap {
width: 585px;
margin-left: 17px;
margin-bottom: 5px;
text-align: left;
display: inline;
float: left;
}
 
/* "Tips" and info blocks */
tips, .tips {
text-align: left;
background-color: #FFF4C6;
border: 1px #CCCCCC dashed;
margin-left: 5px;
margin-right: 7px;
margin-bottom: 7px;
padding: 2px;
}

/* System message blocks */
message, .message {
text-align: center;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
color: #3648CC;
background-color: #E5E5E5;
border: 1px #CCCCCC dashed;
margin-left: 5px;
margin-right: 7px;
margin-bottom: 7px;
padding: 2px;
}

/* System error blocks */
error, .error {
text-align: left;
font-weight: bold;
font-size: 12px;
color: #FF1200;
background-color: #E5E5E5;
border: 1px #CCCCCC dashed;
margin-left: 5px;
margin-right: 7px;
margin-bottom: 7px;
padding: 2px;
}

/* Dimensions for the TinyMCE WYSIWYG editor */
tinymcetextarea,.tinymcetextarea {
width: 450px;
height: 270px;
}

/* Editor's pick box */
editorspickhead, .editorspickhead, editorspickhead {
background-image: url('../../images/content_head_back.png');
background-repeat: repeat-x;
text-align: left;
color: #666666;
font-weight: bold;
font-size: 12px;
margin-left: 5px;
margin-right: 5px;
padding-left: 5px;
padding-top: 5px;
border-left: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
border-bottom: #CCCCCC 1px solid;
float: left;
display: block;
width: 270px;
margin-left: -11px;
margin-top: 11px
}
editorspick, .editorspick, div.editorspick, a.editorspick {
text-align: center;
font-size: 12px;
margin-left: 5px;
margin-right: 5px;
padding-left: 5px;
border-left: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
border-bottom: #CCCCCC 1px dashed;
display: block;
float: left;
width: 270px;
margin-left: -11px;
background: #ffffff;
}

/* The container of the Flash player in the index */
nowplayhead, .nowplayhead {
background-image: url('../../images/content_head_back.png');
background-repeat: repeat-x;
text-align: left;
color: #666666;
font-weight: bold;
font-size: 12px;
height: 24px;
margin-right: 5px;
padding-left: 5px;
padding-top: 5px;
border-left: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
float: left;
display: inline;
width: 284px;
margin-left: 5px;
}
nowplay, .nowplay {
width: 283px;
padding: 3px;
margin: 0px;
text-align: center;
border-left: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
border-bottom: #CCCCCC 1px dashed;
display: inline;
float: left;
margin-left: 5px;
background: #ffffff;
}

/* The containers of the user stats blocks in the index */
userinfohead, .userinfohead {
background-image: url('../../images/content_head_back.png');
background-repeat: repeat-x;
text-align: left;
color: #666666;
font-weight: bold;
font-size: 12px;
height: 24px;
margin-right: 5px;
padding-left: 7px;
padding-top: 5px;
border-left: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
float: left;
display: inline;
width: 279px;
margin-left: 3px;
}
userinfo, .userinfo {
width: 280px;
padding: 3px;
margin: 0px;
text-align: left;
border-left: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
border-bottom: #CCCCCC 1px dashed;
display: inline;
float: left;
margin-left: 3px;
}

/* Blocks for login and signup information */
headlogin, .headlogin {
background-image: url('../../images/content_head_back.png');
background-repeat: repeat-x;
text-align: left;
color: #666666;
font-weight: bold;
font-size: 12px;
height: 24px;
margin-left: -4px;
margin-right: 5px;
padding: 3px;
border-left: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
float: left;
display: inline;
width: 383px;
}
logincontent, .logincontent {
text-align: left;
font-size: 12px;
margin-left: -4px;
margin-right: 5px;
padding-left: 5px;
padding-top: 3px;
border-left: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
border-bottom: #CCCCCC 1px dashed;
display: inline!important;
float: left;
width: 384px;
}
logginbutton, .logginbutton {
width: 200px;
text-align: right;
font-weight: normal;
padding: 3px;
}

/* Place-holder for comments in videos */
#comment_scroller {
width: 391px;
height: auto;
overflow: auto;
}
#comment_scroller p {
margin: 0px;
text-align: left;
font-weight: normal;
}

/* Styles for "view_video" page */
viewvid_header, .viewvid_header {
background-image: url('../../images/content_head_back.png');
background-repeat: repeat-x;
text-align: left;
color: #666666;
font-weight: bold;
font-size: 12px;
height: 24px;
/*margin-left: 5px;*/
margin-left: 17px;	/* HACK: Tasser le div pour l'aligner avec le conteneur du vidéo -- Dr Frankenstein */
margin-right: 5px;
padding-left: 5px;
padding-top: 5px;
border-left: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
float: left;
display: inline;
/*width: 465px;*/
width:	782px;		/* Colonne de droite supprimée -- Dr Frankenstein */
}
video_left_content, .video_left_content {
margin-left: -35px;	/* What the ... ? -- Dr Frankenstein */
padding: 0px;
float: left;
display: block;
/*width: 456px;*/
width:	782px;		/* Colonne de droite supprimée -- Dr Frankenstein */
margin-right: 8px;
}
viewvideo_tabswrapper, .viewvideo_tabswrapper {
margin: 0px;
padding: 0px;
/*width: 456px;*/
width:	782px;		/* Colonne de droite supprimée -- Dr Frankenstein */
text-align: left;
display: inline;
float: left;
}
videotab_results, .videotab_results {
width: 470px;
width:	796px;		/* Colonne de droite supprimée -- Dr Frankenstein */
background-color: #EEEEEE;
border: 1px #CCCCCC solid;
float: left;
display: block;
margin-left: 5px;
}
videocomm_head, .videocomm_head {
color: #333333;
font-size: 12px;
height: 20px;
/*margin-left: 5px;*/
margin-left:	17px;	/* HACK: Tasser le div pour l'aligner avec le reste -- Dr Frankenstein */
margin-right: 5px;
padding: 3px;
background-color: #E5E5E5;
border-left: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
border-bottom: #CCCCCC 1px solid;
float: left;
/*width: 464px;*/
width:	790px;
text-align: left;
border-top: 1px #CCCCCC solid;
font-weight: bold;
margin-top: 7px;
}
videocomm_content, .videocomm_content {
font-size: 12px;
/*margin-left: 5px;*/
margin-left:	17px;	/* HACK: Tasser le div pour l'aligner avec le reste -- Dr Frankenstein */
margin-right: 5px;
padding-left: 5px;
padding-top: 3px;
border-left: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
border-bottom: #CCCCCC 1px dashed;
/*width: 456px;*/
width:	782px;
text-align: left;
padding: 7px;
text-align: left;
float: left;
display: block;
}
videoright_content, .videoright_content {
width: 300px;
float: left;
display: block;
margin-left: 0px;
}
videoright_content2, .videoright_content2 {
width: 300px;
float: left;
display: block;
margin-left: 17px;
}
content_head_video_right, .content_head_video_right {
background-image: url('../../images/content_head_back.png');
background-repeat: repeat-x;
text-align: left;
color: #666666;
font-weight: bold;
font-size: 12px;
height: 24px;
margin-left: 5px;
margin-right: 5px;
padding-left: 5px;
padding-top: 5px;
border-left: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
float: left;
display: block;
width: 300px;
}
content_head_video_results, .content_head_video_results,
div.content_head_video_results, a.content_head_video_results {
font-size: 12px;
margin-left: 5px;
margin-right: 5px;
padding-left: 5px;
padding-top: 3px;
border-left: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
border-bottom: #CCCCCC 1px dashed;
display: block;
float: left;
width: 291px;
text-align: left;
padding: 7px;
}
content_right_video_related, .content_right_video_related {
font-size: 12px;
margin-right: 5px;
padding-left: 5px;
padding-top: 3px;
border-left: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
border-bottom: #CCCCCC 1px dashed;
display: inline!important;
float: left;
width: 293px;
margin-left: 15px;
margin-top: 5px;
text-align: left;
padding: 7px;
border: 0px #FFFFFF solid;
}

/* Divs for static pages: Header(c1), paragpaph title(c3), paragraph text(c2) and separator(c4)) */
div.c1 {
text-align: center;
width: 95%;
font-size: 15px;
font-weight: bold;
}
div.c2 {
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
}
div.c3 {
padding-top: 8px;
padding-left: 5px;
padding-right: 5px;
font-weight: bold
}
div.spacer {
height: 8px;
}