body {
  margin: 0;
  padding: 0;
  text-align: center;
  background-color: #EFCB9B;
  color: #000000;
  font: normal 12px verdana, sans-serif;
}
img {
  margin: 0;
  display: block;
  padding: 0;
  border: 0;
  clear: none;
}
a {
  color: #992424;
  text-decoration: none;
}
a:hover {
  color: #992424;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #992424;
}
a:active {
  color: #992424;
  font-weight: bold;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #992424;
}
a:visited {
  color: #992424;
}
a:visited:hover {
  color: #992424;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #992424;
}
#jolbarre img {
  display: inline;
}


/* Entete */

#site {
  width: 760px;
  margin: auto;
  background: url(img/lianes.jpg) 0px 342px repeat-y;
}
#contenu {
  width: 760px;
  margin: auto;
  background: url(img/entete.jpg) top no-repeat;
}
#pub {
  padding: 5px 0 0 284px ! important;
  padding: 5px 0 0 277px;
  width: 468px;
  height: 60px;
}
/*#lienduhaut a, #lienduhaut a:hover, #lienduhaut a:active {
  display: block;
  text-decoration: none;
  border: none;
  position: absolute;
  top: 90px;
  left: 0;
  width: 100%;
  height: 150px;
  margin: auto;
}*/
#lienduhaut span {
  display: none;
}
#edito {
  text-align: left;
  padding: 135px 0 0 252px ! important;
  padding: 150px 0 0 92px;
  width: 425px;
  height: 85px ! important;
  height: 85px;
}

ul.titre_article {
 text-align: left;
 margin: 15px auto 10px auto ! important;
 margin: 0 auto 10px auto;
}
ul.titre_article li {
  list-style-type: square;
  font-size: 11px;
}

/*  */

#corps {
  padding: 10px 0 0 40px ! important;
  padding: 0 0 0 40px;
  text-align: left;
  min-height: 600px;
}

/* Menu ! */

#menu {
  width: 155px;
  float: left;
}
div.sous-menu {
  background: #E7BB84;
  border: 1px solid #672500;
  margin: 0 0 5px 0;
}
div.sous-menu h4 {
  font-size: 16px;
  color: #570909;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #97270E;
  margin: 0 1px 5px 10px;
  font-style: italic;  
}
div.sous-menu ul {
  margin: 0 1px 10px 20px;
  padding: 5px 0 0 0;
}
div.sous-menu li {
  list-style-type: square;
}
div.fansite_img {
  text-align: center;
}
div.fansite_img img {
  margin: auto;
  border: 0;
}
div.fansite_img a {
  border: none;
}
/* Centre */

#centre {
  margin: 50px 0 0 200px;
  width: 510px;
  /*overflow: hidden;*/
}
#centre img {
  max-width: 510px;
}

/* Nouvelles */

div.nouvelle {
  background: url(img/titrenouvelle.jpg) top no-repeat;
  margin-bottom: 30px;
}
img.freshnews_icone {
  float: right;
  margin: 0;
}
div.nouvelle-texte {
  width: 380px;
  text-align: justify;
  padding: 27px 0 0 0;
}
div.nouvelle-titre {
  color: #934141;
  margin: 0 0 8px 18px;
  font-weight: bold;
}
div.nouvelle-auteur {
  color: #934141;
  margin: 0 0 20px 50px;
  font-size: 11px;
}
div.nouvelle-accroche {
  color: #763232;
  margin: 0 0 0 10px;
  font-size: 11px;
}
div.nouvelle-corps {
  margin: 0 0 0 10px;
}
div.nouvelle-source {
  font-size: 11px;
  border-top-width: 1px;
  border-top-style: dashed;
  border-top-color: #C96;
  text-align: right;
}

/* Corps */

h1, p.freshnews_archives_titre {
  font-size: 22px;
  color: #763232;
  border-top-width: 1px;
  border-right-width: 6px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: #763232;
  border-right-color: #763232;
  text-align: right;
  padding-right: 10px;
  margin-top: 5px;
  margin-bottom: 50px;  
}

