/********************************************** CSS RIFT **********************************/
/*************************************** 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;}


body {
  height: 100%;
  width: 100%;
  font-family: Trebuchet MS;
  font-size:12px;
  color:#BFEFEE;
  background:url("eau/images/bg_top2.jpg") no-repeat center 30px #202020;
}
img { margin:0; }
/*strong { font-weight:bold; }
em { font-style:italic; }*/
a { text-decoration:none; }
/**
 * div globale
 */
div#site {
  position:relative;
  width:920px;
  margin:0 auto;
  min-height:1100px;
}

/**
 * JOL Barre
 */
#jolBarre {
  position:relative;
  z-index:10000;
  height:30px;
}

/**
 * Entete
 */
div#header {
  height:229px;
  width:920px;
  background:url("eau/images/header.jpg") no-repeat center top transparent;
  position:relative;
}

#header h1 a {
  display:block;
  position:relative;
  width:920px;
  height:229px;
  text-indent:-9000px;
}
/**
 * Formulaire de recherche et
 * icones de reseaux sociaux
 */
div#recherche_reseaux {
  position:absolute;
  top:99px;
  left:680px;
  width:219px;
  height:96px;
  text-align:center;
  padding-top:14px;
}
  div#recherche {
    background:url("eau/images/recherche.png") no-repeat center top transparent;
    width:219px;
    padding-top:31px;
  }
    div#recherche input.jol_recherche_terme {
      width:178px;
      height:20px;
      background-color:#000000;
      border:solid 1px #324949;
      color:#81d3d5;
    }
    #cse-search-results {
      min-height:1300px;
      height:1300px;
      overflow:hidden;
    }

/**
 * Statuts des serveurs
 */
div#status {
  position: absolute;
  top:99px;
  left:22px;
  background:url("eau/images/status.png") no-repeat center top transparent;
  #background:url("eau/images/status.jpg") no-repeat center top transparent;
  width:163px;
  height:68px;
  padding:35px 10px 10px 10px;
}
  ul.serveur_api {
    color:#a8e0e1;
    list-style:none;
    margin:0;
  }
  li.serveur_faible {
    background:url("images/faible.png") no-repeat center left transparent;
    text-indent: 45px;
  }
  li.serveur_moyen {
    background:url("images/moyen.png") no-repeat center left transparent;
    text-indent: 45px;
  }
  li.serveur_haut {
    background:url("images/haut.png") no-repeat center left transparent;
    text-indent: 45px;
  }
  li.serveur_plein {
    background:url("images/plein.png") no-repeat center left transparent;
    text-indent: 45px;
  }
  li.serveur_ferme {
    background:url("images/ferme.png") no-repeat center left transparent;
    text-indent: 45px;
  }

/**
 * Les icones changement de designs
 */
  div#designs {
    position:absolute;
    top:0;
    right:0;
    width:270px;
    height:50px;
    z-index:0;
  }
    div#designs #air {
      background:url("images/design_air.png") no-repeat center top transparent;
      width:38px;
      height:50px;
      float:left;
      margin-left:4px;
    }
      #designs a {
        display:block;
        width:100%;
        height:100%;
      }
    div#designs #eau {
      background:url("images/design_eau.png") no-repeat center top transparent;
      width:36px;
      height:50px;
      float:left;
      margin-left:4px;
    }
    div#designs #feu {
      background:url("images/design_feu.png") no-repeat center top transparent;
      width:38px;
      height:50px;
      float:left;
      margin-left:4px;
    }
    div#designs #mort {
      background:url("images/design_mort.png") no-repeat center top transparent;
      width:37px;
      height:50px;
      float:left;
      margin-left:4px;
    }
    div#designs #terre {
      background:url("images/design_terre.png") no-repeat center top transparent;
      width:36px;
      height:50px;
      float:left;
      margin-left:4px;
    }
    div#designs #vie {
      background:url("images/design_vie.png") no-repeat center top transparent;
      width:37px;
      height:50px;
      float:left;
      margin-left:4px;
    }

/**
 * Le menu horizontal
 */
