/************************************************* CSS WOW ************************************/
/***************************************** colleen@jeuxonline.info ****************************/
body {
	background-color: #1b1b1b;
	padding:0; margin:0;
	height: 100%;
	font-family:Verdana, Arial, sans serif;
	font-size:12px;
}
h1, div, span, img, ul, li, a {	margin: 0; padding: 0; }
img {
	border: 0 none;
}
table { border-collapse:collapse; }
/************************************************* GLOBAL *************************************/
div#global {
  width:1000px;
  margin:0 auto;
}
a,
a:visited,
a:hover,
a:active {
  text-decoration:none;
  color:#ebd7a0;
}
/************************************************* GLOBAL/HEADER ******************************/
div#header {
  width:1000px;
  height:298px;
  float:left;
  background:url("img/header.jpg") #1b1b1b top center no-repeat;
}
div#header h1 {
  text-indent: -9000px;
  width:1000px;
  height:298px;
}
div#header h1 a {
  display:block;
  width:1000px;
  height:298px;
}
div#captures-forums {
  width:1000px;
  height:106px;
  float:left;
  background:url("img/captures-forums.jpg") #1b1b1b top center no-repeat;
}
div#capture1 {
  width:156px;
  height:98px;
  float:left;
  margin-left:228px;
  paddinf-left:0;
  #margin-left:0;
  #padding-left:228px;
  overflow:hidden;
}
div#forums {
  width:235px;
  height:79px;
  float:left;
  padding-left:38px;
  padding-right:28px;
  padding-top:11px;
  font-size:11px;
  line-height:14px;
  color:#ebd7a0;
}
div#capture2 {
  width:156px;
  height:98px;
  float:left;
  overflow:hidden;
}
/************************************************* GLOBAL/MENUH *******************************/
div#menuh {
  width:1000px;
  height:55px;
  float:left;
  background:url("img/menuh.jpg") top center no-repeat;
}
ul#menuh {
  height:46px;
  width:1000px;
}
ul#menuh li.menuh {
  display:inline;
}
/************************************************* GLOBAL/SITE ********************************/
div#site {
  width:1000px;
  float:left;
	background:url("img/site-repeat.gif") #1b1b1b top center repeat-y;
}
/************************************************* GLOBAL/SITE/MENU ***************************/
/* sous-menu */
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;
    /*filter: alpha(opacity=90);*/
    border:1px solid #000000;
}
div.sous_menu table {
    background: url("img/back.png") repeat 0 0;
    width:100%;
}
div.sous_menu table ul {
    padding: 5px 20px 5px 5px;
    margin: 0;
    width:100%;
}
div.sous_menu table ul li {
    width: 100%;
}
/*td.tandb {
    height: 3px;
    background: url("img/border01.jpg") repeat-x;
}
td.landr {
    width: 3px;
    background: url("img/border02.jpg") repeat-y;
}*/
.panneauAdminInvisible {
    display: none;
}
.panneauAdminVisible {
    display: inline;
}
/************/
div#menu {
  width:222px;
  float:left;
}
div#menu-top {
  width:222px;
  height:124px;
  float:left;
  background:url("img/menu-top.jpg") top center no-repeat;
}
div#menu-contenu {
  width:222px;
  float:left;
}
div#panneauAdmin { width:222px;float:left;}
div#menu-administration { width:222px;height:38px;float:left;background:url("img/menu-administration.jpg") 0 0 no-repeat;}

div#menu-actu { width:222px;float:left;background:url("img/menu-actualites-hover.jpg") 0 0 no-repeat;padding-top:38px; }
/*div#menu-actu:hover { background:url("img/menu-actualites-hover.jpg") 0 0 no-repeat; }*/

div#menu-intro { width:222px;float:left;background:url("img/menu-introduction-hover.jpg") 0 0 no-repeat;padding-top:38px; }
/*div#menu-intro:hover { background:url("img/menu-introduction-hover.jpg") 0 0 no-repeat; }*/

div#menu-univers { width:222px;float:left;background:url("img/menu-univers-hover.jpg") 0 0 no-repeat;padding-top:38px; }
/*div#menu-univers:hover { background:url("img/menu-univers-hover.jpg") 0 0 no-repeat; }*/

