/*STYLESHEET*/

/******************************************************************************/
/* classes générales */

    .clear {
      clear:both; 
    }
    a img {
        border: none;
    }
    
    .show {
    	display: block;	
    }
    .hide {
    	display: none;	
    }
    
    .content a:link, .content a:visited, .content a:active {
        color: #0088cf;
        text-decoration: none;
    }
    
    .content a:hover {
        color: #0088cf;
        text-decoration: underline;
    }
    
    a:link, a:visited, a:active {
        color: #989898;
        text-decoration: none;
    }
    
    a:hover {
        color: #0088cf;
        text-decoration: underline;
    }
    
    .ng_list {
        margin-top: 0px;
        margin-bottom: -10px;
        padding-top: 0px;
        padding-bottom: -10px;
    }
    
    .center_txt {
        text-align: center;
    }
    
    .ng_quote_body {
        color: #989898;
        margin: 13px 0px; 
        padding: 0px;
        margin-left: 20px;
        padding-left: 10px;
        border-left: 3px #989898 solid;
        font-style: italic;
    }
    
/******************************************************************************/
/* Structure générale */
    
    html {
        margin: 0px;
        padding: 0px;
        font-size: 100%;
    }
    
    body {
        margin: 0px; padding: 0px;
        height: 100%;
        text-align: center;
        background-color: #303030;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        line-height:  1.6em;
        color: #989898 ;
        letter-spacing: 0px;
    }
    
    .page_width {
        width: 800px;
        padding: 0px;
        margin: 0px auto;  /*pour centrer au centre de la page */
        clear: both;
        text-align: left;
    } 
    
    #middle_bg {
        background-color: #3b3b3b;
        padding: 20px 0px 50px 0px;
    }
    
    #footer {
        padding-top: 20px;
        background-color: #303030;
        color: #989898 ;
        padding-bottom: 50px;
    }
    
    #footer .credits,
    #footer .credits a {
        color: #555 ;
    }
    
    #footer .credits a {
        color: #777 ;
    }
 
/******************************************************************************/
/* Barre du haut */
    
    #header_top {
        height: 77px;
        overflow: hidden;
        
        background-image: url(../imageset/top_bg_small.png);
        /*background-repeat:no-repeat;*/
    }
    
    #header_top div {
        height: 77px;
        width: 800px;
        margin: 0px auto;
        background-image: url(../imageset/top_bg_01.png);
        background-repeat:no-repeat;
    }

    /* menu en haut à droite */
    
    #header_bottom {
        height: 30px;
        background-color: #a65d05;
        margin-left:-20px;
    }
    
    #header_bottom span {
        margin-right:10px;
    }
    
    #header_bottom .menu_item,
    #header_bottom .menu_item_highlight {
        font-family: Tahoma;
        float: left;
        height: 20px;
        margin: 0px;
        margin-top: 4px;
        font-weight: bold;
        padding: 0px 10px;
        padding-right: 10px;
        padding-top: 4px;
    }
    
    #header_bottom .menu_item a {
        color: #303030;
    }
    
    #header_bottom .menu_item span {
        margin: 0px;
        padding: 0px;
    }
    
    /* bouton du menu sélectionné */
    
    #header_bottom .menu_item_highlight {
        background-color: #3b3b3b;
        /*background-image: url(../imageset/menu_item_bg_left.png);*/
        padding-bottom: 3px;
    }
    
    #header_bottom .menu_item_highlight a {
        color: #ffa800;
    }
    
/******************************************************************************/
/* Elts de mise en page générals */

    /* Titres (toutes les pages) */
    
    .big_title,
    .big_title a {
        font-family: Tahoma;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 7px;
        color: #ffa800;
    }    
    
    #footer .big_title,
    #footer .big_title a {
        font-family: Tahoma;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 7px;
        color: #d48c00;
    }
    
    .arbo_section {
        margin-bottom: 30px;
    }
    
    .arbo {
        color: #a65d05;
        font-size: 11px;
    }
    
    .arbo a {
        color: #a65d05;
    }
        
/******************************************************************************/
/* Accueil works selected */

    #home_works_selected {
        padding-top: 20px;
        background-color: #3b3b3b;
    }
    
    .game_selected {
        margin-top: 30px;
    }
    
    #home_works_selected .game_block {
        float: left;
        width: 180px;
        margin: 0px 10px;
        text-align: center;
    }
    
    #home_works_selected .game_block img {
        border: 5px #646464 solid;
    }
    
    #home_works_selected .game_block img:hover {
        border: 5px #0088cf solid;
    }
    
    #home_works_selected .game_block .title {
        font-family: Tahoma;
        font-weight: bold;
        margin-top: 10px;
    }
    
    #home_works_selected .game_block .subtitle {
        font-size: 11px;
    }
    