div#menu {
  height:32px;
  width:920px;
  background:url("eau/images/menu.jpg") no-repeat center top transparent;
  position:relative;
  z-index:900;
  font-size:13px;
  font-weight:bold;
  color:#41696a;
  z-index:100;
}
#menu ul {
  list-style: none outside none;
  margin:0;
}
#menu ul li {
  float:left;
  margin:0;
}
#menu li#menu_ordre_9,
#menu li#menu_ordre_10,
#menu li#menu_ordre_11,
#menu li#menu_ordre_12,
#menu li#menu_ordre_13,
#menu li#menu_ordre_14,
#menu li#menu_ordre_15 {
  display:none;
}
#menu .sm {
  position:absolute;
  width:200px;
  display: none;
  margin-top:-5px;
  #margin-left:-150px;
  #margin-top:31px;
  background-color: #558c8d;
  border-bottom:solid 1px #81d3d5;
}
#menu .sm li {
  float:none;
  width:194px;
  padding:2px;
  background-color:#558c8d;
  border:1px solid #81d3d5;
  border-top:1px dotted #81d3d5;
  border-bottom:none;
  overflow:hidden;
  #height:20px;
}
#menu .sm li.fleche {
  background:url('eau/images/arrow-menu.gif') no-repeat center right #558c8d;
  border-right:solid 1px #558c8d;
  color:#ffffff;
}
#menu .sm li.fleche ul.ssm li {
  color:#41696a;
}
#menu .sm li.fleche ul.ssm li.fleche {
  color:#ffffff;
}
#menu .sm li.fleche:hover {
  background:url('eau/images/arrow-menu.gif') no-repeat center right #81d3d5;
}
#menu .sm li:hover {
  background-color:#81d3d5;
}
#menu .sm li:hover a {
  color:#202020;
}
#menu .sm li:hover ul.ssm li a {
  color:#ffffff;
}
#menu .sm li:hover ul.ssm li:hover a {
  color:#202020;
}
#menu .sm a {	
  display:block;
  width:190px;
  color:#ffffff;
  /*text-decoration:none;*/
}
/******/
#menu .ssm {
  display:none;
  margin:-21px 0px 0px 196px;
  position:absolute;
  #position:relative;
  width:202px;
  border-bottom:solid 1px #81d3d5;
}
#menu .ssm li {
  width:196px;
}
#menu .ssm li a {
  width:190px;
}
#menu .sm li:hover ul.ssm li ul.ssm li a {
  color:#ffffff;
}
#menu .sm li:hover ul.ssm li ul.ssm li:hover a {
  color:#202020;
}
/******/
#menu .ssm li ul.ssm {
  display:none;
  margin:-22px 0px 0px 198px;
  position:absolute;
  #position:relative;
  width:202px;
  border-bottom:solid 1px #81d3d5;
}
#menu .ssm li il.ssm li {
  width:196px;
}
#menu .ssm li ul.ssm li a {
  width:190px;
}

#menu img.icone {
  margin-right:5px;
  margin-top:-4px;
  vertical-align:middle;
}

/**
* Contenu
* colonne gauche + les actus
* 'contenu_repeat' contient la texture repetable qui doit se repeter jusqu'au footer
* 'contenu' contient seulement l'image des tentacules qui doit se placer sur la partie haute du site
*/
div#contenu_repeat {
  margin:0 auto;
  width:920px;
  position:relative;
  background: url("eau/images/contenu_repeat.png") repeat-y 0 0 transparent;
}
* html div#contenu_repeat {
  background: url("eau/images/contenu_repeat.jpg") repeat-y 0 0 transparent;
}
div#contenu {
  width:920px;
  min-height:930px;
  position:relative;
  background: url("eau/images/contenu.jpg") no-repeat center top transparent;
}

/**
 * Colonne gauche
 */