div#menu-personnage { width:222px;float:left;background:url("img/menu-personnage-hover.jpg") 0 0 no-repeat;padding-top:38px; }
/*div#menu-personnage:hover { background:url("img/menu-personnage-hover.jpg") 0 0 no-repeat; }*/

div#menu-medias { width:222px;float:left;background:url("img/menu-medias-hover.jpg") 0 0 no-repeat;padding-top:38px; }
/*div#menu-medias:hover { background:url("img/menu-medias-hover.jpg") 0 0 no-repeat; }*/

div#menu-communaute { width:222px;float:left;background:url("img/menu-communaute-hover.jpg") 0 0 no-repeat;padding-top:38px; }
/*div#menu-communaute:hover { background:url("img/menu-communaute-hover.jpg") 0 0 no-repeat; }*/

div#menu-sondage { width:222px;float:left;background:url("img/menu-sondage-hover.jpg") 0 0 no-repeat;padding-top:38px; }
/*div#menu-sondage:hover { background:url("img/menu-sondage-hover.jpg") 0 0 no-repeat; }*/

div#sondage {
  margin-left:70px;
  width:140px;
  color:#ebd7a0;
  font-size:11px;
}

ul {
  width:222px;
  /*float:left;*/
  list-style-type:none;
  /*display:block;*/
}
ul li.menu-lien {
  height:16px;
  color:#cdb07e;
  padding-left:80px;
  font-size:11px;
}
ul li.menu-lien a,
ul li.menu-lien a:active,
ul li.menu-lien a:visited {
  color:#cdb07e;
  text-decoration:none;
  font-size:11px;
}
ul li.menu-lien:hover {
  color:#d15429;
  font-size:11px;
  background:url("img/menu-lien-puce.jpg") 65px 0 no-repeat;
}
ul li.menu-lien:hover a {
  color:#d15429;
  text-decoration:none;
  font-size:11px;
}
ul.menu-enfants li.menu-lien {
  height:20px;
  padding-left:0px;
}
ul.menu-enfants li.menu-lien:hover {
  background:none;
}
ul.menu-enfants li.menu-lien:hover a {
  background:none;
  font-style:italic;
  color:#CDB07E;
}

div#menu-sondage .jolsondage {
    margin-left: 0px;
    width: 140px;
    overflow: hidden;
}
div#menu-sondage .jolsondage .options {
    border-spacing: 4px;
    width: 130px;
    margin: auto;
    padding: 0px;
    margin-bottom: 4px;
}
div#menu-sondage .jolsondage .titre,
div#menu-sondage .jolsondage .divers,
div#menu-sondage .jolsondage .date,
div#menu-sondage .jolsondage .stats {
    width: 140px;
    text-align: center;
    margin: auto;
    padding-bottom: 4px;
    padding-top: 4px;
    font-size: 0.8em;
    /*color: #FFFFFF;*/
    ;
}
div#menu-sondage .jolsondage .options td {
    border: 1px #000000 solid;
    padding-bottom: 4px;
    padding-top: 4px;
    background-color: #2c2c2c;
    font-size: 0.8em;
    text-align: left;
    /*color: #DED6C8;*/
}
div#menu-sondage div.voter {
  text-align:center;
}


/*page sondages*/

div.texte-contenu .jolsondage {
    margin-left: 0px;
    /*width: 140px;*/
    overflow: hidden;
}
div.texte-contenu .jolsondage .options {
    border-spacing: 4px;
    /*width: 130px;*/
    margin: auto;
    padding: 0px;
    margin-bottom: 4px;
}
div.texte-contenu .jolsondage .titre {
    /*width: 140px;*/
    text-align: center;
    margin: auto;
    padding-bottom: 4px;
    padding-top: 4px;
    font-size: 1.2em;
    /*color: #FFFFFF;*/
    font-weight:bold;
    margin-bottom:5px;;
}
div.texte-contenu .jolsondage .divers,
div.texte-contenu .jolsondage .date,
div.texte-contenu .jolsondage .stats {
    /*width: 140px;*/
    text-align: center;
    margin: auto;
    padding-bottom: 4px;
    padding-top: 4px;
    font-size: 0.8em;
    /*color: #FFFFFF;*/
    ;
}
div.texte-contenu .jolsondage .options td {
    border: 1px #000000 solid;
    padding-bottom: 4px;
    padding-top: 4px;
    background-color: #2c2c2c;
    font-size: 0.8em;
    text-align: left;
    /*color: #DED6C8;*/
}
div.texte-contenu div.voter {
  text-align:center;
}