/******************************************************************************/

    /* accueil - zone du bas */
    
    .half_left {
        width: 390px;
        float: left;
    }
    
    .half_right {
        width: 390px;
        float: right;
    }

/******************************************************************************/
/* pages Works */

    /* liste des jeux */
    #works .game_block {
        float: left;
        width: 160px;
        text-align: center;
    }    
    
    #works .game_category {
        margin:20px 0px;
        padding: 10px;
        padding-bottom: 5px;
        background-color: #303030;
        font-weight: bold;
        font-size: 16px;
        color: #d48c00;
    }
    
    #works .game_box {
        margin: 0px 10px;
    }
    
    #works .game_box img {
        border: 5px #646464 solid;
    }
    
    #works .game_box img:hover {
        border: 5px #0088cf solid;
    }
    
    #works .game_title {
        margin-top: 6px;
        width: 160px;
    }  
    
    #works .game_title .title {
        font-family: Tahoma;
        font-weight: bold;
    }    
    
    #works .game_title .title a {
        color: #0088cf;
    } 
    
    #works .game_title .tagline {
        font-size: 11px;
    }  
    
    .separator_line {
        height: 20px;
        width: 800px;
        /*border-bottom: 1px #989898 solid;*/
        margin-bottom: 10px;
    }
      
    .left_game_box {
        float: left;
        width: 150px;
        /*height: 80px;*/
        overflow: hidden;
        
    }    
    
    .game_box_top_page{
        background-color: #303030;
        padding: 10px;
        overflow: hidden;
    }
    
    .right_game_box {
        float: left;
        width: 552px;
        background-color: #303030;
        padding-left: 20px;
        height: 40px;
        
    }
    
    .right_game_box .title {
        margin-top: 10px;
        margin-bottom: 5px;
        font-size: 16px;
        color: #ffa800;
        font-weight: bold;
    }
    
    .right_game_box .title a {
        color: #ffa800;
    }
    
    .right_game_box .tagline {
        margin-bottom: 10px;
        font-size: 11px;
    }
    
    .metascore_red, 
    .metascore_yellow, 
    .metascore_green {
        float: right;
        width: 58px;
        height: 45px;
        text-align: center;
        padding-top: 15px;
        text-decoration: none;
    }
    
    .metascore_red {
        background-image: url(../imageset/metascore_red.png);
    }
    
    .metascore_yellow {
        background-image: url(../imageset/metascore_yellow.png);
    }
    
    .metascore_green {
        background-image: url(../imageset/metascore_green.png);
    }
    
    .metascore_red .score, 
    .metascore_yellow .score, 
    .metascore_green .score {
        font-weight: bold;
        font-size: 35px;
        color: #303030;
    }
    
    a:hover.metacritic_score {
    text-decoration: none;
    }

    
    /* haut de page de description d'un jeu */
    .main_page {
        margin-top: 20px;
    }
    
    .main_page div {
        margin: 0px;
    }
        
    .main_page .title {
        margin: 0px;
        margin-bottom: -14px;
        /*border-bottom: 1px #d48c00 solid;
        background-color: #353535;*/
        border-bottom: 1px #989898 dashed;
        color: #d48c00;
        
        font-size: 14px;
        font-weight: bold;
        /*font-family: Arial, Helvetica, sans-serif;*/
    }
    
    .main_page .stitle {
        font-weight: bold;
        color: #d48c00;
    }
    
    /* Haut des articles */
    
    .page_game_box_l {
        float: left;
        width: 50px;
        height: 50px;
        overflow: hidden;
    }
    
        
    .page_game_box_r {
        float: right;
        padding-top: 5px;
        height: 50px;
        width: 740px;
    }
    
    .page_game_box_r .title {
        margin-bottom: 5px;
        font-size: 16px;
        color: #ffa800;
        font-weight: bold;
    }
    