div#tools {
  width:289px;
  float:left;
  font-family:Verdana;
  font-size:11px;
  line-height:14px;
  margin-left:5px;
  #margin-left:0px;
}
#tools #tools_actus {
  width:264px;
  height:32px;
  margin:12px auto;
  background:url("eau/images/tools_actus.png") no-repeat center top transparent;
  #background:url("eau/images/tools_actus.gif") no-repeat center top transparent;
}
#tools #tools_forums {
  width:264px;
  height:32px;
  margin:12px auto;
  background:url("eau/images/tools_forums.png") no-repeat center top transparent;
  #background:url("eau/images/tools_forums.gif") no-repeat center top transparent;
}
#tools #tools_articles {
  width:264px;
  height:32px;
  margin:12px auto;
  background:url("eau/images/tools_articles.png") no-repeat center top transparent;
  #background:url("eau/images/tools_articles.gif") no-repeat center top transparent;
}
#tools #tools_dossiers {
  width:264px;
  height:32px;
  margin:12px auto;
  background:url("eau/images/tools_dossiers.png") no-repeat center top transparent;
  #background:url("eau/images/tools_dossiers.gif") no-repeat center top transparent;
}
#tools #tools_part {
  width:264px;
  height:32px;
  margin:12px auto;
  background:url("eau/images/tools_part.png") no-repeat center top transparent;
  #background:url("eau/images/tools_part.png") no-repeat center top transparent;
}
.dossiers_logos {
  text-align:center;
}
#horloge {
  text-shadow: 1px 1px #000000;
}
#tools a {
  color:#b5d2d2;
}
#tools a:hover {
  color:#ffffff;
}
#tools table.jolsujets {
  width:264px;
  margin:0 auto;
  text-align:left;
}
#tools table.jolsujets td.fils {
  /*height:26px;*/
  vertical-align: middle;
}
#tools table.jolsujets td.fils a:before {
  content:url(images/bulle.png) " ";
}
#tools ul.jol_actualites_titres,
#tools ul.titre_article {
  width:264px;
  margin:0 auto;
  text-align:left;
  list-style:none;
}
#tools ul.jol_actualites_titres li,
#tools ul.titre_article li {
  margin:0;
}
#tools ul.titre_article li a:before {
  content:url(images/livres.png) " ";
}
#tools ul.jol_actualites_titres li a:before {
  /*content:url(images/epee2.png) " ";*/
}
#tools #pub {
  margin:0 auto;
  width:120px;
  margin-top:50px;
  font-family:Trebuchet MS;
}
/**
 * Les actus
 */
div#actus {
  width:624px;
  float:right;
}

/**
 * L'actu à la Une et le mode article
 */
#actuUne div.outil_modifier,
div.outil_modifier2 {
  position:absolute;
  top:45px;
  right:30px;
}
div.outil_modifier3 {
  position:absolute;
  top:20px;
  right:30px;
}
.mini_actus .outil_modifier {
  float:right;
  /*width:20px;
  height:20px;*/
  margin: 3px 3px 0 0;
}
div#actuUne,
div#article {
  width:617px;
  float:left;
  margin-top:-2px;
  #margin-top:2px;
}
div#article2 {
  width:897px;
  padding-left:23px;
  float:left;
  margin-top:-2px;
  #margin-top:2px;
}
div#actu_titre,
div#article_titre {
  background:url("eau/images/actu_titre.gif") no-repeat center top transparent;
  width:603px;
  height:42px;
  float:left;
}
div#article_titre2 {
  background:url("eau/images/actu_titre2.png") no-repeat center top transparent;
  width:878px;
  height:42px;
  float:left;
}
  div#actu_titre h2,
  div#article_titre2 h2,
  div#article_titre h2 {
    margin-top:10px;
    line-height:32px;
    font-size:18px;
    font-weight:bold;
    text-align:center;
    text-shadow: 0px 0px 5px #2b4949;
    color:#ffffff;
  }
  div#actu_titre h2.titre_long,
  div#article_titre2 h2.titre_long,
  div#article_titre h2.titre_long {
    margin-top:10px;
    line-height:32px;
    font-size:13px;
    font-weight:bold;
    text-align:center;
    text-shadow: 0px 0px 5px #2b4949;
    color:#ffffff;
  }
  div#actu_titre h2 a,
  div#article_titre h2 a {
    color:#ffffff;
  }
