/********************************************** CSS DCUO **********************************/
/***************************************** colleen@jeuxonline.info ****************************/

/* Reset CSS DEBUT */
  body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    margin:0;
    padding:0;
  }
  table {
    border-collapse:collapse;
    border-spacing:0;
  }
  fieldset,img { 
    border:0;
  }
  address,caption,cite,code,dfn,em,strong,th,var {
    font-style:normal;
    font-weight:normal;
  }
  ol,ul {
    list-style:none;
  }
  caption,th {
    text-align:left;
  }
  h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
  }
  q:before,q:after {
    content:'';
  }
  abbr,acronym { border:0;
  }
  a{outline: none;}
/* Reset CSS FIN */

/* pointillés autour des éléments avec liens sur firefox */
:focus{-moz-outline-style: none;}


* {	margin: 0; padding: 0; }

body {
	background:url("images/bg.jpg") no-repeat fixed top center #0d0d0d;
	height: 100%;
	width: 100%;
}

img {
  margin:0;
}
div#jolBarre {
  position:absolute;
  #position: relative;
  width:100%;
  z-index:1000;
}
div#global {
  width:980px;
  position: relative;
  left:50%;
  margin-left:-490px;
	font-family: Arial, Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color:#c8c09f;
	top:30px;
}
/*******************/
ul#navigation {
    position: absolute;
    margin: 0px;
    padding: 0px;
    top: 30px;
    right: 10px;
    list-style: none;
    z-index:99;
    font-family: Arial, Trebuchet MS, Verdana, Helvetica, sans-serif;
    font-size: 12px;
}
ul#navigation li {
    width: 64px;
    display:inline;
    float:left;
}
ul#navigation li a {
    display: block;
    float:left;
    margin-left:2px;
    margin-top: -2px;
    width: 60px;
    height: 60px;
    /*background-color:#E7F2F9;*/
    background-repeat:no-repeat;
    background-position:50% 10px;
    /*border:1px solid #BDDCEF;*/
    text-decoration:none;
    text-align:center;
    padding-top:25px;
/*    -moz-border-radius:0px 0px 10px 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
    opacity: 0.7;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);*/
}
ul#navigation .fb a{
    background-image: url("images/icon_fb.png");
}
ul#navigation .twit a{
    background-image: url("images/icon_twit.png");
}
ul#navigation .fluxrss a{
    background-image: url("images/icon_fluxrss.png");
}
ul#navigation .home a{
    background-image: url("images/icon_home.png");
}
ul#navigation .about a      {
    background-image: url("images/icon_id_card.png");
}
ul#navigation .search a      {
    background-image: url("images/icon_search.png");
}
ul#navigation .podcasts a      {
    background-image: url("images/icon_ipod.png");
}
ul#navigation .rssfeed a   {
    background-image: url("images/icon_rss.png");
}
ul#navigation .photos a     {
    background-image: url("images/icon_camera.png");
}
ul#navigation .contact a    {
    background-image: url("images/icon_mail.png");
}
ul#navigation li a:hover{
     /*background-color:#CAE3F2;*/
}
ul#navigation li a span{
    letter-spacing:0px;
    font-size:11px;
    color:#60ACD8;
    text-shadow: 0 -1px 1px #000;
}
/*******************/
a {
  color:#c8c09f;
  font-weight:bold;
}

div#header {
  background:url("images/header.png") 0 -30px no-repeat;
  width:980px;
  height:174px;
  float:left;
}
div#header h1 {
  height:174px;
  width:980px;
  text-indent:-9000px;
  background:none;
}
div#header h1 a {
  display:block;
  height:174px;
  width:980px;
}

div#centre  {
  width:980px;
  float:left;
}

div#menu {
  width:240px;
  float:left;
}
div#menu a {
  text-decoration:none;
}
div#menu a:hover {
  text-decoration:underline;
}
div#menu-top {
  background:url("images/menu-top.png") no-repeat top left;
  width:204px;
  height:10px;
  margin:0 auto;
}
div#menu-middle {
  background:url("images/menu-middle.png") repeat-y top left;
  width:204px;
  margin:0 auto;
  overflow:hidden;
}
div#menu-bottom {
  background:url("images/menu-bottom.png") no-repeat top left;
  width:204px;
  height:11px;
  margin:0 auto;
}
ul.menu {
  margin-bottom:15px;
  margin-left:20px;
  line-height:15px;
  font-weight:bold;
}
li.menu-titre {
  /*margin-left:20px;*/
  margin-top:5px;
  margin-bottom:2px;
}
li.menu-lien {
  margin-left:15px;
  color:#666666;
  margin-top:1px;
}

/*Sous menu*/

