MediaWiki:Common.css

/* FEUILLE DE STYLE GLOBALE */
/*
Cette page contrôle l'apparence pour toutes les skins.


/* en test */
/* Césure automatique */
.ns-0 #bodyContent {-webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; -o-hyphens:auto; hyphens:auto;}



/* ÉCRITURES NON LATINES */

/* Taille et famille des polices pour les écritures non-latines ; voir aussi [[modèle:Lang]]. */

/* Écriture grecque, pour les langues : grec moderne (monotonique), grec ancien (polytonique) */
:lang(grc), :lang(el) {
 font-family:"Gentium Plus","Times New Roman",FreeSerif,serif;
 font-size:1.2em;
}

/* écriture thaïe, pour la langue : thaï */
:lang(th) {
 font-family:"Segoe UI", Tahoma, sans-serif; 
 font-size:.87em; 
 line-height:1.4em;
 vertical-align:sub;
}

/* écriture arabe et farsi plus grosse avec sérif */
:lang(ar), :lang(fa) {
 font-family:"Times New Roman",FreeSerif,serif;
 font-size:1.35em;
 line-height:1.11em;
}

/* pas d'italique pour le chinois et le japonais */
:lang(zh), :lang(ja) {font-style:normal;}


/* CHIFFRES ROMAINS */

/* Affichage des chiffres romains, voir [[modèle:Rom]] ou [[modèle:Romain]]. */
.romain {
 text-transform:lowercase;
 font-variant:small-caps;
}

/** NOTES, RÉFÉRENCES, BIBLIOGRAPHIE **/

/* CROCHETS */

/* Par défaut, cacher les crochets autour des notes. */
.cite_crochet { display:none }

/* Interligne */

/* Éviter d'obtenir un interlignage de taille variable. */
.reference, .exposant { 
 vertical-align:text-top;
 position:relative;
 font-size:.8em;
 top:-5px;
}
.reference {
 padding-left:1px;
 font-style:normal;
 font-size:.7em;
 font-family:Arial,Helvetica,sans-serif;
}

ol.references > li{
text-align:left;
}

/* RÉFÉRENCE NÉCESSAIRE */

/* Style des modèles [[modèle:Référence nécessaire]] et [[modèle:Citation nécessaire]]. */
span.need_ref { border-bottom:1px solid #AAA }

div.need_ref {
 border:1px solid #AAA;
 padding:.5em;
}

/* Référence présente */
span.ref:hover { border-bottom:1px solid #AAA }

/* NORMES BIBLIOGRAPHIQUES */

/* Mode d'affichage par défaut des données dans l'espace référence. */
.BibList { display:block }
.WikiNorme, .BibTeX, .ISBD, .ISO690, .specialBib { display:none }

/* BOÎTES DÉROULANTES */

/* Styles des boîtes déroulantes, voir [[Modèle:Boîte déroulante/Documentation]]. */
div.NavFrame {
 margin:0;
 padding:2px;
 border:1px #AAA;
 text-align:center;
 border-collapse:collapse;
 /*font-size:95%;*/
} /* monobookocentré début */

div.NavFrame + div.NavFrame {
 border-top-style:hidden;
}

div.NavPic {
 background:#FFF;
 margin:0;
 padding:2px;
 float:left;
}

div.NavFrame div.NavHead {
 /*height:1.6em;*/
 font-weight:bold;
 font-size:100%;
 background:#EFEFEF;
}

div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p { font-size:100% }

div.NavEnd {
 margin:0;
 padding:0;
 line-height:1px;
 clear:both;
}

.NavToggle {
 font-size:x-small;
 float:right;
} /* monobookocentré fin */

/* Styles de [[Modèle:Méta palette de navigation]] */
table.navbox { 
 background:#F9F9F9;
 border:1px solid #AAA;
 clear:both;
 font-size:90%;
 margin:1em 0 0;
 padding:2px;
 text-align:center;
 width:100%;
}
 
table.navbox th { 
 background:#CCF;
 padding-left:1em;
 padding-right:1em;
}
 
table.navbox td.group { 
 background:#DDF;
 vertical-align:middle;
 width:150px;
 padding-left:1em;
 padding-right:1em;
 font-weight: bold;
}
 
table.navbox td.list { 
 text-align:left
}
 
table.navbox tr.even { 
 background:#EEF
}
 
table.navbox td.below { 
 background:#CCF;
 vertical-align:middle;
 padding-left:1em;
 padding-right:1em;
}


/** TABLEAUX ET INFOBOX **/

/* WIKITABLE */

/* Classe pour tableaux standards, légèrement grisés. Syntaxe : {| class="wikitable" */

/* Tableaux selon la charte graphique. Ils sont centrés par défaut. */
table.wikitable { /* monobookocentré debut */
 margin-top:1em;
 margin-bottom:1em;
 background:#F9F9F9;
 border:1px #AAA solid;
 border-collapse:collapse;
}

table.wikitable th, table.wikitable td {
 border:1px #AAA solid;
 padding:.3em;
}

table.wikitable th, .wikitable_header {
 background:#F2F2F2;
 text-align:center;
}

table.wikitable caption {
 margin-left:inherit;
 margin-right:inherit;
} /* monobookocentré fin */

/* Alignement du tableau : flottant à droite ou à gauche, ou centré. On peut aligner à droite ou à gauche
   sans flottement en ajoutant le [[modèle:clr]] en bas du tableau, ou en précisant style="float:none"
   dans l'en-tête du tableau. */
table.gauche {
 float:left;
 margin:0 1em 1em 0;
}

table.droite {
 float:right;
 margin:0 0 1em 1em;
}

table.centre {
 margin:1em auto;
}

/* ACCUEIL */

.page-Accueil .firstHeading {
 display:none;
} 
.page-Accueil #ca-nstab-main a {
 content:"Accueil";
}
#interwiki-listecomplete {
 font-weight: bold;
}