h2, p.freshnews_archives_texte {
  font-size: 17px;
  color: #763232;
  font-weight: bold;
  margin-top: 40px;
  padding-right: 30px;
}
h3 {
  color: #485F2A;
  font-size: 14px;
  padding-left: 30px;
  padding-top: 0px;
  padding-bottom: 0px;
  font-style: italic;  
  height: 20px;
  background-image: url(http://medias.jeuxonline.info/tcos/styles/1/img/feuilleh3.jpg);
  background-repeat: no-repeat;
  background-position: left;
}
p {
  text-align: justify;
}
p.article-accroche {
  color: #763232;
}

blockquote {
	background-color: rgb(231,187,132);
	border-left: 5px solid #dea157;
	margin-right:0px;
	margin-left:20px;
}

blockquote p{
	padding: 5px;
}
img {
  margin: 2px;
}
p.signature {
  font-size: 11px;
  text-align: right;
  margin-top: 40px;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #9B4A37;
  padding: 2px 10px 2px 0;
}
div.imgcentre {
  text-align: center;
}
div.imgcentre img {
  margin: auto;
}
/* Captures */

table.capture_liste td {
  vertical-align: top;
  text-align: center;
  font-size: 10px;
}
table.capture_liste img {
  margin: none;
}
div.capture_grande img {
  width: 510px;
}

/*Images*/
div.jol_image { padding:5px; font-size:11px; background-color:rgb(231,187,132); border:1px solid #dea157; margin-bottom:5px }
div.jol_mage div.legende { margin-top:5px }
div.jol_image a { color:#000 }
div.jol_image img { display: inline;}


/*Sommaire d'articles multi-pages */
div.sommaire{
	background-color: rgb(231,187,132);
	border: 1px solid #dea157;
}
/* Pied de page */

#pieddepage {
  margin: 50px auto 20px auto;
  height: 56px;
  background: url(img/pieddepage.jpg) top no-repeat;
}
#credits {
  padding: 0 0 5px 0;
  font-size: 11px;
}

/**
 * JOLOO - Module Captures_Galerie
 * 
 * Exemple d'une feuille de styles CSS pour le module Galerie.
 * 
 * @author Guillaume Martin <mind@jeuxonline.info>
 */

/**
 * Container global de la galerie
 */
#jolCapturesGalerie {}

/**
 * Titre principal des pages
 */
#jolCapturesGalerie h1 {}

/**
 * Titres de deuxième niveau
 */
#jolCapturesGalerie h2 {}

/**
 * Container du menu de navigation
 */
#jolCapturesGalerie div.navigation {
    background-color:   #e7bb84;
    border-bottom:      1px solid #ddd;
    border-top:         1px solid #ddd;
    padding:            2px 5px;
}

/**
 * Liens du menu de navigation
 */
#jolCapturesGalerie div.navigation a {}

/**
 * Page actuelle
 */
#jolCapturesGalerie div.navigation strong {}

/**
 * === ACCUEIL DE LA GALERIE ===
 */

/**
 * Container des dernières images ajoutées
 */
#jolCapturesGalerie div.dernieres {
    background-color:   #e7bb84;
    border:             1px solid #AAC7D9;
    padding:            5px;
    margin-bottom:      10px;
    text-align:         center;
}

/**
 * Titre du bloc des dernières images ajoutées
 */
#jolCapturesGalerie div.dernieres div.titre {
    font-weight:        bold;
    margin-bottom:      5px;
}

/**
 * Container des images
 */
#jolCapturesGalerie div.dernieres div.images {
	
}

/**
 * Images du bloc des dernières images ajoutées
 */
#jolCapturesGalerie div.dernieres div.images img {
    border:             1px solid black;
    margin:             0 5px;
	display: inline; /* Pour ne pas qu'elles s'affichent en colonne*/
}

/**
 * Effet mouseover des images du bloc des dernières images ajoutées
 */
#jolCapturesGalerie div.dernieres div.images img:hover {
    border-color:       #e00;
}

/**
 * Container du lien pour ajouter une image
 */
#jolCapturesGalerie div.ajouter { 
    background-color:   #FFFAE6;
    border:             1px solid #F5D291;
    margin-bottom:      10px;
    padding:            2px 5px;
    text-align:         center;
}

/**
 * Lien pour ajouter une image
 */
#jolCapturesGalerie div.ajouter a {
    background-image:   url(http://medias.jeuxonline.info/www/jolfiches/img/ajouter_image.png);
    background-repeat:  no-repeat;
    padding-left:       20px;
    color:              #900;
}

/**
 * Container de la liste des jeux
 */
#jolCapturesGalerie div.liste_jeux {}