.freshnews_archives_titre h2 {
  text-align:center;
    font-size:18px;
    font-weight:bold;
    margin-top:15px;
    margin-bottom:15px;
  
}
div#actu_texte_repeat,
div#article_texte_repeat {
  background:url("eau/images/actu_texte_repeat.png") repeat-y center top transparent;
  width:603px;
  float:left;
}
div#article_texte_repeat2 {
  background:url("eau/images/actu_texte_repeat2.png") repeat-y center top transparent;
  width:878px;
  float:left;
}
div#actu_texte_top {
  background:url("eau/images/actu_texte_top.png") no-repeat center top transparent;
  width:603px;
  float:left;
  padding-top:12px;
  padding-bottom:5px;
}
div#article_texte_top {
  background:url("eau/images/actu_texte_top.png") no-repeat center top transparent;
  width:573px;
  float:left;
  padding:12px 15px 5px 15px;
  font-size:13px;
  text-align:justify;
  color:#BFEFEE;
}
div#article_texte_top2 {
  background:url("eau/images/actu_texte_top2.png") no-repeat center top transparent;
  width:848px;
  float:left;
  padding:12px 15px 5px 15px;
  font-size:13px;
  text-align:justify;
  color:#BFEFEE;
}
p {
  margin-bottom:15px;
}
blockquote {
  width:90%;
  padding:10px;
  margin: auto auto 10px;
  border:dotted 1px #202020;
  background-color:#A9E3E2;
  color:#202020;
  font-style:italic;
  text-align:justify;
}
h3 {
  color:#ffffff;
  /*font-style:italic;*/
  font-size:17px;
  font-weight:bold;
  margin-bottom:12px;
  margin-top:10px;
  text-align:left;
  border-bottom:1px solid #84dadb;/**/
  border-left:3px solid #84dadb;
  /*border-right:1px dotted #202020;*/
  padding:3px 5px;
  letter-spacing:-0.02em;
  clear:both;
}
h4 {
  font-size:16px;
  font-weight:bold;
  margin-bottom:12px;
  margin-left:25px;
  padding:1px 3px;
  border-bottom:1px dotted #ffffff;/**/
  clear:both;
}
h5 {
  font-size:14px;
  font-style:italic;
  margin-bottom:8px;
  margin-left:45px;
  color:#A9E3E2;
  border-bottom:1px dotted #A9E3E2;/**/
  clear:both;
}
h6 {
  font-size:13px;
  font-style:italic;
  margin-bottom:5px;
  margin-left:65px;
  color:#81d3d5;
  clear:both;
}

h6:before,
h6:after {
  content:" -- ";
}
hr.rp_up {
  background:url("eau/images/hr_up.png") no-repeat center top transparent;
  height:9px;
  width:566px;
  border:none;
  margin:0 auto;
}
div.rp {
  background:url("eau/images/rp.png") repeat-y center top transparent;
  color:#294b51;
  font-style:italic;
  font-weight:bold;
  font-family:georgia,Helvetica,sans-serif,Arial;
  text-align:justify;
  margin:0 auto;
  /*width:80%;*/
  padding-top:20px;
  padding-bottom:20px;
}
div.rp p {
  width:80%;
  margin:0 auto;
  font-weight:bold;
  margin-bottom:15px;
  text-align:justify;
  padding:0;
}
div.rp em { font-weight:bold }
hr.rp_dn {
  background:url("eau/images/hr_dn.png") no-repeat center top transparent;
  height:9px;
  width:566px;
  border:none;
  margin:0 auto;
  margin-bottom:15px;
}
hr {
  background:url("eau/images/hr.png") no-repeat center top transparent;
  height:18px;
  width:566px;
  border:none;
}
ul {
  /*width:95%;*/
  margin:0 auto;
  list-style:disc;
  margin-bottom:15px;
  margin-left:20px;
}
ul ul {
  list-style:circle;
}
ol {
  /*width:95%;*/
  margin:0 auto;
  list-style:decimal;
  margin-bottom:15px;
}
li {
  /*width:92%;*/
  margin-left:3%;
}

#actus table, #actus td, #actus th {
	border:solid 1px #BFEFEE; /* couleur ecriture site*/
	padding:2px 10px;
	text-align:center;
	vertical-align:middle;
}
#actus table thead td  {
	background-color:#1B363A; /* bordure sommaire*/
	color:#BFEFEE; /* couleur ecriture site */
	font-weight:bold;
	font-size:17px;
}
#actus th, #actus th a {
	background-color:#BFEFEE; /* couleur ecriture site*/
	color:#294b51; /* couleur div.rp */
	font-weight:bold;
	font-style:italic;
	font-size:16px;
}
#actus th a { color:#294b51;text-decoration:none;border:none; }
#actus thead a {
	color:#BFEFEE; /* couleur ecriture site */
	text-decoration:none;
	border:none;
}
#actus table div.jol_image { margin:0; padding:0; }

