/**     General     **/
body
{
    font-family: arial;
    font-size: 11px;
    margin-top:0px;
    margin-left:0px;
}

table
{
    font-family: arial;
    font-size: 11px;

}

a {
    text-decoration: none;
    cursor: pointer;
}

img
{
    border: 0px;
}

.link
{
    cursor: pointer;
    font-style: normal;
    text-decoration: none;
}
#body
{
    width: 960px;
    margin-left: auto;
    margin-right: auto;
}

.clear
{
    clear: both;
}

.hand
{
    cursor: pointer;
}

#entreprise{
    text-align: center;
    width:100%;
    font-family: tahoma;
    font-size: 9px;
    color: gray;
    margin-top: 10px;
}

#entreprise a{
    color: gray;
}

#contact_view {
    margin-bottom: 90px;
}
#contact_view a{
    color:blue;
}
#contact_view h1{
    color:gray;
}
#f_contact img
{
    cursor:pointer;
}
#f_contact span p
{
    color: red;
    margin-left: 66px;
    margin-top: 0;
}

#left_content #contact_view h2
{
    color: #7f7f7f;
    margin-left: 40px;
    font-weight: bold;
    font-size: 14px;
}
#left_content #contact_view .error
{
    border: 1px solid red;         
}
#left_content #contact_view input
{
    background: #ececec;
    width: 236px;
    height: 19px;
    border: 1px solid #b6b4b5;
    font-size: 11px;
    color: #666666;
    margin-left: 66px;
}
#left_content #contact_view .ckb_input
{
    width: 20px;
    border: 0;  
}

#left_content #contact_view select
{
    background: #ececec;
    width: 238px;
    height: 23px;
    border: 1px solid #b6b4b5;
    font-size: 11px;
    color: #666666;
    margin-left: 66px;
}

#left_content #contact_view textarea
{
    background: #ececec;
    width: 524px;
    height: 198px;
    border: 1px solid #b6b4b5;
    font-size: 11px;
    color: #666666;
    margin-left: 66px;
}

#left_content #contact_view .btn
{
    position: relative;
    left: 521px;
    top: 10px;
}

#left_content #contact_view .ckb
{
    position: relative;
    left: 30px;
    top: 34px;
    width: 400px;
}
#left_content #contact_view .ckb span
{
    position: relative;
    left: 0;
    top: -5px;
    color: grey;
}

#left_content #contact_view .btn2
{
    position: relative;
    left: 40px;
    top: 25px;
}

#left_content #contact_view .btn img, #left_content #contact_view .btn2 img
{
    float: left;
}

#left_content #contact_view .btn span, #left_content #contact_view .btn2 span
{
    color: white;
    font-weight: bold;
    position: absolute;
    left: 15px;
    top: 4px;
    cursor: pointer;
}

#contact_view p, h3{
    margin-left: 30px;
}

#conditions{
    font-size: 10px;
    width:95%;
    font-family: tahoma;
    color: gray;
    margin-top: 10px;
}
#conditions span,a{
    color:blue;
}
#conditions h3{
    margin-left: 0px;
}

#conditions p{
    text-align: justify;
}
/**     General     **/

/**     Login       **/

#right
{
    text-align:right;
    padding-bottom: 5px;
}

#login form {
    margin: 0;
    padding: 0;
}
#login a
{
    color: #666666;
}
#login_user
{
    width:180px;
    /*height:17px;*/
    font-size: 9px;
}
#login_pass
{
    width:50px;
    /*height:17px; */
    font-size: 9px;
}
#login
{
    height:20px;
    margin:5px 0 5px 0;
}
#forgotpass{
    font-size: 9px;
}
#forgotemail{
    width:180px;
    font-size: 12px;
}

#forgot_submit{
    text-decoration: none;
    font-size: 18px;
    color: #585858;
}

.login_img img
{
    padding-right: 5px;
    margin-bottom: -2px;
}

#accountmessage
{
    /*color :red;
    font-size: 14px;*/
}
/**     Login       **/

/**     Above menu  **/

#above_menu
{
    padding-bottom: 9px;;
}

#logo
{
    padding-top: 10px;
    float: left;
}

#top_pub
{
    padding-top: 10px;
    height: 60px;
    margin-left: 160px;
}
#pub_sep {
    width: 20px;
}
/**     Above menu  **/

/**     Menu        **/

#menu_fill
{
    height:52px;
    width: 941px;
    margin-left: 10px;
    background-image: url("img/menu.png");
    background-repeat: repeat-x;
}

#menu
{
    position: absolute;
    margin-top: -52px;
}

.menu_left
{
    background-image: url("img/menu_left.png");
    background-repeat: no-repeat;
    width: 10px;
    height: 52px;
    float: left;
}