#menu .sm {
  /*display:none;*/
  /*margin:12px 0px 0px 0px;*/
  /*position:absolute;*/
  /*width:127px;*/
	/*border-top:1px solid #DADADA;*/
}
#menu .sm li {
	float:none;
	width:150px;
  /*border-bottom:1px solid #ffffff;
	height:30px;
	line-height:30px;
	font-size:11px;
	margin:0;
	padding:0;
	background:#e1e2e2;*/
}
#menu .sm li.fleche{
	/*background:#e1e2e2 url('http://jolstatic.fr/dcuniverseonline/design1/images/arrow-menu.gif') no-repeat center right;*/
  margin-left:15px;
  color:#666666;
  margin-top:1px;
}
#menu .sm li:hover {
	/*background-color:#ffffff;*/
}
#menu .sm a {	
  /*color:#283036;
  font-weight:bold;
  display:block;
  width:127px;
  height:30px;*/
}
#menu .sm li:hover a {
  text-decoration:none;
	color:#1495C8;
}
#menu .sm li:hover .ssm a {
  text-decoration:none;
	color:#C8C09F;
}

#menu .ssm {
  display:none;
  margin:-15px 0px 0px 110px;/**/
  #margin:0; /* hack IE6 et IE7 */
  position:absolute;
  width:150px;
}
#menu .ssm div.ssm_corner {
  background-color:#000000;
  border-radius: 10px;
  padding:5px;
  border:1px solid #1495C8;/*bleu*/
  /*border:1px solid #f58922;orange*/
}
#menu .ssm li {
	/*background:#e1e2e2;*/
}
#menu .sm li:hover .ssm li:hover a {
  text-decoration:none;
	color:#1495C8;
}



/*div#menu ul li.menu-lien div.sous_menu {
    width: 150px;
    display: none;
    margin-left: 7em;
    !margin-left: 2.4em;
    margin-top: -1.8em;
    !margin-top: -0.4em;
    position: absolute;
    padding: 0;
    border:1px solid #000000;
    z-index:2;
}
div#menu ul li.menu-lien div.sous_menu table {
    background: url("images/back.png") repeat 0 0;
    width:100%;
}
div#menu ul li.menu-lien div.sous_menu table ul {
    padding: 5px 20px 5px 5px;
    margin: 0;
    width:100%;
}
div#menu ul li.menu-lien div.sous_menu table ul li {
    width: 100%;
  padding-left:0px;
  margin-left:0px;
}
div#menu ul li.menu-lien div.sous_menu ul.menu-enfants li.lien {
  padding-left:0px;
  margin-left:0px;
}
div#menu ul li.menu-lien div.sous_menu table td.tandb {
    height: 1px;
    background-color:#1495C8;
}
div#menu ul li.menu-lien div.sous_menu table td.landr {
    width: 2px;
}*/
/*fin sous-menu*/

div#pub {
  margin:35px auto 0px auto;
  width: 120px;
}

div#droite {
  width:740px;
  float:left;
}

/* Cases du haut */
div#haut {
  background:url("images/haut.png") no-repeat top left;
  width:662px;
  height:150px;
  margin:0 auto;
  padding-top:40px;
  padding-left:15px;
  line-height:20px;
}
div#haut a {
  text-decoration:none;
  margin-top:-1px;
}
div#haut a:hover,
div#haut a:active {
  text-decoration:underline;
}

div#haut div#last-actu a:before {
  content:url("images/puce.png");
  margin-right:7px;
  /*margin-top:2px;*/
}
div#haut div#last-forum a:before {
  content:url("images/puce.png");
  margin-right:7px;
  /*margin-top:2px;*/
}

div#last-actu {
  width: 240px;
  float:left;
  height:160px;
  overflow:hidden;
}
div#last-forum {
  width: 240px;
  float:left;
  height:160px;
  overflow:hidden;
}
div#captures {
  width: 170px;
  float:left;
}
div#jolCaptures {
  height:120px;
  overflow:hidden;
  margin-left:5px;
  margin-top:5px;
}
/* Cases du haut FIN*/

div.actu-top {
  width:676px;
  height:14px;
  margin:0 auto;
  background:url("images/actu-top.png") no-repeat top left;
  margin-top:15px;
}
div.actu-middle {
  width:616px;
  margin:0 auto;
  background:url("images/actu-middle.png") repeat-y top left;
  padding:0 30px;
  color:#c8c09f;
  overflow:hidden;
}
div.actu-bottom {
  width:676px;
  height:11px;
  margin:0 auto;
  background:url("images/actu-bottom.png") no-repeat top left;
}
div.accroche {
  font-size:13px;
  font-style:italic;
  margin:20px 30px 30px 25px;
  font-weight:bold;
}