.jol_video_container {
  font-size:13px;
  font-family:Trebuchet MS;
  font-style:normal;
}
.jol_video_legende {
  text-align:left;
}
div.jol_image {
  /*padding:5px;*/
  font-size:11px;
  margin-bottom:10px;
  font-size:13px;
  font-family:Trebuchet MS;
  font-style:normal;
}
div.jol_image_legende { margin-top:5px; text-align:center; }
div.jol_image_legende a { font-style:normal; }
div.jol_image a { color:#000; display:block; overflow:hidden; }
div.jol_image img { display:block; margin: 0 auto; }

  div#colInfos {
    width:115px;
    float:left;
    text-align:right;
  }
    img.freshnews_icone {
      margin-bottom:8px;
    }
    div.actu_infos {
      background:url("eau/images/infos.jpg") no-repeat right top transparent;
      width:103px;
      height:22px;
      float:right;
      line-height:22px;
      text-align:center;
      font-family:Verdana;
      font-size:10px;
      letter-spacing:-1px;
      margin-bottom:8px;
    }
    div.actu_infos a {
      color:#7aa6a5;
      text-decoration:none;
      display:block;
      width:103px;
      height:22px;
    }
    
    div.actu_infos a:hover {
      color:#b3e4e3;
    }
    div#suiteUne {
      background:url("eau/images/lire_suite_une.jpg") no-repeat right top transparent;
      width:103px;
      height:24px;
      float:right;
      margin-bottom:8px;
    }
    div#suiteUne a {
      display:block;
      height:18px;
      width:103px;
      margin-top:3px;
    }
    div#suiteUne:hover {
      background:url("eau/images/lire_suite_une_hover.jpg") no-repeat right top transparent;
    }
  div#colTexte {
    width:470px;
    height:auto;
    min-height:195px;
    #height:195px;
    float:right;
    text-align:justify;
    margin-right:10px;
    margin-left:6px;
    #margin-right:5px;
    font-family:Trebuchet MS;
    color:#bfefee;
    overflow:hidden;
  }
div.jol_article_navigation a,
div.jol_article_pagination a,
div.jol_article_sommaire a {
      font-weight:bold;
      color:#ffffff;
}
#article_texte_top a,
    .jol_actus_corps a,
    .jol_actus_accroche a {
      text-decoration:underline;
      font-weight:bold;
      color:#ffffff;
    }
    div.actu_auteur_date a,
    div.article_auteur_date a {
      color:#ffffff;
      font-size:11px;
    }
    div.actu_auteur_date,
    div.article_auteur_date {
      color:#a9e3e2;
      font-size:11px;
      font-family:Arial;
      margin-bottom:10px;
    }
    div.article_auteur_date {
      background-color: #3d6667;
      border: 1px dotted #1B363A;
      text-align:center;
      padding:2px;
      margin-bottom:20px;
    }
    div#colTexte .jol_actus_accroche {
      font-size:14px;
    }
    .jol_actus_corps {
      font-size:13px;
      padding:10px;
      clear:both;
    }
    
div.jol_actus_reagir {
  margin:0px 0px 0px 0px;
  /*padding:10px!important;*/
  /*color:#DADADA;*/
  background-color:#294b51;
  padding:2px;
  border:1px solid #000000;
}
div.jol_actus_reagir  input{
	/*padding:3px;*/
	/*background:#105e75;
	color:#DADADA;*/
}
div.jol_actus_reagir textarea{
	margin:0px 0px;
	border:1px solid #000000;
}
div.jol_actus_reagir a{
	display:inline;
        height:auto;
}

    
    div#actu_tags {
      background:url("eau/images/actu_tags.jpg") no-repeat center top transparent;
      width:579px;
      height:22px;
      float:left;
      font-size:10px;
      font-family:Verdana;
      letter-spacing:-1px;
      color:#7aa6a5;
      line-height:22px;
      overflow:hidden;
      text-align:center;
      margin-left:12px;
      /*margin-top:8px;*/
    }
    * html div#actu_tags {
      margin-left:6px;
    }
    div#actu_tags a {
      color:#7aa6a5;
    }
    
/**
 * Tags - Container des tags
 */
/*div#actu_tags {
    background-image:       url(http://jolstatic.fr/www/modules/Actualites/tag.gif);
    background-repeat:      no-repeat;
    background-position:    0 50%;
    margin:                 0;
    min-height:             15px;
    padding:                0 0 0 20px;
}*/

