.article h1 {
margin:0 0 15px 0;
font-size:166.7%;
font-weight:bold;
text-align:left;
border-bottom:1px solid #aaa;
}
.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 }

/* Headers */
div.baseTitre {
    margin: 10px 0;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}
/* Tableau qui liste de donnees */
table.baseListeFiches { margin: 5px auto; border-collapse: collapse }
table.baseListeFiches th { padding: 5px; white-space: nowrap }
table.baseListeFiches th
{
    font-weight: bold;
    color: #000000;
    text-align: center;
    border-bottom: 1px solid #999999;
}
table.baseListeFiches td { background-color: #f7f7f7; padding: 3px 6px; text-align: left }
table.baseListeFiches tr.alt td { background-color: #eeeeee }
table.baseListeFiches tr:hover td { background-color: #E3EBEF }

/* Encart d'information */
div.encart { margin: 0px auto }
div.encart div.intitule
{
    padding: 2px 4px;
    background-color: #457896;
    font-weight: bold;
    color: #ffffff;
}
div.encart div.texte { background-color: #e7e7e7; padding: 5px }
div.encart ul { padding: 0px 0px 0px 15px; margin: 0px }
form.baseRecherche { margin: 0 }
form.baseRecherche div, div.baseRecherche { text-align: center }
form.baseRecherche input, form.baseRecherche option
{
    padding:3px 5px;
    vertical-align:middle;
}

/* Filtrage */
div.baseFiltres, form.baseFiltres {
    background-color: #DAE4EA;
    text-align: center;
    padding: 5px 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
}
form.baseFiltres input, form.baseFiltres select, form.baseFiltres option, div.baseFiltres td { font-size:11px }
form.baseFiltres a { text-decoration:none }
form.baseFiltres a:hover { text-decoration:underline }
table.basePages { width: 100% }
table.basePages td { padding: 5px }
table.basePages a img { border: 1px solid #999 }
table.basePages a img:hover { border: 1px solid #900 }
table.basePagesAlpha
{
    width: 100%;
    background-color: #EDF2F5;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
}
table.basePagesAlpha td { padding: 2px 0 }

/* Sous-menu de navigation */
div.baseSousMenu
{
    background-color:   #f7f7f7;
    padding:            4px 5px;
    border-bottom:1px solid #ccc;
    margin-bottom:10px;
    color:#999;
}
div.baseSousMenu strong { color:#000 }

/* Onglets */
table.baseOnglets
{
    width:              100%;
    border-spacing:     0;
}
table.baseOnglets tr
{
    vertical-align:     middle;
}
table.baseOnglets td
{
    background-image:   url('http://jolstatic.fr/www/jolfiches/img/gradient_bleu_sombre.png');
    background-color:   #E3EBEF;
    border-top:         1px solid #749AB0;
    border-left:        1px solid #749AB0;
    border-right:       1px solid #749AB0;
    border-bottom:      1px solid #aaaaaa;
    padding:            3px 8px;
    text-align:         center;
    font-weight:        bold;
    -moz-border-radius: 4px 4px 0px 0px;
    white-space:        nowrap;
}
table.baseOnglets td.actif
{
    background-image:   url('http://jolstatic.fr/www/jolfiches/img/gradient_bleu_clair.png');
    background-color:   #F6F8FA;
    font-weight:        bold;
    border-bottom:      1px solid #EDF2F5;
    border-top:         1px solid #aaaaaa;
    border-left:        1px solid #aaaaaa;
    border-right:       1px solid #aaaaaa;
}
table.baseOnglets td.actif a
{
}
table.baseOnglets a, table.baseOnglets2 a
{
    text-decoration:    none;
}
table.baseOnglets a:hover, table.baseOnglets2 a:hover
{
    text-decoration:    underline;
}
table.baseOnglets td.fond
{
    font-size:          5px;
    background-image:   url('http://jolstatic.fr/www/jolfiches/img/gradient_bleu_sombre.png');
    background-color:   #DAE4EA;
    padding:            3px;
    border:             0;
    border-bottom:      1px solid #aaaaaa;
}
table.baseOnglets td.vide
{
    font-size:          5px;
    background-image:   none;
    background-color:   transparent;
    padding:            3px;
    border:             0;
    border-bottom:      1px solid #aaaaaa;
}
table.baseOnglets td.inactif:hover
{
    background-image:   url('http://jolstatic.fr/www/jolfiches/img/gradient_bleu_clair.png');
}

table.baseOnglets2 { width:100%; border-spacing:0 }
table.baseOnglets2 tr { vertical-align:middle }
table.baseOnglets2 td
{
    background-image:   url('http://jolstatic.fr/www/jolfiches/img/onglet_gradient_inactif.png');
    background-color:   #eee;
    border:         1px solid #ccc;
    padding:            2px 8px;
    text-align:         center;
    white-space:        nowrap;
    font-weight:bold;
    font-size:11px;
}
table.baseOnglets2 td.actif
{
    background-image:   url('http://jolstatic.fr/www/jolfiches/img/onglet_gradient_actif.png');
    background-color:   #fff;
    border:         1px solid #ccc;
    border-bottom-color:#fff;
}
table.baseOnglets2 td.fond
{
    font-size:          5px;
    padding:            3px;
    border:             0;
    border-top:         1px solid #ddd;
    border-bottom:      1px solid #aaaaaa;
}
table.baseOnglets2 td.vide
{
    font-size:          5px;
    background-image:   none;
    background-color:   transparent;
    padding:            3px;
    border:             0;
    border-bottom:      1px solid #ccc;
}
table.baseOnglets2 td.first { padding:5px }
table.baseOnglets2 td.inactif:hover
{
    background-image:   url('http://jolstatic.fr/www/jolfiches/img/gradient_bleu_clair.png');
}
table.baseOnglets2 td img { vertical-align:top }

#baseOnglets2, #video_onglets { width:100%; list-style-type:none; height:21px; margin:0 0 10px 0; list-style-image:none; border-bottom:1px solid #ccc }
#baseOnglets2 li, #video_onglets li { 
float:left;
height:16px;
background-image:url('http://jolstatic.fr/www/jolfiches/img/onglet_gradient_inactif.png');
background-color:#eee;
border:1px solid #ccc;
padding:2px 8px;
text-align:center;
white-space:nowrap;
font-weight:bold;
font-size:11px;
margin-left:6px;
}
#baseOnglets2 li.actif, #video_onglets li.actif {
background-image:url('http://jolstatic.fr/www/jolfiches/img/onglet_gradient_actif.png');
background-color:#fff;
border:1px solid #ccc;
border-bottom-color:#fff;
}
#video_onglets li.actif a { color:#333 }
#baseOnglets2 li.fond {
font-size:5px;
padding:3px;
border:0;
border-top:1px solid #ddd;
border-bottom:1px solid #aaa;
}
#baseOnglets2 li.first { padding:5px }
#baseOnglets2 li.inactif:hover { background-image:url('http://jolstatic.fr/www/jolfiches/img/gradient_bleu_clair.png') }
#baseOnglets2 img, #video_onglets img { vertical-align:top }

/* Footer */
table.baseFooter
{
    width:              100%;
    border-collapse:    collapse;
    margin-top:         10px;
}
table.baseFooter td
{
    background-color:   #F6F8FA;
    padding:            3px 8px;
}

/**
 * Bloc qui contient la fiche
 */ 
div.baseFiche 
{
    margin:             0px 0px;
}

div.baseAlias
{
    font-size:          11px;
    margin:-8px 0 10px 0;
    color:#666;
}

/**
 * Mise en une d'une information
 */
div.baseUne 
{
    margin:             0px;
    background-color:   #EDF2F5;
    width:              100%;   /* Hack pour IE */
}

div.baseBoite
{
    background-color:   #D0DDE5;
    text-align:         center;
}
div.baseBoite div.baseTelecharger {
    float:right;
    font-size:11px;
    width:117px;
    margin-left:2px;
    margin-right:1px
}
div.baseBoite div.liens
{
    background-color:   #F6F8FA;
    padding:            0px;
}

div.baseFicheResume
{
    /*margin:             5px;*/
}
table.baseFicheSommaire
{
    border-collapse:collapse;
    background-color:#f7f7f7;
    border:1px solid #ccc;
    margin:15px 0 5px 1px;
    width:260px;
}
table.baseFicheSommaire td { padding:0 0 15px 10px }
table.baseFicheSommaire th { padding:10px 10px 5px 10px }
table.baseFicheSommaire h2
{
    font-size:12px;
    border:0;
    margin:0;
    padding:0;
    text-align: center;
}
table.baseFicheDetails 
{
    margin-top:         5px;
    background-color:   #ffffff;
    width:              100%;
    border-collapse:    collapse;
    border:             1px solid #D0DDE5;
}
table.baseFicheDetails td
{
    width:              75%;
    background-color:   #F6F8FA;
    padding:            5px;
}
table.baseFicheDetails th
{
    white-space:        nowrap;
    background-color:   #E3EBEF;
    padding:            5px;
    text-align:         left;
}
table.baseFicheDetails tr.alt td
{
    background-color:   #EDF2F5;
}
table.baseFicheDetails tr.alt th
{
    background-color:   #DAE4EA;
}
table.baseFicheDetails span.inconnu
{
    color: #666666;
}

/**
 * Colonne de droite
 */
div.baseColonneGauche { margin-right:325px }
div.baseBarreDroite
{
    width:              310px;
    position:           relative;
    float:              right;
    clear:              right;
    background-color:   #ffffff;
    padding:            0px 0px 10px 15px;
}
div.baseBlocDroite
{
    background-color:#f7f7f7;
    border:1px solid #ccc;
    padding: 10px;
}
div.baseBlocDroite2
{
    background-color:#FFF2DB;
    border:1px solid #F5D291;
    padding:10px;
}
div.baseBlocDroite2 a { color: #800 }
div.baseBlocDroite3
{
    background-color:#EDF2F5;
    border:1px solid #AAC7D9;
    padding:10px;
    text-align:left;
}
div.baseModule1
{
    background-color:   #FFFAE6;
}
div.baseModule1Titre
{
    background-image:   url('http://jolstatic.fr/www/jolfiches/img/gradient_jaune.png');
    background-color:   #FEE2B0;
    background-repeat:  repeat-x;
    padding:            3px 5px;
    font-weight:        bold;
}
div.baseModule1Texte
{
    padding:            5px;
    background-color:   #FFFAE6;
}
div.baseModule1 select, div.baseModule1 option, div.baseModule1 textarea
{
    background-color:   #FFF6E7;
}
div.baseModule1 input
{
    margin-top:         5px;
    background-color:   #FFF6E7;
}
div.baseModule1 a 
{
    color:              #880000;
}
div.baseModule2
{
    background-color:   #f3f3f3;
    height: 100%;
}
div.baseModule2Titre
{
    background-image:   url('http://jolstatic.fr/www/jolfiches/img/gradient_gris.png');
    background-color:   #e3e3e3;
    padding:            3px 5px;
    font-weight:        bold;
}
div.baseModule2Texte
{
    text-align:         left;
    padding:            5px;
    background-color:   #f3f3f3;
}
div.baseModule1 ul
{
    padding-left:       20px;
    margin:             10px 0;
    list-style-image:   url("http://jolstatic.fr/www/jolfiches/img/flecheRouge.png");
}
div.baseModule2 ul, div.baseModule3 ul
{
    padding-left:       20px;
    margin:             0px 0px 5px 0px;
    list-style-image:   url("http://jolstatic.fr/www/jolfiches/img/flecheBleue.png");
}
div.baseModule2 li
{
}
div.baseBlocDroite3 span.date { color:#333; white-space:nowrap }

div.baseModule3
{
    
}
div.baseModule3Titre 
{
    background-image:   url('http://jolstatic.fr/www/jolfiches/img/gradient_bleu_2.png');
    background-color:   #DAE4EA;
    padding:            3px 5px;
    font-weight:        bold;
}
div.baseModule3Texte
{
    background-color:   #EDF2F5;
    padding:            5px;
}
div.baseUne div.baseModule3Texte 
{
    background-color: #f6f8fa;
}
div.baseModule3 select, div.baseModule3 option, div.baseModule3 input
{
}
div.baseModule3 select, div.baseModule3 option
{
    background-color:   #EDF2F5;
}
div.baseModule3 input
{
    background-color: #f6f8fa;
}

/**
 * Tableau de listing d'informations
 */
table.baseTableListe
{
    margin-top:         5px;
    width:              100%;
    border-collapse:    collapse;
}
table.baseTableListe td
{
    text-align:         left;
    padding:            5px;
}
table.baseTableListe th
{
    white-space:        nowrap;
    padding:            5px;
}

div.baseModule1 table.baseTableListe
{
    border:             1px solid #FFF2BF;
}
div.baseModule1 table.baseTableListe td
{
    background-color:   #FFFAE6;
}
div.baseModule1 table.baseTableListe th
{
    background-color:   #FFF3CC;
}
div.baseModule1 table.baseTableListe tr.alt td
{
    background-color:   #FFF7D9;
}
div.baseModule1 table.baseTableListe tr.alt th
{
    background-color:   #FFEFBF;
}

div.baseModule3 table.baseTableListe
{
    border:             1px solid #D0DDE5;
}
div.baseModule3 table.baseTableListe td
{
    background-color:   #F6F8FA;
}
div.baseModule3 table.baseTableListe th
{
    background-color:   #E3EBEF;
}
div.baseModule3 table.baseTableListe tr.alt td
{
    background-color:   #EDF2F5;
}
div.baseModule3 table.baseTableListe tr.alt th
{
    background-color:   #DAE4EA;
}

/**
 * Tableau des societes d'un jeu
 */
table.baseSocietes 
{
    /*background-color: #F6F8FA;*/
    width: 100%;
    border-collapse: collapse;
}
table.baseSocietes td, table.baseSocietes th
{
    font-size:11px;
    padding:0;
    padding-bottom:5px;
}
table.baseSocietes th
{
    font-weight: bold;
    white-space: nowrap;
    width: 1%;
    padding-right:10px;
}
table.baseSocietes hr
{
    height:1px;
    line-height:1px;
    border:0;
    border-bottom:1px solid #ccc;
}
table.baseSocietes span.inconnu 
{
    color: #666666;
}

/**
 * Famille d'un jeu
 */ 
div.baseFamille 
{
    text-align:left;
    /*background-color: #F6F8FA;*/
    /*border: 1px dashed #D0DDE5;*/
}
div.baseFamille ul, ul.baseFamille
{
    /*margin-top: 5px;*/
    padding-top: 0;
    padding-left: 0;
    list-style-image:   url("http://jolstatic.fr/www/jolfiches/img/flecheBleue.png");
}
div.baseFamille ul ul
{
    margin-top: 0;
    padding-left: 0;
    list-style-image:   url("http://jolstatic.fr/www/jolfiches/img/ext.png");
}
div.baseFamille li
{
}

/**
 * Bloc de mise en valeur de la note d'un jeu
 */
div.baseModuleNote 
{
    width:              240px;
    background-color:   #FFFCF2;
    border:             1px dashed #FFF2BF;
    padding:            0px 0px 5px 0px;
    margin-left:        auto;
    margin-right:       auto;
    margin-bottom:      5px;
}

/**
 * Note de l'utilisateur
 */
div.voteUtilisateur
{
    background-color:   #FFFCF2;
    border:             1px dashed #FFF2BF;
    padding:            5px;
    font-size:11px;
}

/**
 * Erreur lors de l'evaluation d'un jeu
 */
div.voteErreur
{
    font-weight:        bold;
    color:              #f00;
}

/**
 * Paragraphe de description d'une fiche
 */
div.baseFicheDescription
{
    padding:            0px;
    overflow:hidden; /* Bug IE 5,6,7 ... */
}

p.baseTitreDiscret
{
    background-color:   #eeeeee;
    font-weight:        bold;
    padding:            2px 5px;
}

/**
 * Barre "Sur JeuxOnLine"
 */
table.baseBarreSurJOL
{
    width: 100%;
    border-collapse: collapse;
    padding: 10px;
}

/**
 * Barre de vote
 */
table.baseBarreVote
{
    border-collapse: collapse;
    width: 220px;
    height: 64px;
    background: url('http://jolstatic.fr/www/jolfiches/img/barreVote220.png') no-repeat bottom;
    margin-left: auto;
    margin-right: auto;
}
table.baseBarreVote td:hover
{
    background: url('http://jolstatic.fr/www/jolfiches/img/barreVote220.png') no-repeat;
}
table.baseBarreVote tr
{
    vertical-align: bottom;
}
table.baseBarreVote td 
{
    width: 20px;
    padding: 0px;
    margin: 0px;
}
table.baseBarreVote td#vote0
{
    background-position: 0px 0px;
}
table.baseBarreVote td#vote1
{
    background-position: -20px 0px;
}
table.baseBarreVote td#vote2
{
    background-position: -40px 0px;
}
table.baseBarreVote td#vote3
{
    background-position: -60px 0px;
}
table.baseBarreVote td#vote4
{
    background-position: -80px 0px;
}
table.baseBarreVote td#vote5
{
    background-position: -100px 0px;
}
table.baseBarreVote td#vote6
{
    background-position: -120px 0px;
}
table.baseBarreVote td#vote7
{
    background-position: -140px 0px;
}
table.baseBarreVote td#vote8
{
    background-position: -160px 0px;
}
table.baseBarreVote td#vote9
{
    background-position: -180px 0px;
}
table.baseBarreVote td#vote10
{
    background-position: -200px 0px;
}
span#voteTexte
{
}

/**
 * Avis des joueurs 
 */
div.baseAvisJoueursTitre
{
    margin-top:             10px;
    margin-bottom:          10px;
    background-color:       #eeeeee;
    font-weight:            bold;
    font-size:              14px;
    padding:                2px 5px;
}
div.baseAvis
{
    border:                 1px solid #cccccc;
    margin:                 5px 5px 10px 5px;
}
div.baseAvisTitre, td.baseAvisTitre, td.baseAvisTitreJeu
{
    background-color:       #eeeeee;
    padding:                4px 5px;
    width:                  80px;
    vertical-align:         top;
}
td.baseAvisTitreJeu { background-color:#ddd }
div.baseAvisTexte, td.baseAvisTexte
{
    padding:                10px;
    background-color:       #f7f7f7;
    text-align:             left;
    vertical-align:         top;
    padding:                3px 5px 5px 5px;
}
div.baseAvis span.auteur {}
table.baseAvis blockquote
{
    background-color:   #fff;
    margin:             10px 20px;
    padding:            10px 10px 10px 25px;
    border-left:        5px solid #ddd;
    color:              #333;
    font-size:          11px;
}
table.baseAvis div.recommandation {
    background-color: #eee;
    padding: 2px;
}
div.baseAvisRecommande td.baseAvisTitre
{
    background-color: #EDFFD1;
}
div.baseAvisRecommande td.baseAvisTitreJeu
{
    background-color: #E5FFBF;
}
div.baseAvisRecommande table.baseAvis div.recommandation
{
    background-color: #E5FFBF;
}
div.baseAvisRecommande td.baseAvisTexte
{
    background-color: #F5FFE5;
}
div.critiqueSelectionnee td.baseAvisTexte
{
    background-color: #FFFAE6;
}
div.critiqueSelectionnee td.baseAvisTitre, div.critiqueSelectionnee div.recommandation
{
    background-color: #FFF2DB;
}

/**
 * Message d'avertissement
 */
p.baseAvertissement {
    color: #ff0000;
}

/**
 * Boite d'avertissement
 */
div.baseInformation
{
/*  background-color:       #FFFAF2;
    border-bottom:          1px solid #E5D0AC;*/
    background-color:       #f7f7f7;
    border-bottom:          1px solid #ccc;
    padding:                5px;
}
div.baseInformations
{
    background-color: #f6f8fa;
    padding: 5px;
}
div.baseImportant
{
    background-color: #fffae6;
    padding: 5px;
}
div.baseImportant a
{
    color:                  #990000;
}
div.baseAvertissement
{
    background-color:       #FFF2DB;
    border:                 1px solid #F5D291;
    padding:                5px;
}
div.baseAvertissement a
{
    color:                  #990000;
}
div.baseAvertissementAlt
{
background-color: #EDF2F5;
border: 1px solid #AAC7D9;
padding:5px;
}
div.baseAttention
{
    background-color:       #ffeeee;
    border:                 1px dashed #ff0000;
    color:                  #d00;
    padding:                5px;
}
div.baseAttention a
{
    color:                  #d00;
}

div.baseErreur
{
    background-color:       #ffdddd;
    border:                 1px solid #ff0000;
    color:                  #e00;
    padding:                5px;
    text-align:             center;
}

div.baseErreur a
{
    color:                  #d00;
}

div.baseInformations blockquote
{
    background-color: #e6ecf2;
    border-left: 5px solid #cfdae5;
    padding: 5px;
}

/**
 * Actualités
 */
h1 span.tags {
font-weight:normal;
}
div.baseActualitesRecherche {
margin-bottom:15px;
text-align:center;
}
div.baseActualitesRecherche input { padding:2px; font-size:12px }
div.baseActualitesRecherche div.filtre { margin-top:5px; font-size:11px }
#sbi2 { width: 240px; margin-right:5px }
#baseListeActus div.baseActualite {
    background-color:#f3f3f3;
    background-image:url(http://jolstatic.fr/www/img/actu_gradient.jpg);
    background-repeat:repeat-x;
    border-top:1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-bottom:15px;
    padding:5px 0;
    overflow:visible
}
div.baseActualite hr
{
    border: 0;
    border-bottom:  1px dashed #ccc;
    margin: 2px 0px 8px 0px;
}
div.baseActualite h1 { border-bottom:0; margin-bottom:0; text-align:left }
div.baseActualite h2, table.baseActualite h2
{
    font-size:14px;
    border-bottom:  0;
    margin:0;
    padding:        0;
    text-align:left;
}
div.baseActualite blockquote, table.baseActualite blockquote
{
    margin: 15px 20px;
    border-left: 5px solid #ccc;
    background-color: #f7f7f7;
    color: #000000;
    padding: 10px 20px;
}
div.baseActualite blockquote div.jol_actus_image, div.baseActualite blockquote div.jol_actus_video { background-color:#fff }
div.actuSuite ul, div.actuAussi ul, ul.actuSuite
{
    text-align:         left;
    margin-top:         5px;
    margin-bottom:      5px;
    padding-top:        0;
    padding-left:       20px;
    list-style-image:   url("http://jolstatic.fr/www/jolfiches/img/flecheBleue.png");
}
div.baseActualite div.actuSuite ul li 
{
    margin-left: 5px;
}
div.actuInfos {}
div.actuRubrique
{
    float:          right;
    color:          #666;
    padding:        2px 5px;
}
div.actuAuteur
{
    text-align:     left;
    color:          #888;
    padding:5px 0;
    border-bottom:1px dotted #999;
    font-size:11px;
}
div.actuTags {
    font-size:11px;
    margin-top:15px;
    margin-bottom:5px;
}
div.baseActualite div.actuAccroche
{
    text-align:     justify;
    overflow:       visible;
    margin-top:15px;
    margin-bottom:15px;
    font-weight:bold;
}
div.baseActualite div.actuAccroche p { margin:0; padding:0 }
div.baseActualite div.actuTexte
{
    text-align: justify;
    margin-top: 0px;
    overflow:   hidden;
}
div.baseActualite div.actuCapture
{
float:left;
margin:0 8px 10px 0;
padding:0;
border:1px solid #333;
}
div.baseActualite div.actuCapture img { display:block }
div.baseActualite div.actuAussi
{
    /*background-color:   #F6F8FA;*/
    background-color:   #F2F6FA;
    padding:            5px 5px 2px 5px;
    margin-top:         15px;
    margin-bottom:      10px;
}
div.baseActualite div.actuSource
{
    padding:    2px 0;
    color:      #999;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
    font-size:11px;
}
div.baseActualite div.actuSource a { color: #666 }
div.baseActualite div.actuPrecSuiv
{
    text-align:     left;
    margin-top:     10px;
    margin-bottom:  0px;
    padding:        2px 5px 4px 5px;
}

div.baseOutilsBas
{
border:0;
border-top:1px dotted #999;
border-bottom:1px dotted #999;
margin:15px 0;
text-align:center;
font-size:11px;
color:#999;
padding:3px;
height:18px;
}

/** 
 * Sondage dans les actus
 */
div.baseActualite div.jol_sondage { 
width: 90%;
margin:10px auto;
border:1px solid #ccc;
padding:5px;
}
div.baseActualite div.jol_sondages div.sondage { width:100% }
div.baseActualite div.jol_sondages td { padding:4px 5px }
div.baseActualite div.jol_sondages div.voter { padding:5px }
div.baseActualite div.jol_sondages input { background-color:#fffef7 }
div.baseActualite div.jol_sondages p.erreur { text-align:center; font-weight:bold; color:red }
div.baseActualite div.jol_sondages .date { color:#666 }
div.baseActualite div.jol_sondages .options { width:100% }
div.baseActualite div.jol_sondages .pourcents, div.baseActualite div.jol_sondages .votes, div.baseActualite div.jol_sondages .stats { text-align:right }
div.baseActualite div.jol_sondages .divers, div.baseActualite div.jol_sondages .stats { padding:5px; text-align:center }
div.baseActualite div.jol_sondage tr.option1 { background-color: #f7f7f7 }
div.baseActualite div.jol_sondage tr.option2 { background-color: #eee }

/**
 * Image ombree
 */
.ombre1, .ombre2, .ombre3
{
    display:    inline-table;
    /* \*/display:block;/**/
}
.ombre1
{
    float:        left;
    background:   url('http://jolstatic.fr/www/jolfiches/img/shadow.gif') right bottom no-repeat;
}
.ombre2
{
    background:   url('http://jolstatic.fr/www/jolfiches/img/corner_bl.gif') -16px 100% no-repeat;
}
.ombre3
{
    padding:      0 6px 6px 0;
    background:   url('http://jolstatic.fr/www/jolfiches/img/corner_tr.gif') 100% -16px no-repeat;
}
.ombre3 img
{
    display:    block;
    border:     1px solid #999;
}

/**
 * Galerie de captures
 */
div.baseGalerie
{
    width: 100%;
    text-align: center;
}
table.baseGalerie
{
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
table.baseGalerie td
{
    vertical-align: top;
}
div.galerieCapture
{
    padding: 5px;
    background-color: #eee;
    width: 160px;
    margin: 5px 10px;
    text-align: center;
}
div.galerieCaptureSelectionnee { background-color: #FFFAE6; border:1px solid #F5D291 }
div.galerieCapture a { text-decoration: none }
div.galerieCapture a:hover { text-decoration: underline }
div.galerieCapture table
{
    width: 100%;
    background-color: #e3e3e3;
    margin-top: 5px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
div.galerieCaptureSelectionnee table { background-color: #FFF2DB; border-color:#F5D291 }
div.galerieCapture td 
{
    font-size: 11px;
    color: #777;
    text-align: center
}
div.galerieCapture img
{
    border: 1px solid #bbb;
}
div.galerieCapture img:hover
{
    border: 1px solid #900;
}

/**
 * Videos
 */
div.videoQualite
{
    text-align: center;
    font-weight: bold;
    color: #78d;
    background-image: url('http://jolstatic.fr/www/jolfiches/img/gradient_bleu_clair.png');
    height: 16px;
}
#flvVisionneur { }
#videoSwitch {
font-size:11px;
padding:1px 5px;
background-color:#eee;
text-align: center
}
div.videoDetails
{
    background-color: #f7f7f7;
    border-bottom: 1px solid #ccc;
}
div.videoDetails td
{
    color: #333;
}
div.videoDetails th
{
    font-weight: bold;
}
div.videoDetails ul { list-style-type:none; list-style-image:none; }
div.galerieVideo
{   
    background-color: #f7f7f7;
    margin-bottom: 5px;
    overflow: auto;
    white-space: nowrap;
}

div.videoFiche
{
    padding-bottom: 3px;
    border-bottom: 1px solid #ccc;
}
div.videoFiche a
{
    text-decoration: none;
    color: #a00;
}
div.videoFiche a:hover
{
    text-decoration: underline;
}

table.videoDetails
{
    background-color: #eee;
}
table.videoDetails td
{
    color: #333;
}
table.videoDetails th
{
    font-weight: bold;
}
table.videoNote td
{
    text-align: center;
    vertical-align: top;
    white-space: nowrap;
}
div.videoNote {
    text-align:center;
    white-space:nowrap;
    float:left;
    width:120px;
    background-color:#fff;
}

table.videoNoteEtoiles
{
    border-collapse: collapse;
    width: 80px;
    height: 16px;
    background: url('http://jolstatic.fr/www/jolfiches/img/etoiles_vides.png') no-repeat;
    margin-left: auto;
    margin-right: auto;
}
table.videoNoteEtoiles tr
{
    vertical-align: bottom;
    background-repeat: no-repeat;
}
table.videoNoteEtoiles td
{
    width: 14px;
    padding: 0px;
    margin: 0px;
}
table.videoNoteEtoiles td:hover
{
    background: url('http://jolstatic.fr/www/jolfiches/img/etoiles_pleines.png') no-repeat;
}
#article ul.videoNoteEtoiles 
{
    list-style-type:none;
	margin: 0px;
	padding: 0px;
	width: 80px;
	height: 15px;
	position: relative;
	background: url('http://jolstatic.fr/www/jolfiches/img/etoiles.png') top left repeat-x;		
}
#article .videoNoteEtoiles li 
{
	padding:0;
	margin:0;
	/*\*/
	float: left;
	/* */
}
.videoNoteEtoiles li a {
	display:block;
	width: 16px;
	height: 15px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}
.videoNoteEtoiles li a:hover {
	background: url('http://jolstatic.fr/www/jolfiches/img/etoiles.png') left center;
	z-index: 2;
    top:0;
	left:0;
	border:none;
}
.videoNoteEtoiles a.videoNote1 { left: 0px }
.videoNoteEtoiles a.videoNote1:hover { width:16px }
.videoNoteEtoiles a.videoNote2 { left:16px }
.videoNoteEtoiles a.videoNote2:hover { width:32px }
.videoNoteEtoiles a.videoNote3 { left: 32px }
.videoNoteEtoiles a.videoNote3:hover { width:48px }
.videoNoteEtoiles a.videoNote4 { left: 48px }	
.videoNoteEtoiles a.videoNote4:hover { width:64px }
.videoNoteEtoiles a.videoNote5 { left: 64px }
.videoNoteEtoiles a.videoNote5:hover { width:80px }
.videoNoteEtoiles li.videoNoteActuelle
{
	background: url('http://jolstatic.fr/www/jolfiches/img/etoiles.png') left bottom;
	position: absolute;
	height: 15px;
    top:0;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}

table.videoVersion
{
    width: 100%;
    background-color: #f7f7ff;
    padding: 3px 2px;
}
table.videoVersion:hover
{
    background-color: #FFFAE6;
}
table.videoVersion:hover a 
{
    color: #900;
}
table.videoVersionSelectionne 
{
    background-color: #FFFAE6;
    border: 1px solid #F5B545;
}
table.videoVersionSelectionne a
{
    color: #900;
}
table.videoVersion:hover div.videoQualite, table.videoVersionSelectionne div.videoQualite
{
    background-image: url('http://jolstatic.fr/www/jolfiches/img/gradient_jaune.png');
}
table.videoVersion td, table.videoVersion th
{
    padding: 5px;
}

div.videoTelechargerVersion
{
    background-color: #FFFAE6;
    padding: 5px;
    display: none;
}
div.videoTelechargerVersion a
{
    color: #800;
}
div.videoCaptureOut
{
    position: absolute;
    border-top: 3px solid #ccc;
    border-left: 3px solid #ccc;
    cursor: pointer;
}
div.videoCaptureIn
{
    background-color: #ccc;
    padding: 7px 10px 10px 7px;
    border-right: 3px solid #999;
    border-bottom: 3px solid #999;
    text-align: center;
}
div.videoCaptureLegende 
{
    margin-top: 5px;
    color: #333;
}
img.videoCapture
{
    border: 1px solid #999;
}
img.videoCapture:hover
{
    border: 1px solid #900;
}
#video_onglets_contenu_telecharger, #video_onglets_contenu_galerie { display:none }

/**
 * Upload des vidéos
 */
div.videoProgressContainer {
border:1px solid #AAC7D9;
padding:0px;
background-color:#EDF2F5;
text-align:center;
margin-top:10px;
margin-bottom:15px;
}


/**
 * Barre de navigation
 */
div.baseNavigation
{
    text-align:         left;
    background-color:   #F6F8FA;
    border-bottom:      1px solid #B8C5CC;
    padding:            4px 5px;
}
div.baseNavigation a
{
}

/**
 * Blocs de selection
 */ 
table.baseBlocSelection
{
    background-color: #f7f7f7;
    border: 1px solid #ddd;
}
table.baseBlocSelection100
{
    background-color: #f0f0ff;
    border: 1px solid #ccf;

}
table.baseBlocSelection:hover
{
    background-color: #fffae6;
    border: 1px solid #fee2b0;
    cursor: pointer;
}
table.baseBlocSelection:hover a
{
    color: #800;
    text-decoration: none;
}

/**
 * Menu de selection selectionne
 */
select.selected
{
    background-color: #ffeebb;
}

div.article div.pagination {
margin:10px 0;
color:#999;
}
div.article div.pagination ul {
margin: 0;
padding: 0;
text-align: left;
}
.pagination li {
list-style-type: none;
display: inline;
padding-bottom: 1px;
margin-right:3px;
}
.pagination a, .pagination a:visited {
padding: 2px 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
}
.pagination a:hover, .pagination a:active {
border: 1px solid #00468C;
color: #00468C;
/*background-color: #feb;*/
}
.pagination a.currentpage {
background-color: #2e6ab1;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}
.pagination a.prevnext {
font-weight: bold;
color: #00468C;
}
.pagination a.prevnext:hover {
color:#00468C;
}
.pagination a.disablelink, .pagination a.disablelink:hover {
background-color: white;
cursor: default;
color: #ccc;
border-color: #ccc;
font-weight: normal;
}
/*div.article ul.carre { list-style-type:square;color:#479 }
div.article ul.carre li span { color:#000 }*/
div.baseCapture, div.baseCaptureGauche, div.baseCaptureDroite
{
    background-color:#f7f7f7;
    border:1px solid #ccc;
    padding:5px;
    font-size:11px;
    text-align:left;
}
div.baseCapture div, div.baseCaptureGauche div, div.baseCaptureDroite div
{
    margin-top:2px;
}
div.baseCaptureGauche { float:left; margin:0 12px 10px 0 }
div.baseCaptureDroite { float:right; margin:0 0 10px 12px }
span.modifier
{
    font-size:11px;
    font-weight:normal;
    padding-left:10px;
    color:#999;
}
#image_preview_container { position:absolute; z-index:3; width:0; height:0; display:none }
#image_preview { position:relative; top:-225px; background-color:#000; width:400px; border:5px solid #000; height:224px; margin:0 auto; background-repeat:no-repeat; background-position:50% 50% }

#videoColonneGaucheContainer, #critiquesColonneGaucheContainer { float:left; margin-right:-335px; width:100% }
#videoColonneGauche, #critiquesColonneGauche { margin-right:335px }
#videoColonneDroite, #critiquesColonneDroite { float:right; width:320px }

/* Alertes */
.ui-alert {
padding:8px 5px 8px 40px;
margin:5px 0;
border:1px solid #ccc;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background-repeat:no-repeat;
background-position:8px 50%;
position:relative;
font-weight:bold;
}
.ui-alert-info {
background-color:#def;
border-color:#aaf;
background-image:url(http://jolstatic.fr/www/img/alert-info-22px.png);
}
.ui-alert-success {
background-color:#dfb;
border-color:#6b3;
background-image:url(http://jolstatic.fr/www/img/alert-success-22px.png);
}
.ui-alert-warn {
background-color:#ffd;
border-color:#cb9;
background-image:url(http://jolstatic.fr/www/img/alert-warn-22px.png);
}
.ui-alert-error, .ui-alert-failure {
background-color:#fdd;
border-color:#d99;
background-image:url(http://jolstatic.fr/www/img/alert-error-22px.png);
font-size:13px;
}
.ui-alert-load {
background-image:url(http://jolstatic.fr/www/img/ajax-loader.16px.gif);
}

.ui-close {
cursor:pointer;
height:16px;
width:16px;
background:transparent;
background-image:url(http://jolstatic.fr/www/img/icons.png);
background-position:-64px -16px;
position:absolute;
top:5px;
right:5px;
border:0;
padding:0;
z-index:2;
}
.ui-close:hover {
background-position:-80px -16px;
}

/* Fenêtre */
.ui-window {
position:relative;
margin-top:15px;
}
.ui-window-head, h3.ui-window-head, h4.ui-window-head {
border:1px solid #ccc;
border-bottom:1px solid #ccc;
margin:0;
padding:2px 4px;
background-image:-moz-linear-gradient(top,#ffffff,#e0e0e0);
background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#e0e0e0));
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#e0e0e0);
-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff, endColorStr=#e0e0e0)";
background-color:#eee;
font-size:13px;
font-weight:bold;
position:relative;
z-index:2;
}
.ui-window-body {
position:relative;
border:1px solid #ccc;
padding:10px;
z-index:1;
}
.ui-window-head + .ui-window-body { border-top:0 }
.ui-window-body hr {
width:100%;
height:1px;
background-color:#bbb;
color:#ccc;
border:0;
}

/* Minimize */
.ui-minimizable .ui-window-head { cursor:pointer }
.ui-minimized .ui-window-head { border-bottom-color:#c0c0c0 }
.ui-minimized .ui-window-body { display:none }
.ui-minimize {
cursor:pointer;
height:16px;
width:16px;
background:transparent;
background-image:url(http://jolstatic.fr/www/img/icons.png);
background-position:-16px 0;
position:absolute;
top:4px;
right:4px;
border:0;
padding:0;
z-index:3;
}
.ui-minimized .ui-minimize { background-position:0 0 }
.ui-minimize::-moz-focus-inner { border:0 }

/* Tabbed windows */
.ui-tabs {
margin:0;
padding:4px 0;
border:0;
background:none;
font-size:12px;
font-weight:normal;
height:16px;
position:relative;
z-index:2;
}
.ui-tabs ul {
list-style:none;
margin:0 0 0 2px;
padding:0;
}
.ui-tabs li {
display:inline;
padding:0;
}
.ui-tabs a {
background-color:#fff;
border:1px solid #ccc;
padding:5px 10px;
white-space:nowrap;
margin-left:6px;
background-image:-moz-linear-gradient(top,#f7f7f7,#eaeaea);
background-image:-webkit-gradient(linear,left top,left bottom,from(#f7f7f7),to(#eaeaea));
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#f7f7f7,endColorStr=#eaeaea);
-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(startColorStr=#f7f7f7, endColorStr=#eaeaea)";
}
.ui-tabs a:hover, .ui-tab-active a {
background-image:-moz-linear-gradient(top,#efefef,#ffffff);
background-image:-webkit-gradient(linear,left top,left bottom,from(#efefef),to(#ffffff));
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#efefef,endColorStr=#ffffff);
-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(startColorStr=#EFEFEF, endColorStr=#FFFFFF)";
}
.ui-tabs a:hover { text-decoration:none; }
.ui-tabs + .ui-window-body { border-top:1px solid #ccc; }
.ui-tab-active { font-weight:bold; }
.ui-tab-active a {
color:#333;
border-bottom:1px solid #fff;
cursor:default;
}
.ui-panel { display:none }
.ui-panel-active { display:block }

/**
 * Rounded border
 */
.ui-rounded > .ui-tabs > ul > li > a {
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;
}
.ui-rounded > .ui-tabs + .ui-window-body {
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
}
.ui-rounded > .ui-window-head, .ui-window-head-rounded {
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;
}
.ui-rounded > .ui-window-body, .ui-window-body-rounded {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.ui-rounded > .ui-window-head + .ui-window-body,
.ui-window-head-rounded + .ui-window-body-rounded {
-moz-border-radius:0 0 5px 5px;
-webkit-border-radius:0 0 5px 5px;
border-radius:0 0 5px 5px;
}
.ui-minimized > .ui-window-head-rounded {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

/* UI Bouton */
.ui-button {
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
background-color:#f6f6f6;
background-image:-moz-linear-gradient(top,#ffffff,#efefef);
background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#efefef));
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#efefef);
-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFF, endColorStr=#EFEFEF)";
padding:0 0.5em;
border:1px solid #ccc;
height:26px;
vertical-align:middle;
cursor:pointer;
white-space:nowrap;
display:inline-block
}
.ui-button:hover, .ui-button:focus {
border-color:#999;
background:#f3f3f3;
background-image:-moz-linear-gradient(top,#ffffff,#ebebeb);
background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#ebebeb));
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb);
-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFF, endColorStr=#EBEBEB)";
outline:0;
-moz-box-shadow:0 0 3px #999;
-webkit-box-shadow:0 0 3px #999;
box-shadow:0 0 3px #999;
}
.ui-button:active, .ui-button-active, .ui-button-active:hover, .ui-button-active:focus {
border-color:#999;
background:#ddd;
background-image:-moz-linear-gradient(top,#cccccc,#ffffff);
background-image:-webkit-gradient(linear,left top,left bottom,from(#cccccc),to(#ffffff));
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#cccccc,endColorStr=#ffffff);
-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(startColorStr=#CCCCCC, endColorStr=#FFFFFF)"}
.ui-button::-moz-focus-inner { border:0 }
.ui-button-disabled {
cursor:default;
}
.ui-button-disabled:hover, .ui-button-disabled:focus, .ui-button-disabled:active {
background-color:#f6f6f6;
background-image:-moz-linear-gradient(top,#ffffff,#efefef);
background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#efefef));
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#efefef);
-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFF, endColorStr=#EFEFEF)";
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
border-color:#ccc;
outline:0;
}
.ui-button img {
vertical-align:middle;
font-size:0;
}
.ui-button .ui-button-content {
line-height:1.7em;
display:inline-block;
vertical-align:middle;
}
.ui-button-icon {
background-image:url(http://jolstatic.fr/www/img/icons.png);
background-repeat:no-repeat;
width:16px;
height:16px;
}
.ui-button-like .ui-button-icon { background-position:0 -32px }
.ui-button-like:hover .ui-button-icon { background-position:-16px -32px }
.ui-button-dislike .ui-button-icon { background-position:-32px -32px }
.ui-button-dislike:hover .ui-button-icon { background-position:-48px -32px }
.ui-button-download .ui-button-icon { background-position:-64px -32px }
.ui-button-download:hover .ui-button-icon { background-position:-80px -32px }
.ui-button-share .ui-button-icon { background-position:-96px -32px }
.ui-button-share:hover .ui-button-icon { background-position:-112px -32px }
.ui-button-icon-share {
background-image:url(http://jolstatic.fr/www/img/icons-share.png);
}
.ui-button-icon-share-facebook { background-position:-240px 0 }
.ui-button-icon-share-twitter { background-position:-704px 0 }
.ui-button-icon-share-netvibes { background-position:-768px 0 }
.ui-button-icon-share-google { background-position:-272px 0 }
.ui-button-icon-share-yahoo { background-position:-384px 0 }
.ui-button-icon-share-live { background-position:-400px 0 }
.ui-button-icon-share-myspace { background-position:-320px 0 }
.ui-button-icon-share-delicious { background-position:-208px 0 }
.ui-button-icon-share-buzz { background-position:-736px 0 }

/* Switch et expand */
.ui-switchable, .ui-expandable { position:relative }
.ui-switch-from, .ui-expand-less { cursor:pointer }
.ui-switch-from:hover, .ui-expand-less:hover { background-color:#e0f0ff }
.ui-expand-expanded .ui-expand-less:hover {
background-color:transparent;
cursor:default 
}
.ui-switch-to, .ui-switch-switched .ui-switch-from, .ui-expand-more {
display:none 
}
.ui-switch-switched .ui-switch-to, .ui-expand-expanded .ui-expand-more {
display:block 
}
.ui-switch, .ui-expand {
cursor:pointer;
height:16px;
width:16px;
background:transparent;
background-image:url(http://jolstatic.fr/www/img/icons.png);
background-position:0 -16px;
position:absolute;
top:5px;
right:5px;
border:0;
padding:0;
}
.ui-switch-bottom, .ui-expand-bottom {
top:auto; bottom:5px 
}
.ui-switch:hover, .ui-expandn:hover {
background-position:-16px -16px 
}
.ui-switch::-moz-focus-inner, .ui-expand::-moz-focus-inner {
border:0px 
}
.ui-switch-switched .ui-switch, .ui-expand-expanded .ui-expand {
background-position:-32px -16px;
}
.ui-switch-switched .ui-switch:hover, .ui-expand-expanded .ui-expand:hover {
background-position:-48px -16px;
}

/* Form */
.ui-input-error {
border-color:#f00;
}

/* Tooltip */
.ui-tooltip {
background-color:#222;
color:#eee;
border:1px solid #ccc;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow:0 0 5px #333;
-webkit-box-shadow:0 0 5px #333;
box-shadow:0 0 5px #666;
padding:5px 10px;
margin-top:-6px;
position:relative;
z-index:3;
}
.ui-tooltip span {
position:absolute;
bottom:-10px;
background-image:url(http://jolstatic.fr/www/img/icons.png);
background-position:-16px 0;
display:block;
width:16px;
height:16px;
margin-left:-8px;
left:50%;
}

/* Vidéo */
.video-description-date, .video-description-field {
font-size:0.9em;
color:#666;
padding:2px 0;
}
.video-description-field > span {
color:#000;
padding-left:60px;
position:absolute;
left:0;
}
.video-description-field > span > span {
padding-right:10px;
}
.video-buttons {
margin-top:15px;
}
.video-buttons-left {
float:left;
}
.video-buttons-right {
float:right;
}
.video-buttons-center {
text-align:center;
}
.video-thumbnail-selection {
padding:5px;
border:1px solid #ddd;
}
.video-thumbnail-selection:hover {
border-color:#000;
}
.video-thumbnail-selection:active {
border-color:#00e;
}
.video-thumbnail-selection-selected {
background-color:#FEFCB3;
border-color:#FFE158;
}
#video-rating-outer, #video-rating-inner {
background-image:url(http://jolstatic.fr/www/img/icons.png);
background-repeat:no-repeat;
height:16px
}
#video-rating-outer {
width:80px; 
background-position:0 -48px;
}
#video-rating-inner {
background-position:0 -64px;
}
#video-rating:hover #video-rating-inner {
background-position:0 -80px;
}