/* DEBUT HTML5 Boilerplate **************************
NE PAS MODIFIER les balises défini pour HTML5 Boilerplate. Les écraser plus loin si nécessaire.
*/
/* HTML5 Boilerplate [http://html5boilerplate.com/] */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }
::-moz-selection { background: #666; color: #fff; text-shadow: none; }
::selection { background: #666; color: #fff; text-shadow: none; }
a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
@media only screen and (min-width: 35em) {
}
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
@media print {
* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}
/*
FIN boilerplate
Vous pouvez modifier la suite...
************************** */
/************************************************/
/* ANTI MSO */
/************************************************/
.MsoNormal { color:#FF0000!important; }
.MsoNormal:after { color:#FFFF00; content:'Bouh pas bien, tu as copié-collé depuis Word et ça met des balises pas propres !'; }
/************************************************/
/* BALISES */
/************************************************/
/*RESET v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; }
blockquote, q { quotes:none; }
blockquote:before,
blockquote:after,
q:before,
q:after { content:'';/*content:none;*/ }/* remember to define focus styles! */
:focus { outline:0; }/* remember to highlight inserts somehow! */
ins { text-decoration:none; }
del { text-decoration:line-through; }/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse:collapse; border-spacing:0; }
/* HTML TAG */
html { }
body { font-size:12px; font-family:Verdana, Helvetica, Arial, sans-serif; font-style:normal; font-variant:normal; font-weight:normal; text-align:left; background:#000 url(http://tera.jeuxonline.info/random_bg.php) center top no-repeat fixed; background-size:cover; color:#b7c5d1; line-height:normal; }
p { padding:0 0 1em 0; }
img { border:0; }
blockquote { background-color:#234; border:3px ridge #34445b; border-width:0 4px; font-style:italic; padding:10px 20px; margin:0 10px; }
table { margin:0 auto; }
td { vertical-align:middle; }
ul { list-style-type:disc; padding:0 0 0 10px; }
h1 { font-size:16px; font-weight:700; text-align:center; color:#cd7d2e; }
h2 { font-size:14px; }
h3 { font-size:12px; font-weight:700; color:#cd7d2e; }
h4 { font-size:12px; color:#cd7d2e; }
table { width:100%; font-size:100%; }
tbody { }
th { }
tr { }
td { vertical-align:top; }
ol, ul { list-style:none; }
textarea { font-size:100%; font-family:Verdana, Helvetica, sans-serif; }
sup { vertical-align:top; font-size:80%; line-height:80%; }
/* Lien par défaut */
a { }
a:link,
a:visited { color:#f6ac27; text-decoration:none; }
a:active,
a:hover { color:#f93; text-decoration:underline; }
/************************************************/
/* STRUCTURE GENERALE */
/************************************************/
.wrap-bg { position:relative; clear:both; /*overflow:hidden;*/ min-width:980px; }
.wrap { position:relative; /*overflow:hidden;*/ margin:0 auto; width:980px; }
#global { }
#header-bg { z-index:3; }
#content-bg { z-index:2; }
#footer-bg { z-index:1; }
#header { }
#header-top { position:relative; }
#header-btm { position:relative; }
#footer { position:relative; margin:10px auto; clear:both; padding:5px; background:rgba(0,0,0,.4); font-size:10px; position:relative; text-align:center; }
#content { padding:5px; background:rgba(0,0,0,.4); }
#content-ctn { padding:10px; background:rgba(0,0,0,.4); border-radius:5px; }
.no-rgba #content { background:#000; }
#content_table { border-spacing:0; border-collapse:collapse; }
/************************************************/
/* COLONNES */
/************************************************/
div.colonnes { position:relative; overflow:hidden; }
div.colonnes .col-g,
div.colonnes .col-c { position:relative; float:left; min-height:100px; }
div.colonnes .col-d { position:relative; float:right; }
div.colonnes .col-top,
div.colonnes .col-mid,
div.colonnes .col-btm { position:relative; overflow:hidden; }
/************************************************/
/* MODELE UNE COLONNE N°1 */
/************************************************/
.une-col_1 .col-c { width:830px; }
.une-col_1 .col-c .col-top { }
.une-col_1 .col-c .col-mid { }
.une-col_1 .col-c .col-btm { }
/************************************************/
/* MODELE 2 COLONNES N°1 */
/************************************************/
.deux-col_1 { }
/* Colonne de gauche */
.deux-col_1 .col-g { width:260px; margin:0 7px 0 0; }
.deux-col_1 .col-g .col-top { }
.deux-col_1 .col-g .col-mid { }
.deux-col_1 .col-g .col-btm { }
/* Colonne centrale */
.deux-col_1 .col-c { width:683px; padding:0 5px; }
.deux-col_1 .col-c .col-top { }
.deux-col_1 .col-c .col-mid { }
.deux-col_1 .col-c .col-mid-g { }
.deux-col_1 .col-c .col-mid-d { }
.deux-col_1 .col-c .col-btm { }
/* Bouton type */
.btn { }
.btn a { display:block; background-repeat:no-repeat; }
.btn a:link,
.btn a:visited { background-position:top left; }
.btn a:active,
.btn a:hover { background-position:bottom left; }
.btn a span { display:none; }
.actif a:link,
.actif a:visited { background-position:bottom left; }
/************************************************/
/* MESSAGES */
/************************************************/
.confirmation { width:55%; margin:5% 5% 5% 10%; color:#6DB632; padding:10px; border:2px solid #6DB632; background-color:#EDF8E4; -moz-border-radius:5px; }
.avertissement { width:55%; margin:5% 5% 5% 10%; color:#F5A03A; padding:10px; border:2px solid #F5A03A; background-color:#FEF4E9; -moz-border-radius:5px; }
.erreur { width:55%; margin:5% 5% 5% 10%; color:#f5271d; padding:10px; border:2px solid #f5271d; background-color:#f8d8d8; font-weight:bold; -moz-border-radius:5px; }
.obsolete { padding:2px; text-align:center; color:#f5271d; border:1px solid #cb1212; background-color:#620303; text-align:center; font-size:12px; }
/************************************************/
/* HELPER */
/************************************************/
.t_center { text-align:center; }
.t_right { text-align:right; }
.t_justify { text-align:justify; }
.clear { clear:both; }
.clearleft { clear:left; }
.left { float:left; }
.right { float:right; }
.none { float:none; }
.dnone { display:none; }
.nomargin { margin:0; }
.nopadding { padding:0; }
.strong { font-weight:700; }
.nobold { font-weight:400; }
.center { margin:0 auto; }
/************************************************/
/* JOL BARRE */
/************************************************/
#jolBarre { height:30px; top:0px; width:100%; left:0; z-index:1000; }
/************************************************/
/* JOL BARRE */
/************************************************/
#mmolive { margin:20px 0; text-align:center; }
/************************************************/
/* HEADER */
/************************************************/
/* BLOC menu */
/* Cf menu.css */
/* BLOC logo du site */
#btn-logo { width:427px; margin:0 auto; padding:5px; background:rgba(0,0,0,.4); border-radius:5px; }
#btn-logo img { display:block; }
/* BLOC logo JoL */
#jol { display:none; position:absolute; top:8px; right:101px; width:49px; background:url(../images/logo-jol.png) center top no-repeat; }
#jol a { display:block; height:49px; height:45px; }
#jol a span { display:none; }
/* BLOC pub */
#pub { width:470px; height:62px; padding:1px; margin:5px auto; padding:5px; border-radius:5px; background:rgba(0,0,0,.4) url(../images/pub.jpg) center center no-repeat; }
/* BLOC mini popori */
#mini-popori { position:absolute; left:-18px; bottom:-12px; width:92px; height:83px; background:url(../images/picto_mini-popori.png) 0 0 no-repeat; }
/************************************************/
/* FOOTER */
/************************************************/
/*#copyleft { left:70px; top:65px; width:380px; position:relative; text-align:center; }
#copyright { display:none; right:70px; top:70px; position:absolute; width:76px; }*/
#copytera { width:380px; position:relative; text-align:center; margin:5px auto; padding:10px; background:rgba(0,0,0,.4); border-radius:5px; }
#logotera { float:right; width:76px; }
#copyjol { display:inline-block; color:#8f6a27; text-align:center; margin:5px 0; padding:10px; background:rgba(0,0,0,.4); border-radius:5px; }
#copyjol p { margin:0; }
/************************************************/
/* CONTENT */
/************************************************/
/* BLOC fil d'Ariane */
#filariane { }
#filariane ul { }
#filariane li { padding-left:5px; display:inline; }
#filariane li a { }
#filariane li a:link,
#filariane li a:visited { }
#filariane li a:active,
#filariane li a:hover { }
#filariane li:last-child { font-weight:bold; }
/* BLOC spotlight */
#spotlight { position:relative; width:353px; height:133px; margin:13px 0 0 7px; background-color:#383737; border:1px solid #000; }
#spotlight .ttr { width:147px; position:absolute; top:-13px; left:-7px; }
#spotlight .ttr h2 { height:25px; background:url(../images/spotlight.png) 0 0 no-repeat; }
#spotlight .ttr h2 span { display:none; }
#spotlight .ctn { }
#spotlight .ctn a { display:block; }
#spotlight .ctn img { display:block; }
/*#content h2 div.sourcecomment { position:absolute; right:70px; top:0px; font-weight:400; font-size:10px; }
#content h2 div.sourcecomment a { font-weight:400; font-size:10px; }*/
#content h2 a.source { color:#b7c5d1; }
#content_foot { margin:0; padding:0; display:block; }
/* Structure TAG dependence */
/*#header span { display:none; }
#header a { display:block; width:100%; height:100%; }*/
/* BLOC Page */
.page-ttr { padding:0 0 14px 0; }
.page-ttr h1,
.page-ttr h3 { color:#B7C5D1; font-size:30px; line-height:30px; letter-spacing:1px; font-weight:normal; text-align:center; font-family:Morpheus, "Times New Roman", Times, serif; text-shadow:0 0 6px #000; }
.page-ttr p { color:#4e4a47; font-size:13px; padding:0; font-weight:normal; text-align:center; text-shadow:0 0 3px #000; }
/*.page-ttr h3 { display:none; color:#8F6A27; padding:35px; font-size:3em; font-family:"Times New Roman", Times, serif; font-style:italic; } */
.page-ctn { }
.page-ctn h1,
.page-ctn h2 { }
.page-ctn h1 a,
.page-ctn h2 a { color:#f6ac27; }
/* BLOC Intro */
/*
.intro { position:relative; width:550px; margin:10px auto; }
.intro .top { height:10px; background:url(../images/c550_top.png) 0 0 no-repeat; }
.intro .ctn { padding:0 10px; background:url(../images/c550_ctn.png) 0 0 repeat-y; }
.intro .btm { height:10px; background:url(../images/c550_btm.png) 0 0 no-repeat; }
.intro .left { float:left; width:100px; padding:0 10px 0 0; }
.intro .right { float:left; width:500px; }*/
.intro #jolCaptures { text-align:center; }
.intro #jolCaptures .capture { display:inline-block; padding:5px; }
.intro #jolCaptures .image { background:#333333; border:1px solid #B7C5D1; padding:2px; width:100px; }
.intro #jolCaptures a { display:block; font-size:0%; }
.intro #jolCaptures img { }
/* Habillage des modules JOL : Commun */
dt.titre { font-size:14px; font-weight:bold; color:#CD7D2E; }
.vignette { float:left; width:76px; padding:2px 10px 5px 0; }
.titre { color:#f6ac27; font-size:25px; font-weight:normal; text-align:left; letter-spacing:1px; font-family:Morpheus, "Times New Roman", Times, serif; text-shadow:1px 1px 6px #000; }
.texte { text-align:justify; }
.texte h2 { font-family:Morpheus,"Times New Roman",sans-serif; font-size:1.7em; font-weight:normal; background:none repeat scroll 0 0 #1C1B1A; border-top:1px solid #66635A; /*border-bottom:1px solid #8F6A27;*/ padding:5px; margin:15px 0 5px 0; }
.texte p { }
.accroche { color:#CD7D2E; font-weight:bold; margin:0 0 10px 0; line-height:120%; padding:10px 0; }
.corps { overflow:hidden; margin:0 0 10px 0; }
.corps ul { padding:10px 0 20px 50px; }
.corps ul ul { padding:5px 0 0 10px; }
.corps h2 { }
.corps h3 { }
.corps img { max-width:590px; }
.infos { float:left; color:#70777d; font-size:10px; }
.infos a { }
.infos a:link,
.infos a:visited { color:#8f6a27; }
.infos a:active,
.infos a:hover { }
.infos ul { display:inline; list-style-type:none; padding:0; }
.infos li { display:inline; padding-right:5px; }
.infos li:after { content:','; }
.source { float:left; }
.tags { float:left; padding:0 0 0 20px; background:url(http://medias.jeuxonline.info/www/modules/Actualites/tag.gif) 0 50% no-repeat;}
.tags li.jol_actus_tags_tag_dernier:after { content:''; }
.outils { float:right; color:#70777d; font-size:9px; text-align:right; }
.outils a { }
.outils a:link,
.outils a:visited { color:#8f6a27; }
.outils a:active,
.outils a:hover { }
/* Habillage des éléments */
.element { position:relative; padding:37px 0 20px 0; }
.element-ttr { position:absolute; left:1px; top:0; width:613px; height:41px; padding:0 35px; line-height:39px; background:transparent url(../images/element-ttr.png) 0 0 no-repeat; }
.element-ttr p { color:#70777d; font-weight:400; font-size:10px; }
.element-ttr p a { color:#8f6a27; }
.element-ttr p a:link,
.element-ttr p a:visited { color:#8f6a27; }
.element-ttr p a:active,
.element-ttr p a:hover { }
.element-ttr .publication { position:relative; float:left; padding:0 0 0 6px; background:transparent url(../images/puce_publi_by.png) 0 center no-repeat; }
.element-ttr .publication .hidden { display:none; position:absolute; top:30px; left:40px; z-index:10000; width:350px; line-height:normal; background:none repeat scroll 0 0 #1C1B1A; border:1px solid #66635A; padding:5px; }
.element-ttr .publication:hover .hidden { display:block; }
.element-ttr .commentaires { float:right; padding:0; text-align:right; }
.element-ctn { overflow:hidden; margin:0 35px; padding:5px 10px; border:1px solid #161616; background:#383737; /*-moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px;*/ }
.element-ctn.on { cursor:pointer; background:#4b4a4a; border-color:#B7C5D1; -moz-box-shadow:0 0 4px #646669; -webkit-box-shadow:0 0 4px #646669; box-shadow:0 0 4px #646669; }
.element-btm { overflow:hidden; margin:0 35px; padding:3px; height:14px; border:1px solid #161616; border-top:0 none; background:#1c1a16 url(../images/element-btm.jpg) 0 0 repeat-x; }
.element .suite { height:24px; position:relative; }
.element .suite a { display:block; width:90px; height:24px; padding:0 4px; float:right; background:#333 url(../images/readnext.jpg) 0 0 no-repeat; line-height:24px; color:#b7c5d1; margin:0; }
/* */
.col-g .bloc { margin:0 0 5px 5px; }
.col-g .bloc-ttr { overflow:hidden; padding:3px; height:14px; line-height:14px; border:1px solid #161616; border-top:0 none; background:#1c1a16 url(../images/bloc-ttr.jpg) 0 0 repeat-x; }
.col-g .bloc-ttr h4 { color:#B7C5D1; text-transform:uppercase; }
.col-g .bloc-ctn { padding:5px 7px; border:1px solid #161616; background:#383737; }
.col-g .bloc-ctn a { }
.col-g .bloc-ctn a:link,
.col-g .bloc-ctn a:visited { color:#8f6a27; }
.col-g .bloc-ctn a:active,
.col-g .bloc-ctn a:hover { color:#ff9933; }
.col-g .bloc-ctn ul { padding:0; }
.col-g .bloc-ctn ul ul { padding:0 0 0 10px; }
.col-g .bloc-ctn li { line-height:12px; padding:0 0 4px 8px; background:url(../images/bloc-ctn_li.png) 0 3px no-repeat; }
.col-g .bloc-ctn li a { display:block; text-decoration:none; padding:1px 3px; }
.col-g .bloc-ctn li a { }
.col-g .bloc-ctn li a:link,
.col-g .bloc-ctn li a:visited { color:#8f6a27; }
.col-g .bloc-ctn li a:active,
.col-g .bloc-ctn li a:hover { color:#B7C5D1; background:#4b4a4a; /*border-color:#B7C5D1;*/ -moz-box-shadow:0 0 2px #646669; -webkit-box-shadow:0 0 2px #646669; box-shadow:0 0 2px #646669; }
/* Habillage des modules JOL : Actualite */
.actualite { margin:0 0 20px 0; }
.actualite .top { height:20px; }
.actualite .titre { position:relative; height:41px; width:760px; }
.actualite .titre .infos { color:#70777d; position:absolute; right:50px; top:12px;}
.actualite .titre .infos a { font-weight:400; font-size:10px; }
.actualite .titre .infos a:link,
.actualite .titre .infos a:visited { color:#8f6a27; }
.actualite .titre .infos a:active,
.actualite .titre .infos a:hover { }
.actualite .texte .infos { clear:both; background:transparent url(../images/puce_publi_by.png) 0 center no-repeat; padding:0 0 0 6px; }
.actualite .suite { height:24px; position:relative; }
.actualite .suite a { display:block; width:90px; height:24px; padding:0 4px; float:right; background:#333 url(../images/readnext.jpg) 0 0 no-repeat; line-height:24px; color:#b7c5d1; margin:0; }
/* Habillage des modules JOL : Article */
.article { margin:0 0 20px 0; }
.article .top { height:20px; }
.article .titre { position:relative; height:41px; width:760px; }
.article .titre .infos { color:#70777d; position:absolute; right:50px; top:12px;}
.article .titre .infos a { font-weight:400; font-size:10px; }
.article .titre .infos a:link,
.article .titre .infos a:visited { color:#8f6a27; }
.article .titre .infos a:active,
.article .titre .infos a:hover { }
.article .texte .infos { clear:both; background:transparent url(../images/puce_publi_by.png) 0 center no-repeat; padding:0 0 0 6px; }
.article .suite { height:24px; position:relative; }
.article .suite a { display:block; width:90px; height:24px; padding:0 4px; float:right; background:#333 url(../images/readnext.jpg) 0 0 no-repeat; line-height:24px; color:#b7c5d1; margin:0; }
/*.article .infos { clear:both; background:transparent url(../images/puce_publi_by.png) 0 center no-repeat; padding:0 0 0 6px; margin-left:40px; }
.article .infos .commentaires { }
.article .accroche { color:#CD7D2E; font-weight:bold; margin:0 0 10px 0; }
.article .corps { }
.article .pied-de-page { clear:both; font-size:9px; }
.article .source { float:left; }*/
/* Habillage des modules JOL : FAQ */
.faq { }
.faq .infos { padding:5px 0 1em 0; }
/* Sommaire */
.sommaire { }
.sommaire { position:relative; width:550px; margin:10px auto; }
.sommaire .top { height:10px; background:url(../images/c550_top.png) 0 0 no-repeat; }
.sommaire .ctn { padding:0 10px; background:url(../images/c550_ctn.png) 0 0 repeat-y; }
.sommaire .btm { clear:both; height:10px; background:url(../images/c550_btm.png) 0 0 no-repeat; }
.sommaire .left { }
.sommaire .right { }
.sommaire ul { list-style:none; padding:0 0 0 20px; }
.sommaire li { background:url(../images/c550_li.png) 0 3px no-repeat; padding:0 0 0 13px; }
.sommaire li a { font-weight:bold; }
.sommaire li p { padding:0; }
.sommaire .jol_article_sommaire_liste_1 { }
.sommaire .jol_article_sommaire_liste_2 { }
.pag-nav { }
.pag-nav .ctn { background:#1c1b1a; border-top:1px solid #66635a; padding:3px; }
.pag-nav .pagination { clear:both; text-align:center; }
.pag-nav .navigation { }
.pag-nav .navigation ul { position:relative; height:20px; }
.pag-nav .navigation li { position:absolute; top:0px; width:300px; list-style:none; }
.pag-nav .navigation li span { padding-right:10px; }
.pag-nav .navigation .jol_article_navigation_prec { left:10px; }
.pag-nav .navigation .jol_article_navigation_suiv { right:10px; text-align:right; }
/* BLOC sujetsforums */
/* modules JOL : Sujets des forums */
/*#sujetsforums { position:relative; width:353px; min-height:133px; margin:13px 12px 18px 7px; background-color:#383737; border:1px solid #000; }
#sujetsforums .ttr { width:204px; position:absolute; top:-13px; left:-7px; }
#sujetsforums .ttr h2 { height:25px; background:url(../images/forums_ttr_h2.png) 0 0 no-repeat; }
#sujetsforums .ttr h2 span { display:none; }
#sujetsforums .ctn { margin:12px 0 0 0; width:300px; max-width:335px; overflow:hidden; }
#sujetsforums .ctn table { margin:5px 0 0 10px; }
#sujetsforums .ctn a { color:#b7c5d1; }
#sujetsforums .ctn .fils { color:#b7c5d1; }
#sujetsforums .ctn .pseudos { color:#70777d; font-size:9px; }
#sujetsforums .ctn .pseudos a { color:#70777d;}
#sujetsforums #forum_ornament { position:absolute; bottom:-18px; right:-12px; width:74px; height:104px; z-index:1; background:url(../images/forums_orament.png) 0 0 no-repeat; }
*/
/* JOL MODULE */
/*DOUBLONS
.jol_actus_reagir textarea { margin:5px; background-color:#282828; color:#fff; border:2px dashed #193558; }
.jol_actus_reagir input { margin:5px; }
ul.jol_article_navigation { display:inline; position:relative; width:600px; height:20px; }
ul.jol_article_navigation span { margin:0 10px 0 0; }
li.jol_article_navigation_prec { position:absolute; left:0px; width:300px; }
li.jol_article_navigation_suiv { position:absolute; right:0px; width:300px; }*/
/****/
.jol_actus_reagir_lien { font-size:10px; position:relative; }
.jol_actus_reagir { right:0px; top:30px; z-index:9999; background-color:#181818; padding:4px; border:1px solid #e0e7ed;}
.jol_actus_reagir textarea { margin:5px; background-color:#282828; color:#fff; border:2px dashed #70777d; }
.jol_actus_reagir input { margin:5px; }
/**
* Pages - Container
*/
div.jol_actus_pages { color:#999; margin:0 auto; padding:10px 0; width:100%; clear:both; background-color:#486593; }
/**
* Pages - Liste des pages
*/
div.jol_actus_pages ul.jol_actus_pages_liste { margin:0 auto; padding:0; text-align:center; clear:both; width:404px; }
/**
* 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 #9aafe5; color:#a5c3f0; padding:2px 5px; text-decoration:none; background-color:#193558; }
/**
* 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 #193558; color:#fff; background-color:#2c3e5b; }
/**
* 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:#2c3e5b; color:#fff; border-color:#193558; 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; background-color:#2c3e5b; }
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:#ccc; color:#ccc; cursor:default; font-weight:normal; }
/**
* Pages archives - texte
*/
p.freshnews_archives_titre { font-size:12px; margin:10px 0; padding:0px; font-weight:700; }
/************************GALERIE********************************/
/**
* JOLOO - Module Captures_Galerie
*
* Exemple d'une feuille de styles CSS pour le module Galerie.
*
* @author Guillaume Martin
*/
#jolCapturesGalerie { }
#jolCapturesGalerie h1 { color: #F6AC27; font-family: Morpheus,"Times New Roman",Times,serif; font-size: 25px; font-weight: normal; letter-spacing: 1px; text-align: left; text-shadow: 1px 1px 6px #000000;}
#jolCapturesGalerie h2 { margin:0 0 5px 0; }
#jolCapturesGalerie div.navigation { background:none repeat scroll 0 0 #1C1B1A; border-top:1px solid #66635A; padding:3px; margin:5px 0 40px 0; }
#jolCapturesGalerie div.navigation strong { }
/**
* === ACCUEIL DE LA GALERIE ===
*/
#jolCapturesGalerie div.dernieres { }
#jolCapturesGalerie div.dernieres div.titre { }
#jolCapturesGalerie div.dernieres div.images { }
#jolCapturesGalerie div.dernieres div.images img { }
#jolCapturesGalerie div.dernieres div.images img:hover { }
#jolCapturesGalerie div.ajouter { background: url("../images/element-ttr.png") no-repeat scroll 0 0 transparent; height: 41px; /*left: 1px;*/ line-height: 39px; overflow: hidden; padding: 0 35px; /*position: absolute; top: 0;*/ width: 613px;}
#jolCapturesGalerie div.ajouter a { background: url("../images/puce_publi_by.png") no-repeat scroll 0 center transparent; float: left; padding: 0 0 0 6px; }
#jolCapturesGalerie div.ajouter a:link,
#jolCapturesGalerie div.ajouter a:visited { color:#8f6a27; }
#jolCapturesGalerie div.ajouter a:active,
#jolCapturesGalerie div.ajouter a:hover { }
#jolCapturesGalerie div.liste_jeux { width:550px; margin:15px auto; background:none repeat scroll 0 0 #1C1B1A; border:1px solid #66635A; padding:10px; }
#jolCapturesGalerie div.jeu { }
#jolCapturesGalerie div.jeu h2 { text-align:center; }
#jolCapturesGalerie div.boite { text-align:center; }
#jolCapturesGalerie div.jeu ul { list-style:none outside none; padding:0 0 0 20px; }
#jolCapturesGalerie div.jeu li { background:url("../images/c550_li.png") no-repeat scroll 0 3px transparent; padding:0 0 0 13px; }
#jolCapturesGalerie div.jeu div.clear { clear:both; }
/**
* === GALERIE D'IMAGES ===
*/
#jolCapturesGalerie table.galerie { width:550px; margin:15px auto; background:none repeat scroll 0 0 #1C1B1A; border:1px solid #66635A; }
#jolCapturesGalerie table.galerie td { }
#jolCapturesGalerie div.capture { }
#jolCapturesGalerie div.capture div.image { }
#jolCapturesGalerie div.capture div.image:hover { }
#jolCapturesGalerie div.capture div.image img { }
#jolCapturesGalerie div.capture div.titre { font-size:12px; font-family: Verdana,Helvetica,Arial,sans-serif; }
#jolCapturesGalerie div.capture div.titre a { }
#jolCapturesGalerie div.capture div.date { font-size:0.8em; color:#70777D; }
#jolCapturesGalerie table.pages { width:100%; }
#jolCapturesGalerie table.pages td { padding:2px 5px; }
#jolCapturesGalerie table.pages td.precedente { text-align:left; width:160px; white-space:nowrap; }
#jolCapturesGalerie table.pages td.suivante { text-align:right; width:160px; white-space:nowrap; }
#jolCapturesGalerie table.pages td.pages { text-align:center; }
#jolCapturesGalerie table.pages td.pages strong { font-size:1.2em; padding:0 4px; }
#jolCapturesGalerie table.pages td.pages a { padding:0 4px; }
#jolCapturesGalerie div.stats { font-size:0.9em; margin-bottom:10px; margin-top:10px; text-align:center; }
#jolCapturesGalerie td { padding:4px; }
#jolCapturesGalerie input { margin:4px; }
#jolCapturesGalerie th { padding:4px; }
#jolCapturesGalerie .alt { }
#jolCapturesGalerie tr { }
/**
* === AGRANDISSEMENT DES IMAGES ===
*/
#jolCapturesGalerie div.agrandissement { position:relative; }
#jolCapturesGalerie div.agrandissement div.image800 { border:1px solid #000; margin:10px 0 10px -20px; width:800px; position:relative;}
#jolCapturesGalerie div.agrandissement div.image800 img { width:800px; border:0; display:block; margin:0 auto; }
#jolCapturesGalerie div.agrandissement div.description { background-color:#374f74; border-bottom:1px solid #ccc; margin-top:10px; padding:2px 5px; text-align:center; }
#jolCapturesGalerie div.agrandissement div.date { font-size:0.9em; margin-top:10px; }
#jolCapturesGalerie div.agrandissement div.options { background:none repeat scroll 0 0 #1C1B1A; border:1px solid #66635A; padding:2px 0; margin:10px auto; text-align:center; width:90%; }
#jolCapturesGalerie div.agrandissement div.options ul { list-style:none; margin:0 auto; }
#jolCapturesGalerie div.agrandissement div.options li { float:left; text-align:center; width:50%; }
#jolCapturesGalerie div.agrandissement div.options li span.afficher { padding-left:20px; background-image:url(http://medias.jeuxonline.info/www/jolfiches/img/icone_images.png); background-repeat:no-repeat; }
#jolCapturesGalerie div.agrandissement div.options li span.telecharger { background-image:url(http://medias.jeuxonline.info/www/jolfiches/img/telecharger.png); background-repeat:no-repeat; padding-left:18px; }
#jolCapturesGalerie div.agrandissement div.options a { color:#8f6a27; }
#jolCapturesGalerie div.agrandissement div.options span.taille { font-size:0.9em; color:#444; }
#jolCapturesGalerie div.agrandissement div.options span.poids { font-size:0.9em; color:#444; }
#jolCapturesGalerie div.agrandissement div.options div.clear { clear:both; }
/**
* === FORMULAIRE D'AJOUT ===
*/
#jolCapturesGalerie div.formulaire { }
#jolCapturesGalerie div.formulaire form { }
#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 input.envoyer { }
/******** WIKI ****/
#jolWiki a { text-decoration:none; }
#jolWiki a:hover { text-decoration:underline; }
#jolWiki div.navigation { text-align:left; padding:5px; border:1px solid #ccf; background-color:#486593; font-size:11px; }
#jolWiki h1 { margin-bottom:20px; }
#jolWiki h2 { margin-top:20px; margin-bottom:10px; }
#jolWiki h3 { margin-bottom:10px; }
#jolWiki table.brut { border:0; padding:0; margin:0; }
#jolWiki table.brut tr, #jolWiki table.brut th, #jolWiki table.brut td { border:0; padding:2px; margin:0; text-align:left; }
#jolWiki div.modifier { font-size:10px; margin-top:2px; text-align:right; line-height:12px; }
#jolWiki div.intro { margin-bottom:10px; }
#jolWiki div.sommaire { background-color:#486593; border:1px solid #ccc; width:50%; margin-bottom:20px; }
#jolWiki table { /*border:1px solid #666;*/ }
#jolWiki table td { border:1px solid #999; }
#jolWiki table th { text-align:center; font-weight:bold; }
#jolWiki div.categories table, #jolWiki div.categories td { border:none; margin-bottom:20px; }
#jolWiki div.categories td { border:none; }
#jolWiki div.categoriesNavigation { margin-bottom:20px; background-color:#486593; border:1px solid #ccc; padding:5px; }
#jolWiki div.categoriesNavigation table { width:100%; border:none; background-color:#eee; border-left:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
#jolWiki div.categoriesNavigation table td { font-size:11px; border:none; text-align:left; }
#jolWiki div.categoriesNavigation div.sousCategories { font-size:11px; background-color:#eee; border:1px solid #ccc; padding:5px; margin-top:5px; }
#jolWiki div.discussion { background-color:#486593; border:1px solid #f5d291; padding:5px; margin-top:20px; margin-bottom:20px; }
#jolWiki div.erreur img { vertical-align:middle; }
#jolWiki div.recherche hr { border:0; border-bottom:1px solid #999; }
#jolWiki div.recherche ul { list-style:square; }
#jolWiki div.recherche li { margin-bottom:10px; }
#jolWiki div.recherche span.pertinence { color:#388000; }
#jolWiki div.recherche form { margin-bottom:10px; width:70%; margin-left:auto; margin-right:auto; }
#jolWiki div.recherche form div { text-align:center; }
#jolWiki div.recherche input.terme { width:70%; }
#jolWiki div.recherche input.envoyer { width:25%; }
#jolWiki div.historique { text-align:left; }
#jolWiki div.historique ul { list-style:square; }
#jolWiki div.historique div.discussion { margin-bottom:20px; }
#jolWiki div.surveiller { margin-top:10px; text-align:right; font-size:11px; }
#jolWiki div.surveiller img { border:0; }
#jolWiki div.modifierArticle { margin-bottom:20px; }
#jolWiki div.modifierArticle table { border:0; }
#jolWiki div.modifierArticle td { border:0; }
#jolWiki div#vBulletin_editor { background-color:#486593; border:1px solid #999; text-align:center; }
#jolWiki div#vBulletin_editor td { border:1px solid #eee; }
#jolWiki div#vBulletin_editor div.imagebutton { border:1px solid #f7f7f7; }
#jolWiki div.avertissement { background-color:#486593; padding:5px; border:1px solid #700050; margin:5px 0; font-size:11px; }
#jolWiki div.avertissementPrevisualisation { background-color:#486593; border:1px solid #ACCE79; padding:5px; margin:5px 0; }
#jolWiki div.avertissementPrevisualisation ul { list-style:square; }
#jolWiki div.avertissementPrevisualisation li { font-size:11px; }
#jolWiki div.differences { margin-top:10px; background-color:#486593; border:1px solid #ccc; padding:5px; font-size:11px; }
#jolWiki div.modifierArticle ul { list-style:square; margin:0; }
#jolWiki div.colonneDroitecontent { padding:10px 0px 10px 10px; float:right; clear:both }
#jolWiki div.colonneDroite { border:1px solid #eee; width:300px; background-color:#486593; }