/* Structure générale des pages */
body 				{ margin: 0px; padding: 0px; border-style: none;   min-width: 700px;
       				  font-family: "Verdana", sans-serif; font-weight: normal; font-size: 14px;  
       				  background-color: black; color: white;}
table#structure 		{ width: 100%; border-collapse:collapse; }
.structure 			{ padding: 0px; }
th#entete			{ background: url("/site/fondbar.png") repeat-x; height: 42px; }
th#entete div.logo	{ background: url("/site/logo.png") no-repeat;   height: 42px; margin-left: 5px; width:200px; float: left;}
th#pied				{ background: url("/site/fondbarinverse.png") repeat-x; text-align: center; height: 47px; color:black; font-size: 10px;}
.elementPied			{ font-size: 8px; color: #707070; display: inline; white-space: nowrap; }
.elementPied a		{ color: #707070; text-decoration: none; }
td.structure			{ background-color: white; vertical-align: top; }
table#structure td#margeGauche	{ min-height: 400px; height: 400px; padding-top: 20px; width: 160px;
                              	  background: white url(/site/fondMenu.png) repeat-y; }
td#main				{ padding: 30px; }
#jouer				{ position: absolute; top: 30px; left: 15px; cursor: pointer; width: 114px; height: 48px; }
body.french #jouer  { background: transparent url("/site/boutonjouer.png") no-repeat; }
body.dutch  #jouer  { background: transparent url("/site/spelen.png")      no-repeat; }

#jouer span, th#entete h1, #annonce span, #ongletsArea ul li a span { display: none; }

/* La barre d'onglets */
#ongletsArea 		{  margin-top: 15px;}
#ongletsArea ul 		{ list-style: none;  }
#ongletsArea ul li	{ float: left; background-repeat:no-repeat; }
body.french #ongletsArea ul li  { background-image: url(/site/onglets.png);}
body.dutch  #ongletsArea ul li  { background-image: url(/site/ongleten.png);}
#ongletsArea ul li a	{  display:    block; height: 27px; width: 99px; background: none; }
#ongletsArea ul li a:hover	{ text-decoration: none; }
#jeu  				{ background-position:    0px   0px; }
#whist  				{ background-position: -102px   0px; }
#activites  			{ background-position: -204px   0px; }
#support 			{ background-position: -306px   0px; }
#freewhist  			{ background-position: -408px   0px; }
#blog  				{ background-position: -513px   0px; }
#jeu.actif 			{ background-position:    0px -33px; }
#whist.actif  		{ background-position: -102px -33px; }
#activites.actif 	{ background-position: -204px -33px; }
#support.actif  		{ background-position: -306px -33px; }
#freewhist.actif 	{ background-position: -408px -33px; }
#blog.actif 			{ background-position: -513px -33px; }

/* Le menu */
#menu 			{ width: 160px; border-style: none; border-collapse: collapse;}
#menu td 		{ height: 24px; width: 160px; border: 0px; padding: 0px; }
#menu a      	{ text-decoration: none; display: block; color: black; width: 160px; height: 24px; }
#menu a span 	{ color: black; font-weight:normal; font-size: 10px; font-family: sans-serif;
				  display: block; float: left; padding-left: 10px; padding-top: 6px;}
#menu a:link,  #menu a:visited		{ background: url(/site/menu.png) 0px   0px no-repeat; }
#menu a:hover, #menu a.submenu:hover	{ background: url(/site/menu.png) 0px -96px no-repeat; }
body #menu a.active	               	{ background: url(/site/menu.png) 0px -64px no-repeat; }   
#menu a.submenu	 					{ background: url(/site/menu.png) 0px -32px no-repeat; }   

/* Marge de gauche (menu et important) */
#important 			{ float: left; margin-top: 10px; }
#premiereVisite 		{ width: 126px; height: 114px; margin-top: 18px; margin-left: 15px; display: block; }
body.french #premiereVisite { background: transparent url("/site/premierVisite.png") no-repeat; } 			  
body.dutch  #premiereVisite { background: transparent url("/site/eerstebezoek.png") no-repeat; } 			  
#premiereVisite span	{ display: none; }