.menu_left_over
{
    background-image: url("img/menu_left_over.png");
    background-repeat: no-repeat;
    width: 10px;
    height: 52px;
    float: left;
}

.menu_item
{
    background-image: url("img/menu.png");
    background-repeat: repeat-x;
    height: 55px;
    float: left;
    cursor: pointer;
    font-size: 12px;
    color: #ffffff;

}

.menu_item_over, .menu_item_selected
{
    background-image: url("img/menu_over.png");
    background-repeat: repeat-x;
    height: 55px;
    float: left;
    cursor: pointer;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
}

.menu_item a, .menu_item_over a, .menu_item_selected a {
    display: block;
    color: #ffffff;
    padding: 17px 13px 0px 13px;
    width: 80%;
    height: 70%;
}
.menu_item a span.label,.menu_item_over a span.label, .menu_item_selected a span.label {
	text-transform: uppercase;
}
.menu_item a span.details {
	font-size: 10px;
	color: black;
}
.menu_item_over a span.details, .menu_item_selected a span.details{
	font-size: 10px;
	color: white;
}

.sep
{
    background-image: url("img/menu_sep.png");
    background-repeat: repeat-x;
    height: 52px;
    width: 1px;
    float: left;
}

.menu_right
{
    background-image: url("img/menu_right.png");
    background-repeat: no-repeat;
    height: 52px;
    width: 9px;
    text-align: right;
    position: absolute;
    margin-top: -52px;
    margin-left: 951px;
}

/**     Menu        **/

/**     Below Menu  **/

#below_menu
{
    background-image: url("img/menu_below2.png");
    background-repeat: repeat-x;
    height: 35px;
    width: 100%;
    color: #ffffff;
}

/**     Below Menu  **/

/** Home list video **/

#home_video_list_spacer
{
    height: 12px;
}

#home_video_link_list_spacer
{
    height: 50px;
}

#home_video_list_body
{
   /* background-image: url('img/video_list_background.png');
    background-repeat: repeat-x;  */
    background-repeat: repeat-x;  
    background-image: url("img/fond_list_video.png");
    height: 403px;
}


.home_list_table
{
    width: 303px;
}

.home_list_table a{
    text-decoration: none;
}

.home_video_list_sep
{
    width: 10px;
}

.home_video_list_img {
    width: 80px;
    padding: 3px 10px 3px 10px;
}

.home_video_list_info {
    width: 213px;
    padding: 3px 10px 3px 10px;
}


.home_video_list_title
{
    font-family: arial;
    font-size: 11px;
    color: #3da0e7;
    margin-bottom: 5px;
}

.home_video_list_title a:link{color: #3da0e7;}
.home_video_list_title a:visited{color: #3da0e7;}
.home_video_list_title a:active{color: #3da0e7;}
.home_video_list_title a:hover{color: #3da0e7;}

.home_video_list_body
{
    font-family: arial;
    font-size: 11px;
    color: #ffffff;
    margin-bottom: 8px;
}

.home_video_list_info .home_video_list_body a:link{color:white;}
.home_video_list_info .home_video_list_body a:visited{color:white;}
.home_video_list_info .home_video_list_body a:active{color:white;}
.home_video_list_info .home_video_list_body a:hover{color:white;}

.home_video_list_bottom
{
    font-family: arial;
    font-size: 11px;
    background-image: url('img/video_list_bottom.png');
    background-repeat: repeat-x;
    height: 17px;
    color: #ffffff;
    padding-left: 10px;
}

.home_video_list_bottom a:link{color:white;}
.home_video_list_bottom a:visited{color:white;}
.home_video_list_bottom a:active{color:white;}
.home_video_list_bottom a:hover{color:white;}

.home_video_list_comm
{
    float: left;
    padding: 1px 10px 0px 0px;
}

#home_video_list_btn
{
    background-image: url('img/accueilvideo.png');
    background-repeat: no-repeat;
    text-align: center;
    display: block;
    height: 42px;    
}
#home_video_list_btn div{
    font-size: 16px;
    padding: 10px;
}

#home_video_list_btn a{
    text-decoration: none;
    color:white;
}
.home_more_video
{
    color: #ffffff;
    font-family: arial;
    font-size: 11px;
    margin-top: 10px;
    width: 303px;
    text-align: right;
}

.home_more_video_img
{
    padding-right: 15px;
    width: 50px;
}

/** vertical align middle **/
.valign_out { position: relative }
.valign_in { position: absolute; top: 50%; height: 10em; margin-top: -5em }
/** end vertical align middle **/

/** Home list video **/

/**     Publicite 1 **/
#pub1
{
    text-align: center;
    width: 468px;
    height: 60px;
    overflow: hidden;
    border: 0px solid #eee;
}

#pub2
{
    text-align: center;
    width: 300px;
    height: 60px;
    overflow: hidden;
    border: 0px solid #eee;
}

#pub3
{
    text-align: center;
    width: 301px;
    height: 78px;
    margin-left: 7px;
    overflow: hidden;
    border: 0px solid #eee;
}
#pub11
{
    text-align: center;
    width: 301px;
    height: 300px;
    margin-left: 7px;
    margin-top: 10px;
    overflow: hidden;
    border: 0px solid #eee;
}
#pub1 *,
#pub2 *,
#pub3 *,
#pub11 * {
    display: inline;
    text-align: center;
}
#pub1 script,
#pub2 script,
#pub3 script,
#pub11 script {
    display: block;
}
#pub4, #pub8, #pub9, #pub10
{
    text-align: center;
    width: 301px;
    margin-left: 7px;
    margin-top: 7px;
    overflow: hidden;
    border: 0px solid #eee;
}
#pub4
{
    height: 120px;
}
#pub8
{
    height: 100px;
}
#pub9
{
    height: 300px;
}