h1 {
    width:640px;
    height:26px;
    /*font-family:Arial;*/
    font-size:18px;
    font-weight:bold;
    font-style:italic;
    letter-spacing:0.15px;
    line-height:26px;
    /*color:#1495C8; bleu turquoise*/
    /*color:#F59428;  orange */
    color:#15252c; /* indigo presque noir */
    /*border-top:dotted 1px #F59428;
    border-bottom:solid 1px #F59428;*/
    text-align:center;
    margin-bottom:15px;
    margin-left:-12px;
    /*margin-right:auto;*/
    background:url("images/actu-titre.png") no-repeat top left;
}
h2 {
    width:616px;
    font-size:16px;
    font-weight:bold;
    /*font-style:italic;*/
    letter-spacing:0.20px;
    line-height:1.5;
    color:#1495C8; /*bleu turquoise*/
    /*color:#F59428;  orange */
    /*border-top:dotted 1px #F59428;*/
    border-bottom:solid 1px #1495C8;
    text-align:left;
    margin-bottom:10px;
}
h3 {
    width:616px;
    font-size:14px;
    font-weight:bold;
    /*font-style:italic;*/
    letter-spacing:0.20px;
    line-height:1.5;
    /*color:#1495C8; bleu turquoise*/
    /*color:#F59428;  orange */
    color:#c8c09f; /* beige */
    border-bottom:dotted 1px #c8c09f;
    text-align:left;
    margin-bottom:5px;
}
p {
  /*width:616px;*/
  text-align:justify;
  margin-bottom:10px;
}
em {
  font-style:italic;
}
strong {
  font-weight:bold;
}
blockquote {
  /*width:580px;*/
  text-align:justify;
  margin-bottom:10px;
  margin-left:18px;
  margin-right:18px;
  font-style:italic;
}
div.actu-middle ul {
  margin-left:20px;
  margin-bottom:15px;
  /*width:596px;*/
  text-align:justify;
  list-style:disc inside;
}
div.actu-middle ul ul {
  margin-left:15px;
  margin-bottom:8px;
  margin-top:5px;
  /*width:581px;*/
  text-align:justify;
  list-style:circle inside;
}
div.actu-middle ul ul ul {
  margin-left:15px;
  margin-bottom:8px;
  margin-top:5px;
  /*width:566px;*/
  text-align:justify;
  list-style:square inside;
}
/* css du texte des articles FIN*/

div.jol_image {
  margin-right:0px;
  margin-bottom:5px;
  border:solid 1px #1495C8;
  background-color:#0d0d0d;
  padding:6px;
}
div.jol_image_legende {
  font-size:11px;
  text-align:center;
}

/* Auteur, date des articles */
div.actu-middle div.article-info {
  clear:both;
  width:606px;
  margin-top:25px;
  margin-bottom:5px;
  padding-right:5px;
  border-right:solid 5px #F59428;
  font-size:11px;
  text-align:right;
  line-height:13px;
}
div.actu-middle div.article-info ul.jol_article_sources {
  text-align:right;
  margin:0;
  padding:0;
  list-style:none;
}

div.jol_actus_reagir {
  margin-left:269px;
  margin-top:14px;
	background-color: #25292B;
	border: 1px solid #F59428;
	padding:5px 2px 5px 2px;
	text-align:center;
}
div.jol_actus_reagir textarea {
  margin-top:5px;
  margin-bottom:5px;
}
P.freshnews_archives_titre {
  clear:both;
  text-align:center;
  font-size:15px;
  font-weight:bold;
  color:#F59428;
  background:url("images/back.png") repeat;
  border:solid 1px #000000;
  width:600px;
  padding:10px;
  margin:0 auto;
}

/* PIED DE PAGE */
div#footer {
  width:980px;
  height:100px;
  float:left;
  margin-top:150px;
}
div#footer div#credits {
  background:url('images/credits.png') no-repeat;
  width:493px;
  height:68px;
  font-size:11px;
  margin:0 auto;
  /*color:#1f1f1f;*/
  padding-top:10px;
}
div#footer div#credits p {
  width:490px;
  text-align:center;
  font-weight:normal;
}
div#footer a,
div#footer a:visited {
  text-decoration:underline;
}
div#footer a:hover,
div#footer a:active {
}


/************************************************* PAGINATION *********************************/
/**
 * Pages - Container
 */
div.jol_actus_pages {
  width:672px;
  #width:650px;
  float:left;
  margin:30px 0 10px 37px;
    color:  #999;
}

/**
 * Pages - Liste des pages
 */
div.jol_actus_pages ul.jol_actus_pages_liste {
    margin:     0;
    padding:    0;
    text-align: center;
}

/**
 * Pages - Page
 */
div.jol_actus_pages li.jol_actus_page {
    list-style-type:    none;
    display:            inline;
    padding-bottom:     1px;
    padding-top:     1px;
    margin-right:       3px;
    background-color:#000000;
}

/**
 * Pages - Séparateur
 */
div.jol_actus_pages li.jol_actus_page_separateur { }

/**
 * Pages - Lien vers une page
 */
div.jol_actus_pages a.jol_actus_page_lien {
    border:             1px solid #1495C8;
    color:              #1495C8;
    padding:            1px 5px;
    text-decoration:    none;
}

/**
 * Pages - Lien vers une page (survolé ou actif)
 */
div.jol_actus_pages a.jol_actus_page_lien:hover,
div.jol_actus_pages a.jol_actus_page_lien:active {
    border:             1px solid #1495C8;
    color:              #ffffff;
    background-color:#1495C8;
}

/**
 * Pages - Lien vers la page courante
 */
div#contenu div.jol_actus_pages a.jol_actus_page_lien_actif,
div#contenu div.jol_actus_pages a.jol_actus_page_lien_actif:hover {
    background-color:   #1495C8;
    color:              #ffffff;
    border-color:       #1495C8;
    font-weight:        bold;
    cursor:             default;
}