/************************************************* GLOBAL/SITE/MENU/PUB ***********************/
div#pub {
  width:142px;
  float:left;
  padding-left:80px;
  padding-top:20px;
}
/************************************************* GLOBAL/SITE/TEXTE **************************/
div#texte {
  width:778px;
  float:left;
}
div.texte-titre {
  width:778px;
  height:38px;
  float:left;
  background:url("img/texte-titre.jpg") 0 0 no-repeat;
}
div.texte-titre h1 {
  color:#d15429;
  font-weight:bold;
  margin-left:25px;
  margin-top:7px;
  font-size:12px;
}
div.texte-titre h1 a,
div.texte-titre h1 a:visited,
div.texte-titre h1 a:hover,
div.texte-titre h1 a:active {
  color:#d15429;
  font-weight:bold;
  font-size:12px;
}

div.texte-contenu {
  width:668px;
  float:left;
  color:#ebd7a0;
  padding-top:8px;
  padding-left:25px;
  padding-right:85px;
  #padding-right:0;
  padding-bottom:12px;
}
div.texte-archives {
  color:#ebd7a0;  
}
div.texte-archives p.freshnews_archives_texte {
  color:#ebd7a0;
  margin-left:55px;
}
div.texte-archives p.freshnews_archives_titre {
  color:#d15429;
  font-weight:bold;
  padding-left:25px;
  padding-top:7px;
  font-size:12px;
  background:url('img/texte-titre.jpg');
  height:31px;
}
div.accroche {
  font-style:italic;
  margin-bottom:15px;
}
div.texte-contenu h1 {
  font-size:20px;
  color:#d15429;
  text-decoration:none;
  border-bottom:solid 1px #d15429;
  margin-bottom:10px;
}
div.texte-contenu h1 a,
div.texte-contenu h1 a:hover,
div.texte-contenu h1 a:active,
div.texte-contenu h1 a:visited {
  font-size:20px;
  color:#d15429;
  text-decoration:none;
}
div.texte-contenu h2 {
  font-size:17px;
  color:#d15429;
  border-bottom:solid 1px #d15429;
  margin-bottom:15px;
  text-align:left;
  margin-top:15px;
}
div.texte-contenu h3 {
  font-size:15px;
  /*color:#d15429;*/
  /*border-bottom:solid 1px #d15429;*/
  margin-bottom:10px;
  text-align:left;
}
div.texte-contenu span {
  margin-bottom:5px;
}

div.texte-contenu div.jol_image {
  padding:5px;
  border:1px solid #d15429;
  background:#2c2c2c;
  margin-bottom:10px;
}
div.texte-contenu div.jol_image_legende {
  font-size:10px;
  text-align:center;
}
div.texte-contenu img.freshnews_icone {
  /*width:187px;
  height:123px;*/
  float:left;
  margin-right:12px;
  margin-bottom:8px;
}
div.texte-contenu p {
  /*width:187px;
  height:123px;*/
  text-align:justify;
  margin-bottom:20px;
}
div.texte-contenu blockquote {
  font-style:italic;
  background:url('img/quote.png') top right #303030 no-repeat;
  /*background-color: #303030;*/
  padding: 10px;
  border-left:5px solid #0b0b0b;
  margin:15px 30px }
