/* css default style  ViveLeJeu.com - by Victor Ferreira Dos Santos © vds-design.com */

html, body {height:100%;margin:0;padding:0;text-align:center;font:12px Georgia, "Times New Roman", Times, serif;background:#333}
#conteneur {width:974px;margin:10px auto}
h1 {font:bold 16px Georgia, "Times New Roman", Times, serif;color:#fff}
h2, h3 {font:bold 12px Arial, Helvetica, sans-serif}
h1, h2 {margin:0 0 10px 0}

/* ----- Entête ----- */
#header {height:100px;padding-bottom:20px;background:url(../img/lesjeuxflash.jpg) no-repeat}
#pubh {float:right;height:60px;width:473px;padding-bottom:44px}
#menuh {clear:both;width:974px;height:35px;background:url(../img/bgmenuh.gif) no-repeat}
#menuh {font:bold 12px Georgia, "Times New Roman", Times, serif;text-align:left}
#menuh p {float:left;margin:0 0 0 40px}
#menuh a {color:#000;line-height:24px;text-decoration:none}
#form_search {float:right;margin:0} 
#form_search #clock {width:47px;margin-right:21px}
input {width:110px;margin-top:3px;border:1px inset #fc0;background:#000;color:#fc0}
input.bts {width:auto;margin:0;border:0;background:url(../img/search.gif) no-repeat}

.clear {clear:both}

/* ----- menu gauche et droite ----- */
#menugauche {clear:left;font:12px Georgia, "Times New Roman", Times, serif}
#menugauche, #pubdroite {width:137px;color:#000;font:11px Arial, "Times New Roman", Times, serif}
#menugauche form {width:121px;background:#5c004e}
#menugauche, #pubdroite {text-align:center}
#pubdroite h2, #menugauche h2 {height:27px;margin-bottom:0;line-height:27px;background:url(../img/bgtopmenu.gif) no-repeat;color:#000}
#menugauche, #pubdroite {float:left}
#pubdroite img {border:0 none}
#skyscraper {height:600px;background:url(../img/bgmenu.gif) repeat-y}
.sep {height:10px;margin-bottom:10px;background:url(../img/bgdownmenu.gif) no-repeat}
/* ----- liste menu ----- */
#menugauche ul, #pubdroite ul {width:136px;margin:0;padding:5px 0 0 0;text-align:left;list-style-type:square;background:url(../img/bgmenu.gif) repeat-y}
#menugauche li, #pubdroite li {font:12px Arial, Helvetica, sans-serif;color:#000;margin:0 0 0 20px;white-space:nowrap}
#menugauche li a, #pubdroite li a {height:16px;line-height:17px;margin-left:-3px;text-decoration:none;color:#000}
#menugauche li a:hover, #pubdroite li a:hover {text-decoration:underline;color:#000}
#menugauche img, iframe img {border:0 none}
#menugauche p, #pubdroite p {margin:0;padding:5px 0 0 0;background:url(../img/bgmenu.gif) repeat-y}
.linkr a {text-decoration:none;color:#fc0}
.linkr a:hover {text-decoration:underline;color:#fff}

/* ----- Contenu pages ----- */
#contenu h1 {line-height:27px;color:#fc0;background:#464646 url(../img/bgtopcontenu.gif)}
#contenu h2 {color:#fc0}
#contenu {float:left;width:684px;margin-left:8px;margin-right:8px;background:#000;border-bottom:10px solid #333}
#contenu p, #num {text-decoration:none;color:#fc0}
#contenu img {margin:0 3px}
#contenu ul {text-align:left}
#contenu a:hover {visibility:inherit}
#contenu a:link img, #contenu a:visited img {border:1px solid black}
#contenu a:hover img {border:1px solid #fc0}
#contenu a, .profile a, .mesg a {text-decoration:none;color:#fc0}
#contenu a:hover, .profile a:hover {text-decoration:underline;color:#fff}
#jeux {clear:both;padding:50px 0 10px 0;background:#360 url(../img/herbe.gif) repeat-x}
#jeux .vignettes {float:left;font-family:Arial, "Times New Roman", Times, serif;text-align:left;width:325px;margin:10px 0 0 10px;color:#fff}
#jeux .vignettes:hover {background:#254900;-webkit-transform:scale(1);-webkit-border-radius:.4em;-moz-border-radius:.4em}
#jeux .vignettes h3 {text-align:left;margin:4px 0 5px 5px;color:#cf0}
#jeux .vignettes h4 {margin:0 0 0 5px}
#jeux .vignettes img {float:left;margin:5px}
#jeux .vignettes span {font:10px Verdana;color:#cf0}
#contenu .sitename ul {width:660px;padding-left:0;margin:50px 10px 0 10px;list-style-type:none;text-align:left;color:#fff}
#contenu .sitename li {font:12px Arial, Helvetica, sans-serif;padding:10px 0;border-bottom:1px solid #764501}
#contenu .just {text-align:justify;color:#FDF5E6}
#contenu ol, #contenu ul {text-align:left}
#contenu li {color:#FFF68F}
#text {width:660px;margin:10px;padding:20px 0 0 0}
#text p {font:12px Arial, Helvetica, sans-serif;text-align:justify}
#conditions {padding:70px 10px 10px 10px;background:#360 url(../img/herbe.gif) repeat-x}
#pub {padding:70px 0 10px 0;margin:0 10px 10px 10px;background:#360 url(../img/herbe.gif) repeat-x}
#rss {background:#360 url(../img/herbe.gif) repeat-x;margin:0;padding:40px 10px 20px 10px;text-align:left}
#rss a {font-weight:bold}
#description h2, #description h3 {color:#fff}
#description p {font:12px Arial, Helvetica, sans-serif;text-align:justify;margin:10px}
#description, #pub300 {float:left;width:327px;height:274px;background:#254900;margin-left:10px;padding:10px 0}
#bonplan {text-align:left;width:644px;background:#254900;padding:5px 10px;margin:5px 10px}
#bonplan a:link, #bonplan a:visited {color:#97ca3f}
#bonplan a:hover {color:#fff}
#bonplan h4 {text-align:center;color:#360;margin:0}

#contenu dl {margin-left:20px;width:640px}
#contenu dd {padding:5px 5px 5px 15px}
#contenu dt {float:left;font:24px Georgia, "Times New Roman", Times, serif;text-align:center;width:49px;min-height:48px;line-height:48px;color:#fff;background:#000 url(../img/etiquette.gif) center center no-repeat}
#contenu dd {width:auto;min-height:48px;color:#fff;text-align:left}
#contenu dd a {color:#dfdfdf}
#contenu dd a:hover {color:#fff}

/* ----- news ----- */
#news, #news p {font:10px Verdana, Helvetica, sans-serif;color:#fff;margin:0 10px}
#news span {color:#fc0}
/* ----- 3 blocs  liste menu ----- */
#classement div {float:left;width:210px;margin:0 0 0 10px}
#classement ul {width:210px;margin:0;padding:5px 0;list-style-type:square}
#classement li {font:11px Verdana, Helvetica, sans-serif;margin-left:24px;color:#fda102}
#classement li a {text-decoration:none;color:#fc0;margin-left:-5px}
#classement li a:hover, #classement li .actif {text-decoration:underline;color:#fff}
#classement li span {float:right;color:#fff;margin-top:-10px}
#classement h2 {text-align:left;margin:5px 0 0 12px;color:#0c0}

#stats ul {width:123px;margin:0;padding:5px 0 0 0}
#stats li {font:10px Arial, Helvetica, sans-serif;margin-left:5px;color:#fc0;list-style-type:none}
#stats li span {color:#fff}


#mb{font:12px Arial, Helvetica, sans-serif}
#num {font:11px Verdana, Helvetica, sans-serif}
#num {padding:10px 10px 0 10px}
#num a, #num a:hover {padding:3px;line-height:22px}
#nb a, #nb a:hover, #mb a, #mb a:hover {padding:2px 4px}
#mb {color:#360}
#num a, #nb a, #mb a {background:#360;border:1px solid #000;text-decoration:none;color:#fff}
#num a:hover, #nb a:hover, #mb a:hover {text-decoration:none;background:#fc0;color:#000}

#formTradeLinks {width:684px}
#formTradeLinks label, #form1 label {width:236px;float:left;text-align:right;color:#fff;padding:0 5px 0 0;line-height:1.8;cursor:help}
#formTradeLinks p input {width:241px;background:#254900}
#formTradeLinks p textarea {background:#254900;border:1px inset #fc0;color:#fc0}
#formTradeLinks p {text-align:left;margin:0 0 2px 0}
#formTradeLinks span {color:#fc0}
#formTradeLinks .btl {background:#254900;border:1px outset #fc0}
#form2 label {line-height:1.8;cursor:help;font:10px Arial;color:#fff}


/* ----- Pied de page ----- */
#footer {clear:both;height:48px;background:#fc0 url(../img/bgfooter.gif);line-height:27px}
#footer a:active, #footer a:visited, #footer a:hover, #footer a:link {color:#8b0000}