#article {
margin: 0 0 10px 0;
border: 1px solid #cccccc;
text-align: justify;
/*background-color: #fff;*/
}
#articlecontenu {
margin:5px 10px;
clear:both;
}
.article h1 {
margin:10px 0;
font-size:166.7%;
font-weight:bold;
border-bottom:1px solid #999;
text-align:left;
}
.article h2, .article h1.h2 {
margin:10px 0;
font-size:150%;
font-weight:bold;
border-bottom:1px solid #ccc
}
.article h3, .article h2.h3 {
font-size:125%;
font-weight:bold;
border-bottom:1px solid #ccc;
margin:10px 0 5px
}
.article ol { list-style-type:decimal; margin-left:25px }
.article ul { margin-left:20px;list-style-type:none; list-style-image:url(http://medias.jeuxonline.info/www/img/carre_bleu.gif) }
.article li { padding:2px 0 }

#article .soustitre { font-size: 150%; font-weight: bold }
#article .soussoustitre { font-size: 133.3%; font-weight: bold }
#article .auteur { font-size: 91.7%; text-align: right }
#article .rubrique {
font-size: 116.7%;
font-weight: bold;
background-color: #eeeeee;
padding: 3px;
}
#article .infos {
    padding: 5px;
    border: 1px dashed #666666;
    background-color: #eeeeee;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    font-size: 91.7%;
    text-align: left;
}
#article .menuHorizontal {
    font-size: 91.7%;
    background-color: #f7f7f7;
    padding: 2px 5px;
    text-align: center;
}

/* Calendrier des archives */
#archives div.calendrier {
    text-align: center; /* Pour qu'IE centre correctement... */
}
#archives div.date {
    background-color:#eeeeee;
    padding:2px;
    font-weight:bold;
    margin-top:10px;
    margin-bottom:5px;
}
#archives td { padding:5px }
#archives table.tableau_annee {
    margin-left: auto;
    margin-right: auto;
}
#archives .tableau_annee tr {
    vertical-align: top;
}
#archives .annee {
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}
#archives .mois {
    font-weight: bold;
    text-align: center;
    background-color: #f3a658;
    color: #ffffff;
}
#archives .jour {
    text-align: right;
    background-color: #fbf6ef;
}
#archives .nonews {
    color: #cccccc;
}

/**
 * Articles
 */
div.articleAccroche
{
    border-bottom: 1px solid #eee;
    font-weight: bold;
}
div.articlePied
{
    font-size: 91.7%;
}
div.articleSignature
{
    margin-top: 10px;
    font-size: 91.7%;
    text-align: right;
    color: #666;
    border-right: 5px solid #ddd;
    padding: 2px 5px 2px 2px;
    background-color: #f7f7f7;
}
div.articleAuteur
{
    font-size: 91.7%;
    text-align: right;
}
div.articleCapture img
{
    padding: 1px;
    border: 1px solid #ccc;
}
div.articleCapture a:hover img
{
    border: 1px solid #900;
}

#article table.important td, #article table.important th { padding: 3px 5px }
#article table.important, #article div.important, div.articleImportant {
    background-color: #fffae6;
}
#article table.important thead {
    background-color: #fee7bc;
}
#article .important a, div.articleImportant a {
    color: #990000;
}

#article div.navigation, div.articleNavigation {
    text-align: center;
    font-size: 100%;
    padding: 5px;
    margin-bottom: 10px;
}
#article div.discret, div.articleDiscret {
    background-color: #f7f7f7;
}
#article div.attention, div.articleAttention, #article p.attention, #article div.avertissement, #article p.avertissement {
    background-color:#fdd;
    padding:5px;
    border:1px solid #f99;
}
#article div.informations {
    background-color: #f6f8fa;
    padding: 5px;
}
#article div.confirmation {
    background-color:#dfd;
    padding:5px;
    border:1px solid #9f9;
}
#article div.erreur, #article p.erreur {
    padding:5px;
    background-color: #fdd;
    border: 5px solid #e00;
    color:#e00;
}