/**
 *  Tags - Liste des tags
 */
div#actu_tags ul.jol_actus_tags_liste {
    list-style-type:    none;
    margin:             0;
    padding:            0;
}

/**
 *  Tags - Tag
 */
div#actu_tags li.jol_actus_tags_tag {
    display:            inline;
    /*padding-right:      5px;*/
    margin:0;
}
div#actu_tags li.jol_actus_tags_tag:before {
  content:" | ";
}
div#actu_tags li.jol_actus_tags_tag.jol_actus_tags_tag_premier:before {
  content:"";
}

    
div#actu_bottom,
div#article_bottom {
  background:url("eau/images/actu_bottom.png") no-repeat center top transparent;
  width:603px;
  height:19px;
  float:left;
  margin-bottom:5px;
}
div#article_bottom2 {
  background:url("eau/images/actu_bottom2.png") no-repeat center top transparent;
  width:878px;
  height:19px;
  float:left;
  margin-bottom:5px;
}

/**
 * Les minis actus
 */
div#lesActus {
  float:left;
  width:624px;
  margin-top:5px;
}
div.mini_actus {
  width:294px;
  height:175px;
  float:left;
  background-color:#294b51;
  border:solid 1px #1a3438;
  margin-bottom:8px;
  margin-right:2px;
  margin-left:3px;
  overflow:hidden;
}
* html div.mini_actus {
  margin-right:2px;
  margin-left:2px;
}
  div.mini_actus_titre {
    background:url("eau/images/mini_actus_titre.jpg") no-repeat center top transparent;
    width:294px;
    height:27px;
    float:left;
  }
    div.mini_actus_titre h2 {
      line-height:27px;
      font-weight:bold;
      font-size:13px;
      color:#7aa6a5;
      text-align:center;
      height:27px;
      overflow:hidden;
    }
    div.mini_actus_titre h2 a {
      text-decoration:none;
      color:#a7e1e0;
      font-size:13px;
    }
  div.mini_actus_top {
    background:url("eau/images/mini_actus_top.jpg") no-repeat center top transparent;
    width:278px;
    float:left;
    /*height:173px;
    min-height:173px;
    overflow:hidden;*/
    padding:8px;
  }
  div.mini_actus_top div.mini_actus_info {
    width:102px;
    float:left;
  }
  div.mini_actus_top div.mini_actus_texte {
    width:167px;
    float:right;
    padding-left:8px;
    color:#7aa6a5;
    height:137px;
    overflow:hidden;
    /*text-align:justify;*/
  }
    div.mini_actus_texte a {
      text-decoration:none;
      color:#a7e1e0;
      font-weight:bold;
    }
    div.mini_actus_top .jol_actus_accroche {
    font-size:13px;
    line-height:15px;
    letter-spacing: -0.03em;
    }

/**
 * Pagination des mini actus
 */
div.jol_actus_pages {
    float:left;
    width:595px;
    height:30px;
    color:  #999;
    margin-left:3px;
    background-color:#294b51;
    border:solid 1px #1b363a;
    font-size:14px;
    text-shadow: 0px 0px 4px #122023;
    /*text-shadow: 0px 0px 5px #2b4949;*/
}
* html div.jol_actus_pages {
  margin-left:2px;
  width:594px;
}
div.jol_actus_pages ul.jol_actus_pages_liste {
    margin:     0;
    padding:    0;
    text-align: center;
}
div.jol_actus_pages li.jol_actus_page {
    list-style-type:    none;
    display:            inline;
    padding-bottom:     1px;
    margin-right:       3px;
    line-height:30px;
    margin-left:0;
}
div.jol_actus_pages li.jol_actus_page_separateur { }
div.jol_actus_pages a.jol_actus_page_lien {
    /*border:             1px solid #9aafe5;*/
    color:              #a1d2d1;
    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:              #ffffff;
}
div.jol_actus_pages a.jol_actus_page_lien_actif,
div.jol_actus_pages a.jol_actus_page_lien_actif:hover {
    /*background-color:   #a1d2d1;*/
    color:              orange;
    /*border-color:       #a1d2d1;*/
    border:none;
    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;
}

