/* CSS JOL-LOTRO */
html, body {
	height:100%;
}
body {
	background-color:#000000;
	text-align:center;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
}
body, img, div, table, td, tr, th, h1, ul, li, h1, h2, h3, p {
	margin:0;
	padding:0;
	border:none;
}

/* DIV encadrant le site  */
#under {
	background-image:url('http://jolstatic.fr/lotro/site/img/bg_haut.jpg');
	background-position:center top;
	background-repeat:no-repeat;
    min-height:100%;
}
/*div central */
#site {
	width:880px;
	margin:0 auto 0 auto;
    min-height:100%;
}
/* haut */
#banniere {
	width:880px;
	height:224px;
	background-image:url('http://jolstatic.fr/lotro/site/img/banniere.jpg');
	background-repeat:no-repeat;
    position:relative;
}
#lien_haut {
	display:block;
	width:880px;
	height:155px;
}
#lien_gauche {
	display:block;
	width:206px;
	height:60px;
	position:absolute;
	top:155px;
	left:0px;
}
#lien_droite {
	display:block;
	width:206px;
	height:60px;
	position:absolute;
	top:155px;
	right:0px;
}
#pub {
	width:468px;
	height:60px;
	position:absolute;
	left:206px;
	top:155px;
}
/* menu + actus etc */
#contenu {
	background-image:url('http://jolstatic.fr/lotro/site/img/bg_frise.jpg');
	background-repeat:repeat-y;
	width:880px;
	min-height:100%;
	position:relative;
	overflow:auto;
}