/**
 * Pages - Lien vers la page précédente ou suivante
 */
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
}

/**
 * Pages - Liens désactivés
 */
div.jol_actus_pages a.jol_actus_page_lien_desactive,
div.jol_actus_pages a.jol_actus_page_lien_desactive:hover {
    border-color:       #1495C8;
    color:              #ccc;
    cursor:             default;
    font-weight:        normal;
}

/************************************************* TAGS ***************************************/
/**
 * Tags - Container des tags
 */
 
div.jol_actus_tags {
    /*background-image:       url(http://medias.jeuxonline.info/www/modules/Actualites/tag.gif);
    background-repeat:      no-repeat;
    background-position:    0 50%;*/
    margin:                 0;
    min-height:             15px;
    padding:                0 0 0 0;
    font-size:11px;
}

/**
 *  Tags - Liste des tags
 */
div.jol_actus_tags ul.jol_actus_tags_liste {
    list-style-type:    none;
    margin-left:        15px;
    padding:            0;
    text-align:right;
}

/**
 *  Tags - Tag
 */
div.jol_actus_tags li.jol_actus_tags_tag {
    display:            inline;
    padding-right:      5px;
}

/**
 * Tags - Séparateur
 */
div.jol_actus_tags li.jol_actus_tags_tag:after {
    content:    ',';
}
div.jol_actus_tags li.jol_actus_tags_tag_dernier:after {
    content:    '';
}

/**
 * JOL Module - Lexique
 *
 * Feuille de style exemple pour le module.
 *
 * @author Guillaume Martin <mind@jeuxonline.info>
 */

/**
 * Container du lexique
 */
div.jol_lexique { }

/**
 * Titre de la page
 */
div.jol_lexique h1 { }

/**
 * Container de la liste des derniers ajouts
 */
div.jol_lexique div.jol_lexique_nouveautes {
    /*background-color:       #FFF2DB;
    border:                 1px solid #F5D291;*/
    margin-bottom:          10px;
    margin-top:             10px;
    padding:                5px;
}

/**
 * Titre de la liste des derniers ajouts
 */
div.jol_lexique span.jol_lexique_nouveautes_titre {
    font-weight:            bold;
}

/**
 * Liste des derniers ajouts
 */
div.jol_lexique span.jol_lexique_nouveautes_termes {}

/**
 * Lien vers les termes dernièrement ajoutés
 */
div.jol_lexique span.jol_lexique_nouveautes_termes a {
    color:                  #900;
}

/**
 * Container des catégories du lexique
 */
div.jol_lexique div.jol_lexique_categories {
    margin-bottom:          10px;
}

/**
 * Liste des catégories
 */
div.jol_lexique ul.jol_lexique_categories_liste {
    list-style:             none;
    text-align:             center;
}

/**
 * Eléments de la liste des catégories
 */
div.jol_lexique li.jol_lexique_categorie {
    display:                inline;
    padding:                0 50px;
}
div.jol_lexique div.jol_lexique li.jol_lexique_categorie span {}
div.jol_lexique li.jol_lexique_categorie span a {}

/**
 * Catégorie sélectionnée
 */
div.jol_lexique li.jol_lexique_categorie_selectionnee {}
div.jol_lexique li.jol_lexique_categorie_selectionnee span {}
div.jol_lexique li.jol_lexique_categorie_selectionnee span strong {}

/**
 * Container de la liste des lettres
 */
div.jol_lexique div.jol_lexique_lettres {
    margin-top:             15px;
    margin-bottom:          15px;
}

/**
 * Styles spécifiques au container de la liste des lettres du haut
 */
div.jol_lexique div.jol_lexique_lettres_haut {}

/**
 * Styles spécifiques au container de la liste des lettres du bas
 */
div.jol_lexique div.jol_lexique_lettres_bas {}

/**
 * Liste des lettres
 */
div.jol_lexique ul.jol_lexique_lettres_liste {
    list-style:                 none;
    text-align:                 center;
}

/**
 * Les lettres
 */ 
div.jol_lexique li.jol_lexique_lettre {
    background-color:           #eee;
    border-bottom:              1px solid #ccc;
    border-left:                1px solid #f7f7f7;
    border-right:               1px solid #ccc;
    border-top:                 1px solid #f7f7f7;
    display:                    inline;
    padding:                    2px 0;
}
div.jol_lexique li.jol_lexique_lettre:hover {
    background-color:           #45B3DF;
    color:#000000;
}
div.jol_lexique li.jol_lexique_lettre:hover a {
    color:#ffffff;
}
div.jol_lexique li.jol_lexique_lettre span {}
div.jol_lexique li.jol_lexique_lettre span a {
    padding:                    2px 6px;
    text-decoration:            none;
}
div.jol_lexique li.jol_lexique_lettre span a:hover {
    color: #000;
}

/**
 * Lettre sélectionnée
 */
