/* css default style  www.Benz.be - by Victor Ferreira Dos Santos © dragon-vds.com */

/* 1.0 ----- Global ----- */
html, body {font:12px Georgia, "Times New Roman", Times, serif;background:url(../img/bg.gif);height:100%;margin:0}
.memberlistheader,  .memberlistboxtitles, .memberlistusers {font:12px Arial, Helvetica, sans-serif}
.identification, #num, #nb, #loginbox form .btl {font:10px Arial, Helvetica, sans-serif}

/* 2.0 ----- charte graphique conteneur ----- */
#conteneur {width:974px;margin:10px auto;border-collapse:collapse;border:0}
.coinhautgauche, .coinhautdroite, .coinbasdroite, .coinbasgauche {width:18px;height:18px}
.coinhautgauche {background:url(../img/chge.gif)}
.coinhautdroite {background:url(../img/chde.gif) 100% 0%}
.borduregauche, .borduredroite {background:#fff}
.coinbasgauche {background:url(../img/coinbasgauche.gif) 0 100%}
.bordurebas {background:#fff}
.coinbasdroite {background:url(../img/coinbasdroite.gif) bottom right}
#sepv {width:10px;background:#fff}

/* thème classique */
.bordurehaute1 {width:938px;background:#fff url(../img/bordurehaute.gif) no-repeat}
#entete1 {background:url(../img/entete.gif) no-repeat}
/* thème vacances */
.bordurehaute2 {width:938px;background:#fff url(../img/bordurehaute.gif) no-repeat}
#entete2 {background:url(../img/entetevacances.jpg) no-repeat}
/* thème nouvel an */
.bordurehaute3 {width:938px;background:#fff url(../img/bordurehaute.gif) no-repeat}
#entete3 {background:url(../img/enteteannee.jpg) no-repeat}
/* thème halloween */
.bordurehaute4 {width:938px;background:#fff url(../img/bordurehautehalloween.gif) no-repeat}
#entete4 {background:url(../img/entetehalloween.gif) no-repeat}
/* thème noel */
.bordurehaute5 {width:938px;background:#fff url(../img/bordurehautenoel.gif) no-repeat}
#entete5 {background:url(../img/entetenoel.gif) no-repeat}
/* thème paques */
.bordurehaute6 {width:938px;background:#fff url(../img/bordurehaute.gif) no-repeat}
#entete6 {background:url(../img/entetepaques.jpg) no-repeat}
/* thème rappeur */
.bordurehaute7 {width:938px;background:#fff url(../img/bordurehaute.gif) no-repeat}
#entete7 {background:url(../img/enteterap.jpg) no-repeat}
/* thème Saint Valentin */
.bordurehaute8 {width:938px;background:#fff url(../img/bordurehautevalentin.gif) no-repeat}
#entete8 {background:url(../img/entetevalentin.gif) no-repeat}

/* 3.0 titres */
#info h1 {text-align:left;font:italic 17px Georgia, "Times New Roman", Times, serif;color:#D3E6ED;margin:0 0 26px 150px}
/* 3.1 titres h2 */
h2, div.blocjeu h2, div.blocjeu h3 {font:12px Georgia, "Times New Roman", Times, serif;font-weight:bold}
div.blocjeu h2 {margin:10px 0 5px 0}
div.blocjeu h3 {margin:0}
#menugauche h2 {background:url(../img/menugauchetitres.gif) no-repeat;color:#488099;text-align:center;padding-bottom:10px;margin:0;height:34px;line-height:38px;border-top:10px solid #fff}
#menugauche h2 span {display:block;width:300px;height:34px}
#main #contact h2 {background:url(../img/contacth2.gif)}
#main #page h2, #main2 #page2 h2, #main #page2 h2, #main #pagejeuxbenz h2 {background:url(../img/pageh2.gif)}
#main #blocflash h2 {background:url(../img/flashjeux.gif)}
#main #register h2 {background:url(../img/registertitre.gif)}
#copy h2 {text-align:left}
#main #partenariat h2 {background:url(../img/partenariath2.gif)}
#main #confirmationlien h2, #main #topliens h2 {background:url(../img/confirmationlienh2.gif)}
#categories h2, #main h2, #main2 h2 {background:url(../img/categoriestitre.gif) 0 0 no-repeat;color:#488099;height:40px;line-height:40px;margin:0;text-align:center}
#coudcoeur h2, #topjeux  h2 {color:#488099;text-align:center;margin:0;height:34px;line-height:38px}
#coudcoeur h2 {background:url(../img/coudcoeur.gif) no-repeat}
#topjeux  h2 {background:url(../img/autop.gif) no-repeat}
/* 3.2 titres h3 */
#confirmationlien h3, #page h3, #page2 h3, #pagejeuxbenz h3, #register h3, #commentaire h3, #page h3.idee, #confirmationlien h4, #partenariat h3 {font:bold 12px Georgia, "Times New Roman", Times, serif;text-align:center}
#confirmationlien h3 {height:33px;padding:8px 0 0 0;background:url(../img/confirmationlienh3.gif) 50% 0 no-repeat;color:#090}
#menugauche h3 {font-size:15px;margin:0;padding:0;color:#fff}
#blocrubriquecrea h3 {margin:0 0 0 5px}
#menugauche .blocnews h3 {font:11px Arial, "Times New Roman", Times, serif;color:#000;margin:0;padding:10px 0 0 10px}
#page h3, #page2 h3, #pagejeuxbenz h3 {height:30px;padding:8px 0 0 0;background:url(../img/pageh3.gif) 50% 0 no-repeat;color:#fff}
#partenariat h3 {height:30px;padding:8px 0 0 0;background:url(../img/partenariath3.gif) 50% 0 no-repeat;color:#fff}
#page h3.demislargeur {background:url(../img/pageh3.gif) top left no-repeat}
#register h3 {height:33px;padding:8px 0 0 0;background:url(../img/register.gif) 50% 0 no-repeat;color:#fff}
#commentaire h3 {height:30px;padding:12px 0 0 0;background:url(../img/avertissement.gif) 50% 0 no-repeat;color:#000}
.blocjeux h3, .blocjeuxcategorie h3 {font:bold 12px Arial, "Times New Roman", Times, serif;color:#1a4c5f;float:left;width:520px;margin:3px 0}
.blocjeux h3 {padding-left:7px}
.descriptionjeu h3 {font:bold 11px Arial, "Times New Roman", Times, serif;width:148px;margin:5px 0 0 0;padding:0}
.descriptionjeu h3 a {text-decoration:none;color:#0153a0}
/* 3.3 titres h3 messagerie interne */
#page h3.idee {height:33px;padding:8px 0 0 0;background:url(../img/idee.gif) 50% 0 no-repeat;color:#fff}
#page h3 a, #page h3 a:active {text-decoration:none}
#page h3 a {color:#ff9}
#page h3 a:hover {color:#ff9}
/* 3.4 titres h4 */
#confirmationlien h4 {margin-left:15px}

/* 4.0 ----- Entête ------------------------------------------------------------------------------------- */
#entete1, #entete2, #entete3, #entete4, #entete5, #entete6, #entete7, #entete8 {height:178px;vertical-align:top}
#pubh {float:right;width:478px;padding:10px 5px 0 0}
#info {width:938px;text-align:right;float:right;margin-bottom:18px;color:#488099;font:12px Arial, "Times New Roman", Times, serif}
#info span {text-align:right}
#info span img {border:1px solid #9cc8d8}
#info span img:hover, #info span img.actif {border:1px solid #fff}
#info #soustitre {width:330px;text-align:left;margin:0 26px 0 14px}
#info #connectes {width:30px;margin-right:26px}
#info #clock {width:47px;margin-right:21px}
#soustitre, #connectes, #clock {float:right}

/* 4.1 ----- menu d'entête ----- */
#menuh {clear:right;font:bold 12px Georgia,"Times New Roman",Times,serif;background:transparent}
#menuh form {float:left;height:29px;line-height:29px;margin:0;background:url(../img/rechercher.gif) 120px 0 no-repeat}
#menuh form .recherche {padding:0 0 0 132px;background:transparent;border:0 none;font:11px Arial, Helvetica, sans-serif} 
#menuh form .btr {height:15px;width:80px;font:11px Arial,Helvetica,sans-serif;color:#488099;background:transparent;border:0}
#menuh ul {list-style-type:none;margin:0 0 0 auto;padding:0;width:578px;height:29px;line-height:29px;text-align:left}
#menuh li {float:left;height:29px}
#menuh li.accueil a {padding-left:60px}
#menuh li.accueil a:hover {color:#457b93;background:#fff url(../img/accueilhover.gif) no-repeat}
#menuh li a {display:block;color:#488099;text-decoration:none;padding:0 10px;border-right:1px solid #488099}
#menuh li a:hover {color:#457b93;background:url(../img/menuhover.gif) top left repeat-x}


/* 5.0 ----- Blocs de Menus gauche ------------------------------------------------------------------------ */
#menugauche, #useradmin, #loginbox, #blocnews, #blocrubriquecrea, #blocrubriqueencrea, #blocliens, #blocmembres, #bloccontenu, #blocpartenaires, #bloctoolbar, #pubgauche {width:300px}
#menugauche {font:11px Arial, "Times New Roman", Times, serif;background:#fff;vertical-align:top;text-align:left}
#menugauche ul {list-style-type:square;padding:0 5px 10px 25px;margin:0}
#menugauche li span {}
#menugauche li a {display:block;padding:0;text-decoration:none}
#menugauche li.special a {float:left}
#menugauche .demisblocgauche {float:left;width:144px}
#menugauche .demisblocdroite {float:right;width:156px}
#menugauche .demisblocgauche ul, #menugauche .demisblocdroite ul {list-style-type:square;padding:0 0 10px 25px;margin:0}
#menugauche .action {clear:both;margin:0}
#menugauche .action ul {list-style-type:square;padding:5px 10px 10px 25px;margin:0}
#menugauche .action li a {display:block;padding:0 15px 0 5px;text-decoration:none}
/* 5.1 ----- Bloc membres -----*/
#loginbox {background:#c8e3b8 url(../img/blocgauchebasmembres.gif) 0% 100% no-repeat}
#loginbox h2 span {background:url(../img/logomembres.gif) no-repeat}
#useradmin {background:#a9dbb6 url(../img/blocgaucheuseradmin.gif) 0% 100% no-repeat}
#loginbox p, #useradmin p {padding:0 10px 10px 10px;margin:0}
#loginbox form {margin:0}
#loginbox form p label {line-height:20px}
#loginbox form input {font:11px Arial, "Times New Roman", Times, serif;width:82px;border:1px inset #ddedf2}
#loginbox form .btl {height:17px;width:20px;background:#84b8cc;border:1px outset #ddedf2}
#loginbox form .checkbox {width:15px;height:15px;background:transparent;border:0 none}
#loginbox a, #useradmin a {font-weight:bold;text-decoration:none;color:#fff}
#loginbox a:hover, #useradmin a:hover {text-decoration:underline}
#useradmin .statmembre {display:block;height:24px;line-height:24px;margin:0;padding-left:25px;background:url(../img/membrestats.gif) no-repeat;color:#066}
#loginbox .login {display:block;width:300px;text-align:center;padding-top:5px;color:#066}
#useradmin h2 span {background:url(../img/logomembres.gif) no-repeat}
#useradmin ul {width:190px;list-style-type:square}
#useradmin li {color:#ff0}
#useradmin li a {white-space:nowrap;color:#066}
#useradmin li a span {color:#fff}
#useradmin li a:hover {color:#ff0}
#useradmin img {float:right;margin:6px 8px 5px 0}
/* 5.2 ----- affichage des news ----- */
#news {font:10px Verdana, Helvetica, sans-serif;color:#fff;margin:0 10px}
#news span {color:#ffdd81}
/* 5.3 ----- Bloc créations benz -----*/
#blocrubriquecrea, #blocrubriqueencrea {background:#b2bade url(../img/blocgauchebasviolet.gif) bottom left no-repeat;color:#540277}
#blocrubriquecrea h2 span {background:url(../img/logocrea.gif) no-repeat}
#blocrubriquecrea p, #blocrubriqueencrea p {margin:0 10px}
#blocrubriquecrea img, #blocrubriqueencrea img {float:left;border:1px solid #606;margin:3px 5px 0 10px}
#blocrubriquecrea a, #blocrubriqueencrea a {font-weight:bold;text-decoration:none;color:#fff}
#blocrubriquecrea a:hover, #blocrubriqueencrea a:hover {text-decoration:underline}
#blocrubriquecrea li a, #blocrubriqueencrea li a {color:#540277;font-weight:normal}
#blocrubriquecrea li a:hover, #blocrubriqueencrea li a:hover {color:#fff}
/* 5.4 ----- Bloc en créations -----*/
#blocrubriqueencrea h2 span {background:url(../img/logoencrea.gif) no-repeat}
/* 5.5 ----- Bloc news -----*/
#blocnews {padding-bottom:10px;background:#edf1f2 url(../img/blocgauchebasnews.gif) 0 100% no-repeat}
#blocnews h2 span {background:url(../img/logonews.gif) no-repeat}
#blocnews h3 {clear:both;font:bold 11px Arial, "Times New Roman", Times, serif;color:#000;margin:0 10px}
#blocnews p {margin:3px 5px 5px 10px;color:#666}
#blocnews .left {float:left;margin:0 5px 5px 0}
#blocnews img {border:1px solid #666;margin:0 0 5px 0}
#blocnews a, #blocnews a:visited {font-weight:bold;color:#666;text-decoration:none;border-bottom:1px dotted #666}
#blocnews a:hover {text-decoration:none;color:#000;border-bottom:1px dotted #666}
/* 5.6 ----- Bloc contenu pour votre site -----*/
#bloccontenu {background:#84b8cc url(../img/toolbar.gif) 0 100% no-repeat}
#bloccontenu h2 span {background:url(../img/logomario.gif) no-repeat}
#bloccontenu li, #bloccontenu li a {
	color:#000
}
#bloccontenu li a:hover, #bloccontenu li a.actif {
	text-decoration:underline;
	color: #000;
}
/* 5.7 ----- Bloc nos partenaires -----*/
#blocpartenaires {background:#fee0b1 url(../img/blocbaspartenaires.gif) 0 100% no-repeat}
#blocpartenaires h2 span {background:url(../img/logopartenaires.gif) no-repeat}
#blocpartenaires img {margin:0 0 10px 15px;border:1px solid #900}
#blocpartenaires ul, #blocpartenaires .action ul  {color:#f60}
#blocpartenaires li a, #blocpartenaires .action li a {color:#900}
#blocpartenaires li a:hover {background:url(../img/partenaireshover.gif) no-repeat}
#blocpartenaires .action {background:#f6d39d url(../img/actionpartenaires.gif) 0 100% no-repeat}
#blocpartenaires .action li a:hover {background:url(../img/partenaireslargehover.gif) 0 0 no-repeat}
/* 5.8 ----- Bloc liens -----*/
#blocliens {background:#ecd4e1 url(../img/blocgauchebasrose.gif) 0 100% no-repeat}
#blocliens h2 span {background:url(../img/logoliens.gif) no-repeat}
#blocliens ul, #blocliens li a, #blocliens .action ul, #blocliens .action li a, #blocliens .liendur li a {color:#8b0075}
#blocliens .liendur ul {margin:-10px 0 0 0;padding-top:5px}
#blocliens li a:hover {background:url(../img/lienshover.gif) no-repeat}
#blocliens .action {background:#e5c4d6 url(../img/actionliens.gif) 0 100% no-repeat}
#blocliens .liendur {background:#e5c4d6}
#blocliens .liendur li a {padding-left:10px;margin-right:3px;display:inline}
#blocliens .action li a:hover, #blocliens .liendur li:hover {background:url(../img/lienslargehover.gif) 0 0 no-repeat}
/* 5.8 ----- Bloc liens -----*/
#blocliens1 {background:#ecd4e1 url(../img/blocgauchebasrose.gif) 0 100% no-repeat}
#blocliens1 h2 span {background:url(../img/logoliens.gif) no-repeat}
#blocliens1 ul, #blocliens1 li a, #blocliens1 .action ul, #blocliens1 .action li a, #blocliens1 .liendur li a {color:#8b0075}
#blocliens1 .liendur ul {margin:-10px 0 0 0;padding-top:5px}
#blocliens1 li a:hover {background:url(../img/lienshover.gif) no-repeat}
#blocliens1 .action {background:#e5c4d6 url(../img/actionliens.gif) 0 100% no-repeat}
#blocliens1 .liendur {background:#e5c4d6}
#blocliens1 .liendur li a {padding-left:10px;margin-right:3px;display:inline}
#blocliens1 .action li a:hover, #blocliens .liendur li:hover {background:url(../img/lienslargehover.gif) 0 0 no-repeat}
/* 5.9 ----- Bloc populaires ----*/
#blocpopulaires {background:#b2bade url(../img/blocgauchebasviolet.gif) 0 100% no-repeat;color:#540277}
#blocpopulaires h2 span {background:url(../img/populaires.gif) no-repeat}
#blocpopulaires ul {color:#fff}
#blocpopulaires li a {color:#540277}
#blocpopulaires li a:hover {text-decoration:underline;color:#fff}
/* 6.0 ----- Bloc 10 derniers jeux ----*/
#blocdernierjeux {background:#a9dbb6 url(../img/blocgaucheuseradmin.gif) 0% 100% no-repeat}
#blocdernierjeux h2 span {background:url(../img/dernierjeux.gif) no-repeat}
#blocdernierjeux ul {color:#ff0}
#blocdernierjeux li a {color:#060}
#blocdernierjeux li a:hover {text-decoration:underline;color:#000}
/* 6.1 ----- Bloc top joueurs ----*/
#bloctopjoueurs {background:#e9e9c4 url(../img/blocgauchepopulaires.gif) 0 100% no-repeat}
#bloctopjoueurs h2 span {background:url(../img/topjoueurs.gif) no-repeat}
#bloctopjoueurs ul, #bloctopjoueurs li a  {color:#960}
#bloctopjoueurs li a:hover {text-decoration:underline}
.stop {height:1px;color:transparent;margin:5px 0;clear:both}

/* 6.2 ----- Bloc Pub casino ----*/
#bloccasino {background:#ecd4e1 url(../img/blocgauchebasrose.gif) 0 100% no-repeat}
#bloccasino h2 span {background:url(../img/casinos.gif) no-repeat}
#bloccasino p {margin:3px 5px 5px 10px;color:#8b0075}
#bloccasino a, #bloccasino a:hover  {text-decoration:underline;color:#8b0075}

/* 6.3 ----- Bloc toolbar -----*/
#bloctoolbar {padding-bottom:8px;background:#a9d0de url(../img/toolbar.gif) bottom left no-repeat}
#bloctoolbar h2 span {background:url(../img/menugauchetitres.gif) no-repeat}
#bloctoolbar img {margin:0 10px 5px 10px}
#bloctoolbar p {margin:0;padding:5px 0 0 10px;background:#84b8cc;color:#1a4c5f}

/* 6.4 --------- Pages contenu supérieur ----------------------------------------------------------------------------------------- */
#contenu {width:628px;vertical-align:top;text-align:left;background:#fff}
#page, #page2, #pagejeuxbenz, #contact {background:#c7dae2 url(../img/pagebas.gif) left bottom no-repeat;color:#000}
#categories {width:630px;margin-top:10px;background:#84b8cc url(../img/categoriesbas.gif) left bottom no-repeat}
#categories ul {width:630px;height:78px;list-style-type:none;margin:0;padding:0;font:12px Arial, Helvetica, sans-serif}
#categories li {float:left;line-height:18px}
#categories li a, #categories li a.inactive {color:#488099;font-weight:bold;background:url(../img/btcategories.gif)}
#categories li a:hover, #categories li a.active {background:url(../img/btcategorieshover.gif) 0 0;color:#836252}
#categories li a, #categories li a:hover {text-align:center;width:121px;height:18px;display:block;padding-left:5px;text-decoration:none}
#adsens {float:left;width:300px;height:250px;margin:17px auto 10px 0;background:#fff}
#coudcoeur{float:right;width:319px;height:120px;margin:10px 0 10px auto;background:#d99 url(../img/coudcoeurbas.gif) 0 100% no-repeat}
#coudcoeur img {margin:7px 0 0 3px;border:1px solid #000}
#topjeux {float:right;width:319px;height:127px;margin:0 0 10px auto;background:#b2bade url(../img/autopbas.gif) 0 100% no-repeat}
#topjeux .demisblocgauche {float:left;width:153px}
#topjeux .demisblocdroite {float:right;width:166px}
#topjeux .demisblocgauche ul, #topjeux .demisblocdroite ul {list-style-type:square;padding:0 0 0 25px;margin:10px 0}
#topjeux .demisblocgauche li a, #topjeux .demisblocdroite li a {font:11px Arial, "Times New Roman", Times, serif;text-decoration:none;color:#540277}
#topjeux .demisblocgauche li a:hover, #topjeux .demisblocdroite li a:hover {color:#fff}

/* 6.5 --------- Pages contenu ---------- */
#main {clear:both;margin-top:15px}
#main, #main2, #register, #gpub, #confirmationlien, #page, #page2, #contact, #formTradeLinks, #commentaire, #topliens, #partenariat {width:630px}

/* 6.6 ----- Games Hosted (uniquement sur version EN) -----*/
#hosted {background:#84b8cc url(../img/toolbar.gif) 0 100% no-repeat}
#hosted h2 span {background:url(../img/logomario.gif) no-repeat}
#hosted h3 {font-size:12px;text-align:center}
#hosted table {border-collapse:collapse}
#hosted td {color:#fff}
#hosted td img {border:1px solid #000}
#hosted td img:hover {border:1px solid #fff}

/* pages jeux annees80*/
.annee {float:left;width:196px}
.annee li {width:176px;border-bottom:1px solid #D9EBF2;margin-bottom:1px;list-style-image:url(../img/sonoff.gif)}
#page .annee li a {text-decoration:none}
#page .annee a:hover {text-decoration:underline}
.annee li.son {border-bottom:1px solid #D9EBF2;margin-bottom:1px;list-style-image:url(../img/son.gif)}

/* pages jeux java */
#page .java table {border:0}
#page .java td {vertical-align:top;color:#fff;line-height:18px;border:1px solid #659BB1}
#page .java td a {text-decoration:none;color:#369}
#page .java td a:hover {text-decoration:underline}

/* pages type */
#page .bordhaut, #page2 .bordhaut {background:url(../img/pageimportanttop.gif) no-repeat}
#page p.important, #page2 p.important {background:#d9ebf2 url(../img/pageimportant.gif) 0 100% no-repeat;margin:0 10px;padding:0 5px 5px 5px}
#page p.demisimportant, #page2 p.demisimportant {background:#d9ebf2 url(../img/demisimportant.gif) left bottom no-repeat;margin:0 10px;padding:0 5px 5px 5px}
#page .cadre, #page2 .cadre, #topliens .cadre, #page .java, #topliens p {margin:0 10px}
#page .cadre2 {margin:0 60px}
#page .cadre3 {margin:0 160px}
.cadre th {white-space:nowrap}
#page a, #page2 a, #register a, #page a:active, #page2 a:active, #register a:active, #page a:hover, #page2 a:hover, #register a:hover {color:#000;text-decoration:underline}
.bordhaut {width:610px;height:8px;margin:0 10px}
#partenariat {background:#fee0b1 url(../img/partenariatbas.gif) 50% 100% no-repeat;color:#000}
#blocflash, .blocjeux, .blocjeuxcategorie {width:630px;padding-bottom:10px;font:11px Arial, "Times New Roman", Times, serif}
#page .note {width:610px;background:#d9ebf2 url(../img/pageimportant.gif) 0 100% no-repeat;margin:0 0 20px 10px}
#page .note p {}
#barremenujeu td {color:#3cf}
#barremenujeu td a, #barremenujeu td a:active {color:#fff}


/* Page top liens */
#topliens {background:#ecd4e1 url(../img/confirmationlienbas.gif) left bottom no-repeat;color:#6a3e56}
#topliens table {width:610px;border-collapse:collapse;margin:0 10px}
#topliens td {padding:4px;border-bottom:1px solid #ce95b0}
#topliens td.site  {color:#909;background:#dcb4c7;border-bottom:1px solid #ECD4E1;white-space:nowrap}
#topliens td.ins  {color:#fff;background:#dcb4c7;text-align:center;border-bottom:1px solid #ECD4E1}
#topliens td a  {color:#909;text-decoration:none}
#topliens td a:active {color:#fff}
#topliens td a:visited  {color:#909}
#topliens td a:hover  {color:#fff;text-decoration:underline} 

/* page confirmation topliens */
#confirmationlien textarea, .codetitre {float:left;width:470px;margin:0 5px 2px 15px}
#confirmationlien .resultat a {font-weight:normal;color:#000}
#confirmationlien {background:#ecd4e1 url(../img/confirmationlienbas.gif) 0 100% no-repeat;color:#6a3e56}

/* page enregistrement membre */
#register {background:#c8e3b8 url(../img/pagebasvert.gif) left bottom no-repeat;color:#000}
#register .bordhaut {background:url(../img/importanttop.gif) no-repeat}
#confirmationlien p, #register p, #page p, #page2 p, #partenariat p {clear:both;font:12px Arial, Helvetica, sans-serif;text-align:justify;margin:0 15px}
#register p.important {background:#effcc9 url(../img/important.gif) 0 100% no-repeat;margin:0 10px;padding:0 5px 5px 5px}
#register .bouton {text-align:center}

/* page bannières benz */
.ban {float:left;padding-right:6px}
.ban img {border:0 none}

/* Affichage du jeu */
#blocflash {background:#00709a url(../img/flashbas.gif) 0 100% no-repeat}
#blocflash {text-align:center}
#blocflash p.astuce {font:12px Arial, Times, serif;text-align:justify;margin:10px 15px;color:#fff}
#blocflash .pub, #blocflash .pub a {color:#fff}

/* page chanpionnat */
#tbchamp {width:610px;background:#c7dae2}
#tbchamp td {text-align:center;background:#84B8CC;margin-bottom:10px;padding:10px 0;border:1px solid #659BB1}
#tbchamp td img {border:1px solid #000}
#tbchamp td:hover {background:#c7dae2}
#tbchamp td.espace {border:0;background:#c7dae2}

/* page jeu championnat */
#score {width:610px;margin:0 10px;background:#84B8CC}
#score td {font:11px Arial, Helvetica, sans-serif;text-align:center;color:#00709A;background:url(../img/fcs.gif) bottom repeat-x}
#score td {border-style:solid;border-width:1px;border-color:#00709A #659BB1 #659BB1 #00709A}

/* Commentaires sur le jeu */
#commentaire, .blocjeux, .blocjeuxcategorie, .bloctheme {background:#84b8cc url(../img/categoriesbas.gif) 0 100% no-repeat}
#commentaire #form1 {width:580px;margin:0 auto;background:#c7dae2}
#commentaire #form1 input {width:130px;font:12px Arial, "Times New Roman", Times, serif;margin-top:5px}
#commentaire #form1  input.btb {width:162px}
#commentaire #form1 textarea {margin:0 auto 0 25px;width:524px}
#commentaire form, .pk {margin:0;padding:0;color:#000}
#commentaire form strong {color:#ffdd81}
#commentaire .bordhaut {margin:0 0 0 25px;background:url(../img/commentairetop.gif) no-repeat}
#commentaire p {font:12px Arial, Helvetica, sans-serif;background:#c7dae2;color:#1a4c5f;margin:0 25px;padding:0 5px 5px 15px}
#commentaire p.verification {margin:0;padding:0 5px 5px 15px}
#commentaire p.important {background:#c7dae2 url(../img/commentairebas.gif) 0 100% no-repeat;margin:0 25px;padding:0 5px 5px 5px}
#commentaire a, #commentaire a:visited {color:#369;text-decoration:none;border-bottom:1px dotted #369}
#commentaire a:hover {color:#fff}

#newmessage {margin:0 auto 0 35px}

/* main page affichage des blocs de liens jeux */
.listajeux {background:#84b8cc url(../img/fondajeux.gif)}
.listbjeux {background:#84b8cc url(../img/fondbjeux.gif)}
.listajeux, .listbjeux {width:610px;height:68px;margin:0 0 0 10px;padding:5px 0 5px 5px}
.listajeux:hover, .listbjeux:hover {background:url(../img/fondcjeux.gif)}
.blocjeux img, .blocjeuxcategorie img {float:right;margin:4px 9px 0 0}
.blocjeuxcategorie img {border:0}
.blocjeux img, .bloctheme img {border:1px solid #000}

/* main page affichage des blocs de liens jeux par thème */
.bloctheme {padding-bottom:10px}
.listetheme {background:#84b8cc url(../img/fondtheme.gif) no-repeat}
.listetheme {width:610px;margin:0 0 0 10px;padding:10px 0 0 5px}
.bloctheme ul {width:610px;height:114px} /* hauteur du bloc de thèmes */
.bastheme {width:614px;height:11px;margin:0 0 0 10px;background:url(../img/bastheme.gif) left bottom no-repeat}

/* main page affichage des liens jeux */

.bloctheme li a:hover {background:url(../img/voirtheme.gif) no-repeat;color:#000}
.bloctheme li a, .bloctheme li a:hover {width:96px}
.voir {white-space:nowrap}

/* catégories page affichage des blocs de liens jeux */
.blocjeuxline {width:100%;height:70px;padding:5px 10px;background:url(../img/fondcategorieline.gif) no-repeat}
.imagejeu {float:left;width:82px;text-align:center}
.imagejeu img {border:1px solid #488099}
.descriptionjeu {float:left;width:225px;color:#1a4c5f}
.descriptionjeu img {float:right}
.descriptionjeu p {clear:both;margin:0}
.descriptionjeu span {font:10px Arial, Times, serif;font-weight:bold;color:#000}
#gpub {background:#84b8cc;color:#1A4C5F;text-align:center;font:11px Arial, Times, serif}
#gpub a {color:#fff;text-decoration:underline}

/* liste des membres */
#page .memberlistusers td a {text-decoration:none}
#page .memberlistusers img {border:0 none}
#page .memberlistusers td {height:24px;padding:0 4px;text-align:center}
#page .memberlistusers td {background:url(../img/cellmemberlist.gif) left bottom repeat-x}
#page .memberlistusers td {border-width:1px;border-style:solid;border-color:#a6c4d0 #eef4f6 #fff #a6c4d0}
#page .memberlistusers td.qui {background:url(../img/inconu.gif) 5px 0}
#page .memberlistusers td.moi {background:url(../img/connu.gif) 5px 0}

.instructions {clear:both;background:#84b8cc;width:610px;margin:0 10px}
.instructions td {vertical-align:top}

/* ----- liste menu ----- */
#page .list {width:610px;background:#d9ebf2 url(../img/pageimportant.gif) 0 100% no-repeat;margin:0 0 20px 10px}
#page ul, #register ul, #page ol, #register ol {margin:0 0 10px 10px;padding:0 0 5px 0}
#page ul, #register ul, #copy ul  {list-style-type:square}
#page li, #register li {font:12px Arial, Helvetica, sans-serif;margin-left:24px}
#register li {font-weight:bold}
#page li {color:#3c6b7d}
#register li {color:#363}
#copy ul {color:#ffc}
#copy em {color:#ffdd81}
.games {height:82px}
#form1 img, #annonceurs input, .tarifs  input {border:0 none}
.jeux, .aide {margin:10px 0 0 0}

/* page webmasters tableaux de présentation des images des jeux créés par benz */
.presentejeu {width:610px;margin:0 10px}
.presentejeu td, .presentejeu th {width:146px;font:12px Arial, Helvetica, sans-serif;text-align:center}
.presentejeu .pd td {width:73px;height:15px}
.presentejeu td {background:#84b8cc}
.presentejeu .action td {text-align:left;background:#c7dae2}
.presentejeu .action td img {border:0 none;margin:0}
.presentejeu img {border:0 none;margin:10px auto}
#page .presentejeu th a {text-decoration:none}

/* page webmasters encare inscription newsletter */
#souscribe {width:600px;margin:0 15px;border:5px solid #84b8cc}
#souscribe p, #souscribe label, #souscribe input {font:12px Arial, "Times New Roman", Times, serif}
#souscribe .formulaire {background:#84b8cc;padding:10px 0 0 0;margin:0;text-align:center}
#souscribe label {color:#fff}

/* Page profil */
#profil {width:610px;margin:10px}
#profil .messinset, #profil .messoutset {margin-bottom:2px}
#profil .gauche {float:left;width:400px;margin-right:2px}
#profil .droite {float:right;width:206px}
#profil .droite a {text-decoration:none}
#profil .droite img {float:left;height:23px;margin:0 2px 2px 0;border:1px solid #659bb1}
.phavatar, .messoutset.avatar {float:left;width:90px;margin-right:2px}
.messoutset.avatar {border:1px solid #c7dae2}
.infos {float:right;width:288px}
.infod {float:right;width:167px}
.large {width:390px}
.both {clear:both}
#profil hr {height:1px;background:#c7dae2;color:#c7dae2;border:0;margin:5px 0;clear:both}

/* page annonceurs */
.tarifs {width:610px;background:#c7dae2}
.tarifs td {border:1px solid #659BB1}
.tarifs tr {text-align:center;background:#84B8CC;margin-bottom:10px;padding:10px 0;border:1px solid #659BB1}
.tarifs tr:hover {background:#c7dae2}
.tarifs form {margin:0}

/* Messagerie interne */
#messages {font:12px Arial, Helvetica, sans-serif}
th {font-weight:normal;color:#3e6f84}
#messages img, .write img {border:0 none}
.messinset strong {color:#488099}
.messinset, .blocoutset {vertical-align:top;background:#ebf8fc}
.messoutset, th {text-align:center;vertical-align:middle;background:url(../img/messbg.gif) 0% 0% repeat-x}
th.champ {background:url(../img/champion.gif) no-repeat}
th.minimage {border-width:0;width:25px;height:20px}
th.minimage img {border:1px solid #659bb1}
.messinset, .messoutset, .blocoutset, th {padding:4px;border-style:solid;border-width:1px}
.messinset {border-color:#659bb1 #fff #fff #659bb1}
.messoutset, .blocoutset, th {border-color:#659bb1}
#page .messoutset a {text-decoration:none}
.write, .avatar {text-align:center}
.write {margin:0 auto}
.tg {margin-left:23px}
.just, p.just  {margin:0 20px;text-align:justify;color:#ffc}
#nb, .profile a, .mesg a, .mesg a:hover {color:#8b0075}
.txtg {margin:0 20px;color:#ffc}
ul, ol {text-align:left}

#actiongame {width:610px;height:20px;color:#1e9bc9}
#actiongame a {text-decoration:none;color:#fff}
#recommander {float:left;width:33%}
#noter {float:left;width:33%}
#favoris {float:left;width:33%}

/* Numérotation des pages */
#nb a, #nb a:hover, #mb a, #mb a:hover, #num span, #num a, #num a:hover {padding:1px 3px;line-height:19px;text-decoration:none}
#num a, #nb a, #mb a, #num span, #num a:hover, #nb a:hover, #mb a:hover {border:1px solid #488099;color:#488099}
#num a, #nb a, #mb a {background:#d5eff9}
#num span, #num a:hover, #nb a:hover, #mb a:hover {background:#fff}
#mb {font:12px Arial, Helvetica, sans-serif;height:50px;line-height:50px;font-weight:bold;background:#84b8cc}
#mb, #nb, #num, .center {text-align:center}

/* infobulles */
a.tooltip em, a.vj em, .annee a em {display:none}
a.tooltip:hover, a.vj:hover, .annee a:hover {border:0;position:relative;z-index:500;text-decoration:none}
a.tooltip:hover em {font-style:normal;display:block;position:absolute;top:-30px;left:-90px;padding:4px;color:#000;border:1px solid #659bb1;background:#fff}
a.vj:hover em {display:block;position:absolute;top:-74px;left:30px}
.annee a:hover em {display:block;position:absolute;top:-100px;left:-136px;border:4px solid #fff}
a.tooltip:hover em span {position:absolute;top:20px;left:78px;height:27px;width:14px;background:transparent url(../img/infobulleright.gif);margin:0;padding:0;border:0}

/* formulaires */
.forms, .forms input {float:left;margin:0} 
.forms {height:43px;margin:10px 0 -18px 3px;text-align:center} 
.forms span {padding-left:40px;line-height:23px}
.bts {margin:0 12px}
option {background:#ffceef}
.bt {height:22px;width:90px;padding-bottom:3px;background:#d4d0c8;border:2px outset #fff}
.bts {height:22px;width:90px;border:0 none;font:11px Arial, Helvetica, sans-serif}
#formTradeLinks input {font:12px Arial, "Times New Roman", Times, serif}
#formTradeLinks label, #form1 label {width:35%;float:left;text-align:right;color:#000;padding:0 .5em 0 0;line-height:1.8;cursor:help}
#formTradeLinks p input, #form1 p input {width:160px}
#formTradeLinks p  {margin:0 20px 2px 20px}
.pk {padding:10px;color:#fff}
.pk {margin:auto 20px}
.pk img {margin-right:5px}
#form1 p span {font:11px Arial, "Times New Roman", Times, serif;line-height:22px;color:#000}
/* boutons de soumission */
.btb, .btv, .btr {width:162px;height:22px;border:0}
.btb {background:url(../img/btb.gif) no-repeat}
.btv {background:url(../img/btv.gif)}
.btr {background:url(../img/btr.gif)}

.bbce {text-align:center}
.bbce a, .bbce a:hover {color:#000}
.tt th {height:20px}
.memberlistpages, div.titrem a {font:11px Arial, Helvetica, sans-serif}
#newavatar {float:left}
#rss  {margin:0 20px;padding:0 10px;text-align:left}
#rss span {color:#fff}

/* Pied de page */
#apropos {font:12px Arial, Helvetica, sans-serif;color:#fff;background:url(../img/transparence.png) repeat-x}
#apropos a:link, a:active, a:visited {color:#C00;text-decoration:none}
#apropos a:hover {text-decoration:underline}
#apropos a img {border:0 none}
#yenioyunlarlistesi {
	float: left;
	width: 540px;
	height: 274px;
	background-color: #f7f7f2;
	border-right: 1px solid #e9e9de;
}
.yenioyun {
	float: left;
	width: 110px;
	height: 110px;
	margin-left: 10px;
	margin-top: 5px;
	margin-right: 1px;
	margin-bottom: 5px;
	text-align: center;
	
}

.yenioyun p {
	font: normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
.yenioyun p a {
	color:#600;
	text-decoration: none;
}
.yenioyun p a:hover {
	color:#993300;
	text-decoration: underline;
}
.yenioyunimg {
	margin-left: 3px;
	padding: 1px;
	border: 1px solid #CCCCCC;
}
.text {
	font: normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#600;
	text-decoration: none;
}
.yeni-box
{
padding:10px 10px;
width:640px;
height:auto;
float:left;
text-align:left;
}
.yeni-box ul {
margin-bottom: 0; padding: 0;margin-left:0px;}
.yeni-box li {
	list-style: none;
	}
.yeni-box ul li
{
width:123px;
height:auto;
float:left;
text-align:left;
padding:8px;
background:#FFF;
margin-right:5px;
text-align:center;
margin-bottom:5px;
border:1px solid #00b8c9;
margin-left:5px;
}
.yeni-box ul li a
{
color:#00b8c9;
text-decoration:none;
}
.yeni-box ul li a:hover
{

color:#fff;
text-decoration:none;
}
.renk{
background:#fff;
}

.renk a,.renk a:link,.renk a:active,.renk a:visited{
background:#FFF;
color: #00b8c9;
display:block

}

.renk a:hover{
background:#00b8c9;
}
