html,body { width: 100%; height: 100%; margin: 0; padding: 0; background-color: #FFF; font-family: "Tahoma", Trebuchet MS, Arial, sans-serif; font-size: 11px; }
/* BOLD, ITALIC, UNDERLINE, NOBORDER, CENTER */
.u { text-decoration: underline; }
.b { font-weight: bold; }
.i { font-style: italic; }
.border_0 { border: none }
.center { text-align: center; }
/* HTML ELEMENTS */
ul { margin-top: 2px; }
td,tr,table { margin: 0; border-collapse: collapse; padding: 0; border: none; vertical-align: top; }
li { margin-left: -20px; }
p { text-indent: 10px; margin: 5px; padding: 0; text-align: justify; }
abbr { cursor: help; }
a { color: #666; text-decoration: none; font-weight: bold; }
a:hover { color: #0066FF; text-decoration: underline; }
input[type="text"], input[type="password"] { margin: 2px; border: 1px solid #999; padding: 2px; color: #0066FF; font-size: 11px; font-family: "Tahoma", Arial, Candara, Trebuchet MS, Arial, sans-serif; }
input[type="text"]:hover, input[type="password"]:hover, input[type="text"]:focus, input[type="password"]:focus { border: 1px solid #0099FF; background-color: #F3FBFE; }
input[type="submit"], button { margin: 0; padding: 0; height: 20px; border: 1px dotted #CCC; color: #666; font-weight: bold; text-align: center; background-color: #FFF; }
input[type="submit"]:hover, button:hover { color: #0099FF; background-color: #F3FBFE; }
form { margin: 0; padding: 0; }
/* === CONTENT === */
div#content { width: 800px; margin: 5px auto 0 auto; padding: 0; }
div#header { width: 800px; height: 75px; background: url("/images/header.jpg") no-repeat; }
div#main_bar { height: 25px; padding: 6px 5px 0 25px; color: #666; background: url("/images/barre.gif"); width: 785px; background-repeat: no-repeat; margin-bottom: 0; }
div#main_bar #date { float: right; margin-right: 25px; color: #999; }
div#main_bar a { padding: 6px 8px 5px 8px; height: 25px; font-weight: normal; color: #666; }
div#main_bar a:hover { color: #0066FF; text-decoration: none; background: #E1F7FD url("/images/barre_hover.gif") repeat-x; }
/* IE USERS MAIN BAR */
div#main_barIE { height: 25px; padding: 6px 5px 0 25px; color: #666; background: url("/images/barre.gif"); width: 785px; background-repeat: no-repeat; }
div#main_barIE #date { float: right; margin-right: 25px; color: #999; }
div#main_barIE a { padding: 0 8px 0 8px; font-weight: normal; color: #666; }
div#main_barIE a:hover { color:#0066FF; }
div#preload_bar { width: 0px; height: 0px; visibility: hidden; display: none; background: url("/images/barre_hover.gif"); }
/* === MENU === */
div#menu { float: left; width: 150px; padding: 5px 0 0 3px; }
div#menu img.star { float: left; margin: 0 2px 2px 2px; }
div#menu .menu_section { border: 1px solid #CCC; background-color: #f7f7f7; margin: 5px 0; }
div#menu .menu_section div { padding: 5px 7px 6px 7px; }
div#menu .menu_section div h2 { font-weight: bold; font-size: 11px; margin: 0; padding: 2px 0 5px 3px; color: #333; }
div#menu .menu_section div h2:first-letter { color: #0099FF; font-size: 12px; }
/* Menu Border for non-border-radius navigators */
div#menu .menu_section div.hg { background: url("/images/icons/border_radius.gif") top left; width: 5px; height: 5px; float: left; margin: -1px 0 0 -1px; padding: 0;}
div#menu .menu_section div.hd { background: url("/images/icons/border_radius.gif") top right; width: 5px; height: 5px; float: right; margin: -1px -1px 0 0; padding: 0; }
div#menu .menu_section div.bg { background: url("/images/icons/border_radius.gif") bottom left; width: 5px; height: 5px; float: left; margin: -4px 0 0 -1px; padding: 0; }
div#menu .menu_section div.bd { background: url("/images/icons/border_radius.gif") bottom right; width: 5px; height: 5px; float: right; margin: -4px -1px 0 0; padding: 0; }
div#menu .menu_section ul { margin: 0; padding-left: 40px; }
div#menu .menu_section ul li { list-style: square; padding: 2px 0; color: #666; }
div#menu .menu_section ul li a { color: #3b5998; font-weight: normal; }
div#menu .menu_section ul li a:hover { text-decoration: underline; }
div#menu .menu_section ul.personal_links { padding-left: 20px; }
div#menu .menu_section ul.personal_links li { list-style: none; padding-left: 0; }
div#menu div#partage_container { margin: 0 0 0 7px; }
div#menu div#partage_container a { margin-top: 2px; display: block; }
div#menu div#partage_container a:hover { margin-top: 2px; display: block; }
div#menu div#partage_container a img { opacity : .6; filter: alpha(opacity=60); }
div#menu div#partage_container a:hover img { filter: alpha(opacity=100); opacity : 1; }
div#menu img.partage { border: none; }
/* === USER PANEL === */
div#menu form#connection { padding: 5px 0; }
div#menu form#connection input[type="checkbox"] { margin: 0; }
div#menu form#connection label.autologin { font-family: "Tahoma", Candara, Arial, sans-serif; font-size: 11px; padding-left: 5px; }
/* ==== INFORMATION === */
div#information { padding: 4px 4px 4px 7px; float: right; width: 628px; min-height: 1400px; margin-top: 5px; }
div#information h2 { display: inline; font-weight: normal; font-family: "Tahoma", Arial, Verdana, sans-serif; margin: 2px; font-size: 30px; font-style: italic; color: #ABDEFC; letter-spacing: 3px; }
div#information img.wow { margin: 0 0 6px 0; }
div#information div.error { background: #FFE1E2 url("/images/icons/error.png") no-repeat 1% 50%; -moz-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; padding: 5px 5px 5px 30px; text-align: left; margin: 5px auto; width: 500px; font-weight: bold; color: #EC094D; }
div#information div.info { background: #D6EFFE url("/images/icons/info.png") no-repeat 1% 50%; -moz-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; padding: 5px 5px 5px 30px; text-align: left; margin: 5px auto; width: 500px; font-weight: bold; color: #0066CC; }
div#information #choix_consoles { text-align: center; margin-bottom: 5px; }
div#information #choix_consoles h1 { display: inline; font-size: 13px; border: none; margin: 0; padding: 0; }
div#information #choix_consoles h1 img { margin: 0; }
div#information #choix_consoles img { margin: 0 15px; border: none; }
div#information #toptable { margin-bottom: 10px; }
div#information div.yellow { border: 1px solid #e2c822; background-color: #fff9d7; margin: 5px; padding: 10px; font-family: "tahoma", sans-serif; color: #333; Verdana, sans-serif; }
div#information div.yellow h2 { font-style: normal; font-size: 12px; font-weight: bold; font-family: "tahoma", sans-serif; letter-spacing: normal; color: #333; margin: 0 3px 5px 0; text-transform: none; display: block; }
div#information div.yellow img.wow { margin: 4px; float: left; }
div#information div.yellow ul { margin-bottom: 0; }
div#information a img.rss { border: none; opacity: 0.5; filter:alpha(opacity=50); margin-bottom: 3px; }
div#information a:hover img.rss { opacity: 0.8; filter:alpha(opacity=80); }
/* === TAGCLOUD === */
div#information h2.tags { text-transform: uppercase; font-weight: bold; color: #0099FF; font-style: normal; font-family: "Trebuchet MS", Arial, Verdana, sans-serif; padding-left: 25px; background: url("/images/icons/tags.png") no-repeat 3px 3px; font-size: 12px; letter-spacing: normal; }
div#information #tagcloud { width: 250px; padding-left: 7px; }
div#information #tagcloud #tags_container { margin-top: 5px; padding: 2px; background-color: #F7F7F7; border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; }
div#information #tagcloud #tags_content { text-align: center; font-family: "Arial", sans-serif; }
div#information #tagcloud a { color: #C1C1C1; font-weight: normal; line-height: 70%; }
div#information #tagcloud a:hover { text-decoration: underline; color: #0099FF; }
div#information span.url_constructor { font-weight: bold; color: #09F; font-size: 12px; letter-spacing: 4px; }
div#information table#flux_rss { width: 350px; margin: 20px auto; }
div#information table#flux_rss .rowRSS1 { width: 300px; border: 1px solid #CCC; padding: 3px; font-weight: bold; color: #666; }
div#information table#flux_rss .rowRSS2 { width: 50px; border: 1px solid #CCC; padding: 3px; text-align: center; }
/* === NEWS === */
div#information h2.titre_news { font-family: "Verdana", sans-serif; font-size: 20px; text-transform: none; letter-spacing: 5px; }
div#information h2.titre_news span { color: #FF4F53; text-transform: lowercase; }
div#format_news { background: #ceeffe url("/images/icons/nav_font.gif") no-repeat; width: 100px; height: 20px; padding: 10px 0 0 0; float: right; text-align: center; }
div#news { margin-top: 7px; width: 98%; }
div#news .title { border-bottom: 1px dashed #999; width: 95%; padding: 3px; color: #666; }
div#news .title a { color: #0066FF; }
div#news p.description { text-indent: 10px; padding-left: 20px; margin: 5px 5px 5px 0; }
div#news p.description_td { text-indent: 10px; padding-left: 5px; margin: 5px 5px 5px 0; }
div#news p.description a, div#news p.description a:hover, div#news p.description_td a, div#news p.description_td a:hover { font-weight: normal; color: #000; text-decoration: none; }
div#news .article_date { color: #999; margin-bottom: 5px; }
div#news div.news_home2 { clear: both; padding-bottom: 10px; }
div#news div.news_home2 .sharing_news { display: none; }
div#news div.news_home2:hover { -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; background: #F7F7F7 url("/images/news_hover.png") no-repeat right; }
div#news div.news_home2:hover .sharing_news { display: block; }
div#news span.sharers a img { opacity: .4; filter: alpha(opacity=40); }
div#news span.sharers a:hover img { opacity : 1; filter: alpha(opacity=100); } /* IE */
div#news .newtitle { border-bottom: 1px dashed #999; width: 95%; padding: 3px; color: #666; }
div#news .newtitle a { color: #1677E2; font-family: "Arial", Trebuchet MS, Verdana, sans-serif; font-size: 18px; font-weight: normal; }
div#news .newtitle a:visited { color: #3E9CE1; font-family: "Arial", Trebuchet MS, Verdana, sans-serif; font-size: 18px; font-weight: normal; }
div#news p.newdescription { text-indent: 10px; padding-left: 20px; margin: 5px 5px 5px 0; color:#333; text-align: justify; }
div#news p.newdescription_td { text-indent: 10px; padding-left: 5px; margin: 5px 5px 5px 0; }
div#news p.newdescription a, div#news p.newdescription a:hover, div#news p.newdescription_td a, div#news p.newdescription_td a:hover { font-weight: normal; color: #000; text-decoration: none; }
div#news .list a { font-weight: normal; }
div#news .list span { color: #999; }
div#news .list div.date { color: #999; float: right; width: 50px; text-align: right; }
div#news a.anchor img { opacity: .7; filter: alpha(opacity=70); }
div#news a.anchor:hover img { opacity: 1; filter: alpha(opacity=100); }
input.permalink { width: 500px; color: #666; border-color: #CCC; }
div#navigation { margin: 15px 5px; text-align: center; color: #666; width: 100%; }
div#navigation a { font-family: "Arial", Helvetica, sans-serif; border: 1px dotted #CCC; padding: 2px; color: #0066FF; background-color: #FFF; text-decoration: none; font-weight: normal; margin: 0; }
div#navigation a:hover { background-color: #F5F5F5; border-color: #0066FF; }
/* === SEARCH === */
div.about_search { font-size: 10px; color: #999; width: 390px; padding: 2px; text-align: center; }
div.about_search #rules { text-align: left; margin-top: 5px; }
/* === SONDAGES === */
div.sondage { width: 300px; margin: 5px; }
div.sondage .question { border-bottom: 2px solid #0066FF; font-weight: bold; text-align: center; color: #0066FF; padding: 3px; }
div.sondage .reponses { padding: 5px; }
div.sondage .envoi { text-align: center; }
div.sondage .envoi button { border: 1px solid #C4E3FB; margin: 0; height: 22px; color: #0066FF; padding: 0 3px; }
div.sondage .envoi button:hover { border-style: dotted; color: #0099FF; }
div.sondage .reponses .result_bar { width: 85%; }
div.sondage .reponses .result_bar div { background: #0099FF url("/images/sondages_result_bar.jpg") repeat-x; height: 10px; padding: 0; border: 1px solid #0099FF; }
/* === PARTENAIRES === */
div.partenaires { padding: 10px; }
div.partenaires a { padding-left: 25px; background: url("/images/icons/asterisk.png") no-repeat 4px 2px; font-size: 19px; font-weight: normal; color: #0066FF; font-family: "Arial", Helvetica, sans-serif; display: block; }
div.partenaires a:hover { text-decoration: none; color: #0099FF; }
div.partenaires img { margin-left: 30px; }
div.partenaires p { text-indent: 15px; color: #666; }
/* === FOOTER === */
div#footer { clear: both; margin: 30px 0 0 0; padding: 0 0 30px 0; border-top: 1px dotted #CCC; width: 760px; margin: 0 auto; }
div#footer table { margin-left: 20px; }
div#footer td { text-align: left; }
div#footer h3 { margin: 5px 0; color: #0066CC; text-transform: uppercase; font-family: "Verdana", Trebuchet MS, Arial, sans-serif; font-size: 13px; }
div#footer h3 a { color: #0066CC; } div#footer h3 a:hover { text-decoration: none; }
div#footer ul { margin: 0; padding: 0 0 0 10px; color: #999; }
div#footer li { list-style: square; padding: 0; margin: 0; }
div#footer li a { font-weight: normal; }
div#footer div#keywords { display: none; visibility: hidden; width: 0; height: 0; font-size: 10px; color: #CCC; }
div#footer #copyright { text-align: center; padding-top: 10px; color: #666; font-size: 11px; }
div#footer #copyright sup { font-size: 8px; }
div#footer div#partners a { font-weight: normal; border-bottom: 1px dotted #666; border-top: 1px dotted #666; }
div#footer div#partners a:hover { color: #999; border-color: #999; text-decoration: none; }