@charset "iso-8859-1";
/* CSS Document */

/************************************************/
/* 				BALISES							*/
/************************************************/
* 								{ margin:0; padding:0; border:none; }
body 							{ font-size:.8em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; text-align:left; background:#ffffff; }
h1 								{ }
h2 								{ }
h3 								{ }
h4 								{ font-weight:normal; }
table 							{ width:100%; border-spacing:0; border-collapse:collapse; }
tbody 							{ }
th 								{ }
tr 								{ }
td 								{ vertical-align:top; }
/* Lien par défaut */

a 								{ font-weight:bold; text-decoration:none; }
a:link,  a:visited 				{ background-color: transparent; text-decoration:none; }
a:link 							{ color: #990033; }
a:visited 						{ color: #990000; }
a:active,  a:hover 				{ color: #CC0000; background-color: transparent; text-decoration: underline; }
blockquote 						{ color:#6B0F00; margin:10px 20px 10px 30px; padding:5px; background:#fcf7ee; border-left:5px solid #d9cbc1; }

/************************************************/
/* 				CALQUE GLOBAL					*/
/************************************************/

#global 						{ min-width:980px; background:url(styles/global.jpg) center top no-repeat fixed; }
/************************************************/
/* 			  STRUCTURE GENERALE				*/
/************************************************/
#header_bg 						{ clear:both; z-index:999; }
#contenu_bg 					{ clear:both; }
#footer_bg 						{ clear:both; }
/* centrage de la page */

#header, #contenu, #footer 		{ position:relative; margin:0 auto; width:980px; }
#header 						{ height:165px; background:url(styles/header.png) center top no-repeat; }
#contenu 						{ min-height:500px; }
#footer 						{ height:150px; }
.clear_all 						{ clear:both; display:block; }

/* Header */
#header .pub 					{ position:absolute; top:1px; left:256px; width:468px; height:64px; }
#header .home 					{ position:absolute; top:75px; left:260px; width:468px; background:url(styles/logo-l2.png) center top no-repeat; }
#header .home a 				{ display:block; height:165px; }
#header .home a span 			{ display:none; }
#header .jol 					{ position:absolute; top:8px; right:101px; width:49px; background:url(styles/logo-jol.png) center top no-repeat; }
#header .jol a 					{ display:block; height:49px; height:45px; }
#header .jol a span 			{ display:none; }

/* Footer */
#footer 						{ font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif;  }
#footer .copyright 				{ width:520px; margin:0 auto; }
#footer .copyright .top 		{ height:25px; background:url(styles/ttr-page_top.png) 0 0 no-repeat; }
#footer .copyright .ctn 		{ padding:0 25px; background:#fcf7ee; border-left:2px solid #6b0f00; border-right:2px solid #6b0f00; text-align:center; }
#footer .copyright .ctn h1 		{ font-weight:bold; color:#6b0f00; text-align:center; }
#footer .copyright .ctn p 		{ color:#6b0f00; text-align:center; }
#footer .copyright .btm 		{ height:7px; background:url(styles/ttr-page_btm.png) 0 0 no-repeat; }
#footer .copyright .ncsoft		{ padding:10px 0; }


/* Colonnes principales */
.col-gauche 					{ position:relative; height:auto; width:160x; background:url(styles/col-gauche.png) 0 0 repeat-y; }
.col-centre 					{ position:relative; height:auto; width:660px; }
.col-droite 					{ position:relative; height:auto; width:155px; padding:0 0 0 5px; }

/* Lignes principales */
.col-gauche .col-top 			{ position:absolute; top:-60px; background:url(styles/col-gauche_col-top.png) 0 0 no-repeat; width:160px; height:60px; }
.col-gauche .col-ctn 			{ min-height:360px; padding:0 5px 61px 0; background:url(styles/col-gauche.png) 0 0 repeat-y; }
.col-gauche .col-btm 			{ position:absolute; bottom:0; background:url(styles/col-gauche_col-btm.png) 0 0 no-repeat; width:160px; height:61px; }

.col-centre .col-top 			{ height:70px; }
.col-centre .col-ctn 			{ min-height:360px; padding:0 0 61px 0; }
.col-centre .col-btm 			{ position:absolute; bottom:0; background:url(styles/col-centre_col-btm.png) 0 0 no-repeat; width:660px; height:61px; }

.col-droite .col-top 			{ display:none; }
.col-droite .col-ctn 			{ }
.col-droite .col-btm 			{ display:none; }

/* Bouton type */
.btn 							{ }
.btn a 							{ display:block; background-repeat:no-repeat; }
.btn a:link,  
.btn a:visited 					{ background-position:top left; }
.btn a:active,  
.btn a:hover 					{ background-position:bottom left; }
.btn a span 					{ display:none; }

/* MENU */
.col-gauche .menu 				{ width:145px; padding:0 5px 0 5px; }
.col-gauche .menu .top 			{ height:23px; background:url(styles/menu_top.png) 0 0 no-repeat; }
.col-gauche .menu .ctn 			{ background:url(styles/menu_ctn.png) 0 0 repeat-y; }
.col-gauche .menu .btm 			{ height:28px; background:url(styles/menu_btm.png) 0 0 no-repeat; }
.col-gauche .menu ul 			{ list-style:none; padding:0 0 10px 0; }
.col-gauche .menu li 			{ }
.col-gauche .menu li h4 		{ height:23px; }
.col-gauche .menu li h4 span 	{ display:none; }
.col-gauche .menu li li 		{ color:#fff9c5; padding:2px 0 0 10px; }
.col-gauche .menu li li a 		{ display:block; text-decoration:none; background:url(styles/menu_a.png) 0 6px no-repeat; padding:0 0 0 9px; }
.col-gauche .menu li li a:link,
.col-gauche .menu li li a:visited { color:#6c5225; }
.col-gauche .menu li li a:active,
.col-gauche .menu li li a:hover { color:#fff9c5; background-position:0 -14px; }
.col-gauche .menu li li h4 		{ color:#6c5225; height:auto; font-weight:bold; text-decoration:none; background:url(styles/menu_a.png) 0 6px no-repeat; padding:0 0 0 9px;  }
.col-gauche .menu li li h4 span { display:inline; }


/* Libellé des rubriques */
/* ATTENTION : dans la version actuelle du JoL Menu, il faut tenir compte de l'ordre d'affichage des éléments ! */
#titre-0-1 						{ background:url(styles/menu-actualite.png) 0 0 no-repeat; }
#titre-0-2 						{ background:url(styles/menu-univers.png) 0 0 no-repeat; }
#titre-0-3 						{ background:url(styles/menu-medias.png) 0 0 no-repeat; }
#titre-0-4 						{ background:url(styles/menu-premiers-pas.png) 0 0 no-repeat; }
#titre-0-5 						{ background:url(styles/menu-bibliotheque.png) 0 0 no-repeat; }
#titre-0-6 						{ background:url(styles/menu-communaute.png) 0 0 no-repeat; }

/* BLOCS - COMMUN */
.b01 							{ }
.b01 .top 						{ height:9px; }
.b01 .ttr 						{ padding:0 9px; background:#fcf7ee; border-left:1px solid #d9cbc1; border-right:1px solid #d9cbc1; }
.b01 .ttr h4 					{ font-size:1em; font-weight:bold; }
.b01 .ctn 						{ padding:0 9px; background:#fcf7ee; border-left:1px solid #d9cbc1; border-right:1px solid #d9cbc1; }
.b01 .btm 						{ height:9px; margin:0 0 10px 0; }

.b02 							{ }
.b02 .top 						{ height:9px; }
.b02 .ttr 						{ padding:0 9px; background:#ffffff; border-left:1px solid #d9cbc1; border-right:1px solid #d9cbc1; }
.b02 .ctn 						{ padding:0 9px; background:#ffffff; border-left:1px solid #d9cbc1; border-right:1px solid #d9cbc1; }
.b02 .btm 						{ height:9px; margin:0 0 10px 0; }
.b01 .ctn ul 					{ padding:10px 0 20px 50px; }
.b01 .ctn ul ul 				{ padding:5px 0 0 10px; }

/* BLOCS DANS LA COLONNE DU CENTRE */
.col-centre .ttr-page 			{ width:520px; padding:0 70px 10px 70px; }
.col-centre .ttr-page .top 		{ height:25px; background:url(styles/ttr-page_top.png) 0 0 no-repeat; }
.col-centre .ttr-page .ctn 		{ padding:0 25px; background:#fcf7ee; border-left:2px solid #6b0f00; border-right:2px solid #6b0f00; }
.col-centre .ttr-page .ctn h1 	{ font-size:2em; font-weight:bold; color:#6b0f00; text-align:center; }
.col-centre .ttr-page .ctn p 	{ font-size:1em; color:#6b0f00; text-align:center; }
.col-centre .ttr-page .btm 		{ height:7px; background:url(styles/ttr-page_btm.png) 0 0 no-repeat; }

.col-centre .b01 				{ width:660px; }
.col-centre .b01 .top 			{ background:url(styles/bc01_top.png) 0 0 no-repeat; }
.col-centre .b01 .ttr 			{ }
.col-centre .b01 .ctn 			{ }
.col-centre .b01 .btm 			{ background:#fcf7ee url(styles/bc01_btm.png) 0 0 no-repeat; }

.col-centre .b02 				{ width:660px; }
.col-centre .b02 .top 			{ background:url(styles/bc02_top.png) 0 0 no-repeat; }
.col-centre .b02 .ttr			{ }
.col-centre .b02 .ctn 			{ }
.col-centre .b02 .btm 			{ background:url(styles/bc02_btm.png) 0 0 no-repeat; }

/* BLOCS DANS LA COLONNE DE DROITE */
.col-droite .b01 				{ width:155px; }
.col-droite .b01 .top 			{ background:url(styles/bd01_top.png) 0 0 no-repeat; }
.col-droite .b01 .ttr 			{ }
.col-droite .b01 .ctn 			{ }
.col-droite .b01 .btm 			{ background:url(styles/bd01_btm.png) 0 0 no-repeat; }
.col-droite .b02 				{ width:155px; }
.col-droite .b02 .top 			{ background:url(bloc/bd02_top.png) 0 0 no-repeat; }
.col-droite .b02 .ttr 			{ }
.col-droite .b02 .ctn 			{ }
.col-droite .b02 .btm 			{ background:url(bloc/bd02_btm.png) 0 0 no-repeat; }

/* BLOCS D'HIVER (ça rafraîchit l'été) */
.intro 							{ position:relative; }
.intro .left 					{ float:left; width:100px; padding:0 10px 0 0; }
.intro .right 					{ float:left; width:500px; }

.intro #jolCaptures 			{ text-align:center; }
.intro #jolCaptures .capture 	{ display:inline-block; padding:5px;  }
.intro #jolCaptures .image 		{ background:#ffffff; border:1px solid #d9cbc1; padding:2px; }
.intro #jolCaptures a 			{ display:block; font-size:0%; }
.intro #jolCaptures img			{ }

.col-droite .forums h4 			{ background:url('styles/titres/sur-les-forums.png') 0 0 no-repeat; height:21px; }
.col-droite .forums h4 span 	{ display:none; }
.col-droite .serveurs h4 		{ background:url('styles/titres/etat-des-serveurs.png') 0 0 no-repeat; height:24px; }
.col-droite .serveurs h4 span 	{ display:none; }

/* Habillage des modules JOL : Commun */
td.vignette						{ padding:0 10px 0 0; }
td.texte						{ }
.corps 							{ }
.corps ul 						{ padding:10px 0 20px 50px; }
.corps ul ul 					{ padding:5px 0 0 10px; }
.corps h2 						{ color:#6B0F00; }
.corps h3 						{ color:#6B0F00; }
td.vignette						{ padding:0 10px 0 0; }

/* Habillage des modules JOL : Actualite */
.actualite 						{ }
.actualite p 					{ padding:0 0 0.5em 0; }
.actualite .titre h1,  
.actualite .titre h2,  
.actualite .titre h2 a 			{ color:#6B0F00; }
.actualite .titre h1 			{ font-size:2em; }
.actualite .titre h2 			{ font-size:1.5em; }
.actualite .titre h2 a:link,  
.actualite .titre h2 a:visited 	{ color:#6B0F00; }
.actualite .titre h2 a:active,  
.actualite .titre h2 a:hover 	{ }
.actualite .infos 				{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#6B0F00; padding:0 0 2px 0; margin:0 0 20px 0; border-bottom:1px solid #D9CBC1; font-weight:normal; font-size:10px; }
.actualite .infos .commentaires { padding:0 0 0 13px; background:url(styles/commentaires.png) 0 0 no-repeat; }
.actualite .accroche 			{ color:#6B0F00; font-weight:bold; margin:0 0 10px 0; }
.actualite .corps 				{ }
.actualite .suite 				{ margin:0 0 10px 0; font-weight:normal; }
.actualite .source 				{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#6B0F00; margin:0 0 0 0; text-align:right; font-weight:normal; font-size:10px; line-height:1.4; }
.actualite .source a 			{ font-weight:normal; }
.actualite .tags 				{ float:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; text-align:right; background:url(styles/tag.png) top right no-repeat; padding:0 13px 0 0; }
.actualite .tags ul 			{ list-style:none; }
.actualite .tags li 			{ display:inline; padding:0 5px; }
.actualite .tags li a 			{ font-weight:normal; }
.actualite .outils 				{ padding:3px 0 0 0; font-family:Verdana, Arial, Helvetica, sans-serif; color:#D9CBC1; border-top:1px solid #D9CBC1; font-weight:normal; font-size:9px; }
.actualite .outils a 			{ font-weight:normal; }
.actualite .outils a:link,  
.actualite .outils a:visited 	{ color:#D9CBC1; }
.actualite .outils a:active,  
.actualite .outils a:hover		{ color:#6B0F00; }

/* Habillage des modules JOL : Archives */
.archives 						{ }
.archives .freshnews_archives_titre	{ border-bottom:1px solid #D9CBC1; color:#6B0F00; font-size:14px; line-height:18px; margin:10px 5px 5px; }
.archives .freshnews_archives_texte	{ margin:0 5px 10px; }
.archives .freshnews_archives_lien	{ }
.archives .nouvelles			{ }
.archives .nouvelles h1,  
.archives .nouvelles h2,  
.archives .nouvelles h2 a 		{ color:#6B0F00; }
.archives .nouvelles h1			{ font-size:2em;}
.archives .nouvelles h2			{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#6B0F00; padding:0 0 2px 0; margin:0 0 20px 0; border-bottom:1px solid #D9CBC1; font-weight:normal; font-size:10px; }
.archives .nouvelles .lireSuite_freshnews { margin:0 0 10px 0; font-weight:normal; }
.archives .nouvelles h5			{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#6B0F00; padding:2px 0 0 13px; margin:20px 0 0 0; border-top:1px solid #D9CBC1; font-weight:normal; font-size:10px;  background:url(styles/commentaires.png) 0 2px no-repeat; }
.archives .nouvelles h6 		{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#6B0F00; margin:0 0 0 0; text-align:right; font-weight:normal; font-size:10px; line-height:1.4; }
.archives .nouvelles h6 a 		{ font-weight:normal; }

/* Habillage des modules JOL : Sommaire */
.sommaire { }
.sommaire .ttr { }
.sommaire .ttr h4 { height:25px; background:url(styles/titres/sommaire.png) 0 0 no-repeat; }
.sommaire .ttr h4 span { display:none; }
.sommaire .ctn .scroll { height:150px; overflow:auto; }
.sommaire .jol_article_sommaire_liste_1,
.sommaire .jol_article_sommaire_liste_2 { width:260px; float:left; }

/* Habillage des modules JOL : Article */
.article { }
.article p { padding:0 0 0.5em 0; }
.article .titre h1,  .article .titre h2,  .article .titre h2 a { color:#6B0F00; }
.article .titre h1 { font-size:2em; }
.article .titre h2 { font-size:1.5em; }
.article .titre h2 a:link,  .article .titre h2 a:visited { color:#6B0F00; }
.article .titre h2 a:active,  .article .titre h2 a:hover { }
.article .infos { font-family:Verdana, Arial, Helvetica, sans-serif; color:#6B0F00; padding:0 0 2px 0; margin:0 0 20px 0; border-bottom:1px solid #D9CBC1; font-weight:normal; font-size:10px; }
.article .infos .commentaires { padding:0 0 0 13px; background:url(styles/commentaires.png) 0 0 no-repeat; }
.article .accroche { color:#6B0F00; font-weight:bold; margin:0 0 10px 0; }
.article .corps { }
.article .source { font-family:Verdana, Arial, Helvetica, sans-serif; color:#6B0F00; margin:0 0 0 0; text-align:right; font-weight:normal; font-size:10px; line-height:1.4; }
.article .source a { font-weight:normal; }
.article .outils { padding:3px 0 0 0; font-family:Verdana, Arial, Helvetica, sans-serif; color:#D9CBC1; border-top:1px solid #D9CBC1; font-weight:normal; font-size:9px; }
.article .outils a { font-weight:normal; }
.article .outils a:link,  .article .outils a:visited { color:#D9CBC1; }
.article .outils a:active,  .article .outils a:hover { color:#6B0F00; }
/* JoL Sondage */

.jolsondage { background-color:#FCF7EE; font-size:10px; }
.jolsondage .titre { padding-top:12px; padding-bottom:10px; font-size:11px; font-weight:bold; }
.jolsondage .divers { padding:5px 0 7px 0; margin:0px; font-size-size:8px; text-align:center; }
.jolsondage .voter { padding:10px 0 7px 0; text-align:center; font-size:9px; }
.jolsondage .stats { padding:10px 0 7px 0; text-align:center; font-size:9px; }
.jolsondage .options { font-size:10px; }
.jolsondage .option1 { background-color: #FCF7EE; }
.jolsondage .option2 { background-color: #FCF7EE; }

/* JoL Sujets (de forum) */
.jolsujets { font-size:9px; margin:12px 0 5px 0; width: 142px; font-family:Verdana, Arial, Helvetica, sans-serif; }
.jolsujets .lignespaires { background-color: #FCF7EE; }
.jolsujets .lignesimpaires { background-color: #EDE8E4; }
.jolsujets .icones { display: none; }
.jolsujets a:link,  .jolsujets a:visited { color:#000000; background-color:transparent; }
.jolsujets a:active,  .jolsujets a:hover { color:#CC0000; background-color:transparent; text-decoration:underline; }

/* FAQ */
.faqtree 					{ }
.faqtree h2 				{ color:#6B0F00; }

.faq 						{ }
.faq p 						{ margin:0 0 0.5em 0; }
.faq .titre h1,  
.faq .titre h2,  
.faq .titre h2 a 			{ color:#6B0F00; }
.faq .titre h1 				{ font-size:2em; }
.faq .titre h2 				{ font-size:1.5em; }
.faq .titre h2 a:link,  
.faq .titre h2 a:visited 	{ color:#6B0F00; }
.faq .titre h2 a:active,
.faq .titre h2 a:hover 		{ }
.faq .infos 				{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#6B0F00; padding:0 0 2px 0; margin:0 0 20px 0; border-bottom:1px solid #D9CBC1; font-weight:normal; font-size:10px; }
.faq .corps 				{ }
.faq .outils 				{ padding:3px 0 0 0; font-family:Verdana, Arial, Helvetica, sans-serif; color:#D9CBC1; border-top:1px solid #D9CBC1; font-weight:normal; font-size:9px; }
.faq .outils a 				{ font-weight:normal; }
.faq .outils a:link,
.faq .outils a:visited 		{ color:#D9CBC1; }
.faq .outils a:active, 
.faq .outils a:hover 		{ color:#6B0F00; }
.faq dt 					{ position:relative; font-size:1.5em; color:#6B0F00; }
.faq .btn_plus 				{ display:block; position:absolute; top:1px; right:3px; width:49px; height:13px; }
.faq .btn_plus a 			{ display:block; width:49px; height:13px; }
.faq .btn_moins 			{ display:block; position:absolute; top:1px; right:3px; width:49px; height:13px; }
.faq .btn_moins a 			{ display:block; width:49px; height:13px; }


/* Galerie Images */
#jolCapturesGalerie 		{}

#jolCapturesGalerie h1 		{ color:#6B0F00; font-size:2em; padding:1em; text-align:center; }
#jolCapturesGalerie h2 		{ color:#6B0F00; padding:0 0 0.5em; text-align:center; }

#jolCapturesGalerie div.navigation 			{ border-bottom:1px solid #D9CBC1; color:#6B0F00; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; font-weight:normal; padding:0 0 2px 0; }
#jolCapturesGalerie div.navigation a 		{}
#jolCapturesGalerie div.navigation strong 	{}

#jolCapturesGalerie div.dernieres 		{}
#jolCapturesGalerie div.dernieres div.titre 		{}
#jolCapturesGalerie div.dernieres div.images 		{}
#jolCapturesGalerie div.dernieres div.images img 		{}

#jolCapturesGalerie div.ajouter 		{ border:1px solid #D9CBC1; padding:3px; width:250px; text-align:center; margin:0.5em auto; background:#FCF7EE; }
#jolCapturesGalerie div.ajouter a 		{}

#jolCapturesGalerie div.liste_jeux 		{}
#jolCapturesGalerie div.jeu 		{}
#jolCapturesGalerie div.jeu h2 		{}
#jolCapturesGalerie div.boite 		{}
#jolCapturesGalerie div.jeu ul 		{}
#jolCapturesGalerie div.jeu li 		{}
#jolCapturesGalerie div.jeu span.nb_images 		{}
#jolCapturesGalerie div.jeu div.clear 		{}

#jolCapturesGalerie table.galerie 		{}
#jolCapturesGalerie table.galerie td 		{}
#jolCapturesGalerie div.capture 		{}
#jolCapturesGalerie div.capture div.image 		{}
#jolCapturesGalerie div.capture div.image img 		{}
#jolCapturesGalerie div.capture div.titre 		{}
#jolCapturesGalerie div.capture div.titre a 		{}
#jolCapturesGalerie div.capture div.date 		{}

#jolCapturesGalerie table.pages 		{}
#jolCapturesGalerie table.pages td 		{}
#jolCapturesGalerie table.pages td.precedente 		{}
#jolCapturesGalerie table.pages td.suivante 		{ text-align:right; }
#jolCapturesGalerie table.pages td.pages 		{}
#jolCapturesGalerie table.pages td.pages strong 		{}
#jolCapturesGalerie table.pages td.pages a 		{}

#jolCapturesGalerie div.stats 		{}

#jolCapturesGalerie div.agrandissement 		{}
#jolCapturesGalerie div.agrandissement div.image800 		{}
#jolCapturesGalerie div.agrandissement div.image800 img 		{}
#jolCapturesGalerie div.agrandissement div.description 		{}
#jolCapturesGalerie div.agrandissement div.date 		{}
#jolCapturesGalerie div.agrandissement div.options 		{}
#jolCapturesGalerie div.agrandissement div.options ul 		{}
#jolCapturesGalerie div.agrandissement div.options li 		{}
#jolCapturesGalerie div.agrandissement div.options li span.afficher 		{}
#jolCapturesGalerie div.agrandissement div.options li span.telecharger 		{}
#jolCapturesGalerie div.agrandissement div.options a 		{}
#jolCapturesGalerie div.agrandissement div.options span.taille 		{}
#jolCapturesGalerie div.agrandissement div.options span.poids 		{}
#jolCapturesGalerie div.agrandissement div.options div.clear 		{}

#jolCapturesGalerie div.formulaire 		{}
#jolCapturesGalerie div.formulaire form 		{}
#jolCapturesGalerie table.formulaire 		{}
#jolCapturesGalerie table.formulaire tr 		{}
#jolCapturesGalerie table.formulaire tr.alt 		{}
#jolCapturesGalerie table.formulaire th 		{}
#jolCapturesGalerie table.formulaire td 		{}
#jolCapturesGalerie table.formulaire select 		{}
#jolCapturesGalerie table.formulaire option 		{}
#jolCapturesGalerie table.formulaire input 		{}
#jolCapturesGalerie table.formulaire input.envoyer 		{}
