body { background: #626262; }

.clear { clear: both; font-size: 0px; height: 0px; visibility: hidden; }
h1 { background-color: #963338; width: 692px; background-image: url(../images/h1_interieur.gif); height: 33px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; font-weight: bold; font-size: 18px; letter-spacing: -1px; padding: 7px 0px 0px 40px; }
h1.gris { background-color: #963338; background-image: url(../images/h1_interieur_gris.gif); }
h1.large { background-color: #963338; width: 944px; background-image: url(../images/h1_interieur_large.gif); }
h1 span { font-size: 16px; font-weight: normal; }
hr.sep { display: none; }
.cache { display: none; }

div.page { font-family: tahoma, verdana, helvetica, arial, sans-serif; }

div.bandeau { height: 116px; background-color: #9A353B; background-image: url(../images/bandeau_fond.jpg); background-position: top center; }
div.ibandeau { width: 984px; margin: 0px auto; }
div.ibandeau div.logo { float: left; padding-top: 5px; }
div.ibandeau div.logo a { display: block; width: 318px; height: 103px; background-image: url(../images/logo_beta.jpg); }
div.ibandeau div.logo a span { display: none; }

div.ibandeau div.userbar { background-color: #484848; float: right; width: 467px; height: 36px; background-image: url(../images/user_bar.gif); font-size: 11px; color: #ffffff; }
div.ibandeau div.userbar legend { display: none; }
div.ibandeau div.userbar form { padding: 4px 0px 0px 16px; }
div.ibandeau div.userbar form div { float: left; padding-right: 6px; }
div.ibandeau div.userbar form label { display: none; }
div.ibandeau div.userbar input { font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size: 11px; }
div.ibandeau div.userbar input.texte { width: 135px; padding: 2px 1px 1px 1px; border: 1px solid #6F6F6F; background-color: #323232; color: #FFFFEE; height: 14px; }
div.ibandeau div.userbar input.bouton { border: 1px solid #6F6F6F; background-color: #323232; color: #FFFFEE; height: 19px; }
div.ibandeau div.userbar div.commandes { font-size: 11px; font-weight: bold; }
div.ibandeau div.userbar div.commandes a { text-align: center; color: #ffffee; text-decoration: none; padding-top: 3px; display: block; float: left; height: 22px; margin-right: 8px; width: 66px; }
div.ibandeau div.userbar div.commandes a:hover { color: #F0D08A; }
div.ibandeau div.userbar div.info { padding: 4px 8px 0px 16px; }
div.ibandeau div.userbar div.nick { font-weight: bold; padding-left: 16px; float: left; padding-top: 4px; }
div.ibandeau div.userbar ul { float: right; }
div.ibandeau div.userbar ul li { float: left; padding: 4px 12px 0px 0px; }
div.ibandeau div.userbar ul li a { color: #ffffff; text-decoration: none; }
div.ibandeau div.userbar ul li a:hover { color: #F0D08A; }

div.menu { height: 42px; background-color: #4E7E80; background-image: url(../images/menu_fond.gif); }
div.imenu { width: 984px; margin: 0px auto; }
div.imenu ul { float: left; }
div.imenu ul li { float: left; margin-right: 8px; }
div.imenu li a { display: block; height: 33px; }
div.imenu li a span { display: none; }
div.imenu li.home a { width: 22px; background-image: url(../images/menu_home.gif); background-position: top; }
div.imenu li.home a:hover { background-position: bottom; }
div.imenu li.jeux a { width: 42px; background-image: url(../images/menu_jeux.gif); background-position: top; }
div.imenu li.jeux a:hover { background-position: bottom; }
div.imenu li.actu a { width: 84px; background-image: url(../images/menu_actu.gif); background-position: top; }
div.imenu li.actu a:hover { background-position: bottom; }
div.imenu li.sujets a { width: 54px; background-image: url(../images/menu_sujets.gif); background-position: top; }
div.imenu li.sujets a:hover { background-position: bottom; }
div.imenu li.solutions a { width: 84px; background-image: url(../images/menu_solutions.gif); background-position: top; }
div.imenu li.solutions a:hover { background-position: bottom; }
div.imenu li.videos a { width: 62px; background-image: url(../images/menu_videos.gif); background-position: top; }
div.imenu li.videos a:hover { background-position: bottom; }
div.imenu li.images a { width: 62px; background-image: url(../images/menu_images.gif); background-position: top; }
div.imenu li.images a:hover { background-position: bottom; }
div.imenu li.dossiers a { width: 72px; background-image: url(../images/menu_dossiers.gif); background-position: top; }
div.imenu li.dossiers a:hover { background-position: bottom; }
div.imenu li.industrie a { width: 82px; background-image: url(../images/menu_industrie.gif); background-position: top; }
div.imenu li.industrie a:hover { background-position: bottom; }
div.imenu li.forums a { width: 64px; background-image: url(../images/menu_forums.gif); background-position: top; }
div.imenu li.forums a:hover { background-position: bottom; }
div.imenu li.annuaire a { width: 82px; background-image: url(../images/menu_annuaire.gif); background-position: top; }
div.imenu li.annuaire a:hover { background-position: bottom; }

div.principal { background: #e9e9e9; }
div.iprincipal { width: 984px; margin: 0px auto; padding: 12px 0px; }

div.annexe { background-color: #cacaca; }
div.annexe div.haut { height: 10px; background-image: url(../images/annexe_ombre.gif); font-size: 0px; }
div.iannexe { width: 984px; margin: 0px auto; }
div.iannexe { padding-top: 14px; padding-bottom: 6px; }

div.footer div.haut { height: 10px; background-image: url(../images/footer_ombre.gif); font-size: 0px; }
div.ifooter { width: 984px; margin: 0px auto; padding-top: 6px; }
div.ifooter div.disclaimer { float: left; font-size: 11px; color: #cccccc; padding-top: 10px; }
div.ifooter div.logos { float: right; padding-bottom: 12px; }
div.ifooter div.logos div { margin-left: 8px; }
div.ifooter div.logos div a span { display: none; }
div.ifooter div.logos div.xiti { width: 39px; height: 25px; margin-top: 13px; margin-right: 4px; float: left; }
div.ifooter div.logos div.tf { width: 173px; height: 41px; background-image: url(../images/footer_logo.gif); float: left; }
div.ifooter div.logos div.tf span { display: none; }

div.ariane { font-size: 11px; padding: 0px 0px 16px 4px;  }
div.ariane ul { float: left; }
div.ariane ul li { background-image: url(../images/ariane_sep.gif); background-repeat: no-repeat; background-position: left; float: left; padding-left: 14px; margin-right: 6px; }
div.ariane ul li.root { background: none; padding: 0px; font-weight: bold; }
div.ariane ul li a { color: #888888; text-decoration: none; border-bottom: 1px dotted #9A353B; }
div.ariane ul li a:hover { color: #9A353B; border-bottom: 1px solid #666666; }
div.ariane form { float: right; }

div.interieur_gauche { background: #ffffff; width: 732px; float: left; }
div.interieur_droit {  }
div.interieur_large { background: #ffffff; }
div.interieur_fiche { background: #ffffff; }
div.contenu_fiche { width: 730px; padding: 16px 0px 0px 14px; float: left; }
div.contenu_side { padding-top: 16px; width: 240px; float: left; }
div.contenu_etendu { width: 954px; padding: 16px 16px 16px 14px; float: left; }
div.contenu_video { width: 660px; padding: 16px 0px 0px 14px; float: left; }
div.contenu_info { padding-top: 16px; width: 310px; float: left; }

ul.tabs { background: #ffffff; height: 19px; padding: 12px 0px 0px 14px; border-bottom: 1px solid #cccccc; }
ul.tabs div.before { width: 2px; height: 19px; background-image: url(../images/i_oGauche.gif); float: left; }
ul.tabs li { background-color: #eeeeee; float: left; font-size: 11px; font-weight: bold; color: #BBBBBB; }
ul.tabs li.actif { background-color: #9A353B; }
ul.tabs li.actif div.before { background-image: url(../images/a_oGauche.gif); }
ul.tabs div.lien { height: 15px; background-image: url(../images/i_oCentre.gif); float: left; padding: 4px 4px 0px 4px; }
ul.tabs li.actif div.lien { background-image: url(../images/a_oCentre.gif); }
ul.tabs div.lien a { color: #333333; text-decoration: none; }
ul.tabs div.lien span { font-weight: normal !important; }
ul.tabs li.actif div.lien a { color: #ffffff; }
ul.tabs div.lien a:hover { color: #9A353B; }
ul.tabs div.after { width: 2px; height: 19px; background-image: url(../images/i_oDroite.gif); float: left; }
ul.tabs li.actif div.after { background-image: url(../images/a_oDroite.gif); }

div.sidebox { width: 240px; margin-bottom: 20px; }
div.sidebox h2 { background-color: #4E7E80; color: #ffffff; font-size: 11px; font-weight: bold; padding: 6px 0px 0px 10px; height: 30px; background-image: url(../images/h2_sidebox.gif); }
div.sidebox_large { width: 310px; margin-bottom: 20px; }
div.sidebox_large h2 { background-color: #4E7E80; color: #ffffff; font-size: 11px; font-weight: bold; padding: 6px 0px 0px 10px; height: 30px; background-image: url(../images/h2_sidebox.gif); }
div.sidebox div.contenu { background-color: #F8F8F8; padding: 0px 8px 10px 10px; }
div.sidebox_large div.contenu { background-color: #F8F8F8; padding: 0px 8px 10px 10px; }
div.sidebox div.contenu p { font-size: 11px; margin-bottom: 12px; line-height: 16px; }
div.sidebox div.contenu li { font-size: 11px; line-height: 19px; }
div.sidebox div.contenu li a { color: #000000; text-decoration: none; }
div.sidebox div.contenu li a:hover { color: #888888; }
div.sidebox div.contenu_liens { background-color: #F8F8F8; padding: 0px 8px 10px 10px; }
div.sidebox div.contenu_liens h3 { font-size: 11px; font-weight: bold; line-height: 16px; }
div.sidebox div.contenu strong { color: #9A353B; font-weight: bold; }
div.sidebox ul { padding-bottom: 12px; }
div.sidebox li { padding-left: 14px; font-size: 11px; line-height: 16px; background-image: url(../images/ariane_sep.gif); background-repeat: no-repeat; background-position: 0px 4px; }
div.sidebox li a { color: #000000; text-decoration: none; }
div.sidebox li a:hover { color: #9A353B; text-decoration: none; }
div.sidebox p a { color: #8A7E2E; text-decoration: none; border-bottom: 1px solid #aaaaaa; }
div.sidebox p a:hover { color: #000000; text-decoration: none; border-bottom: 1px solid #8a7e2e; }
div.sidebox dt { font-size: 10px; color: #963338; border-top: 1px solid #dddddd; padding-top: 2px; line-height: 12px; }
div.sidebox div.boitier { padding-bottom: 6px; line-height: 0px !important; }
div.sidebox div.boitier a { border: 0px !important; }
div.sidebox dt:first-child { border-top: none; }
div.sidebox dd { font-size: 11px; font-weight: bold; line-height: 14px; padding-bottom: 4px; }
div.sidebox dd a { color: #000000; text-decoration: none; border-bottom: 1px solid #9A353B; }
div.sidebox dd a:hover { color: #888888; }

div.sidebox_categories li { color: #BBBBBB; font-weight: bold; }
div.sidebox_categories li a { color: #000000; text-decoration: none !important; }
div.sidebox_categories li span { font-weight: normal; }

div.pac { background-color: #ffffff; padding: 0px 16px 24px 6px; font-size: 11px; width: 694px; }
div.pac_long { width: 940px !important; }
div.pagination div { float: left; margin-right: 8px; line-height: 18px;  }
div.pagination select { font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size: 11px; display: block; float: left; line-height: 22px; height: 20px; margin-right: 2px; }
div.pagination a { font-weight: bold; color: #BB5E35; text-decoration: none; display: block; float: left; height: 18px; border: 1px solid #dddddd; line-height: 16px; padding: 0px 4px; margin-right: 4px; }
div.pagination a:hover { background: #9A353B; color: #ffffff; }
div.pagination span { font-weight: bold; color: #DDDDDD; text-decoration: none; display: block; float: left; height: 18px; border: 1px solid #efefef; line-height: 16px; padding: 0px 4px; margin-right: 4px; }
div.pac div.boutons { float: right;  }

div.classer { float: right; line-height: 16px; } 
div.classer a { color: #AA5E35; text-decoration: none; }
div.classer a:hover { color: #000000; text-decoration: underline; }

div.wip { border: 2px solid #9A353B; margin-bottom: 12px; padding: 10px; font-size: 12px; line-height: 16px; }

div.texte_libre { font-size: 12px; line-height: 16px; padding-right: 16px; min-height: 500px; }
div.texte_libre p { margin-bottom: 16px; }
div.texte_libre li { padding-left: 14px; background-image: url(../images/ariane_sep.gif); background-repeat: no-repeat; background-position: 0px 4px; }
div.texte_libre strong { font-weight: bold; color: #9A353B; }
div.texte_libre a { color: #8A7E2E; text-decoration: none; border-bottom: 1px solid #aaaaaa }
div.texte_libre a:hover { color: #000000; text-decoration: none; border-bottom: 1px solid #8a7e2e; }

div.image_gauche { float: left; }

div.aucun { font-size: 12px; border: 2px solid #4E7E80; padding: 8px; margin-bottom: 16px; }
div.aucun div.image { width: 233px; float: left; }
div.aucun div.texte { line-height: 16px; padding-left: 32px; width: 400px; padding-top: 48px; float: left; }

span.embed_image a { border: none !important; }

p.page_intro { font-size: 12px; margin-bottom: 16px; line-height: 16px; color: #888888; padding-right: 32px; }
p.page_intro strong { color: #444444; font-weight: bold; }

div.error_note { border: 1px solid #9A353B; padding: 10px; background: #FBF5F5; margin-bottom: 16px; }
div.error_note p { padding: 0px !important; margin: 0px !important; }
div.error_note strong { font-weight: bold; color: #9A353B; }

div.bouton { height: 22px; padding-right: 6px; }
div.bouton a { display: block; float: right; height: 17px; background-color: #4E7E80; background-image: url(../images/bouton_vert.gif); padding: 5px 10px 0px 10px; background-position: top center; font-size: 11px; color: #FCF0B8; font-weight: bold; text-decoration: none; }

span.videolink { }
span.videolink a { border: 0 !important; }
span.videolink a img { width: 160px; height: 90px; border: 2px solid #DDDDDD !important; }
span.videolink a:hover img { border-color: #9A353B; }

.like { width: 86px; height: 48px; background-image: url(../images/article_like_back.gif); background-color: #4F7E80; float: left; border-bottom: 1px solid #000000; }
.like .score { float: left; font-size: 22px; letter-spacing: -1px; font-weight: bold; color: #ffffff; font-family: Arial, Helvetica, sans-serif; width: 30px; display: block; padding-top: 16px; }
.like .score .n { text-align: center; }
.like_button { float: left; width: 48px; height: 48px; }
.like_button a { display: block; width: 48px; height: 48px; }

.menu li.jeux { position: relative; }

#jeux_cadre { z-index: 2; display: none; position: absolute; top: 37px; left: 0px; width: 500px; height: 264px; background-color: #528587; overflow: hidden; background-image: url(../images/gameframe_shadow.gif); background-repeat: repeat-x; background-position: top center; padding-top: 6px; }
#jeux_cadre ul { float: none; }
#jeux_cadre li { background: none; width: auto; height: auto; margin: 0; }
#jeux_cadre a { display: inline; background: none; }
#jeux_cadre a span { display: inline; }
#jeux_cadre .gauche { float: left; width: 149px; border-right: 1px solid #3a5758; }
#jeux_cadre .droite { float: left; width: 349px; height: 270px; font-size: 11px; border-left: 1px solid #74A2A3; }
#jeux_cadre .homeconsole, #jeux_cadre .handheld { float: left; }
#jeux_cadre .homeconsole { padding-right: 10px; width: 160px; }
#jeux_cadre .handheld { width: 150px; }
#jeux_cadre .all { clear: both; text-align: right; color: #91CBCC; padding: 10px 6px 0 0; }
#jeux_cadre .all a { color: #ffffff; text-decoration: none; }
#jeux_cadre .all a:hover { color: #FCF0B8; }
#jeux_cadre .top .image { display: block; width: auto; height: 83px; margin-bottom: 4px; }
#jeux_cadre .top .image img { border: 1px solid #74A2A3; }
#jeux_cadre .top .nom { display: block; width: auto; line-height: 1.6em; }
#jeux_cadre .top li { margin: 0 0 8px 0; float: none; width: auto; padding: 0; }
#jeux_cadre .top span { font-size: 11px; font-weight: bold; }
#jeux_cadre .top a { color: #ffffff; text-decoration: none; text-align: center; height: auto; width: auto; display: block; }
#jeux_cadre .top a:hover { color: #FCF0B8; }
#jeux_cadre .inner_margin { padding: 2px 8px 2px 8px; }
#jeux_cadre .droite .inner_margin { padding-left: 14px; }
#jeux_cadre .droite li { line-height: 1em; display: block; float: none; border-bottom: 1px solid #AAAAAA; }
#jeux_cadre .droite ul { border-top: 1px solid #AAAAAA; }
#jeux_cadre .droite .titre { font-size: 13px; font-weight: bold; color: #93CECF; margin-bottom: 1em; line-height: 1.4em; }
#jeux_cadre .droite .titre strong { color: #ffffff; font-size: 15px; }
#jeux_cadre .droite li a { color: #C5D1BE; text-decoration: none; font-weight: bold; display: block; float: none; height: auto; width: auto; padding: 5px 2px; }
#jeux_cadre .droite li a:hover { color: #FCF0B8; background-color: #3D6B6C; }