#pub10
{
    height: 117px;
}

#pub_more {
    width: 303px;
    margin-left: 7px;
    margin-top: 7px;
    overflow: hidden;
}
#pub6_8 {
    float: left;
    text-align: center;
    width: 160px;
    overflow: hidden;
    margin-right: 7px;
}
#pub6 {
    float: left;
    text-align: center;
    width: 134px;
    height: 299px;
    border: 0px solid #eee;
}
#pub5, #pub7 {
    text-align: center;
    width: 158px;
    border: 0px solid #eee;
    overflow: hidden;
}
#pub5 {
    margin-bottom: 7px;
    height: 120px;
}
#pub7 {
    height: 170px;
}

/**     Publicite 1 **/
/**     Video Player **/
#home_video
{
    width:650px;
    height:445px;
    background-color:black;
    /**padding-top: 9px;*/
    margin-bottom: 6px;
}

#player
{
    display:block;  
    float: left;
    width: 650px;
    height: 445px;
    position: relative;
}

#player .a1
{
    position: absolute;
    z-index:1;
}

#player .a1 img
{
    width:650px;
    height:445px;
}

#player .a0
{
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 3;
    color: black;
}

#player .a0 div
{
    font: 12px tahoma;
    font-weight: bold;
    color: black;
    z-index: 3;
}

#player .a2
{
    position: absolute;
    z-index:2;
}

#home_video_list
{
    margin-left: 7px;
    margin-bottom: 6px;
    height:445px;
    /*text-align: right;
    background-color:black;
    background-image: url("img/fond_list_video.png");
    background-repeat: repeat-x;*/
}

.categorie_videos td div a {
   font-size: 18px; 
   text-decoration: none; 
   color: white;
}
/**     Video Player **/


/** CREATE ACCOUNT **/

#createaccount{
    margin:auto;
    border:solid 1px #BCBCBC;
    height:auto;
    /*width:250px;
    height:280px; */
}

#createaccount form span{
   color:#4884C6;
}

#createaccount table {
   width: 600px;
   margin: auto;
}


#createaccount table tr{
   height : 50px;
}


#button_createaccount{
    float:right;
    width:180px;
    /**border: solid 1px #F0F0F0 ;*/
}

#button_createaccount #cancel{
   float: left;
}

#button_createaccount #save{

}

.inputback{
    background-color: #F0F0F0;
    border: none; 
}
.input_r{
    width: 200px;
    margin : 20px 0 20px 10px;
}

.input_r_1{
    width: 450px;
    margin : 20px 0 20px 10px;
}

.input_r_1 a{
  text-decoration: none;
  color: #4884C6;
}
.accounterreur{
    color:red;
    font-style: italic;
    margin-top: 30px;
}

#backtohome{
    text-align: center;
}

#toaccount{
    text-align: center;
}

#activemessage{
    width:90%;
    color:#6D6E71;
    text-align: center;
    margin: 50px 25px 50px 25px;
    font-size: 18px;
    border:solid 1px #BCBCBC;
}

/** Current Position **/

#current_position
{
    background-image: url("img/current_position.png");
    background-repeat: repeat-x;
    height: 21px;
    width: 100%;
    color: #000000;
    margin-top: 6px;
}

.current_text
{
    padding: 2px 5px 0px 5px;
    float: left;
    text-decoration: none;
    text-transform: uppercase;
}

