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

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

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


* {	margin: 0; padding: 0; }

body {
	background:url("images/site-repeat.jpg") repeat-y top center #000000;
	height: 100%;
	width: 100%;
}

img {
  margin:0;
}

div#global {
  width:1000px;
  min-height:770px;
  position: relative;
  left:50%;
  margin-left:-600px;
	font-family: Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#1f1f1f;
	background:url("images/bg2.jpg") no-repeat top center;
	padding:0 100px;
	overflow:hidden;
}

a {
  /*color:#c8c09f;*/
  color:#000000;
  font-weight:normal;
}

div#header {
  width:1000px;
  height:252px;
  float:left;
  margin-left:-1px;
  background:url('images/header.jpg') no-repeat;
}
div#header h1 {
  height:252px;
  width:980px;
  text-indent:-9000px;
  background:none;
}
div#header h1 a {
  display:block;
  height:252px;
  width:980px;
}

div#site {
  width:1000px;
  float:left;
}

div#menu {
  width:186px;
  min-height:258px;
  float:left;
  background:url('images/menu-top.png') no-repeat 61px 0px;
  padding-left: 61px;
  padding-right: 61px;
  padding-top:15px;
}

div#menu a {
  text-decoration:none;
}
div#menu a:hover {
  text-decoration:underline;
}

ul.menu {
  margin-bottom:25px;
  margin-left:25px;
  line-height:15px;
  font-weight:bold;
}
ul.menu li.menu-lien {
  font-weight:normal;
  color:#777777;
}
li.menu-titre {
  /*margin-left:20px;*/
  text-align:center;
  margin:0 25px 7px 0;
  font-size:17px;
  line-height:20px;
}
li.menu-lien {
  margin-left:10px;
  margin-top:1px;
  font-size:12px;
}

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

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

div#site-top {
  width:627px;
  height:187px;
  background:url('images/site-top.png') no-repeat;
  margin-bottom:25px;
}

div#site-top p {
	font-family: Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#1f1f1f;
	font-weight:bold;
	font-style:italic;
	letter-spacing:-1px;
	text-align:center;
	margin:5px 0 10px 0;
}

/* Cases du haut */
div#captures {
  width: 180px;
  float:left;
}
div#jolCaptures {
  height:120px;
  overflow:hidden;
  margin-left:12px;
  margin-top:20px;
}
div#last-forum {
  width: 220px;
  float:left;
  height:180px;
  overflow:hidden;
  font-size:11px;
}
div#last-actu {
  width: 220px;
  float:left;
  height:180px;
  overflow:hidden;
  font-size:11px;
}
/* Cases du haut FIN*/

div.article-top {
  width:627px;
  height:8px;
  float:left;
  background:url('images/article-top.png') no-repeat;
}

div.article-middle {
  width:607px;
  float:left;
  background:url('images/article-middle.png') repeat-y;
  padding:0 10px;
}

div.article-bottom {
  width:627px;
  height:8px;
  float:left;
  background:url('images/article-bottom.png') no-repeat;
  margin-bottom:25px;
}

div.accroche {
  font-size:13px;
  font-style:italic;
  margin:20px 30px 30px 25px;
  font-weight:bold;
}

strong {
  font-weight:bold;
}

em {
  font-style:italic;
}

img.freshnews_icone {
  float:right;
  width:114px;
  height:114px;
  margin-left:10px;
  margin-bottom:10px;
  margin-top:5px;
}

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

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

div.jol_video_container {
  margin-top:15px;
  margin-bottom:15px;
}

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

div.jol_actus_reagir {
  margin-left:266px;
  margin-top:15px;
	background-color: #8D8777;
	border: 1px solid #b80909;
	padding:5px 2px 5px 2px;
	text-align:center;
}
div.jol_actus_reagir textarea {
margin-top:5px;
margin-bottom:5px;
}

/* PIED DE PAGE */
div#footer {
  background:url('images/footer3.jpg') no-repeat bottom center;
  width:1200px;
  height:393px;
  float:left;
  margin-left:-100px;
  overflow:hidden;
}
div#footer div#credits {
  background:url('images/credits.png') no-repeat;
  width:403px;
  height:101px;
  font-size:12px;
  margin-left:450px;
  margin-top:175px;
  padding-top:12px;
  color:#1f1f1f;
}
div#footer div#credits p {
  width:400px;
  text-align:center;
  font-weight:bold;
}
div#footer a,
div#footer a:visited {
  text-decoration:underline;
}
div#footer a:hover,
div#footer a:active {
}

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

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

/**
 * Pages - Page
 */
div.jol_actus_pages li.jol_actus_page {
    list-style-type:    none;
    display:            inline;
    padding-bottom:     1px;
    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 #b80909;
    color:              #b80909;
    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 #b80909;
    background-color:   #b80909;
    color:              #ffffff;
}

/**
 * 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:   #b80909;
    color:              #ffffff;
    border-color:       #b80909;
    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:       #b80909;
    color:              #ccc;
    cursor:             default;
    font-weight:        normal;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#jolCapturesGalerie div.dernieres {
	margin-top: 10px;
	border: dotted 1px #b80909;
	background-color:#ffffff;
}
#jolCapturesGalerie div.dernieres div.titre {
	font-size: 15px;
	font-weight:bold;
	margin:4px;
	text-align:center;
}
#jolCapturesGalerie div.dernieres div.images {
	/*background-color: #FFFFFF;
	border: 1px dotted #5F4139;*/
}
#jolCapturesGalerie div.dernieres div.images img {
	margin:12px;
	margin-left:18px;
	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: #b80909;
	padding: 3px;
}

#jolCapturesGalerie div.liste_jeux {
	padding: 5px;
	text-align: left;
	height:200px;
}
#jolCapturesGalerie div.jeu { }
#jolCapturesGalerie div.jeu h2 {
    text-align:left;
    text-indent:140px;
	font-size: 15px;
}
#jolCapturesGalerie div.boite {
	padding: 0px;
	float:left;
	width: 110px;
}
#jolCapturesGalerie div.boite img{
	border: 1px solid #5F4139;
}
#jolCapturesGalerie div.jeu ul {
	text-align: left;
	/*color: #6c3a15;*/
	list-style: inside;
	float:left;
	width:350px;
	margin-top:10px;
}
#jolCapturesGalerie div.jeu li {
	color: #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: dotted 1px #b80909;
	background-color:#ffffff;
	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: #ffffff;
	border: dotted 1px #b80909;
	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:#ffffff;
    padding-top:20px;
    padding-bottom:20px;
	border: dotted 1px #b80909;
}
#jolCapturesGalerie div.agrandissement div.image800 img {
	width: auto;
	max-width:580px;
	/*border: dotted 1px #5F4139;*/
}
/*#jolCapturesGalerie div.agrandissement div.description
#jolCapturesGalerie div.agrandissement div.date*/
#jolCapturesGalerie div.agrandissement div.options {
	border: 1px dotted #b80909;
    background-color: #ffffff;
    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

*/