/****************************************************************************************
 * === 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:              #000;
    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#article_texte_top div.jol_article_navigation ul {
    display:            block;
    list-style-image:   none;
    list-style:    inside none;
    margin:             0;
    padding:            0;
    width:100%;
}
ul.jol_article_navigation {list-style:none;}

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

/**
 * 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:auto;
  margin-right:auto;
    margin-top:      15px;
    margin-bottom:      15px;
    padding:10px;
      background-color: #3d6667;
      border: 1px dotted #1B363A;
}
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#article_texte_top 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#article_texte_top div.jol_article_sommaire_corps li {
    margin:             0;
    padding:            0;
    text-align:         left;/**/
    list-style: none;
}
div#article_texte_top div.jol_article_sommaire_corps li a {
  font-weight:normal;
}
div#article_texte_top div.jol_article_sommaire_corps li a:hover {
  text-decoration:underline;
}
/**
 * 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;
}


/**
 * Un footer pour les crédits
 */
div#actus_footer {
  height:20px;
  margin:0 auto;
  width:920px;
}
div#credits {
  position:absolute;
  left:350px;
  width:500px;
  /*height:100px;*/
  text-align:center;
}
  div#credits p {
    width:500px;
    height:auto;
    margin-top:140px;
    font-size:11px;
    line-height:13px;
    color:#bfefee;
    background-color:#406b6c;
    border:solid 1px #1b363a;
    padding:5px 0;
  }
  div#credits a {
    text-decoration:none;
    color:#ffffff;
    font-weight:bold;
  }

/**
 * Le footer pour l'image du bas
 */
div#footer {
  height:573px;
  background:url("eau/images/bg_bottom.jpg") no-repeat center bottom #202020;
  margin-top:-370px;
  text-align:center;
  min-width:920px;
}
/* Pour régler le comportement du footer */
.clearfix {}
.clearfix:after {
  clear:both;
}
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

/**
 * === Lexique ===
 **/

/**
 * Liens vers le lexique
 */
a.jol_lexique_infobulle { 
    /*background:         url(http://medias.jeuxonline.info/www/modules/Actualites/lexique.png) top right no-repeat;*/
    /*border-bottom:      1px dotted #F7941D;*/
    padding-right:      6px;
    position:           relative;
    text-decoration:    none;
}
a.jol_lexique_infobulle:hover {
    /*border-bottom:      1px dotted #F7941D;*/
}

/**
 * Infobulles du lexique - Mot
 */
div.jol_lexique_boxover_header {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
    background-color:   #202020;/**/
    /**/border-top:         1px dotted #000000;
    border-left:        1px dotted #000000;
    border-right:       1px dotted #000000;
    /**/color:              #ffffff;
    font-weight:        bold;
    padding:            3px;
    text-align:         center;
    width:              350px;
}

/**
 * Infobulles du lexique - Définition
 */
div.jol_lexique_boxover_body {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    background-color:   #202020;/**/
    border-left:        1px dotted #000000;
    border-right:       1px dotted #000000;
    border-bottom:      1px dotted #000000;
    /**/color:              #cccccc;
    padding:            3px;
    text-align:         justify;
    width:              350px;
}
a.jol_lexique_infobulle {
  border-bottom: 1px dotted #ffffff;
}

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

/**
 * Container du lexique
 */
div.jol_lexique { }
div.jol_lexique a { color:#202020; }

/**
 * Titre de la page
 */
div.jol_lexique h1 { }
div.jol_lexique li { margin-left:0; }

/**
 * 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:           #ffffff;
}
div.jol_lexique li.jol_lexique_lettre span {}
div.jol_lexique li.jol_lexique_lettre span a {
    padding:                    2px 4px;
    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:           #ffffff;
    font-size:                  1.2em;
    padding:                    4px 10px;
}
div.jol_lexique li.jol_lexique_lettre_selectionnee:hover {
    background-color:           #ffffff;
}
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 {}

/**
 * Terme
 */
div.jol_lexique dt.jol_lexique_terme {
    background-color:       #F5F7FF;
    border-left:            5px solid #202020;
    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 #202020;
    border-left:            5px solid #202002;
    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;
}

div#outils_news_bottom {  
  padding:20px 0;
  float:left;
  width:560px;
  /*height:30px;*/
  text-align:center;
}
div#outils_news_top {
  float:right;
}
.jol_actus_envoyer,
.jol_actus_imprimer {
  width:30px;
  /*height:30px;*/
  float:left;
}