div.texte-contenu ul {
  width:100%;
  list-style-type:disc;
  margin-left:10px;
}
div.texte-contenu li {
  margin:5px 0 5px 10px;
}
div.texte-contenu table.couleur {
  background-color:#2c2c2c;
}
div.texte-contenu a,  
div.texte-contenu a:active,  
div.texte-contenu a:hover,  
div.texte-contenu a:visited {
    font-weight:bold;
    color:#ebd7a0;
    text-decoration:underline;
}
div.texte-contenu div.jol_video_container {}
div.texte-contenu div.jol_video_legende { margin-top: 10px; font-size:10px;}
div.texte-contenu div.jol_video {
  padding:10px;
  border:solid 1px black;
  background-color:#2c2c2c;
}
div.texte-contenu div.titrePlan {
  width:660px;
  font-size:16px;
  margin-top:10px;
  font-weight:bold;
  color:#d15429;
  border-bottom:solid 1px #d15429;
}
div.texte-auteur {
  width:696px;
  height:37px;
  float:left;
  background:url("img/texte-auteur.jpg") 00 no-repeat;
  padding-top:10px;
  padding-right:82px;
  text-align:right;
  color:#a62606;
  font-size:9px;
}
div.texte-auteur a,  
div.texte-auteur a:active,  
div.texte-auteur a:hover,  
div.texte-auteur a:visited {
    font-weight:bold;
    color:#a62606;
}
/************************************************* GLOBAL/FOOTER ******************************/
div#footer {
  width:1000px;
  height:134px;
  float:left;
  background:url("img/footer.jpg") #1b1b1b top center no-repeat;
}
div#footer p {
  margin-left:270px;
  margin-top:70px;
  text-align:center;
  width:499px;
  font-size:9px;
  color:#de6a32;
}
div#footer p a,  
div#footer p a:active,  
div#footer p a:hover,  
div#footer p a:visited {
    font-weight:bold;
    color:#a62606;
}

/************************************************* 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;
    margin-top:15px;
    min-height:             16px;
    padding:                10px 0 0 20px;
}

/**
 *  Tags - Liste des tags
 */
div.jol_actus_tags ul.jol_actus_tags_liste {
    list-style-type:    none;
    margin:             0;
    padding:            0;
    margin-top: 2px;
    float: right;
    width:650px;
}

/**
 *  Tags - Tag
 */
div.jol_actus_tags li.jol_actus_tags_tag {
    display:            inline;
    padding-right:      5px;
    vertical-align:middle;
    float:left;
    font-size:10px;
}

/**
 * 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:    '';
}
/************************************************* PAGINATION *********************************/
/**
 * Pages - Container
 */
div.jol_actus_pages {
  width:672px;
  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;
    width:100%;
}

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

/**
 * 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 #9F3704;
    color:              #9F3704;
    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 #000000;
    color:              #000000;
}

/**
 * Pages - Lien vers la page courante
 */
div.jol_actus_pages a.jol_actus_page_lien_actif,
div.jol_actus_pages a.jol_actus_page_lien_actif:hover {
    background-color:   #9F3704;
    color:              #ffffff;
    border-color:       #9F3704;
    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:       #9F3704;
    color:              #343434;
    cursor:             default;
    font-weight:        normal;
}
/************************************************* GALERIE ************************************/
#jolCapturesGalerie {
	width: 660px;
	font-family: Verdana, Arial, Trebuchet MS;
}

#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: solid 1px #000000;
    background-color: #2c2c2c;
}
#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;
	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: #2c2c2c;
	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:550px;
}
#jolCapturesGalerie div.jeu li {
	color: #000000;
}
/*#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: solid 1px #000000;
	background-color:#2c2c2c;
	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: #2c2c2c;
	border: solid 1px black;
	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:#2c2c2c;
    padding-top:20px;
    padding-bottom:20px;
	border: solid 1px #000000;
}
#jolCapturesGalerie div.agrandissement div.image800 img {
	width: auto;
	max-width:650px;
	/*border: dotted 1px #5F4139;*/
}
/*#jolCapturesGalerie div.agrandissement div.description
#jolCapturesGalerie div.agrandissement div.date*/
#jolCapturesGalerie div.agrandissement div.options {
	border: solid 1px #000000;
    background-color: #2c2c2c;
    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
#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

*/

/**
 * BlueTracker
 */