div.jol_lexique li.jol_lexique_lettre_selectionnee {
    background-color:           #45B3DF;
    font-size:                  1.2em;
    padding:                    4px 10px;
}
div.jol_lexique li.jol_lexique_lettre_selectionnee strong {
    color:#ffffff;
}
div.jol_lexique li.jol_lexique_lettre_selectionnee:hover {
    background-color:           #45B3DF;
}
div.jol_lexique li.jol_lexique_lettre_selectionnee span {}
div.jol_lexique li.jol_lexique_lettre_selectionnee span strong {}

/**
 * Container de la liste des termes
 */
div.jol_lexique div.jol_lexique_termes {}

/**
 * Liste des termes
 */
div.jol_lexique dl.jol_lexique_termes_liste { width:701px;}

/**
 * Terme
 */
div.jol_lexique dt.jol_lexique_terme {
    background-color:       #F5F7FF;
    border-left:            5px solid #ccc;
    font-weight:            bold;
    padding:                5px;
}
div.jol_lexique dt.jol_lexique_terme span {}
div.jol_lexique dt.jol_lexique_terme span a {
    text-decoration:        none;
}
div.jol_lexique dt.jol_lexique_terme span a:hover {
    text-decoration:        underline;
}

/**
 * Description
 */
div.jol_lexique dd.jol_lexique_definition {
    background-color:       #ECEEF5;
    border-bottom:          1px solid #ccc;
    border-left:            5px solid #ccc;
    padding:                5px 20px;
    margin:                 0 0 10px 0;
}
div.jol_lexique dd.jol_lexique_definition span {}

/**
 * Lien pour revenir sur l'accueil du lexique
 */
div.jol_lexique div.jol_lexique_retour {
    margin:                 15px 0;
    text-align:             center;
}
div.jol_lexique div.jol_lexique_retour span {}
div.jol_lexique div.jol_lexique_retour span a {}

/**
 * Autres termes de la même catégorie
 */
div.jol_lexique div.jol_lexique_autres {
    font-size:              0.9em;
}
div.jol_lexique div.jol_lexique_autres_titre {
    font-weight:            bold;
}
div.jol_lexique ul.jol_lexique_autres_liste {
    float:                  left;
}
div.jol_lexique li.jol_lexique_autres_mot {}

/**
 * Clear
 */
div.jol_lexique div.jol_lexique_clear {
    clear:                  both;
}

/************************************************* GALERIE ************************************/
#jolCapturesGalerie {
	/*width: 701px;*/
	font-family: Trebuchet MS, Verdana, Arial;
	margin:0 auto;
}

#jolCapturesGalerie h1 {
	/*color: #6c3a15;*/
	/*padding: 5px;
	font-size:20px;
	text-align:center;*/
}
#jolCapturesGalerie h2 {
	/*color: #6c3a15;*/
	padding: 5px;
	font-size:18px;
	border:0px;
	background-color:transparent;
	text-align:center;
}

#jolCapturesGalerie div.navigation,
#jolCapturesGalerie div.navigation a {
	font-size: 11px;
	font-weight: normal;
	font-style: none;
	/*color: #6c3a15;*/
	text-align: left;
	margin: 10px 0 10px 0;
}
#jolCapturesGalerie div.navigation strong {
	font-size: 11px;
	font-weight: bold;
	font-style: none;
	/*color: #6c3a15;*/
	text-align: left;
}

#jolCapturesGalerie div.dernieres {
	margin-top: 10px;
	border: dotted 1px #51BDC1;
	background-color:#1f1f1f;
}
#jolCapturesGalerie div.dernieres div.titre {
	font-size: 15px;
	font-weight:bold;
	margin:4px;
	text-align:center;
}
#jolCapturesGalerie div.dernieres div.images {
	/*background-color: #FFFFFF;
	border: 1px dotted #5F4139;*/
}
#jolCapturesGalerie div.dernieres div.images img {
	/*margin:12px;
	margin-left:18px;*/
	margin:10px;
	padding:0;
	border: 1px dotted #5F4139;
}

#jolCapturesGalerie div.ajouter {
	font-size: 13px;
	margin-bottom: 10px;
	margin-top: 10px;
	text-align:center;
}
#jolCapturesGalerie div.ajouter a {
	font-size: 13px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
	background-color: #1495C8;
	padding: 3px;
}

#jolCapturesGalerie div.liste_jeux {
	padding: 5px;
	text-align: left;
	height:200px;
}
#jolCapturesGalerie div.jeu { }
#jolCapturesGalerie div.jeu h2 {
    text-align:left;
    text-indent:140px;
	font-size: 15px;
}
#jolCapturesGalerie div.boite {
	padding: 0px;
	float:left;
	width: 110px;
}
#jolCapturesGalerie div.boite img{
	border: 1px solid #5F4139;
}
#jolCapturesGalerie div.jeu ul {
	text-align: left;
	/*color: #6c3a15;*/
	list-style: inside;
	float:left;
	width:350px;
	margin-top:10px;
}
#jolCapturesGalerie div.jeu li {
	color: #c8c09f;
}
/*#jolCapturesGalerie div.jeu span.nb_images*/
#jolCapturesGalerie div.jeu span.maj {
    font-size:10px;
}
#jolCapturesGalerie div.jeu span.maj:before {
    content: "(";
    margin-left:10px;
    font-size:10px;
}
#jolCapturesGalerie div.jeu span.maj:after {
    content: ")";
    font-size:10px;
}
/*#jolCapturesGalerie div.jeu div.clear*/