.current_text a:link {color: #000;}
.current_text a:visited {color: #000;}
.current_text a:hover {color: #000;}
.current_text a:focus {color: #000;}
.current_text a:active {color: #000;}

.current_circle
{
    float: left;
    padding: 0px 10px 0px 10px;
}

#searchresult{
    width:100%;
    color:#6D6E71;
    text-align: left;
    margin: 10px;
    font-size: 18px;
}



#searchresult img{
    float:left;
    margin-right: 10px;
    width: 22px;
    height: 22px;
}

/** Current Position **/

/** Content **/

#center_page
{
    /*padding-top: 10px;*/
    margin: auto;
    /*text-align: center;*/
    height: 400px;
}
#content
{
    width:100%;
    padding-top: 6px;
}

#contentread{
    border:solid 1px #BCBCBC;
    height:auto;
}



#contentread table{
    background-image: url('img/blue.jpg');
    background-repeat: repeat-x;
    width: 100%;
    height: 22px;
}

#contentread table tr td  {
    color:white;
    font-size: 10px; 
}
#contentread table tr .td1{
    width:210px;
    text-align: right;
    padding-right: 10px;
}

#contentread table tr .td0{
    width:100px;
    text-align: left;
    padding-left: 10px;
    font-weight: bold;
}

#contentread table tr .td2{
    width:164px;
    text-align: left;
    padding-left: 10px;
}

#contentread table tr .td3{
    text-align: left;
    padding-left: 10px;
}
#contentread .picture{
    float:left;
    padding: 8px 16px 8px 8px;
}

#contentread .content-text { 
    padding-right: 20px;
    padding-left: 20px;
    color:   #4D4D4D; 
    font-size: 13px; 
    text-align: justify;
    text-decoration: none;
}

#contentread a { 
   color:blue;
}

#contentread #dateauthor{
    width:80%;
    color:#3FA9F5;
    font-size: 13px;
    /**padding-right: 10px; **/
    margin-left: 20px;
}

#left_content
{
    margin-top: 6px;
    width: 650px;
    float: left;
}

/** Classes for articles **/
#left_content h2{
   color:  #3FA9F5;
   font-size: 16px;
   font-weight: bold;
}

.articlenormal table, .articleimportant table {
    background-image: url('img/blue.jpg');
    /*background-repeat: repeat-x;*/
    width: 100%;
    height: 22px;
}
.articlenormal table tr td, .articleimportant table tr td  {
    color:white;
    font-size: 10px;

}

.articlenormal table tr .td1, .articleimportant table tr .td1 {
    width:210px;
    text-align: right;
    padding-right: 10px;    
}

.articlenormal table tr .td0, .articleimportant table tr .td0 {
    width:100px;
    text-align: left;
    padding-left : 10px;
    font-weight: bold;
}

/*.articlenormal .dateauthor, .articleimportant .dateauthor {
    width:80%;
    color:#3FA9F5;
    font-size: 12px;
    padding-right: 10px;
    display: inline;
}*/

.articlenormal table tr .td2, .articleimportant table tr .td2 {
    width:164px;
    text-align: left;
    padding-left: 10px;
}


.articlenormal table tr .td3, .articleimportant table tr .td3 {
    text-align: left;
    padding-left: 10px;
}


.articlenormal a .picture, .articleimportant a .picture{
    float:left;
    padding: 8px 16px 8px 8px;
}

.articlenormal table tr .td3 a,.articleimportant table tr .td3 a {
    color:white;
}
.articlenormal .dateauthor a, .articleimportant .dateauthor a {
    color:#3FA9F5;
}
.articlenormal h2 a, .articleimportant h2 a {
    color:   #3FA9F5;
}
.articlenormal p a, .articleimportant p a {
    color:   #4D4D4D;
}

.article_sep {
    background-image: url('img/article_footer_separator.jpg');
    width: 1px;
}

.articlenormal, .articleimportant {
    margin-bottom : 5px;
    border:solid 1px #BCBCBC;
}



.articlenormal h2 a, .articleimportant h2 a {
    color:   #3FA9F5;
}

.article_img {
    float: left;
    padding: 8px 16px 8px 16px;
    display: inline;
}
.articlenormal .logo, .articleimportant .logo{
    float:left;
    width: 20px;
    height: 20px;
    margin-right: 4px;
}

/** Article classes **/
.article {

}
.article .article-title, .article .article-text, .article .dateauthor, .video-text {
    margin-left: 158px;
}
.article .article-text, .article .dateauthor, .video-text {
    padding-right: 40px;
}
.article .article-text, .video-text{
    padding-top: 10px;
    padding-left: 10px;
    color: #4D4D4D;
    font-size: 13px;
    height: 80px;
    text-align: justify;
}

.article .article-text a {
    color: #4D4D4D;
}
.article .video-text a {
    color: white;
}

.article .dateauthor {
    color: #3FA9F5;
    font-size: 12px;
}
/** End Article classes **/

/*pagination*/
.pg-normal 
{
    font-weight: normal;
    text-decoration: none;    
    cursor: pointer;    
}
.pg-selected 
{
    font-weight: bold;        
    text-decoration: underline;
    cursor: pointer;
}