#accueil_titre {
 margin-top:1.5em;
} /* monobookocentré */



/*Gallery un peu moins moches... */
table.gallery{
background-color:#F9F9F9;
margin:auto;
}

table.gallery caption{
margin:auto
}

table.gallery td{
background-color:#F9F9F9;
border:2px solid #F9F9F9;
}
div.gallerytext{
font-size:80%;
}




/***************  Ajout style Monobook de l'ancienne version  ***************/


/* Évite un titre en bas de page version imprimable */
h2,h3,h4,h5 {page-break-after: avoid;}

/* Désactive liens "navigation" et "recherche" en haut de page */
#jump-to-nav {display:none;}

/* Texte des articles + notes justifiés par défaut */
body[class~="ns-0"] #bodyContent {text-align:justify;}
body[class~="ns-0"] #bodyContent ol.references > li {text-align:justify;}


/* Pages Agora : encadrement et colorisation des indentations */
/* dépend de la fonction js "attrib_class_dialog" qui attribue la classe dialog */

.dialog #content {background: #F8F8FF;}
.dialog #bodyContent dd {margin:0; padding: .3em 0 0 0;}
.dialog #bodyContent dl {border-top: solid 1px #9090F0; border-left: solid 1px #9090F0; padding: .2em 0 0 .5em; margin: .5em 0 0 1em;}
.dialog #bodyContent dl, .dialog #bodyContent dl dl dl, .dialog #bodyContent dl dl dl dl dl, 
   .dialog #bodyContent dl dl dl dl dl dl dl, .dialog #bodyContent dl dl dl dl dl dl dl dl dl, 
   .dialog #bodyContent dl dl dl dl dl dl dl dl dl dl dl {background: #F0F0FF}
.dialog #bodyContent dl dl, .dialog #bodyContent dl dl dl dl, .dialog #bodyContent dl dl dl dl dl dl, 
   .dialog #bodyContent dl dl dl dl dl dl dl dl, .dialog #bodyContent dl dl dl dl dl dl dl dl dl dl, 
   .dialog #bodyContent dl dl dl dl dl dl dl dl dl dl dl dl {background: #F8F8FF}



/* Pages Edition : affichage espace caractères spéciaux */
/* dépend des fonctions js addCustomCharsetMenu, addcharsetmenu, changecharset, initcharsubset */

#specialcharsets {min-height: 5.6em; margin: 3px 0; border-width: 1px; border-style: solid; border-color: #AAA; padding: 5px;}
#specialcharsets select {margin-right: 6px;}
#specialcharsets p {line-height: 1.8em;}
#specialcharsets p a {text-decoration: none; padding: 1px .35em; background: #C0F0F0; color: #400; border: outset #C0F0F0 1px;}