#jolCapturesGalerie table.galerie {
	width: 100%;
	text-align: center;
	border-collapse: separate;
	border-spacing:10px;
}
#jolCapturesGalerie table.galerie td {
	border: dotted 1px #51BDC1;
	background-color:#1f1f1f;
	width:25%;
}
/*#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 {
	background-color: #1f1f1f;
	border: dotted 1px #51BDC1;
	text-align: left;
	margin-top:5px;
	margin-bottom:5px;
}
#jolCapturesGalerie table.pages td {
	text-align: left;
}
#jolCapturesGalerie table.pages td.precedente {
	text-align: left;
	padding-right:15px;
}
#jolCapturesGalerie table.pages td.suivante {
	text-align: left;
	padding-left:15px;
}
#jolCapturesGalerie table.pages td.pages {
	text-align: left;
}
/*#jolCapturesGalerie table.pages td.pages strong
#jolCapturesGalerie table.pages td.pages a

#jolCapturesGalerie div.stats
*/
#jolCapturesGalerie div.agrandissement {
	margin-top: 10px;
	margin-bottom: 20px;
	text-align:center;
}
#jolCapturesGalerie div.agrandissement div.image800 {
    background-color:#1f1f1f;
    padding-top:20px;
    padding-bottom:20px;
	border: dotted 1px #51BDC1;
}
#jolCapturesGalerie div.agrandissement div.image800 img {
	width: auto;
	max-width:550px;
	/*border: dotted 1px #5F4139;*/
}
/*#jolCapturesGalerie div.agrandissement div.description
#jolCapturesGalerie div.agrandissement div.date*/
#jolCapturesGalerie div.agrandissement div.options {
	border: 1px dotted #51BDC1;
    background-color: #1f1f1f;
    padding-top:6px;
    margin-top:20px;
}
/*#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 {
	text-align: left;
}
#jolCapturesGalerie div.formulaire h1 {
	text-align: center;
}
#jolCapturesGalerie div.formulaire form {
	/*background-color: #ffffff;*/
	/*border: dotted 1px #5F4139;*/
	padding:5px;
}
/*#jolCapturesGalerie table.formulaire*/
#jolCapturesGalerie table.formulaire tr {
  height:18px;
}
/*#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 textarea {
	background-color: #FFEFAF;
	border: #F79928 solid 1px;
}
/*#jolCapturesGalerie table.formulaire input.envoyer

*/

/************************************************************************************************* WIKI **/
/**
 * JOL::Wiki
 *
 * Exemple de feuille de styles pour le module wiki
 *
 * @version 0.1
 * @author  Guillaume Martin <mind@jeuxonline.info>
 *
 * Adapté par Colleen <colleen@systemz.org> pour le fansite Urban Rivals
 */

/** Ajout Colleen **/

div.wiki ul {
	margin-top: 10px;
	margin-left: 20px;
}
div.wiki tr.odd {
    background-color:#FFA73F;
}
div.wiki tr.even {
    background-color:#FF9F2F;
}
div.articles {
	padding-bottom: 15px;
}
div.articles ul {
	margin-bottom: 20px;
	margin-left: 40px;
}
div.articles ol {
	margin-top: 10px;
	margin-left: 20px;
}
/*div.wiki ul li {
	text-decoration : none;
	list-style-type: none;
}*/

#jolWiki form {
	background-color: #EFD159;
	border: #F79928 solid 1px;
	padding: 10px;
	margin-bottom: 15px;
}

/** fin ajouts Colleen **/

#jolWiki a {
    text-decoration:    none;
}
#jolWiki a:hover {
    text-decoration:    underline;
}
#jolWiki div.navigation {
    text-align:         left;
    padding:            2px;
    background-color:   #F79928;
    font-size:          11px;
}
/*#jolWiki h1 {
	margin-top:			15px;
    margin-bottom:      20px;
	font-size:			16px;
}
#jolWiki h2 {
    margin-top:         20px;
    margin-bottom:      10px;
	font-size:			15px;
}
div#jolWiki h3 {
    margin-bottom:      10px;
	font-size:			14px;
	width:99%;
	border:0;
}*/
div#jolWiki table.brut {
    border:             0;
    padding:            0;
    margin:             0;
}
#jolWiki table.brut tr, #jolWiki table.brut th, #jolWiki table.brut td {
    border:             0;
    padding:            2px;
    margin:             0;
    text-align:         left;
}
#jolWiki div.modifier {
    font-size:          10px;
    margin-top:         2px;
    text-align:         right;
    line-height:        12px;
    position:absolute;
    left: -999em;
}
#jolWiki div.modifier a {
	font-size: 10px;
}
#jolWiki div.intro {
    margin-bottom:      10px;
}
#jolWiki div.sommaire {
    /*background-color:   #1495C8;
    border:             1px solid #F79928;
    border:             1px solid #5F4139;
    border:dotted 1px #1495C8;*/
    width:              80%;
    margin: 0 auto;
    margin-bottom:      20px;
	/*margin-left: 5px;*/
	padding: 3px;
	color:#1495C8;
}
#jolWiki .sommaire strong {
    font-size:16px;
    font-weight:bold;
    letter-spacing:0.20px;
    line-height:1.5;
    color:#1495C8; /*bleu turquoise*/
    /*color:#F59428;  orange */
    /*border-top:dotted 1px #F59428;*/
    text-align:left;
    margin-bottom:10px;
}