div.bluetracker_langue { text-align:center;margin-bottom:10px }
div.bluetracker_langue a { font-weight:normal }
div.bluetracker_recherche { background-color:#2c2c2c; padding:10px 0; text-align:center; display:none;width:528px; border:1px solid #000000;left:10px;margin-top:-1px }
div.bluetracker_stats { margin:10px 0; text-align:center }
div.bluetracker_stats a { font-weight:normal }
div.bluetracker_filtre { background-color:#2c2c2c; padding:10px 0; text-align:left;width:528px;border:1px solid #000000;left:10px;margin-top:-1px; }
div.bluetracker_filtre hr { height:1px; background-color:#000000; border:0 }
div.bluetracker_message { background-color: #373737; border:1px solid #000000; margin-bottom:10px }
div.bluetracker_header { background-color: #2c2c2c; padding:5px 5px 2px 5px; }
div.bluetracker_header a,
div.bluetracker_header a:visited,
div.bluetracker_header a:hover,
div.bluetracker_header a:active { color:#D15429; }
div.bluetracker_avatar { float:left; margin-right:5px }
div.bluetracker_infos { text-align:left }
div.bluetracker_infos a { font-weight:normal }
div.bluetracker_date { margin-top:2px }
div.bluetracker_message h2 { padding:0; margin:0 0 5px 0; text-align:left; }
div.bluetracker_message h2 span.nouveau { font-size:11px; color:#a00; font-weight:bold }
div.bluetracker_body { padding: 10px }
div.bluetracker_message hr { height:1px; color:#000; border: 0; background-color:#000 }
div.bluetracker_message blockquote { background-color: #303030; padding: 10px; border-left:5px solid #000000; margin:0 20px }
div.bluetracker_traduction { float:right; width:48%;margin-left:10px;padding-left:10px; border-left:1px solid #704E29; background-color:#B8915A;display:none }
div.bluetracker_reagir { background-color:#CCA56E; padding:10px 0; text-align:left;position:absolute;width:528px;border:1px solid #704E29;left:10px;margin-top:-11px; }
div.bluetracker_footer { background-color: #2c2c2c; padding:5px 0 }
/*div.bluetracker_footer a { font-weight:normal }*/
div.bluetracker_footer a,
div.bluetracker_footer a:visited,
div.bluetracker_footer a:hover,
div.bluetracker_footer a:active { color:#a62606; }
div.bluetracker_footer ul { list-style-type:none; padding:0; margin:0 }
div.bluetracker_footer li { width:33%; float:left; padding:0; margin:0; text-align:center }
div.bluetracker_outils { margin-top: 10px }
div.bluetracker_outils ul { list-style-type:none; padding:0; margin:0 }
div.bluetracker_outils li { width:50%; float:left; padding:0; margin:0; text-align:center }
div.bluetracker_outils a { font-weight:normal; display:block; background-color:#2c2c2c; border: 1px solid #000000; padding:5px 0 }
div.bluetracker_outils a:hover { text-decoration:none;background-color:#2c2c2c }
div.bluetracker_outils a:active { font-weight:bold }
div.bluetracker_source { font-size:90% }
div.bluetracker_source a { font-weight:normal }
table.bluetracker_liste {}
table.bluetracker_liste td { text-align:left; padding:3px }
table.bluetracker_liste td a { font-weight:normal }
table.bluetracker_liste tr { background-color: #C29B64 }
table.bluetracker_liste tr.alt { background-color: #B8915A }
table.bluetracker_liste th { background-color: #AE8750; padding:3px }


/*********************
* LEXIQUE
*********************/
table.lexique_lettres {
    margin: 0 auto 15px auto;
}
table.lexique_lettres td {
    padding: 0 3px
}
div.lexique_mots ul {
    list-style-type: none;
    margin : 0;
}
div.lexique_mots li {
    padding: 8px 0;
    margin: 0;
}

div.jol_actus_commentaires a { font-weight: normal }

/****************************************************************************************
 * === 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:#D15429;
    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;
}

/**
 * Elément de la page suivante
 */
li.jol_article_navigation_suiv {
    float:              right;
    text-align:         right;
}

/**
 * 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:#303030;
	border:dotted 1px #000000;
}
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 0 20px;
    padding:            0;
    width:              400px;/**/
}

/**
 * Elements de la liste des pages
 */
div.jol_article_sommaire_corps li {
    margin:             0;
    padding:            0;
    text-align:         left;/**/
    list-style: none;
}
div.jol_article_sommaire_corps li strong {
	color:#D15429;
}
/**
 * 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;
}