/******************************************************************************/
/* pages Blog */
    
    #blog_left {
        float: left;
        width: 580px;
    }
    
    #blog_right {
        float: right;
        width: 180px;
        padding: 5px 10px;
        background-color: #303030;
    }
    
    .blog_item {
        margin-bottom: 15px;
        padding-bottom: 15px;
    }
    
    .blog_item .title {
        margin:10px 0px 5px -10px;
        padding: 10px;
        padding-bottom: 5px;
        padding-left: 10px;
        background-color: #303030;
        font-weight: bold;
        font-size: 16px;
        color: #d48c00;        
    }
    
    .blog_item .title a {
        color: #d48c00; 
    }
    
    /* Elts avec la date, nb de comms, tags */
    
    .blog_item .subtitle {
    
        /*padding: 2px 5px;*/
        margin-top: 10px;
        margin-bottom: 20px;
        font-size: 11px;
        /*background-color: #353535;*/
        border-top: 1px #777 solid;
        color: #777;
    }
    
    .blog_item .subtitle .left {
        float: left;
        width: 450px;
    }
    
    .blog_item .subtitle .left .comment_link a {
        color: #0088cf;
    }
    
    .blog_item .blog_tags a {
        color: #777;
    }
    
    .blog_item .subtitle .right {
        float: right;
        width: 110px;
    }
    
    /* liens facebook, ... en bas d'article */
    
    .social_links {
        margin-top: 1.5em;
        /*display: none;*/
    }

    
    /* lien suivant / précédent en bas de page */
       
    #blog_left .page_links {
        font-weight: bold;
        text-align: center;
        border-bottom: 1px #777 solid;
        border-top: 1px #777 solid;
        color: #777;
        padding: 5px;
        margin-bottom: 20px;
        margin-top: -30px;
    }
    
    #blog_left .page_links a {
        color: #d48c00;
    }
    
    /* Pages archives */
    
    #blog_left .filter_title {
        font-weight: bold;
        color: #ffa800;
        text-align: center;
        margin-bottom: 20px;
        /*padding-bottom: 10px;*/
    }
    
    .blog_item_archive {
        margin-bottom: 10px;
        padding-bottom: 0px;
    }
    
    .blog_item_archive .title,
    .blog_item_archive .title a {
        color: #ffa800;
        /*font-size: 16px;
        margin-bottom: 10px;*/
        font-weight: bold;
    }
    
    .blog_item_archive .subtitle {
        /*padding: 2px 5px;
        margin-top: 10px;*/
        margin-bottom: 15px;
        font-size: 11px;
        /*background-color: #353535;*/
    }
    
    /* Elts de la barre de droite du blog */
    
    #blog_right .right_item {
        margin-bottom: 20px;
    }
    
    #blog_right .right_item .title,
    #blog_right .right_item .title_cloud {
        color: #ffa800;
    }
    
    #blog_right .right_item .title_cloud {
        margin-bottom: 5px;
    }
    
    #blog_right .right_item .title_rss {
        color: #ffa800;
        padding-left: 20px;
        background-image: url(../imageset/rss_icon.png);
        background-repeat: no-repeat;
    }
    
    #blog_right .right_item .title_rss a {
        color: #ffa800;
    }
    
    #blog_right .right_item .month {
        margin-left: 15px;
    }
    
    #tagList { 
        margin:0;
        padding:0;
        font-size: 20px;
        /*font-weight: bold;*/
        width: 190px;
        margin-left: -5px;
    }
    
    #tagList li {  
      list-style-type:none; 
      float:left; 
      margin:0 5px;
      height:25px;
    }
    
    #tagList li a { 
        text-decoration:none;
    }  
    
    #tagList li a:hover {
        text-decoration:underline;
    } 
    
    
    #comments .title {
        margin:5px 0px 2px 0px;
        padding: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
        background-color: #303030;
        font-weight: bold;
        font-size: 13px;
    }
        
    #comments .form_item_1,
    #comments .form_item_2 {
        padding: 5px;
    }
    
    #comments .form_item_1 {
        background-color: #555;
    }
    
    #comments .form_item_2 {
        background-color: #444;
    }
    
    #comments .label,
    #comments .label_txt {
        float: left;
        font-size: 11px;
    }
    
    #comments .label_txt {
        margin-left: 10px;
    }
    
    #comments input {
        border: 0px;
        background-color: #ccc;
        padding: 2px;
        font-size: 11px;
    }
    
    #comments input.submit {
        float: right;
        font-weight: bold;
    }
    
    #comments textarea {
        width: 570px;
        background-color: #ccc;
        padding: 2px;
        border: 0px;
    }
    
    #comments input.submit:hover {
        float: right;
        cursor: hand;
        
    }
    
    #comments .textarea_buttons input {
        margin-bottom: 5px;
    }
    
    #comments .textarea_buttons input:hover {
        cursor: hand;
    }
    
    #comments .comment_items {
        margin-bottom: 30px;
    }
    
    #comments .comment_items .name {
        font-weight: bold;
        color: #ffa800;
        margin-bottom: 0.75em;
    }
    
    #comments .comment_items .name a {
        color: #ffa800;
    }
    
    #comments .comment_items .subname {
        margin-bottom: 10px;
        font-size: 11px;
        font-weight: normal;
        color: #989898;
    }
    
    
/******************************************************************************/

    /*.highslide img {
    	border: 2px solid black;
        margin: 0px 3px;
        margin-bottom: 10px;
    }
    
    .highslide:hover img {
    	border-color: #000;
    }
    
    .highslide-gallery {
    }
    
    .highslide-gallery .highslide-item {
        float: left;
        border: 2px solid black;
        margin: 0px 5px;
        margin-bottom: 10px;
    }
    
    .highslide-gallery a {
        border:none;
    }
    
    .highslide-gallery a img,
    .highslide-item a img {
        border:none;
        margin: 0px;
    }*/
    
    
    

/* END STYLESHEET*/