#menu {
	width:183px;
	float:left;
	text-align:left;
	background-image:url('http://jolstatic.fr/lotro/site/img/menu_haut.jpg');
	background-repeat: no-repeat;
	padding-top:30px;
}
#menu ul {
	padding-left:25px;
	list-style:url('http://jolstatic.fr/lotro/site/img/puce_or.gif');
	margin-top:-3px;
}
#menu li {
	margin-top:3px;
}
#menu_haut {
	width:183px;
	height:155px;
	padding-top:5px;
    overflow:hidden;
}
.menu_bas {/* Change sur IE <= 7 */
	background-image:url('http://jolstatic.fr/lotro/site/img/bas_menu.jpg');
	background-repeat:no-repeat;
	width:162px;
    margin-left:16px;
	height:34px;
    margin-top:-20px;
}
#pied_menu {
	background-image:url('http://jolstatic.fr/lotro/site/img/menu_bas.jpg');
	background-repeat:no-repeat;
	background-position:center top;
	height:46px;
	width:100%;
	margin-top:15px;
}
#serv {
	padding-left:25px;
    margin-top:-5px;
}
#menu_1, #menu_2, #menu_3, #menu_4, #menu_5, #menu_6, #menu_7, #menu_8, #menu_9, #menu_10, .menu_sansordre {
	margin-left:16px;
	background-repeat:no-repeat;
	width:162px;
    margin-top:12px;
    padding-top:37px;
}
#menu_2 ul, #menu_4 ul, #menu_6 ul, #menu_8 ul, #menu_10 ul {
	list-style:url('http://jolstatic.fr/lotro/site/img/puce_argent.gif');
}
#menu_1 {
	background-image:url('http://jolstatic.fr/lotro/site/img/menus/menu_1.jpg');
}
#menu_2 {
	background-image:url('http://jolstatic.fr/lotro/site/img/menus/menu_2.jpg');
}
#menu_3 {
	background-image:url('http://jolstatic.fr/lotro/site/img/menus/menu_3.jpg');
}
#menu_4 {
	background-image:url('http://jolstatic.fr/lotro/site/img/menus/menu_4.jpg');
}
#menu_5 {
	background-image:url('http://jolstatic.fr/lotro/site/img/menus/menu_5.jpg');
}
#menu_6 {
	background-image:url('http://jolstatic.fr/lotro/site/img/menus/menu_6.jpg');
}
#menu_7 {
	background-image:url('http://jolstatic.fr/lotro/site/img/menus/menu_7.jpg');
}
#menu_8 {
	background-image:url('http://jolstatic.fr/lotro/site/img/menus/menu_8.jpg');
}
#menu_9 {
	background-image:url('http://jolstatic.fr/lotro/site/img/menus/menu_9.jpg');
}
#menu_10 {
	background-image:url('http://jolstatic.fr/lotro/site/img/menus/menu_10.jpg');
}
.contenu_menu {
	background-image:url('http://jolstatic.fr/lotro/site/img/sous_menu.jpg');
	background-repeat:no-repeat;
	background-position:-1px 0px;
	background-color:#DFDFDF;
	border-left:1px solid #C0BDB9;
	border-right:1px solid #C0BDB9;
	width:160px;
}
#corps { /* Change sur IE <= 6 */
	width:697px;
	/*margin-left:183px;*/
	background-image:url('http://jolstatic.fr/lotro/site/img/haut_cadre.jpg');
	background-repeat:no-repeat;
	float:left;
	min-height:100%;
}
/* cadre forums/capture */
#mini_cadres {/* Change sur IE <= 7 */
	background-image:url('http://jolstatic.fr/lotro/site/img/mini_cadres.jpg');
	background-repeat:no-repeat;
    background-position:0px 10px;
	width:648px;
	height:171px;
	margin-left:18px;
}
#cadre_forum {
	text-align:left;
	padding-top:40px;
	padding-left:5px;
	overflow:hidden;
	width:450px;
	float:left;
}
#cadre_captures {/* Change sur IE <= 6 */
	position:relative;
	float:right;
	width: 160px;
	height: 120px;
	margin-top:39px;
	margin-right:12px;
}
#cadre_captures img {
    max-height:120px;
}
/* actus */
#cadre_actus {/* Change sur IE <= 7 */
	width:648px;
	min-height:150px;
	margin-left:18px;
}
.vignette {
	margin-top:-1px;
	margin-left:-1px;
	float:left;
	background-image:url('http://jolstatic.fr/lotro/site/img/vignette.jpg');
	background-repeat:no-repeat;
	width:96px;
	height:96px;
}
.actu {
	width:648px;
	background:#F0F0F0;
	min-height:150px;
	border:1px solid #C0BDB9;
	border-bottom:none;
	margin-top:30px;
}
.bas_actu {
	height:42px;
	width:648px;
	background:#F0F0F0;
	border:1px solid #C0BDB9;
	border-top:none;
}
.bas_actu span {
	float:left;
	padding-top:15px;
	padding-left:15px;
}
.bas_actu img {    
    float:right;
    margin-right:-1px;
}
.texte {
    padding:8px;
	margin-top:-40px;
}
/* footer */
#bas {
	background-image:url('http://jolstatic.fr/lotro/site/img/bas.jpg');
	background-repeat:no-repeat;
	width:880px;
	height:355px;
}

/***********************************************/
/*    MISE EN PAGE : couleurs, taille, etc     */
/***********************************************/
div.texte p {
	margin-bottom:8px;
	text-align:justify;
}
div.texte p p {
    margin-bottom:8px;
}
a {
	color:#3E647E;
	text-decoration:none;
}
a:hover {
	color:#000000;
	text-decoration:none;
}
a:visited {
	color:#3E647E;
	text-decoration:none;
}
a:visited:hover {
	color:#000000;
	text-decoration:none;
}
.actu a, .bas_actu a {
	color:#5273C9;
}
.actu a:hover, .bas_actu a:hover {
	color:#3E647E;
}
.actu a:visited, .bas_actu a:visited {
	color:#5273C9;
}
.actu a:visited:hover, .bas_actu a:visited:hover {
	color:#3E647E;
}

.serveur_up, .server_up {
	background-image:url('http://jolstatic.fr/lotro/site/img/accept.gif');
	background-repeat: no-repeat;
	padding-left: 15px;
	color: #006633;
	font-weight: bold;
	font-size: 12px;
}