/**
 * Formulaire de saisie
 */
dl.jol_form fieldset {
padding:15px 15px 5px 15px;
margin-bottom:10px;
background-color:#f7f7f7;
border:1px solid #999;
}
dl.jol_form fieldset.important {
background-color:#eef;
border:1px solid #99f;
}
dl.jol_form fieldset.attention {
background-color:#fee;
border:1px solid #f99;
}
dl.jol_form legend { font-weight:600 }
dl.jol_form dt {
margin-bottom:10px;
}
dl.jol_form dt label:after { content: " :" }
dl.jol_form dt label.required {  }
dl.jol_form dt label.required:after { content: " : (obligatoire)"; font-size:10px; color:#333 }
dl.jol_form dd {
padding:0 5px 10px 5px;
margin:0 0 15px 5%;
}
dl.jol_form dd input[type=text], dl.jol_form dd textarea { border:1px solid #7f9db9; padding:5px }
dl.jol_form dd input[type=checkbox] { margin:5px; vertical-align:middle }
dl.jol_form dd input[type=text],
dl.jol_form dd input[type=password],
dl.jol_form dd input[type=submit] { 
width:50%; 
}
dl.jol_form dd label { cursor: pointer }
dl.jol_form dd p {
width:50%;
margin:5px 0 0 10px;
padding:5px;
background-color:#eef;
border:1px solid #ccf;
position:absolute;
display:none;
}
dl.jol_form dd p.hint { }
dl.jol_form dd ul.errors {
list-style:none;
padding:5px;
margin:5px 0 0 0;
background-color:#fee;
border:1px solid #f00;
color:#f00;
}
dl.jol_form dd ul.errors li {
margin:0 0.15em;
font-size:12px;
display:inline
}
dl.jol_form textarea { width:100%; height:200px }
dl.jol_form input[type=submit] {
padding:4px 20px;
background-color:#ddd;
border-left:1px solid #fff;
border-top:1px solid #fff;
border-right:1px solid #666;
border-bottom:1px solid #666;
cursor:pointer
}
dl.jol_form input[type=submit]:hover {
background-color:#eee;
}
dl.jol_form fieldset.important input[type=submit] {
background-color:#ddf;
border-left:1px solid #eef;
border-top:1px solid #eef;
border-right:1px solid #99d;
border-bottom:1px solid #99d;
}
dl.jol_form fieldset.important input[type=submit]:hover {
background-color:#e9e9ff;
}
dl.jol_form fieldset.attention input[type=submit] {
background-color:#fcc;
border-left:1px solid #fee;
border-top:1px solid #fee;
border-right:1px solid #966;
border-bottom:1px solid #966;
}
dl.jol_form fieldset.attention input[type=submit]:hover {
background-color:#fdd;
}
dl.jol_form input.confirm, dl.jol_form input.cancel {
background-repeat:no-repeat;
background-position: 20px 50%;
padding:4px 20px 4px 50px;
}
dl.jol_form input.confirm {
background-image:url(http://jolstatic.fr/dev/images/form-confirm.png);
background-color:#cfc;
border-left:1px solid #9f9;
border-top:1px solid #9f9;
border-right:1px solid #3c3;
border-bottom:1px solid #3c3;
font-size:150%;
}
dl.jol_form input.confirm:hover { 
background-color:#9f9;
cursor:pointer;
}
dl.jol_form input.cancel {
background-image:url(http://jolstatic.fr/dev/images/form-cancel.png);
background-color:#fcc;
border-left:1px solid #fbb;
border-top:1px solid #fbb;
border-right:1px solid #c66;
border-bottom:1px solid #c66;
}
dl.jol_form input.cancel:hover {
background-color:#f88;
cursor:pointer
}
#submit-label { display:none }
#submit { margin-top:5px; margin-left:15px }
#fieldset-action { text-align:center }
#fieldset-action input { margin:0 20px 10px 20px }

div.formulaire
{
    background-color:   #FFFAE6;
}
table.formulaire
{
    margin-top:         5px;
    width:              100%;
    border-collapse:    collapse;
    border:             1px solid #FFF2BF;
}
table.formulaire td
{
    text-align:         left;
    /*font-size:          91.7%;*/
    padding:            5px;
    background-color:   #FFFAE6;
}
table.formulaire th
{
    white-space:        nowrap;
    /*font-size:          91.7%;*/
    padding:            5px;
    background-color:   #FFF3CC;
}

table.formulaire tr.alt td
{
    background-color:   #FFF7D9;
}
table.formulaire tr.alt th
{
    background-color:   #FFEFBF;
}
table.formulaire input
{
    /*background-color:   #fff6e7;*/
    /*font-size:          91.7%;*/
    padding:2px 0;
}
table.formulaire a
{
    color:              #900;
}

/**
 * TeamSpeak
 */
a.teamspeakserver {
    font-size: 100%;
    font-weight: bold;
}
a.teamspeakchannel {
    font-size: 91.7%;
    font-weight: bold;
}
a.teamspeaksubchannel { font-size: 83.3% }
td.teamspeakplayer { padding-left: 5px }

/* Barre de navigation des articles */
table.navigation {
    background-color: #eeeeee;
    padding: 0px;
    width: 100%;
    margin-bottom: 5px;
}
table.navigation td {
    width: 33%;
}
.navigation .gauche {
    float: left;
    text-align: left;
}
.navigation .droite {
    text-align: right;
}

/* Styles de tableaux */
table.discret {
    width:          95%;
    margin:         10px auto;
    border:         1px solid #cccccc;
}
table.discret caption {
    font-weight:    bold;
}
table.discret td {
    background-color:   #f7f7f7;
    padding:            2px 4px;
}
table.discret th {
    background-color:   #eeeeee;
    padding:            2px 4px;
}

table.onglets {
    border-spacing:     0px;
    background-color:   #eeeeee;
}
table.onglets td {
    background-color:   #dddddd;
    padding:            5px;
    border-right:       1px solid #999999;
    border-top:         1px solid #ffffff;
    border-left:        1px solid #ffffff;
    -moz-border-radius: 8px 8px 0px 0px;
    font-size:          91.7%;
    text-align:         center;
}
table.onglets td.selectionne {
    background-color:   #eeeeee;
    font-weight:        bold;
    font-size:          100%;
}

table.legendes {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    color   : #666666;
}
table.legendes caption {
    font-size: 91.7%;
    font-weight: bold;
    border-bottom: 1px solid #999999;
    margin-left: auto;
    margin-right: auto;
}
table.legendes th, table.legendes td {
    font-size: 91.7%;
    color: #666666;
}

table.actusSuivantes
{
    width: 100%;
}

table.actusSuivantes tr
{
    vertical-align: top;
}

table.actusSuivantes td
{
    width: 50%;
    font-size: 91.7%;
}
div.actuNavigation
{
    background-color: #f7f7f7;
}

#article div.boite
{
    background-color: #eeeeee;
    border-left: 5px solid #ffffff;
}
#article div.boite div.titre
{
    background-color: #457896;
    padding: 2px 5px;
    font-weight: bold;
    color: #ffffff;
    font-size: 100%;
    border-top: 1px solid #BCCAD0;
    border-bottom: 2px solid #31556A;
}
#article div.boite div.texte
{
    font-size: 100%;
    padding: 5px;
}

div.code
{
    background-color: #f7f7f7;
    border: 1px dashed #999999;
    padding: 5px;
    margin: 5px 10px;
    text-align: left;
    font-family: monospace;
}

div.sommaire
{
    font-size: 100%;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    background-color: #f7f7f7;
    padding: 10px;
}
div.sommaire ul, div.sommaire ol
{
    padding-left: 20px;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 5px;
}
table.style1
{
    margin-left: auto;
    margin-right: auto;
    font-size: 91.7%;
    background-color: #eeeeee;
}
table.style1 td
{
    padding: 1px;
}

table.style1 th
{
    background-color: #f7f7f7;
    text-align: center;
}

img.capture {
    border: 1px solid #999999;
}

div.jol_actus_image, div.jol_actus_video, div.jol_image, div.jol_video {
padding:5px;
font-size:91.7%;
background-color:#f7f7f7;
border:1px solid #ccc;
margin-bottom:10px }
div.jol_actus_image div.legende, div.jol_actus_video_legende,
div.jol_image_legende, div.jol_video_legende { margin-top:5px; text-align:left; }
div.jol_actus_image a, div.jol_image a { display:block; color:#000; background-color:#000; overflow:hidden }
div.jol_actus_image img, div.jol_image img { display:block; margin:0 auto }
div.jol_image_legende a, div.jol_video_legende a { background-color:inherit }
span.jol_video_separateur { color:#999 }

div.jol_article_navigation_haut {
background-color:#f7f7f7;
text-align:center;
border-bottom:1px solid #ccc;
padding:3px;
}
div.jol_article_sommaire_titre {
background-color:#f7f7f7;
border:1px solid #ccc;
padding:2px 12px;
color:#333;
width:60px;
top:10px;
left:20px;
text-align:center;
position:relative;
}
div.jol_article_sommaire_corps {
background-color:#f7f7f7;
border:1px solid #ccc;
padding:15px 10px 5px 10px;
font-size:12px;
margin-bottom:15px;
}
div.jol_article_sommaire_corps h2 {
text-align:center;
font-size:12px;
color:#333;
font-weight:bold;
margin:0 0 5px 0;
padding:0 0 5px 0;
border-bottom:1px dotted #ccc;
}
div.jol_article_sommaire_corps ul {
width:47%;
float:left;
margin:0 0 5px 0;
padding:0;
list-style-type:none;
list-style-image:none;
}
div.jol_article_sommaire_corps li { text-align:left; margin:0; padding:0 }
div.jol_article_sommaire_corps span { padding-right:5px }
ul.jol_article_sommaire_liste_1 { border-right:1px solid #ddd }
ul.jol_article_sommaire_liste_2 li { padding-left:10px }

div.jol_article_navigation { margin-bottom:10px }
div.jol_article_navigation span { font-weight:bold }
div.jol_article_navigation a { display:block }
div.jol_article_navigation ul { display:block; list-style-type:none; list-style-image:none; margin:0; padding:0 }
div.jol_article_navigation li { margin:0; padding:0 }
li.jol_article_navigation_prec { float:left }
li.jol_article_navigation_suiv { text-align:right; float:right }
li.jol_article_navigation_prec a {
padding-left:10px;
background:transparent url(http://medias.jeuxonline.info/www/img/fleche_orange_gauche.png) no-repeat scroll left center
}
li.jol_article_navigation_suiv a {
padding-right:10px;
background:transparent url(http://medias.jeuxonline.info/www/img/fleche_orange.png) no-repeat scroll right center
}

div.jol_article_pagination {
text-align:center;
color:#ccc;
position:relative;
top:17px }
div.jol_article_pagination strong { color:#000; padding:0 6px }
div.jol_article_pagination a { padding:0 6px }

div.jol_article_outils {
border-top:1px dotted #999;
border-bottom:1px dotted #999;
padding:3px 0;
text-align:center;
margin:5px 0 15px 0;
}
div.jol_article_outils span {
background-image:url(http://medias.jeuxonline.info/www/jolfiches/img/text-tools-2.png);
padding-left:18px;
}
span.jol_article_imprimer { background-position:0 -250px }
span.jol_article_commentaires { font-weight:bold; background-position:0 -450px }
div.jol_article_infos {
font-size:91.7%;
background-color:#f3f3f3;
text-align:right;
padding:5px;
border-right:5px solid #ddd;
color:#666;
margin-bottom:15px
}

div.jol_article_sources { float:left; text-align:left }

div.jol_article_clear { clear:both }

/**
 * Informations importantes
 */
div.important {
    background-color: #FFF2DB;
    padding: 5px;
    margin: 5px 0;
    border:1px solid #F5D291;
}
div.important a { color: #900 }