/* 
    Document   : fejol
    Created on : 29 août 2009, 19:06:11
    Author     : Fred
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

 #div_feglobal a {
    text-decoration : none;
    cursor : pointer;
    color : white;
}

.bodyFe {
    margin : 0;
    padding : 0;
    background-image: url(../images/background.jpg);
    background-position: center center;
    background-repeat: repeat;
    font-family : 'Arial','Verdana','Trebuchet MS';
    font-size : 11px;
    color : #200401;
}

.divFe {
    width : 916px;
    margin-right : auto;
    margin-left : auto;
}

.divHead {
    background-image: url(../images/header.jpg);
    background-repeat : no-repeat;    
    width : 916px;
    height : 288px;
    text-align : center;
    vertical-align : bottom;
    cursor : pointer;
}

.divHeadCh {
    margin-left : 10px;
}

.divHeadIe {
    margin-left : 8px;
}

.divHeadFf {
    margin-left : 9px;
}

.divCat {
    margin-left: auto;
    margin-right: auto;
    padding-top : 65px;
    background-image: url(../images/cat.png);
    background-repeat : no-repeat;
    width : 804px;
    height : 137px;
}

.divForum {
    margin-left : 37px;
    width : 230px;
    height : 120px;
    float : left;
    text-align:right;
}

#div_forum table {
    border-collapse: collapse;
}

.divActu {
    margin-left : 40px;
    width : 235px;
    height : 120px;
    float : left;
    color : white;
    line-height: 1.6;
}

.divScreen {
    margin-left : 33px;
    width : 210px;
    height : 120px;
    float : left;
    text-align: center;
    vertical-align: middle;
}

.divCorpsHead {
    position : relative;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../images/up_corps.png);
    background-repeat : no-repeat;
    width : 804px;
    height : 93px;    
}

.divCorpsFoot {
    position : relative;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../images/down_corps.png);
    background-repeat : no-repeat;
    width : 804px;
    height : 119px;
    clear : both;
}

.divCorps {
    position : relative;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../images/fond_corps.png);
    background-repeat : repeat-y;
    width : 804px;
    overflow : auto;
    text-align : center;
}


#div_article a {
    text-decoration : none;
    cursor : pointer;
    color : #7B5A31;
}

.divArticle {
    position : relative;
    margin-right: 20px;
    float : right;
    width : 560px;
    text-align : left;
    min-height : 1200px;
}

.divMenu {
    position : relative;
    margin-left: 20px;
    margin-top : 10px;
    margin-bottom : 10px;
    float : left;
    width : 190px;
    color : black;
    text-align : left;
}

.divPub {
    position : relative;
    margin-left : 52px;
    float : left;
}

#div_menu a {
    color : black;
}

.divFooter {
    margin-left: auto;
    margin-right: auto;
    padding-top : 30px;
    background-image: url(../images/footer.png);
    background-repeat : no-repeat;
    width : 500px;
    height : 99px;
    color : #7B5A31;
    text-align : center;
    vertical-align : middle;
}

#div_loading {
    text-align : center;
    vertical-align : top;
    visibility : hidden;
}

#div_footer a {
    color : white;
}

#sm_navig {
    margin : 0;
    padding : 0;
    list-style-image : none;
    list-style-type : none;
    list-style-position : inside;
    text-align : left;
}

.ul_sm_content {
    padding : 0;
    margin-left : 40px;
    list-style-image : url(../images/point.jpg);
    list-style-type : none;
    list-style-position : outside;
    text-align : left;
}

.jol_article_titre {color : #7B5A31;}

div.jol_actus_image { padding:5px; font-size:11px; background-color:#f7f7f7; border:1px solid #ccc; margin-bottom:10px }
div.jol_actus_image div.legende { margin-top:5px }
div.jol_actus_image a { color:#000 }
div.jol_actus_image images { display:block }

#jolCaptures div.capture div.image {width:210px; height:120px;}

div.jol_actus_vignette {float:left;margin-top:10px;margin-right:10px;}
div.jol_actus_container {padding-top:20px;}
div.jol_actus_suite {margin-top:10px;}
div.jol_actus_infos {font-size : 9px;}
div.jol_actus_titre h1, h2 {margin-bottom:0px;}

div.jol_article_titre h1 {font-size:25px;}

div.jol_actus_video { padding:5px; font-size:11px; background-color:#f7f7f7; border:1px solid #ccc; margin-bottom:10px }
div.jol_actus_video_legende { margin-top:5px }
div.jol_actus_video_titre{ }
div.jol_actus_video_auteur { }
div.jol_actus_video_hd { }
.jol_article_sommaire { display:inline; }
div.jol_article_sommaire_corps ul {
    list-style-type:    none;
    list-style-image:   none;
    margin:             inherit;
	margin-left:		20px;
    padding:            0;
}
div.jol_article_sommaire_corps li {
    margin:             auto;
    padding:            0;
    text-align:         left;
}
div.jol_article_sommaire_titre {
margin-bottom:10px;
}
/**
 * === Pagination des articles multi-pages ===
 */

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

/**
 * Page active
 */
div.jol_article_pagination strong {
    color:              #000;
    padding:            0 6px 
}

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

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

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

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

div.jol_article_clear {
    clear:              both;
}










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

/**
 * Titre principal des pages
 */
#jolCapturesGalerie h1 {
	margin-bottom:25px;
}

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

/**
 * Container du menu de navigation
 */
#jolCapturesGalerie div.navigation {
    
    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 {
    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 {
    margin:             0 5px;
}

/**
 * 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 { 
    
    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
{
    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 {
    background-color:   #c0b4ab;
    height:             152px;
    padding:            5px;
    width:              165px;
    text-align:         center;
}

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

/**
 * Effet de mouveover sur l'image
 */
#jolCapturesGalerie div.capture div.image:hover {}

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

/**
 * 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 {
    width:              100%;
}

/**
 * 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 {
    margin:             0 auto;
    width:              560px;
}

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

/**
 * Description de l'image
 */
#jolCapturesGalerie div.agrandissement div.description {
    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 {
    padding:            2px 0;
    margin:             10px auto;
    text-align:         center;
    width:              50%;
}

/**
 * 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:              90%;
}

/**
 * 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 {
	margin-bottom:		25px;
}



div.jol_actus_corps {
	font-size:			13px;
}
div.jol_actus_accroche {
	font-size:			13px;
}

div.jol_actus_tags ul.jol_actus_tags_liste {
    margin:             10px;
    padding:            0;
	color : #7B5A31;
}
div.jol_actus_suite {
	text-align:right;
	margin-right:20px;
}

div.jol_actus_source {
	text-align:right;
	margin-right:20px;
}