.serveur_down, .server_down {
	background-image:url('http://jolstatic.fr/lotro/site/img/delete.gif');
	background-repeat: no-repeat;
	padding-left: 15px;
	color: #FF0000;
	font-weight: bold;
	font-size: 12px;
}
.bas_actu span {
	color:#405576;
	font-weight:bold;
}
h1 {
	font-size:16px;
	color:#405576;
	margin-top: 40px;
	height:96px;
	vertical-align:middle;
	font-weight:bold;
}
.texte h1 {
	display:block;
	border-bottom:1px solid #CCCCCC;
    padding-bottom:5px;
    margin-bottom:10px;
	margin-top:30px;
	clear:both;
    height:auto;
}

.texte h2 {
	display:block;
	border-bottom:1px solid #CCCCCC;
    padding-bottom:5px;
    margin-bottom:10px;
	margin-top:30px;
	clear:both;
    height:auto;
}
h2, h3, h4 , h5{
	color:#405576;
	font-size:14px;
	margin-top:15px;
	margin-bottom:10px;
	font-weight:bold;
}
h3{
	margin-left:30px;
}
h4 {
	margin-left:60px;
	font-size:13px;
}
h5 {
	margin-bottom:5px;
	font-size:12px;
}
#bas span {
        position:absolute;
		font-weight:bold;
		color:#FFFFFF;
        width:370px;
        display:block;
        margin-top:235px;
        margin-left:285px;
        font-size:10px;
}
#bas span a {
        color: #FFFFFF;
		text-decoration:underline;
}
#bas span a:hover {
        color: #000000;
		text-decoration:none;
}

/** PAGE EQUIPE **/
.titreListe {
    background-color:white;
    width:50%;
    margin:0 auto 0 auto;
    padding:3px;
    border:1px solid black;
}
.texteListe {
    border:1px black solid;
    width:50%;
    margin: 0 auto 0 auto;
    margin-bottom:10px;
    text-align:justify;
    padding:3px;
}

.texte img
{
	margin:10px;
}

/** TABLEAUX DANS LES ARTICLES **/
.texte table {
	border:1px solid #5273C9;
	border-collapse:collapse;
	margin:0 auto 0 auto;
}
.texte table td {
	padding:3px;
	border:1px solid #5273C9;
	text-align:center;
	vertical-align:middle;
}