/**
 * Container des informations sur un jeu
 */
#jolCapturesGalerie div.jeu
{
    background-color:   #e7bb84;
    padding:            5px;
    margin-bottom:      10px;
    padding-bottom:     10px;
}

/**
 * Titre du jeu
 */
#jolCapturesGalerie div.jeu h2 {
    border-bottom:      1px dashed #9a9;
    margin:             0 0 10px 0;
}

/**
 * Vignette d'illustration des galeries
 */
#jolCapturesGalerie div.boite
{
    float:              left;
    width:              100px;
    height:             100px;
    margin-right:       25px;
}

/**
 * Liste des catégories des images
 */
#jolCapturesGalerie div.jeu ul {
    margin:             0;
    padding:            0;
}

/**
 * Elements de la liste des catégories 
 */
#jolCapturesGalerie div.jeu li { }

/**
 * Nombre d'images par catégorie
 */
#jolCapturesGalerie div.jeu span.nb_images {
    font-size:          0.8em;
    color:              #444;
}

/**
 * Pour être certain que le container inclus entièrement la vignette
 */
#jolCapturesGalerie div.jeu div.clear {
    clear:              both;
}

/**
 * === GALERIE D'IMAGES ===
 */

/**
 * Tableau container des images de la galerie
 */
#jolCapturesGalerie table.galerie {
    margin:             5px auto 10px auto;
}

/**
 * Cellules du tableau
 */
#jolCapturesGalerie table.galerie td {
    padding:            5px;
    font-size:          0.9em;
    line-height:        0.9em;
}

/**
 * Container des images avec leurs informations
 */
#jolCapturesGalerie div.capture {
    height:             152px;
    background-color:   #e7bb84;
    padding:            5px;
    width:              165px;
    text-align:         center;
}

/**
 * Container de l'image
 */
#jolCapturesGalerie div.capture div.image {
    width:              160px;
    height:             120px;
    background-color:   #000000;
    overflow:           hidden;
    border:             1px solid #000;
    margin-bottom:      5px;
    margin-left:        auto;
    margin-right:       auto;
}

/**
 * Effet de mouveover sur l'image
 */
#jolCapturesGalerie div.capture div.image:hover {
    border:             1px solid #e00;
}

/**
 * L'image en elle-même
 */
#jolCapturesGalerie div.capture div.image img {
    border:             0;
}

/**
 * Container du titre de l'image
 */
#jolCapturesGalerie div.capture div.titre { }

/**
 * Lien vers le titre de l'image
 */
#jolCapturesGalerie div.capture div.titre a { }

/**
 * Date de prise de vue
 */
#jolCapturesGalerie div.capture div.date {
    color:              #777;
}

/**
 * Navigation entre les pages de la galerie
 */
#jolCapturesGalerie table.pages {
    background-color:   #e7bb84;
    width:              100%;
    border:             1px solid #ddd;
}

/**
 * Cellule du tableau de navigation
 */
#jolCapturesGalerie table.pages td {
    padding:            2px 5px;
}

/**
 * Page précédente
 */
#jolCapturesGalerie table.pages td.precedente {
    text-align:         left;
    width:              160px;
    white-space:        nowrap;
}

/**
 * Page suivante
 */
#jolCapturesGalerie table.pages td.suivante {
    text-align:         right;
    width:              160px;
    white-space:        nowrap;
}

/**
 * Liste des pages
 */
#jolCapturesGalerie table.pages td.pages {
    text-align:         center;
}

/**
 * Page sélectionnée
 */
#jolCapturesGalerie table.pages td.pages strong { 
    font-size:          1.2em;
    padding:            0 4px;
}

/**
 * Liens vers les autres pages
 */
#jolCapturesGalerie table.pages td.pages a {
    padding:            0 4px;
}

/**
 * Container des statistiques de la galerie
 */
#jolCapturesGalerie div.stats {
    font-size:          0.9em;
    margin-bottom:      10px;
    margin-top:         10px;
    text-align:         center;
}

/**
 * === AGRANDISSEMENT DES IMAGES ===
 */

/**
 * Container de l'agrandissement d'une image
 */
#jolCapturesGalerie div.agrandissement {}

/**
 * Container de la version 800px de l'image
 */
#jolCapturesGalerie div.agrandissement div.image800 {
    border:             1px solid #000;

    margin:             0 auto;
    width:              520px;
	background-color: #e7bb84;
}