.current_pg
{
    font-weight: bold;
    text-decoration: none;
    margin-right: 30px;
}
/** Articles titles list **/
div.art_titles{    
    margin-bottom : 5px;
    border:solid 1px #BCBCBC;
    color: #878787;
    position: relative;
}

#div_art_titles{
    margin-top: 15px;
    margin-bottom: 10px;
    text-align:right;
}

div.art_titles table
{
    font-size: 10px;
    width: 100%;
    padding: 10px 10px 30px 10px;
    height: auto;
}

div.art_titles table tr
{
    padding: 5px 0;
}

div.art_titles table td
{
    font-weight: bold;
    vertical-align: center;
    height: 20px;
}
div.art_titles td.td1
{
    color:#3FA9F5;
    font-weight:bold;
    font-size: 10px;
    height: 22px;    
}

div.art_titles td.article a{
    font-size: 12px;
    color:#3FA9F5;
}

div.art_titles td.video a{
    font-size: 12px;
    color:#000000;
}

div.art_titles td.td1
{
    width: 80%;
}

div.art_titles td.td5
{
    width: 10%;
}

div.art_titles td.td5 a
{
    color: #878787;
}

#div_pagination,#div_com_pagination
{
    position: absolute;
    bottom: 10px;
    right: 20px;
    color: #878787;
}
/** End articles titles list **/ 

.video_sep {
    background-image: url('img/video_footer_separator.png');
    width: 1px;
}
.videolist .logo{
    float:left;
    width: 20px;
    height: 20px;
    margin-right: 4px;
}

#videoContent{
    margin-left: 10px;
}

#videoContent .content-text{
    padding-right: 20px;
    padding-left: 20px;
    color:   #4D4D4D; 
    font-size: 13px; 
    text-align: justify;
    text-decoration: none;
}

.videolist table {
    background-image: url('img/blue.jpg');
    /*background-repeat: repeat-x;
    background-image: url('img/video_footer.jpg');
    background-repeat: repeat-x;*/
    width: 100%;
    height: 22px;
}
.videolist table tr td{
    color:white;
    font-size: 10px;

}

.videolist table tr .td0{
    width:100px;
    text-align: left;
    padding-left : 10px;
    font-weight: bold;
}

.videolist table tr .td1{
    width:210px;
    text-align: right;
    padding-right: 10px;
}

.videolist #dateauthor {
    width:80%;
    color:#3FA9F5;
    font-size: 12px;
    padding-right: 10px;
}

.videolist table tr .td2 {
    width:164px;
    text-align: left;
    padding-left: 10px;
}


.videolist table tr .td3 {
    text-align: left;
    padding-left: 10px;
}

.videolist table tr .td3 a {
    color:white;
}

.videolist #dateauthor a {
    color:#3FA9F5;
}
.videolist h2 a {    
    color:   #3FA9F5;
}
.videolist p a {
    color:   #4D4D4D;
}

.videolist {
    margin-bottom : 5px;
    border:solid 1px #BCBCBC;  
}

.videoback {
    background-image:  url('img/fond_list_video.png');
    background-repeat: repeat-x;
}

.videolist p {
    height: 80px;
    padding-right: 40px;
    padding-left: 10px;
}
.videolist p1 {
   color:   #4D4D4D;
   font-size: 13px;
   text-align: justify;
}
.videolist .picture {
    float:left;
    padding: 8px 16px 8px 8px;
}
.contentvideo{
   padding: 14px  0px 0px 0px;
}

#right_content
{
    margin-top: 6px;
    float: right;
    margin-bottom: 6px;
}

/** Content **/

/** Tab News **/

#news
{
    padding-top: 10px;
    padding-left: 7px;
    width: 303px;
    _width: 310px;
}
#news table {
    width: 100%;
}

.tab_entete{
    background-color: aqua;

}

.tab_margin_selected
{
    float: left;
    background-image: url('img/tab_selected_margin.png');
    background-repeat: no-repeat;
    width: 1px;
    height: 23px;
}

.tab_selected
{
    float: left;
    background-image: url('img/tab_selected.png');
    background-repeat: repeat-x;
    height: 16px;
    width: 281px;
    padding: 7px 10px 0px 10px;
}

.tab_unselected
{
    float: left;
    background-image: url('img/tab_unselected.png');
    background-repeat: repeat-x;
    height: 16px;
    width: 281px;
    padding: 7px 10px 0px 10px;
    border-bottom: 1px solid #c0c0c0;;
}

.tab_sep
{
    float: left;
    background-image: url('img/tab_sep.png');
    background-repeat: no-repeat;
    width: 3px;
    height: 23px;
}

.tab_sep_fill
{
    float: left;
    background-image: url('img/tab_sep.png');
    background-repeat: repeat-x;
    width: 100%;
    height: 23px;
}