/** ajout colleen **/
#jolWiki div.sommaire ol {
	list-style:upper-roman inside;
	padding: 0px;
	margin-left: 35px;
	margin-bottom:5px;
}
#jolWiki div.sommaire ol ol {
	list-style:decimal inside;
	padding: 0px;
	margin-left: 35px;
	margin-bottom:5px;
}
#jolWiki div.sommaire ol ol ol {
	list-style:lower-alpha inside;
	padding: 0px;
	margin-left: 35px;
	margin-bottom:5px;
}
/** **/

#jolWiki table {
    /*border:             1px solid #F79928;*/
    border:             1px solid #5F4139;
	border-collapse: collapse;
}
#jolWiki table td {
    /*border:             1px solid #F79928;*/
    border:             1px solid #5F4139;
	padding: 2px;
}
#jolWiki table th {
    text-align:         center;
    font-weight:        bold;
	background-color: #EFD159;
	padding: 2px;
}
#jolWiki div.categories table, #jolWiki div.categories td {
    border:             none;
    margin-bottom:      20px;
}
#jolWiki div.categories td {
    border:             none;
}
#jolWiki div.categoriesNavigation {
    margin-bottom:      20px;
    background-color:   #EFD159;
    /*border:             1px solid #F79928;*/
    border:             1px solid #5F4139;
    padding:            5px;
}
#jolWiki div.categoriesNavigation table {
    width:              100%;
    border:             none;
    background-color:   #FEE475;
    /*border:        1px solid #F79928;*/
    border:        1px solid #5F4139;
    /*border-top:         1px solid #ccc;
    border-right:       1px solid #ddd;
    border-bottom:      1px solid #ddd;*/
}
#jolWiki div.categoriesNavigation table td {
    font-size:          11px;
    border:             none;
    text-align:         left;
}
#jolWiki div.categoriesNavigation div.sousCategories {
    font-size:          11px;
    background-color:   #eee;
    border:             1px solid #ccc;
    padding:            5px;
    margin-top:         5px;
}
#jolWiki div.discussion {
    /*background-color:   #EFD159;
    border:             1px solid #F79928;
    border:             1px solid #5F4139;*/
    padding:            2px;
    margin-top:         20px;
    margin-bottom:      20px;
    /*text-indent:-9000px;*/
}
#jolWiki div.discussion a {
    color:              #1495C8;
}
#jolWiki div.erreur img {
    vertical-align:     middle;
}
#jolWiki div.recherche hr {
    border:             0;
    border-bottom:      1px solid #1495C8;
}
#jolWiki div.recherche ul {
    list-style:         square;
	color: pink;
}
#jolWiki div.recherche li {
    margin-bottom:      10px;
}
#jolWiki div.recherche span.pertinence {
    color:              #388000;
}
#jolWiki div.recherche form {
    margin-bottom:      10px;
    width:              95%;
    margin-left:        auto;
    margin-right:       auto;
}
#jolWiki div.recherche form div {
    text-align:         center;
}
#jolWiki div.recherche input.terme {
    width:              70%;
}
#jolWiki div.recherche input.envoyer {
    width:              25%;
}
#jolWiki div.historique {
    text-align:         left;
}
#jolWiki div.historique ul {
	margin-top: 10px;
	margin-left: 20px;
}
#jolWiki div.historique div.discussion {
    margin-bottom:      20px;
}
#jolWiki div.surveiller {
    margin-top:         10px;
    text-align:         right;
    font-size:          11px;
}
#jolWiki div.surveiller a {
	font-size: 11px;
}
#jolWiki div.surveiller img {
    border:             0;
}
#jolWiki div.modifierArticle {
    margin-bottom:      20px;
}
#jolWiki div.modifierArticle table {
    border-collapse:    0;
    border:             0;
}
#jolWiki div.modifierArticle td {
    border:             0;
}
#jolWiki div#vBulletin_editor {
    background-color:   #f7f7f7;
    border:             1px solid #999;
    text-align:         center;
}
#jolWiki div#vBulletin_editor td {
    border:             1px solid #eee;
}
#jolWiki div#vBulletin_editor div.imagebutton {
    border:             1px solid #f7f7f7;
}
#jolWiki div.avertissement {
    background-color:   #FFE4E1;
    padding:            5px;
    border:             1px solid #700050;
    margin:             5px 0;
    font-size:          11px;
}
#jolWiki div.avertissementPrevisualisation {
    background-color:   #E2F2D2;
    border:             1px solid #ACCE79;
    padding:            5px;
    margin:             5px 0;
}
#jolWiki div.avertissementPrevisualisation ul {
    list-style:         square;
}
#jolWiki div.avertissementPrevisualisation li {
    font-size:          11px;
}
#jolWiki div.differences {
    margin-top:         10px;
    background-color:   #f7f7f7;
    border:             1px solid #ccc;
    padding:            5px;
    font-size:          11px;
}
#jolWiki div.modifierArticle ul {
    list-style:         square;
    margin:             0;
}
#jolWiki div.colonneDroiteConteneur {
    padding:            10px 0px 10px 10px;
    float:              right;
    clear:              both
}
#jolWiki div.colonneDroite {
    border:             1px solid #eee;
    width:              300px;
    background-color:   #f7f7f7;
}