.imagerelative {overflow:hidden; text-align:center; margin:0; background-color:#f9f9f9; border:0 #fff solid;}
.imagerelative .padding {padding:2px 4px 0 2px; border:1px #ccc solid;}
.imagerelative img {height:auto; max-width:100%; width:auto; border:1px #ccc solid; margin:0; padding:0;}
.imagerelative .caption {font-size:0.85em; line-height:1.4em; margin:0; padding:3px;}
.imagerelative.noborder .padding {border:0;}


.imagetext .descr {font-size:0.85em; line-height:1.4em; margin:0; padding:3px;}
/* position relative pour imagepoplink */
.imagetext .comment {position:relative; font-size:0.85em; line-height:1.4em; margin:0; padding:3px;}
.imagetext.nodescr .descr {display:none;}
.imagetext.nocomment .comment {display:none;}
.imagetext.noartist .artist {display:none;}
.page-BoyWiki_Commentaires_des_images .imagetext {margin-left:120px;}


.imgalerie {position:relative; height:30em; width:90%; margin:75px auto 0 auto; background-color:#eee; border:1px #aaa solid;}
.imgalerie .miniatures {overflow-y:scroll; height:70px; width:100%; background-color:#eee; margin:-75px -1px 0 -1px; list-style: none outside none; border:1px #aaa solid; padding:0; display:block; text-align:center;}
.imgalerie .miniatures li {display:inline; padding:.5px;}
.imgalerie .miniatures li img {max-height:100%; max-width:100%; height:auto; width:auto;}
.imgalerie .miniatures div {position:absolute; height:100%; width:100%; top:0; visibility:hidden; opacity:0; -moz-transition:visibility 0s linear 0.5s,opacity linear 0.5s; transition:visibility 0s linear 0.5s,opacity linear 0.5s;}
.imgalerie .miniatures div img {position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
.imgalerie .miniatures li:hover div {visibility:visible; opacity:1; -moz-transition-delay:0s; transition-delay:0s;}


.imgzoom {display:inline-block; position:relative; height:8em; width:12em;}
.imgzoom img {position:absolute; height:100%; width:auto; z-index:2; -moz-transition:all 1s; transition:all 1s; top:0; left:0; bottom:0; right:0; margin:auto;}
.imgzoom img:hover {height:300%; z-index:10; box-shadow:3px 3px 8px #444;}
.imgzoom.z250 img:hover {height:250%;}
.imgzoom.z350 img:hover {height:350%;}
.imgzoom.z400 img:hover {height:400%;}



#citimgdujour {border:1px #88c solid;}
#citationdujour {width:44%; margin-right:0; margin-left:auto;}
#imagedujour {float:left; width:54%; text-align:center; margin:0; padding:0 8px; border-right:1px #88c solid;}
#citationdujour #cdjtit, #imagedujour #idjtit {text-align:left; font-style:italic; font-size:1.5em; line-height:1em; color:#99e; margin:8px;}
/* ajout height et width:auto pour IE8 */
#imagedujour img {max-height:36em; height:auto; max-width:100%; width:auto;  margin:0; padding:0;}
#imagedujour .descr {font-size:0.85em; line-height:1.4em; margin:0; padding:3px 15px;}
/* position relative pour imagepoplink */
#imagedujour .comment {position:relative; font-size:0.85em; text-align:left; background-color:#ddf; padding:3px; margin:15px;}
#imagedujour .comment:before {content:"→ "}

#imagedujour #idjdsc {font-size:0.85em; line-height:1.4em; margin:0; padding:3px 15px;}
#citationdujour #cdjlnk, #imagedujour #idjlnk {font-size:0.85em; background-color:#ddf; padding:3px; margin:15px;}



/* Popup-infobulle affichage notes de bas de page citations et références */
#popup_ref {position:absolute; z-index:10; top:100px; left:200px; width:350px; min-height:25px; background:#FFFFC0; border:outset #FFC0A0 1px; padding:8px; font-size:75%; box-shadow:3px 3px 8px #444; opacity:0; transition:opacity .5s;}

/* Popup message alerte niveau film */
.filmlevel {position:static; color:#E2536B; vertical-align:4px; font-size:.7em; line-height:1em;}
.filmlevelmsg {visibility:hidden; opacity:0; position:absolute; z-index:10; width:50%; top:0; margin-left:25%; padding:6px; font-size:110%; line-height:125%; background-color:#FFD8C0; color:black; box-shadow:3px 3px 8px #444; transition: opacity 0.4s linear 0s;}
body[class*="Filmographie_garçonnière_–"] ul, body[class*="page-Référence_Films_"] ul {position:relative;}
.filmlevelmsg hr {background-color:#B05000; width:50%; margin:auto;}
.filmlevel:hover .filmlevelmsg {visibility:visible; opacity:1;}


/* Popup lien sur img */
.imagepoplink {position:relative;}
#imagedujour .imagepoplink {position:static;}
.imagepoplink img {visibility:hidden; position:absolute; bottom:0; box-shadow:3px 3px 8px #444; opacity:0; -moz-transition:opacity .5s; transition:opacity .5s;}
.imagepoplink:hover img {visibility:visible; opacity:1;}

/* Popup-paramètres (dialogbox) - utilisé par boutons edit (toolbox) */ 
#popup_param {position: absolute; z-index:10; top: 100px; left: 200px; min-width: 20em; max-width: 50em; min-height: 18em; background: #EFFAFA; border: outset #C0F0F0 1px; padding: 5px; font-size: 90%; text-align: center;}
#popup_param table {background: #EFFAFA; text-align:left;}
#popup_param #titr {font-size: 110%; font-weight: bold;}
#popup_param #espace {min-height: 12em; margin:15px 0;}
#popup_param_txt {display: block; font-size: 100%; text-align:left; line-height: 1.2em; margin: 20px 0;}
#popup_param dt {text-decoration:underline;}
#popup_param a {text-decoration:none;}
#popup_param #aide {display: block; font-size: 95%; text-align:left; line-height: 1em; color: #520; padding-left: 20px; margin: 5px;}
#popup_param #btn {display: block; padding-top: 8px;}


/* Références biblio */
.reflivre, .reffilm, .refserie, .refemission, .refpub, .refjeu, .refchanson, .refarticle {padding:0; margin:0; background:#EFF; font-family:Arial,Helvetica,FreeSans,sans-serif; font-size:0.67em;}
div.badref {font-size:8pt; background-color:#FFB2B2; padding-left:0.5em;}
.refbiblio .selflink {font-weight:normal;}
.refcontainer {border:dashed 1px lightgray; margin:0.5em; padding:0.5em;}
.refheader {border:solid 1px #806040; background-color:#DDFFDD; margin:1em; padding:0.5em;}
.BibList {display:none;}
.ISBD {display:block;}
.ISBDmod {display:none;}
.BibRef {display:none;}
body.ns-104 #content {background:#EFF;}
.filmolist, .filmocadre, .filmocourt, .filmotourn {display:none;}
.filmolong {display:block;}

/* Formulaire création références biblio */
#creatrefbib legend {font-size:8pt; font-weight:bold; font-style:italic;}
#creatrefbib .tit {text-align:right;}
#creatrefbib .cmt {font-size:9pt; font-style:italic; color:#540; padding-bottom:5px; padding-top:0;}
#creatrefbib_visu {text-align:center; background:#ccc; padding:6px; margin:20px;}

/* Tableau-cadre présentation film */
.filmrefbox {float:right; position:relative; width:25em; margin:15px 0 15px 20px; border-collapse:collapse; border:thin #999 solid; background-image:linear-gradient(60deg,#DDE,#F4F4FF);}
.filmrefbox th {height:6.45em; padding:0; background:#ABC url(http://www.boywiki.org/media/images/7/71/Refboxfilm.jpg) no-repeat left top; background-size:100%; text-align:center;}
.filmrefbox th p {font-size:140%; color:#702; font-style:italic; text-shadow:1px 1px #ddd;}
.filmrefbox th small {font-size:60%;}
.filmrefbox td {padding:0px 7px; color:#602; font-size:0.75em; line-height:1.6em; text-indent:-1.4em; text-align:left;}
.filmrefbox td p {line-height:1.6em; margin:0 0 0 -5em;}
.filmrefbox tr td:first-child {font-weight:bold; width:7.7em; vertical-align:top; text-indent:0;}
.filmrefbox .synop {font-style:italic; margin:0;}
.filmrefbox .comment {margin:0;}
.filmrefbox .separ {margin:10px 0; text-align:center;}
.filmrefbox:before, .filmrefbox:after {content:" "; position:absolute; width:50%; height:100px; z-index:-10;}
.filmrefbox:before {top:14px; left:8px; box-shadow:-7px 0 10px #555; transform:rotate(-5deg);}  
.filmrefbox:after {bottom:10px; right:5px; transform:rotate(5deg); box-shadow:-9px 7px 15px #333;}
.refcontainer .filmocadre .filmrefbox {float:none;}


/* modèle ébauche */
.ebauchelang {text-align:center; font-size:85%; width:62%; padding:0 .5em; margin:0 auto; background:#eff;}

/* modèles homonymie et voir homonymie */
.homonymie {padding-left:2em; padding-bottom:.5em; margin-bottom:.5em; margin-top:-0.6em; background:white; font-style:italic; border-bottom:1px #AAA solid;}

/* Extrait avec référence */
.citextrait {padding:0; margin:.5em 5%; font-family:"Times New Roman",Times,FreeSerif,serif; font-size:1.25em; line-height:1.2em; text-align:justify;}

/* Citation courte et bloc */
.citecourt, .citebloc {width:92%; padding:0 1.3em .2em 1.3em; margin:1em 30px 1em 28px; font-family:"Times New Roman",Times,FreeSerif,serif; font-size: 1.15em; line-height:1.25em; text-align:justify;}
.citecourt.lisere {border-left:3px #CCF solid;}

.citebloc {width:auto; padding:0; margin:0.3em 3em; border-collapse:collapse; border-style:none; background-color:transparent;}
.citebloc td.lquot {vertical-align:top; font-size:40px; font-weight:bold; color:#BBF; padding:0 20px;}
.citebloc td.rquot {vertical-align:bottom; font-size:40px; font-weight:bold; color:#BBF; padding:0 20px 8px;}
.citebloc td.text {vertical-align:top; padding:4px;}
.citebloc cite {font-size:0.8em; font-style:normal; display:block; padding:0.3em 0 0 1em;}
.citebloc p {font-size:inherit; line-height:inherit;}


/* citation longue - extrait ou texte complet */
.citelong {width:76%; border: 1px solid #dfdfdf; margin: 0 auto; padding: 1em 3em 1em 4em; background-color:#FEFEE9; font-family:"Times New Roman",Times,FreeSerif,serif; font-size: 1.37em;}
.citelong p {margin:0; padding:0; text-indent: 1em; line-height:1.3em; text-align:justify;}
.citelong h2 {margin-left: -2em; font-size:1.15em; font-weight: bold;}
.citelong h3 {margin-left: -2em; font-size:1.12em;}
.citelong hr {margin:20px 0;}
.citelong ul {list-style-type:none; list-style-image:none; padding:0; margin:.2em 0;}
.citelong ul li {line-height:1.15em;}
.citelong ol {margin: 0 0 0 1.5em; padding:0; font-size: 0.95em; line-height:1em;}
.refnonexp {font-style:normal; padding-left:1px;}
/*.citelong a:link, .citelong a:visited {color:#116;}*/
/*.citelong a.new:link, .citelong a.new:visited {color:#000;}*/
.citelong.masquelien a {color:#000;}
.citelong table {background: transparent !important;}
.citelong.sansserif {font-family:FreeSansSerif,sans-serif,sans;}

/* bandeau citation et image (voir modèle Bandeau citation et Bandeau image) */
#bandeaucite, #bandeauimg {width:32em; font-size:0.8em; color:#004; background:#EEF; text-align:center; border: 1px solid #00C; padding: 6px; margin: 0 auto;}
#bandeauimg {width:45em;}
#bandeaucite.droite, #bandeauimg.right {margin:0 6% 0 auto;}
#bandeaucite .message {color:#00C;}
#bandeaucite .extension {position:absolute; display:none; z-index:10; opacity: 0.9; color:#00C; background:#EEF; border:1px #00C solid; padding:6px; margin:-1em 4em; line-height:1em;}
#bandeaucite .message:hover + .extension, #bandeaucite .message + .extension:hover {display:block;}


/* bandeau message */
.bandeaumsg {border:solid 1px #aaa; border-left-width:8px; background-color:#FBFBFB; margin:auto;}
.bandeaumsg td {padding:.2em .5em;}


/* bouton Montrer/Masquer liens */
#togglevisibilitylink {text-align:right; margin:0 6% 0 auto;}
#togglevisibilitylink input {color:#444; background-color:#eef; width:18em; height:1.6em; margin-top:8px; border:none; outline:none; box-shadow:1px 1px 0 #88b; border-radius:3px;}
#togglevisibilitylink input:hover {background-color:#F8F8FF;}

/* bouton montrer/masquer marges */
#togglehidemargin {float:right; border:none; outline:none; margin-top:-10px;}



/* Tableau standard - source: modèle graphique Wikipédia (class="wikitable") - déjà défini dans common.css */
/*table.wikitable {margin:1em 0; background:#F9F9F9; border:1px #AAA solid; border-collapse:collapse;}*/
/*table.wikitable th, table.wikitable td {border:1px #AAA solid; padding:.3em;}*/
/*table.wikitable th, .wikitable_header {background:#F2F2F2; text-align:center;}*/
/*table.wikitable caption {margin-left:inherit; margin-right:inherit;}*/

table .nohorizontalborder td, table .nohorizontalborder th {border-top:none; border-bottom:none;}

/* Tableau - modèle permettant les lignes couleurs alternées */
table.alterne {margin: 1em 0; background: #FFF; border: 1px #999 solid;}
table.alterne th, table.alterne td {border: 0; border-spacing: 2px; padding: 1px .3em;}
table.alterne th {background: #CCC;  text-align: center;}
table.alterne tr.enlight {background: #EEE;}
table.alterne caption {margin-left:inherit; margin-right:inherit;}

/* Tableau sans bordure sans fond */
table.noborder {margin:1em 2em; border:0; border-collapse:collapse;}
table.noborder th, table.noborder td {padding:.3em; vertical-align: top;}
table.noborder th {text-align:center;}
table.noborder caption {margin-left:inherit; margin-right:inherit;}

/* Tableau bordure extérieure sans fond */
table.encadre {margin: 1em 0; padding: 1em; background: #FFF; border: 1px #AAA solid;}
table.encadre th, table.encadre td {border: 0; border-spacing: 2px; padding: 1px .3em;}
table.encadre th {text-align: center;}
table.encadre caption {margin-left:inherit; margin-right:inherit;}

/* Tableaux bordure gauche optionnelle sans fond pour citation bilingue */
table.citebilingue {width:97%; margin:1em 0 1em 28px; border:0; border-collapse:collapse; font-family:"Times New Roman",Times,FreeSerif,serif; font-size: 1.25em; line-height:1.27em;}
table.citebilingue th, table.citebilingue td {padding:0 1.3em .2em 1.3em; vertical-align: top;}
table.citebilingue th {text-align:center;}
table.citebilingue td {text-align:justify;}
table.citebilingue.lisere th, table.citebilingue.lisere td {border-left:3px #CCF solid;}
table.citebilingue.rtl td:first-child {text-align:right;}
table.citebilingue caption {margin-left:inherit; margin-right:inherit;}
/* cas particulier */
.citebilingue *:lang(grc), .citebilingue *:lang(el) {font-size: 1em;}
.citebilingue *:lang(ar), .citebilingue *:lang(fa) {font-size: 1.2em;}
.citelong .citebilingue {font-size:1em; margin-left:0; width:100%;}
.citelong .citebilingue td:first-child {border-left:none; padding-left:0;}
.citelong .citebilingue td:last-child {padding-right:0;}
.citelong .citebilingue *:lang(ar), .citelong .citebilingue *:lang(fa) {font-size: 1.1em;}

/* Tableau - alignement du tableau dans la page: flottant à droite ou à gauche  - déjà défini dans common.css */
table.gauche {float:left; margin-right: 1.5em;}
table.droite {float:right; margin-left: 1.5em;}
table.centre {margin:1em auto;}
table.nofloat {float: none;}

/* Tableau - alignement du texte dans les cellules */
table.celldroite td {text-align: right;}
table.cellcentre td {text-align: center;}
table.cellgauche td {text-align: left;}

/* Tableau ans du siècle */
#centurytab {width:75%; margin:auto; height:6em; text-align:center; border-top:1px solid #aaa; border-bottom:1px solid #aaa; font-family:Arial,Tahoma,sans-serif;}
#centurytab td {font-size:.7em; line-height:1em;}


/* Sommaire (toc) style paramétrable */
.sommaire.nonum .tocnumber {display:none}
.sommaire.notitre #toctitle {display:none}
.sommaire.niveau_1 ul ul {display:none;}
.sommaire.niveau_2 ul ul ul {display:none;}
.sommaire.niveau_3 ul ul ul ul {display:none;}
.sommaire.multicol_2 table, .sommaire.multicol_2 ul {width:100%;}
.sommaire.multicol_2 .toclevel-1 {width:49%; float:left;}
.sommaire.multicol_3 table, .sommaire.multicol_3 ul {width:100%;}
.sommaire.multicol_3 .toclevel-1 {width:32%; float:left;}
.sommaire.multicol_4 table, .sommaire.multicol_4 ul {width:100%;}
.sommaire.multicol_4 .toclevel-1 {width:24%; float:left;}
.sommaire.multicol_5 table, .sommaire.multicol_5 ul {width:100%;}
.sommaire.multicol_5 .toclevel-1 {width:19%; float:left;}
.sommaire.niveau_1.multicol_2 ul, .sommaire.niveau_1.multicol_3 ul, .sommaire.niveau_1.multicol_4 ul, .sommaire.niveau_1.multicol_5 ul {text-align:center !important;}
/* Évite interlignage variable si exposant */
.toctext sup {vertical-align:top;position:relative;top:-4px;}


/* Pseudo modèle navigation à travers les années */
#yearnav {float:right; border: 1px solid #DDD; background:#F8F8F8; margin:10px; padding:10px; font-family:Arial,FreeSans,"DejaVu Sans",non-serif;}
#yearwin {width:250px; background:#fff; margin-bottom:8px;}
#yearbar {white-space:nowrap; word-spacing:4pt; margin:0; padding:0 3px; font-size:10pt;}
#yearnav a {text-decoration:none; background-image: none !important;}
#yearnav a:visited {color:#00D;}
#yearnav a.nolnk {color:#C33;}
#yearbtna,#yearbtns,#yearbtnm {text-align:center; font-size:8pt;}
#yearbtnac {margin:0 44px; color:#00D;}
#yearbtnsc {margin:0 60px;}
#yearbtnmc {margin:0 67px;}
#yearbtna .right, #yearbtns .right, #yearbtnm .right {color:#888; padding:3px;}
#yearbtna .left, #yearbtns .left, #yearbtnm .left {color:#888; padding:3px;}
#yearbtnac, #yearnav span.right, #yearnav span.left {cursor:pointer;}
#yearnav span.right:hover, #yearnav span.left:hover {color:#00D;}

/* Modèle ans du siècle - entête liste de siècles */
#centuryline {width:75%; margin:auto; white-space:nowrap; overflow:hidden; background:#eee; padding:8px 0; text-align:center; font-family:Arial,Tahoma,sans-serif;}
#centuryline span {display:inline-block; width:25%; font-weight:bold;}
#centuryline a {text-decoration:none;}
#centuryline div {display:none; margin:-40px 0 15px 0;}
#centuryline #default {display:block}
#centuryline span[id^=sel] {width:auto; cursor:pointer; padding:10px; margin:8px 0 -15px 0;}
#centuryline span[id^=sel]:focus ~ #default {display:none}
#centuryline #sel1:focus ~ #cent1 {display:block;}
#centuryline #sel2:focus ~ #cent2 {display:block;}
#centuryline #sel3:focus ~ #cent3 {display:block;}
#centuryline #sel4:focus ~ #cent4 {display:block;}
#centuryline #sel5:focus ~ #cent5 {display:block;}
#centuryline #sel6:focus ~ #cent6 {display:block;}
#centuryline #sel7:focus ~ #cent7 {display:block;}
#centuryline #sel8:focus ~ #cent8 {display:block;}
#centuryline #sel9:focus ~ #cent9 {display:block;}
#centuryline #sel10:focus ~ #cent10 {display:block;}


/* Timeline */
.timeline-default {font-family: Trebuchet MS, Helvetica, Arial, sans serif; font-size: 8pt; line-height:12pt; border: 1px solid #aaa;}
.timeline-event-bubble-title {font-family: "georgia", "times", "times new roman", serif; color: #222; font-size: 12px;}
.timeline-event-bubble-title a {text-decoration: none; color: #222;}
.timeline-event-bubble-title a:visited {color: #666;}
.timeline-event-bubble-title a:hover {color: #000;}
.timeline-event-bubble-body {font-family: "georgia", "times", "times new roman", serif; color: #222; font-size: 12px;}
.timeline-event-bubble-time {font-family: "georgia", "times", "times new roman", serif; color: #aaa; font-size: 12px;}
.timeline-event-bubble-wiki {font-family: "georgia", "times", "times new roman", serif; color: #222; font-size: 12px;}
.timeline-event-bubble-image {border: none;}

/* Timeline - Personnalisation événements */
.tape-special_event, .small-special_event {background-color: orange;}
.timeline-event-tape.test_event{background: yellow;}
.timeline-event-label.test_event{color: #fa0;}


/* Infographie */
#infographic {position:relative; margin:10px auto; padding:1px; border:1px #666 solid; font-size:13px; line-height:28px;}
#infographic-json-descr {display:none;}
#infographic #infbtz {position:absolute; top:4px; left:4px; z-index:12; opacity: 0.5; border:1px #FFF solid; padding: 0 4px; background: transparent; color:#FFF; font-size:16px; font-weight:bold; cursor:pointer;}
#infographic-win {position:relative; overflow:auto;}
#infographic-img {position:relative; text-align:center; -moz-transition:height 1s,width 1s; transition:height 1s,width 1s;}
#infographic #infmap {display:block; border:none; -moz-transition:height 1s,width 1s; transition:height 1s,width 1s;}

#infographic .popu {visibility:hidden; position:absolute; z-index:10; color:#520; background: #FFA; opacity: 0.85; border:1px #AA0 solid; padding: 2px; width:220px; max-height:300px; overflow:auto; font-size:11px; line-height:13px; text-align:left; cursor:default;}
#infographic .area {position:absolute; background:transparent; z-index:8;}
#infographic .legend {position:absolute; z-index:8; color:#446; background:transparent; font-family:"Times New Roman",Times,FreeSerif,serif; cursor:default;}
#infographic span[id^="lgpt"] {cursor:pointer;}
#infographic span[id^="lgpb"] {cursor:pointer; visibility:hidden;}

#infographic .noicn {margin-top:-13px;}
#infographic .icngr {background: transparent url(http://www.boywiki.org/media/images/f/ff/Puce_9x9_gr.png) no-repeat left center;}
#infographic .icnbl {background: transparent url(http://www.boywiki.org/media/images/3/30/Puce_9x9_bl.png) no-repeat left center;}
#infographic .icnrg {background: transparent url(http://www.boywiki.org/media/images/7/7f/Puce_9x9_rg.png) no-repeat left center;}
#infographic .icnbc {background: transparent url(http://www.boywiki.org/media/images/c/c3/Puce_9x9_bc.png) no-repeat left center;}
#infographic .icnbr {background: transparent url(http://www.boywiki.org/media/images/9/96/Puce_9x9_br.png) no-repeat left center;}
#infographic .icnjn {background: transparent url(http://www.boywiki.org/media/images/1/19/Puce_9x9_jn.png) no-repeat left center;}
#infographic .icnmv {background: transparent url(http://www.boywiki.org/media/images/1/1f/Puce_9x9_mv.png) no-repeat left center;}
#infographic .icnog {background: transparent url(http://www.boywiki.org/media/images/c/c4/Puce_9x9_og.png) no-repeat left center;}
#infographic .icnrz {background: transparent url(http://www.boywiki.org/media/images/5/5d/Puce_9x9_rz.png) no-repeat left center;}
#infographic .icnvc {background: transparent url(http://www.boywiki.org/media/images/1/15/Puce_9x9_vc.png) no-repeat left center;}
#infographic .icnvr {background: transparent url(http://www.boywiki.org/media/images/9/95/Puce_9x9_vr.png) no-repeat left center;}

/* position icone taille 3 = 9x9 */
#infographic .icn3L {padding-left:12px; margin:-14px 0 0 -4.5px; background-position:left center;}
#infographic .icn3R {padding-right:12px; margin:-14px -4.5px 0 0; background-position:right center;}
#infographic .icn3T {padding-top:3px; margin-top:-4.5px; background-position:50% top;}
#infographic .icn3B {padding-bottom:3px; margin-bottom:-4.5px; background-position:50% bottom;}

#infographic #spacebtn-b, #infographic #spacebtn-t {text-align:center;}
#infographic #spacebtn-b button, #infographic #spacebtn-t button {background:#9FF; min-width:40px; height:24px; font-size:12px; line-height:14px; padding:0; margin:1px 1px 0 0; cursor:pointer; border:1px #6BB outset;}
#infographic #spacebtn-t button {margin:0 1px 1px 0;}
#infographic #spacebtn-b sup, #infographic #spacebtn-t sup {line-height:40%;}


/* Automate */
#automate fieldset {margin:auto; padding:20px; width:90%;}
#automate legend {font-style:italic;}
#automate label {padding:0 6px 0 20px;}
#automate select {width:6.5em;}
#automate input[type="checkbox"] {margin:0 10px 0 50px;}
#automate fieldset:nth-of-type(1) input[type="text"] {width:17em;}
#automate fieldset:nth-of-type(2) input[type="text"] {width:26em;}
#automate input[type="button"] {margin:25px 37%; width:25%;}
#automate fieldset input[type="button"]:last-child {margin-bottom:0;}
#automate textarea {height:15em; width:100%}


/* Index pages articles */
#idx_pages_dates, #idx_pages_articles {border:0; width:95%; margin:0 30px;}


/* boite lien vers mediawiki */
.mediabwlink {float:right; margin-left:2em; border-bottom:1px #AAA solid;}
.mediabwlink.encadre {background:#F9F9F9; border:1px #AAA solid;}
.mediabwlink p {font-size:0.8em; line-height:1.7em; text-align:center; padding:1em 1em 1em 8em; margin:0; background:url(http://www.boywiki.org/media/images/8/85/Ugdrap.png) no-repeat left bottom; background-size:9em;}
.mediabwlink a.external.text {background:none !important; padding-right:0 !important;}


/* Modèle fond */
.mdlfond {padding:8px;}
.mdlfond.LG_fond_BLogo {background:#C8E2FA url(https://www.boywiki.org/media/images/a/a5/LG_fond_BLogo.jpg);}
.mdlfond.LG_fond_Noel_2010 {background:#ddd url(https://www.boywiki.org/media/images/a/ab/LG_fond_Noel_2010.jpg);}
.mdlfond.ANSHUTZ_Thomas_Pollock_1894c_Boys_playing_with_crabs_1025x607 {background:#da4 url(https://www.boywiki.org/media/images/4/4f/ANSHUTZ_Thomas_Pollock_1894c_Boys_playing_with_crabs_1025x607.jpg);}
.mdlfond.xmas {background-color:#ffffff; background-image:url(https://www.boywiki.org/media/images/6/6e/Flakes1.png), url(https://www.boywiki.org/media/images/4/4d/Flakes2.png); -webkit-animation:snowfall 10s linear 0s normal none infinite; animation:snowfall 10s linear 0s normal none infinite;}
@-webkit-keyframes snowfall {0% {background-position:0 0, 0 0;} 100% {background-position:200px 300px, 200px 400px;}}
@keyframes snowfall {0% {background-position:0 0, 0 0;} 100% {background-position:200px 300px, 200px 400px;}}


/* Snowfall */
/* .flake {position: absolute; width: 1px; height: 1px; color: rgba(255,255,255,0.8); text-shadow: 0 0 5px rgba(255,255,255,1);}
.page-Accueil #content {background-color:#F8F8F8;}
*/