.tab_margin_unselected
{
    float: left;
    background-image: url('img/tab_unselected_margin.png');
    background-repeat: no-repeat;
    width: 1px;
    height: 23px;
}



.tab_body_unselected
{
    display: none;
}

.tab_body_selected 
{
    border: 1px solid #c0c0c0;
    border-top: 0px;
    padding: 20px 10px 10px 10px;
    clear: both;
}

.tab_body_selected a
{
    color: black;
}

.tab_title a
{
    color: #3fa9f5;
}

.news_image
{
    float: left;
    padding: 0px 13px 3px 0px;
    width: 72px;
    height: 72px;
}

.news_more_selected
{
    border-left: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
    color: #3fa9f5;
    padding: 3px 0px 3px 10px;
}

.news_more_selected a
{
    color: #3fa9f5;
}

.news_more_unselected
{
    border-left: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
    padding: 3px 0px 3px 10px;
    display: none;
}


/** Tab News **/


/** Search Panel **/

#search
{
    height: 107px;
    border: solid 1px red;
}

#search_panel
{

}

#search_input
{
    position: absolute;

    width: 180px;
    height: 14px;
    border: 0px;
    background-color: #f6f6f6;
}

#search_action
{
    border:solid 1px blue;
    position: absolute;
    margin-top: -32px;
    margin-left: 785px
}

.search_button
{
    float: left;
}

.search_text
{
    position: absolute;
    margin-left: 10px;
    margin-top: 3px;
    color: #4d4d4d;
}

/** Search Panel **/

/** Bottom **/

#bottom_fill
{
    background-image: url('img/bottom.png');
    background-repeat: repeat-x;
    width: 842px;
    height: 153px;
    margin-left: 10px;
}

#bottom
{
    position: absolute;
    margin-top: -153px;
}

#bottom_left
{
    background-image: url('img/bottom_left.png');
    background-repeat: no-repeat;
    height: 153px;
    width: 10px;
    float: left;
}

.bottom_sep
{
    background: gray;
    height: 153px;
    width: 1px;
    float: left;
}

#bottom_right
{
    background-image: url('img/bottom_right.png');
    background-repeat: no-repeat;
    width: 108px;
    height: 153px;
    position: absolute;
    margin-left: 852px;
    margin-top: -153px;
}

.bottom_text
{
    text-align: right;
    padding: 20px 5px 0px 65px;
    float: left;
}

.bottom_title
{
    color: #3fa9f5;
}

.bottom_row
{
    color: #ffffff;
}
/** Bottom **/

/*buttons*/

button.bouton {
    display:-moz-inline-box;
    display:inline-block;
    margin:0;
    padding:0;
    font: Trebuchet MS, Arial, Helvetica, sans-serif;
    white-space:nowrap;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
    border:0;
    background:none;
}

button.bouton span { 
    position:relative; 
    float:left; 
    padding:0 0 0 4px;        /* Largeur du c?t? gauche */ 
    vertical-align:middle; 
    background:url('img/button_left.jpg') left top no-repeat; 
}

button.bouton span span { 
    padding:0 4px 0 0;        /* Largeur du c?t? droit */ 
    background:url('img/button_right.jpg') right top no-repeat; 
}

button.bouton span span span {
    height:24px;        /* Hauteur du bouton */
    padding:0;
    line-height:1.8;   /* Alignement vertical du texte  */
    background:url('img/button_body.jpg') left top repeat-x;
    color:white;
}

.com_corner_left_top{
    background: url('img/comments/gh.jpg') no-repeat bottom ;
    width: 4px;
    height: 6px;
}
.com_top{
    background: url('img/comments/h.jpg') repeat-x;
    height: 6px;
}
.com_top_user{
    background: url('img/comments/h.jpg') repeat-x bottom center;
    height: 6px;
}
.com_top_user div{   
    margin-bottom : 10px;
    color: black;
    font-style: italic;
}
.com_top_right_user{
    background: url('img/comments/dm_u.jpg') no-repeat right top;
    background-color : #f1f6f9;
    width: 4px;
}
.com_corner_right_top_user{
    background: url('img/comments/dh.jpg') no-repeat bottom left;
    width: 5px;
    height: 6px;
}
.com_corner_right_top{
    background: url('img/comments/dh.jpg') no-repeat;
    width: 5px;
    height: 6px;
}
.com_left{
    background: url('img/comments/gm.jpg') repeat-y;
    width: 4px;
}
.com_user {
    background: #f1f6f9;
    width: 200px;
    margin-left: 10px;
    color: black;
}
.com_center {
    background: #f1f6f9;
    width: 656px;
    color:#808080;
    margin-left: 20px;
}
.com_right{
    background: url('img/comments/dm.jpg') repeat-y;
    width: 4px;
}