/****************************************************************************************
 * === Pagination des articles multi-pages ===
 ***************************************************************************************/

/**
 * Bloc de pagination
 */
div.jol_article_pagination {
    color:              #ccc;
    position:           relative;
    text-align:         center;
    margin-top:                25px;/**/
    height:30px;
}

/**
 * Page active
 */
div.jol_article_pagination strong {
    color:              #1495C8;
    padding:            0 5px 
}

/**
 * Liens vers les autres pages de l'article
 */
div.jol_article_pagination a {
    padding:            0 5px;
}

/**
 * === Page précédente / Page suivante ===
 */

/**
 * Bloc de navigation pages suivantes et précentes
 */
div.jol_article_navigation {
    margin-bottom:      20px;/**/
    height:25px;
}

/**
 * Texte "Page suivante" et "Page précédente"
 */
div.jol_article_navigation span {
    font-weight:        bold;
}

/**
 * Lien vers les pages
 */
div.jol_article_navigation a {
    display:            block;
}

/**
 * Liste des pages suivantes et précédentes
 */
div.jol_article_navigation ul {
    display:            block;
    list-style-image:   none;
    list-style-type:    none;
    margin:             0;
    padding:            0;
}

/**
 * Eléments de la liste des pages suivantes et précédentes
 */
div.jol_article_navigation li {
    margin:             0;
    padding:            0;
}

/**
 * Elément de la page précédente
 */
li.jol_article_navigation_prec {
    float:              left;
}
li.jol_article_navigation_prec span {
    font-weight:normal;
    font-size:11px;
}

/**
 * Elément de la page suivante
 */
li.jol_article_navigation_suiv {
    float:              right;
    text-align:         right;
}
li.jol_article_navigation_suiv span {
    font-weight:normal;
    font-size:11px;
}
/**
 * Lien vers la page précédente
 */
li.jol_article_navigation_prec a {
    /*background:         transparent url(http://medias.jeuxonline.info/www/img/fleche_orange_gauche.png) no-repeat scroll left center;
    padding-left:       10px;*/
}

/**
 * Lien vers la page suivante
 */
li.jol_article_navigation_suiv a {
    /*background:         transparent url(http://medias.jeuxonline.info/www/img/fleche_orange.png) no-repeat scroll right center;
    padding-right:      10px;*/
}

/**
 * === Affichage du sommaire (balise @sommaire) ===
 */

/**
 * Titre du sommaire
 */
div.jol_article_sommaire {
  /*float:left;*/
  width:450px;
  margin-left:100px;
    margin-top:      15px;
    margin-bottom:      15px;
    padding:10px;
	/*background-color:#fee3ac;
	border:dotted 1px #5F411D;*/
}
div.jol_article_sommaire_titre {
    /*background-color:   #f7f7f7;
    border:             1px solid #ccc;
    color:              #333;
    left:               20px;
    padding:            2px 12px;
    position:           relative;
    text-align:         center;
    top:                10px;
    width:              60px;*/
    font-weight:bold;
    margin-bottom:10px;
    font-size:15px;
}

/**
 * Corps du sommaire
 */
div.jol_article_sommaire_corps {
    /*background-color:   #f7f7f7;
    border:             1px solid #ccc;
    font-size:          12px;*/
    margin-bottom:      15px;
    /*padding:            15px 10px 5px 10px;*/
}

/**
 * Liste des pages du sommaires
 */
div.jol_article_sommaire_corps ul {
    float:              left;
    list-style-type:    none;
    list-style-image:   none;
    margin:             0 0 0px 20px;
    padding:            0;
    width:              400px;/**/
}

/**
 * Elements de la liste des pages
 */
div.jol_article_sommaire_corps li {
    margin:             0;
    padding:            0;
    text-align:         left;/**/
}
div.jol_article_sommaire_corps li strong {
    margin:             0;
    padding:            0;
    text-align:         left;/**/
    color:              #1495C8;
}

/**
 * Numérotation de la liste
 */
div.jol_article_sommaire_corps span {
    padding-right:      5px /**/
}

/**
 * Séparateur des deux colonnes de la liste
 */
ul.jol_article_sommaire_liste_1 {
    /*border-right:       1px solid #ddd;*/
}
ul.jol_article_sommaire_liste_2 li {
    /*padding-left:       10px */
}

div.jol_article_clear {
  clear:both;
}