/**
 * Image version 800px
 */
#jolCapturesGalerie div.agrandissement div.image800 img {
    border:             0;
    display:            block;
    margin:             0 auto;
}

/**
 * Description de l'image
 */
#jolCapturesGalerie div.agrandissement div.description {
    background-color:   #e7bb84;
    border-bottom:      1px solid #ccc;
    margin-top:         10px;
    padding:            2px 5px;
    text-align:         center;
}

/**
 * Date de prise de vue
 */
#jolCapturesGalerie div.agrandissement div.date {
    font-size:          0.9em;
    margin-top:         10px;
}

/**
 * Outils de téléchargement et d'affichage de la version originale
 */
#jolCapturesGalerie div.agrandissement div.options {
    background-color:   #e7bb84;
    border:             1px solid #F5D291;
    padding:            2px 0;
    margin:             10px auto;
    text-align:         center;
    width:              90%;
}

/**
 * Liste des outils
 */
#jolCapturesGalerie div.agrandissement div.options ul {
    list-style:         none;
    margin:             0 auto;
}

/**
 * Elements de la liste des outils
 */
#jolCapturesGalerie div.agrandissement div.options li {
    float:              left;
    text-align:         center;
    width:              50%;
}

/**
 * Container inline du lien Afficher l'image originale
 */
#jolCapturesGalerie div.agrandissement div.options li span.afficher {
    padding-left:       20px;
    background-image:   url(http://medias.jeuxonline.info/www/jolfiches/img/icone_images.png);
    background-repeat:  no-repeat;
}

/**
 * Container inline du lien Télécharger l'image
 */
#jolCapturesGalerie div.agrandissement div.options li span.telecharger {
    background-image:   url(http://medias.jeuxonline.info/www/jolfiches/img/telecharger.png);
    background-repeat:  no-repeat;
    padding-left:       18px;
}

/**
 * Liens des outils
 */
#jolCapturesGalerie div.agrandissement div.options a {
    color:              #900;
}

/**
 * Taille de l'image originale
 */
#jolCapturesGalerie div.agrandissement div.options span.taille {
    font-size:          0.9em;
    color:              #444;
}

/**
 * Poids de l'image originale
 */
#jolCapturesGalerie div.agrandissement div.options span.poids {
    font-size:          0.9em;
    color:              #444;
}

/**
 * Clear
 */
#jolCapturesGalerie div.agrandissement div.options div.clear {
    clear:              both;
}

/**
 * === FORMULAIRE D'AJOUT ===
 */

/**
 * Container du formulaire
 */
#jolCapturesGalerie div.formulaire {}

/**
 * Formulaire
 */
#jolCapturesGalerie div.formulaire form {}

/**
 * Tableau du formulaire
 */
#jolCapturesGalerie table.formulaire {}

/**
 * Ligne standard du formulaire
 */
#jolCapturesGalerie table.formulaire tr {}

/**
 * Ligne alternative
 */
#jolCapturesGalerie table.formulaire tr.alt {}

/**
 * Titre des colonnes
 */
#jolCapturesGalerie table.formulaire th {}

/**
 * Cellules du tableau
 */
#jolCapturesGalerie table.formulaire td {}

/**
 * Menus déroulant d'options
 */
#jolCapturesGalerie table.formulaire select {}

/**
 * Options des menus déroulants
 */
#jolCapturesGalerie table.formulaire option {}

/**
 * Champs du formulaire
 */
#jolCapturesGalerie table.formulaire input {}

/**
 * Bouton d'envoi
 */
#jolCapturesGalerie table.formulaire input.envoyer {}

/**
 * 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-bottom:5px;
    min-height:             15px;
    padding:                0 0 0 20px;
    font-size:11px;
}
/**
 *  Tags - Liste des tags
 */
div.jol_actus_tags ul.jol_actus_tags_liste {
    list-style-type:    none;
    margin:             0;
    padding:            0;
}

/**
 *  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:    '';
}
/**
 * Pages - Container
 */
div.jol_actus_pages {
    color:  #999;
    margin: 0;
    margin-left:50px
}

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

/**
 * 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 #C96;
    padding:            2px 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 #00468C;
}

/**
 * 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:   #2e6ab1;
    color:              #fff;
    border-color:       #2b66a5;
    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:       #C96;
    color:              #C96;
    cursor:             default;
    font-weight:        normal;
}