/* Tableau des nouvelles de la page d'accueil */
#newsZone td 		{ vertical-align: top; font-size: 14px; }
#newsZone h2			{ margin-top: 0px; }
#newsZone th			{ background-repeat: no-repeat; height: 37px; padding-left: 100px; }
#newsZone .typeFreewhist	{ background-image: url("/site/newsFreewhist.png"); }
#newsZone .typeJeu		{ background-image: url("/site/newsJeu.png");       }
#newsZone .typeTournoi	{ background-image: url("/site/newsTournoi.png");   }
#newsZone .typeRencontre	{ background-image: url("/site/newsRencontre.png"); }
#newsZone .typeBlog		{ background-image: url("/site/newsBlog.png"); 		}
#newsZone hr 		{ background: url("/site/separator.png") no-repeat center;
					  height: 10px; margin-bottom: 10px; margin-top: 10px; border: 0px;}

/* Contenu principal de la page */
h1 					{ font-size: 24px; }
h1.forPrint			{ display: none; }
h2 					{ font-size: 18px; }
.cliquable 			{ cursor: pointer; }
.voiraussi 			{ display: block; padding-left: 60px; min-height: 16px; text-decoration: none; color: black;
					  border: 1px #D0D0D0 solid; }
					
body.french .voiraussi	{ background: url("/site/voiraussi.png") no-repeat left top; } 
body.dutch  .voiraussi	{ background: url("/site/zieook.png") no-repeat left top; } 
table.tableau, table#points 			{ margin-left: 50px; margin-top: 10px;}
table.tableau td	, table#points td, table#points th
					{ padding: 1px 5px 1px 5px; font-size: 14px; color: black; }
table#points			{ border-collapse:collapse; }
table#points td, table#points th	{ border: 1px black solid; }
div.cadreImage 		{ text-align: center; }
.texte				{ font-size: 14px; line-height: 1.5em; text-align: justify; color: black;}

/* Liste des mots-clé du blog */ 
table#keywords		{ margin-top: 20px; }
table#keywords td 	{ font-size: 10px; padding-left: 10px;  background: none; }
table#keywords td a	{ text-decoration: none; color: black; }
table#keywords td.actif a	{ font-weight: bold; }

/* Article de blog */
table#blogArticles hr 	{ background-image: url("/site/separator.png"); background-repeat: no-repeat; background-position: center; height: 10px; margin-bottom: 10px; margin-top: 10px; border: 0px;}
#recents a, #anciens a	{ color: black; text-decoration: none; }
#anciens 				{ text-align: right; }
.blogDate				{ display: block; float: right; font-weight: normal; color: #808080; }
#blogArticles .reaction { color: #101010; } 
p.etatReaction          { font-style: italic; color: #808080; }
.reaction h4            { font-size: 14px; color: #404080; padding: 5px 60px 3px 50px; margin: 0px; font-weight: normal;}
.reaction h4 .pseudo    { font-weight: bold; }
.reaction h4 .moment    { font-style: italic; display: block; float: right; }
.reaction p             { text-align: justify; background-color: #E0E0E0; font-size: 12px; color: #404080; padding: 3px 15px 3px 15px; margin: 0px 60px 0px 60px;} 
td.reaction				{ }
table.reactionForm 		{ margin: 20px 100px 20px 100px; }
table.reactionForm th   { color: #808080; font-weight: normal; text-align: left; font-size: 12px; vertical-align: top; padding-top: 2px;}
table.reactionForm td.submit { padding: 20px;}
table.reactionForm td.message { color: red; }

.blogPreview 			{ background: url("/freewhist/fondBlog_fr.png") no-repeat; width: 226px; height: 133px;
						  vertical-align: top; }
.blogPreview a, .rencontres a { display: block; padding: 30px 10px 10px 10px; font-size: 10px; line-height: 1em; margin: 0px;
							text-decoration: none; color: black;}
.blogPreview a .titre, .rencontres a .titre   { font-weight: bold; }
.mainNewsZone			{ padding-right: 20px; }

.rencontres	 			{ background: url("/site/cadreRencontre.png") no-repeat; width: 226px; height: 163px;
						  vertical-align: top; }
.rencontres a .titre 	{ display: block; margin-bottom: 30px; }

body.forum th { vertical-align: top; text-align: left; padding-right: 20px;}
body.forum a.coin { display: block; right: 20px; text-align:right; float: right; }
body.forum a.coin img { border: 0px; }
body.forum .legende span { margin: 5px 30px 5px 0px; }

body.forum .paragraphToolbar { width: 500px; }
body.forum .paragraphIframe { width: 500px; height: 200px; }
body.forum .personnel p  { background-color: #FFFFDD; } 

table.ranking td { padding: 0px 20px 0px 20px; }
table.ranking th { padding: 0px 20px 0px 20px; text-align: center;}
table.ranking td.nombre { text-align: center; }
table.ranking a { text-decoration: none; color: #808080; }