.texte table img
{
	margin:0;
}
/** LISTES DANS LES ARTICLES **/
.texte ul {
	margin-left:27px;
}
/** ALIGNEMENT DU TEXTE DES ACTUS/ARTICLES **/
.texte {
	text-align:justify;
	line-height:1.35em;
}
/** CITATIONS DANS LES ACTUS/ARTICLES **/
.texte blockquote {
	border-left:5px solid #6282af;
	padding:5px;
	padding-left:10px;
	font-style:italic;
	margin-left:30px;
	background-color:#FDFDFF;
}
/** SOUS MENU **/
.sous_menu { /* Change sous IE <= 7, cf index.php*/
	display:none;
    position:absolute;
    z-index:3;
	margin-left:70px;
    margin-top:-17px;
    padding:5px;
    background-color:#DFDFDF;
    border:1px solid #C0BDB9;
	filter:alpha(opacity:95);
	opacity:0.95;
}
/** IMAGES LETTRES **/
.menu_sansordre {
	background-image:url('http://jolstatic.fr/lotro/site/img/menus/menu_sansordre.jpg');
}
#menu .titre {
        position:absolute;
        margin-top:-24px;
        margin-left:35px;
	width:170px;
        z-index:1;
}
#menu .titre img {
	margin-left:-4px;
        vertical-align:bottom;
}
#menu .titre .e, #menu .titre .s, #menu .titre .l {
        margin-bottom:1px;
}
#menu .titre .y {
        margin-left:-11px;
        margin-bottom:-3px;
}
#menu .titre .p {
        margin-bottom:-2px;
}
#menu .titre .q, #menu .titre .g {
        margin-bottom:-1px;
}
#menu .titre .d {
        margin-left:-12px;
}
#menu .titre .f, #menu .titre .t {
        margin-left:-6px;
}
#menu .titre .a {
	margin-right:-2px;
}
#menu .titre .l, #menu .titre .i {
        margin-left:-3px;
}
.jol_article_sommaire, .jol_article_sommaire2 {
    text-align:center;
    width:55%;
    margin:0 auto 0 auto;
    border:2px dotted #5273C9;
    margin-bottom:15px;
    padding:5px;
    font-size:11px;
}
.jol_article_sommaire2 {
    margin-top:15px;
    width:75%;
    margin:10px auto 10px auto;
}
.jol_article_sommaire_titre {
    margin-bottom:5px;
    font-size:1.2em;
    font-weight:bold;
    color:#405576;
}
.jol_article_sommaire_corps {
    text-align:left;
}
.jol_article_sommaire_corps ul{
    list-style:url('http://jolstatic.fr/lotro/site/img/puce_argent.gif');
}
.jol_article_navigation_prec {
    float:left;
}
.jol_article_navigation_prec span{
    display:none;
}
.jol_article_navigation_suiv {
    text-align:right;
}
.jol_article_navigation_suiv span{
    display:none;
}
.jol_article_pagination {
    border:2px dotted #5273C9;
    min-width:1%;
    text-align:center;
    max-width:75%;
    margin:10px auto 10px auto;
    padding:5px;
}
.jol_article_navigation ul {
    list-style:none;
    margin:0px;
}
div.jol_actus_tags {
    background-image:       url(http://jolstatic.fr/www/modules/Actualites/tag.gif);
    background-repeat:      no-repeat;
    background-position:    0 50%;
    margin:                 0;
    margin-left:10px;
    min-height:             15px;
    padding:                0 0 0 20px;
    text-align:left;
}
div.jol_actus_tags ul.jol_actus_tags_liste {
    list-style-type:    none;
    margin:             0;
    padding:            0;
}
div.jol_actus_tags li.jol_actus_tags_tag {
    display:            inline;
    padding-right:      5px;
}
div.jol_actus_tags li.jol_actus_tags_tag:after {
    content:    ',';
}
div.jol_actus_tags li.jol_actus_tags_tag_dernier:after {
    content:    '';
}
div.jol_actus_pages {
    color:  #999;
    margin: 10px 110px;
}
div.jol_actus_pages ul.jol_actus_pages_liste {
    margin:     0;
    padding:    0;
    text-align: left;
}
div.jol_actus_pages li.jol_actus_page {
    list-style-type:    none;
    display:            inline;
    padding-bottom:     1px;
    margin-right:       3px;
}
div.jol_actus_pages li.jol_actus_page_separateur { }
div.jol_actus_pages a.jol_actus_page_lien {
    border:             1px solid #9aafe5;
    color:              #2e6ab1;
    padding:            2px 5px;
    text-decoration:    none;
}
div.jol_actus_pages a.jol_actus_page_lien:hover,
div.jol_actus_pages a.jol_actus_page_lien:active {
    border:             1px solid #00468C;
    color:              #00468C;
}
div.jol_actus_pages a.jol_actus_page_lien_actif,
div.jol_actus_pages a.jol_actus_page_lien_actif:hover {
    background-color:   #2e6ab1;
    color:              #fff;
    border-color:       #2b66a5;
    font-weight:        bold;
    cursor:             default;
}
div.jol_actus_pages a.jol_actus_page_lien_suivprec {
    color:              #00468C;
    font-weight:        bold;
}
div.jol_actus_pages a.jol_actus_page_lien_suivprec:hover {
    color:              #00468C
}
div.jol_actus_pages a.jol_actus_page_lien_desactive,
div.jol_actus_pages a.jol_actus_page_lien_desactive:hover {
    border-color:       #ccc;
    color:              #ccc;
    cursor:             default;
    font-weight:        normal;
}
.plan {
    text-align:left;
    margin-left:250px;
}
.plan .plan_2 {
    list-style:circle;
    margin-left:25px;
}
.texte #jolCapturesGalerie img {
    margin:5px;
    max-width:100%;
}
.texte #jolCapturesGalerie .navigation {
    margin-top:15px;
}
div.jol_image {
  border: 1px solid #6282af;
  padding: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
}
div.jol_image_legende {
  font-size: 10px
}
ul.jol_article_sommaire_liste_1, ul.jol_article_sommaire_liste_2 {
  margin-left: 40px
}
div.jol_image a { background-color: #000; display: block; overflow: hidden; }
div.jol_image img { display: block; margin: 0 auto; }
div.jol_image_legende a { background-color: inherit; }

/* Lexique */
.jol_lexique_infobulle {
  font-style: italic;
  color : #6f6f6f;
  cursor: help;
  border-bottom: 1px dotted #6f6f6f
}
.jol_lexique_boxover_header {
  margin-left: 15px;
  text-align: left;
  font-style: italic;
  font-weight: bold;
  padding: 5px 5px 3px;
  background: #d1deef;
  border: 1px solid #6282af;
  width: 250px
}
.jol_lexique_boxover_body {
  margin-left: 15px;
  text-align: left;
  padding: 5px;
  background: #ffffff;
  border: 1px solid #6282af;
  border-top: none;
  width: 250px
}

/* Mise en évidence d'un bloc dans la page */
.blocSpecial {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  margin: 10px 25px;
  background: url(http://jolstatic.fr/lotro/site/img/frise5.png) repeat-y;
  padding: 12px 55px 12px 40px;
  clear: both;
  font-weight:bold;
}

.RP
{
  margin: 15px 25px 15px 25px;
  background: url(http://jolstatic.fr/lotro/site/img/frise3.png) repeat-y;
  padding: 12px 40px 12px 40px;
  clear: both;
  font-style:italic;
  text-align:justify;
  color:#EEE;
  font-size:1.1em;
  line-height:1.5em;
  width:498px;
}

.RP .source
{
	display:block;
	text-align:right;
	font-weight:bold;
	font-style:normal;
}

/* hr */

hr{
height:10px;
border:none;
background: url(http://jolstatic.fr/lotro/site/img/separateur.png);
clear:both;
}

/* arbres de répartition */
table.arbre
{
	border:none;
	margin-bottom:20px;
}

table.arbre td
{
	border :none;
} 

/****************************************************************************************************/
/* 									Article															*/
/****************************************************************************************************/
.article
{
	width:648px;
	background:#F0F0F0;
	min-height:150px;
	border:1px solid #C0BDB9;
	border-bottom:none;
	margin-top:30px;
}

.article a, .bas_actu a {
	color:#5273C9;
}
.article a:hover, .bas_actu a:hover {
	color:#3E647E;
}
.article a:visited, .bas_actu a:visited {
	color:#5273C9;
}
.article a:visited:hover, .bas_actu a:visited:hover {
	color:#3E647E;
}

.article .jol_article_sources
{
	margin-top:30px;
}

hr{
	margin-top:20px;
	margin-bottom:20px;
}

/****************************************************************************************************/
/* 									Article races 													*/
/****************************************************************************************************/
.races h2
{
	text-align:center;
}

.races table
{
	border:none;
}

.races table
{
	empty-cells:show;
	border-collapse:collapse;
	width:100%;
}

.races table td, .races table th
{
	text-align:center;
	border:1px solid maroon;
	margin:0;
	background:whitesmoke;
}

.races table .bottom
{
	border-bottom:2px outset maroon;
}

.races table .right
{
	border-right:2px outset maroon;
}

.races table th.empty
{
	background:#F0F0F0;
	border:none;
}
.races table .true
{
	background-color:white;
}

.races table .false
{
	background-color:#CCC;
}

.races table.traits
 {
	font-size:0.8em;
 }
 
 .races table.traits th
 {
	font-size:1.2em;
	height:2em;
 }

.races table td.nom
{
	font-weight:bold;	
}