.com_corner_left_bottom{
    background: url('img/comments/gb.jpg') no-repeat;
    width: 4px;
    height: 6px;
}
.com_bottom{
    background: url('img/comments/b.jpg') repeat-x;
    height: 6px;
}

.com_corner_right_bottom{
    background-image : url('img/comments/db.jpg');
    width: 5px;
    height: 6px;
}

#zone_commentaires{
    margin-top: 30px;
}

.coment_message{
    color:#FF0000;
}

#coment_user{
    margin-left: 5px;
    color: black;
    float: left;
    font-size: 10px;    
}

#zone_commentaires textarea#message {
    border:1px solid #88899F;
    clear:both;
    color:#4F6591;
    display:inline;
    float:left;
    font-size:12px;
    height:100px;
    margin: 0px 0 0 0px;
    overflow:auto;
    width:645px;
}
#comments{
    margin-top: 15px;
    /*border:solid 1px #BCBCBC;*/
    height:auto;
    position:relative;
}

#coment_date{
    float: right;
    font-size: 10px;
    margin-top: 0px;
}

#comments table span, #comments table p{
    text-align: left;
    margin : 5px;
    display: block;
}

#table_comment{
    margin-bottom: 30px;
}

#comments_msg{
    text-align: right;
    margin-top: 20px;
    margin-bottom: 20px;
    font-style: italic;
    color:black;
}

.ajoutcoment{
    color:#6D6E71;
    text-align: left;
    font-size: 16px;
}


/** VOTES **/
#votes-outer {
    width: 60px;
    height: 22px;
    /*background: url('img/art_star_black.jpg') 0 0 repeat-x;*/
}
#votes-inner {
    width: 60px;
    height: 22px;
    background: url('img/art_star_light.jpg') 0 0 repeat-x;
}
#articles_actions {
    display: none;
    text-align: right;
    background: red;
    color: white;
    font-weight: bold;
    padding: 5px;
}
.pointer {
    cursor: pointer;
}

/** PAGINATION STYLE**/
#pagination{
    font-size: 15px;
    text-align: center;
}

.hide {
    display: none;
}

/** TOP NEWS **/
#top_news {
    width: 650px;
    float: left;
    margin-top: 10px;
}
#top_news div.news_title, #top_news div.news_buttons, #top_news div.news_text_container {
    float: left;
    display: inline;
}
.news_text_desc a{
	color: white;
	text-decoration: underline;
}
#top_news div.news_title {
    padding: 0 20px 0 20px;
    font-weight: bold;
}
#top_news div.news_buttons {
    padding: 2px 25px 0 0;
}
#top_news div.news_text_container {
    width: 480px;
    height: 16px;
    overflow: hidden;
    font-size: 11px;
}
#top_news div.news_text_container p {
    display: inline;
    padding: 0;
    margin: 0;
}
/** SEARCH FORM **/
#search_form_container {
    width: 300px;
    float: left;
}
#search_form_container #search_form {
    margin: 0;
    padding: 0;
}
#search_form_container #search_input_div {
    background: url(../img/search_bar_input.png) no-repeat;
    width: 224px;
    height: 35px;
    float: left;
}
#search_form_container #search_input_div input {
    background: none;
    border: 0px solid red;
    margin-left: 38px;
    margin-top: 8px;
    width: 182px;
    height: 18px;
}
#search_form_container #search_button {
    float: left;
    width: 65px;
    height: 18px;
    color: #d0d0d0;
    margin-left: 7px;
    margin-top: 10px;
}

/** BOTTOM **/
.bottom_row a {
    color: white;
}

/** VIDEOS LIST **/
.videos-items {
}
.videos-item-td {
    width: 160px;
    vertical-align: top;
    text-align: center;
}
.videos-item-td a {
    color: #000;
}
.videos-item p {
    margin: 2px;
    padding: 0;
}
.videos-item {
    position: relative;
    border: 1px solid #eee;
    width: 140px;
    height: 150px;
    text-align: left;
    margin-top: 7px;
    padding: 5px;
    overflow: hidden;
    background-color: #F0F0F0;
}
.videos-item-img {
    text-align: center;
    width: 72px;
    height: 72px;
}

.videos-item-cat {
    position: absolute;
    right: 0;
    top: 0;
    width: 55px;
    height: 55px;
}
.videos-buttons {
    margin: 5px 0 5px 55px;
}
.videos-buttons ul {
    list-style-type: none;
    height: 40px;
    margin: 0;
    padding: 0;
    color: #fff;
}
.videos-buttons ul li {
    float: left;
    width: 177px;
    height: 40px;
    background: url('img/video-button.gif') no-repeat center left;
}
.videos-buttons ul li a {
    display: block;
    color: #fff;
    height: 32px;
    #height: 40px;
    padding-top: 8px;
    text-align: center;
    font-size: 16px;
}
.videos-buttons ul li a.first {
    color: #fbb03b;
}
/** ARTICLE CATEGORIES **/
.culture {
    background: url('img/categories/culture.gif') no-repeat top right;
}
.cultlife {
    background: url('img/categories/cultlife.gif') no-repeat top right;
}
.economie {
    background: url('img/categories/economie.gif') no-repeat top right;
}
.ecobizz {
    background: url('img/categories/ecobizz.gif') no-repeat top right;
}
.education {
    background: url('img/categories/education.gif') no-repeat top right;
}
.campuslife {
    background: url('img/categories/campuslife.gif') no-repeat top right;
}
.evenements {
    background: url('img/categories/evenements.gif') no-repeat top right;
}
.divers,
.faits-divers
{
    background: url('img/categories/faits-divers.gif') no-repeat top right;
}
.clubbing {
    background: url('img/categories/clubbing.gif') no-repeat top right;
}
.politique
{
    background: url('img/categories/politique.gif') no-repeat top right;
}
.politburo {
    background: url('img/categories/politburo.gif') no-repeat top right;
}
.societe {
    background: url('img/categories/societe.gif') no-repeat top right;
}
.actubuzz {
    background: url('img/categories/actubuzz.gif') no-repeat top right;
}
.sports
{
    background: url('img/categories/sports.gif') no-repeat top right;
}
.sportlife
{
    background: url('img/categories/sportlife.gif') no-repeat top right;
}



/** END ARTICLE CATEGORIES **/

.u {
    text-decoration: underline;
}
.block {
    display: block;
}

/** **/
.content-text div {
    text-align: center;
}
.content-text div object {
    margin: auto;
}


/*--------POPUP----------*/
.popup
{
    position: absolute;
    top:10px;
    left:230px;
    z-index: 3;
}

.popup #close
{
    position: absolute;
    top: 13px;
    right: 20px;
    font-size: 10px;
    font-weight: 600;
    color: gray;
    cursor: pointer;
}

.popup .popup_dragme
{
    position: absolute;
    top: 0;
    left: 0;
    width: 80%;
    height: 33px;
    cursor: move;
    background: white;
    filter:alpha(opacity=00);
    -moz-opacity:0.0;
    -khtml-opacity: 0.0;
    opacity: 0.0;
}

.popup .msg{
    width: 400px;
    height: 300px;
    color: red;
    font-size: 16px;
    padding:20px 0 0 20px;
}
           
#gray_back
{        
    position: fixed;
    position: expression("absolute");
    top: 0;
    left: 0;
    top: expression(eval(document.body.scrollTop));
    left: expression(eval(document.body.scrollLeft));
    width: 100%;
    height: 100%;
    background: #676767;
    z-index: 2;
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

#map_zone {
	position: relative;
    left: 0; 
	border-top: solid 2px black;
	text-align: center;
	margin-bottom: 10px;
	margin-top: -1px;
}
#map_zone #btn_map {
	position: relative;
	bottom: 0px;
	left: 419px !important;
	height: 17px;
	width: 122px;
	background: url(img/btn_map.png) no-repeat;	
	color: #cccccc;
	padding-top: 2px;
	cursor: pointer;
}
#map_zone #map_popup {
	display: none;
	overflow: hidden;
	position: relative;
    left: 0;
}

#map_zone #map_canvas{
	display: block;
	width: 960px;
	height: 423px;
	border-bottom: solid 2px black;
	z-index: 999px;
}
#map_zone #map_zones {
	background: #1074b7;
	height: 423px;
	width: 200px;
	position: absolute;
	z-index: 1000px;
	right: 0;
	top: 0;
	text-align: left;
}
#map_zones .item {
	margin: 10px;
	width: 180px;
	height: 72px;
	background: #9fc7e2;
  	position: relative;
}
#map_zones .title {
	background: #08477F;
	padding: 5px 10px;
	font: normal 11px Arial;
	color: #CCCCCC;
}
#map_zones .title span {
	margin-left: 20px;
}
#map_zones .item .icon1{
	position: absolute;		
	left: 15px;
	top: 22px;
}
#map_zones .item .icon2{
	position: absolute;		
	left: 15px;
	top: 20px;
}
#map_zones .item .icon3{
	position: absolute;		
	left: 5px;
	top: 22px;
}
#map_zones .item .icon4{
	position: absolute;		
	left: 5px;
	top: 22px;
}

#map_zones .item .name {
	font-size: 12px;
	position:absolute;
	left: 55px;
	top: 20px;
	color: white;
}
#map_zones .item .desc {
	position:absolute;
	left: 55px;
	top: 45px;	
	color: white;
}
#map_canvas_content {
	float: right;
	height: 200px;
	width: 200px;
	margin: 0 0 20px 20px;
}