« MediaWiki:Monobook.css » : différence entre les versions

De Disposition de clavier bépo
Aucun résumé des modifications
mAucun résumé des modifications
 
(37 versions intermédiaires par 3 utilisateurs non affichées)
Ligne 5 : Ligne 5 :


* { font-size: 1em; }
* { font-size: 1em; }
/* Décoration des titres de sous-chapitre. */
h2 {
  padding-top: 0.65em;
}
h3 {
  padding-top: 0.6em;
  border-bottom: 1px dotted #AAA;
}
h4, h5, h6 {
  padding-top: 0.55em;
  border-bottom: 1px dotted #DDD;
}
/* code */


pre, code {
pre, code {
    border: none;
  border: none;
    color: #4A304E;
  color: #4A304E;
    background: #F0F0F0;
  background: #F0F0F0;
    font-size: 1.2em;
  font-size: 1.2em;
    font-family: "DejaVu Sans Mono","Bitstream Vera Sans Mono", monospace;
  font-family: "DejaVu Sans Mono","Bitstream Vera Sans Mono", monospace;}
}
 
code { font-size: 1em; }
code {  
  font-size: 1em;
  font-family: "DejaVu Sans Mono", monospace;}
.souscode { border-left: 2px #bfdfff; }


pre  { border-left: 2px solid #891A91; }
pre  { border-left: 2px solid #891A91; }
.souspre { border-left: 2px #bfdfff; }
.xkb, .petit { font-size: 0.85em; }
.xkb, .petit { font-size: 0.85em; }
.souspre { border-left: 6px solid #891A91; }
.commande {
.commande {
    background: none;
  background: none;
    color: #1184ab;
  color: #1184ab;
    font-size: 1em;
  font-size: 1em;
    font-weight: bold;
  font-weight: bold;}
}
 
.clr { clear: both; }
.clr { clear: both; }
.extiw:after {
    content: " [wp]";
    color: #5B1C40;
    font-size: 0.7em;
    vertical-align: super;
}


/* ÉLEMENTS HTML DE BASE */
/* ÉLEMENTS HTML DE BASE */
Ligne 94 : Ligne 105 :


/* PAGES DE DISCUSSION : COLORATION INDENTÉE */
/* PAGES DE DISCUSSION : COLORATION INDENTÉE */
.ns-1 dd, .ns-3 dd, .ns-5 dd, .ns-7 dd, .ns-9 dd,
.ns-talk dd {
.ns-11 dd, .ns-13 dd,.ns-15 dd, .ns-101 dd, .ns-103 dd, .ns-105 dd {
margin:0;
    margin:0;
padding:0;
    padding:0;
}
}


.ns-1 dl, .ns-3 dl, .ns-5 dl, .ns-7 dl, .ns-9 dl,
.ns-talk dl {
.ns-11 dl, .ns-13 dl, .ns-15 dl, .ns-101 dl, .ns-103 dl, .ns-105 dl {
border-top:solid 1px #F0F080;
    border-top:solid 1px #F0F080;
border-left:solid 1px #F0F080;
    border-left:solid 1px #F0F080;
padding-top:.5em;
    padding-top:.5em;
padding-left:.5em;
    padding-left:.5em;
margin-left:1em;
    margin-left:1em;
}
}


.ns-1 dl, .ns-3 dl, .ns-5 dl, .ns-7 dl, .ns-9 dl,
.ns-talk dl,
.ns-11 dl, .ns-13 dl, .ns-15 dl, .ns-101 dl, .ns-103 dl, .ns-105 dl,
.ns-talk dl dl dl,
 
.ns-talk dl dl dl dl dl,
.ns-1 dl dl dl, .ns-3 dl dl dl, .ns-5 dl dl dl, .ns-7 dl dl dl, .ns-9 dl dl dl,
.ns-talk dl dl dl dl dl dl dl,
.ns-11 dl dl dl, .ns-13 dl dl dl, .ns-15 dl dl dl, .ns-101 dl dl dl, .ns-103 dl dl dl, .ns-105 dl dl dl,
.ns-talk dl dl dl dl dl dl dl dl dl
 
.ns-1 dl dl dl dl dl, .ns-3 dl dl dl dl dl, .ns-5 dl dl dl dl dl,
.ns-7 dl dl dl dl dl, .ns-9 dl dl dl dl dl, .ns-11 dl dl dl dl dl,
.ns-13 dl dl dl dl dl, .ns-15 dl dl dl dl dl, .ns-101 dl dl dl dl dl,
.ns-103 dl dl dl dl dl, .ns-105 dl dl dl dl dl,
 
.ns-1 dl dl dl dl dl dl dl, .ns-3 dl dl dl dl dl dl dl,
.ns-5 dl dl dl dl dl dl dl, .ns-7 dl dl dl dl dl dl dl,
.ns-9 dl dl dl dl dl dl dl, .ns-11 dl dl dl dl dl dl dl,
.ns-13 dl dl dl dl dl dl dl, .ns-15 dl dl dl dl dl dl dl,
.ns-101 dl dl dl dl dl dl dl, .ns-103 dl dl dl dl dl dl dl,
.ns-105 dl dl dl dl dl dl dl,
 
.ns-1 dl dl dl dl dl dl dl dl dl, .ns-3 dl dl dl dl dl dl dl dl dl,
.ns-5 dl dl dl dl dl dl dl dl dl, .ns-7 dl dl dl dl dl dl dl dl dl,
.ns-9 dl dl dl dl dl dl dl dl dl, .ns-11 dl dl dl dl dl dl dl dl dl,
.ns-13 dl dl dl dl dl dl dl dl dl, .ns-15 dl dl dl dl dl dl dl dl dl,
.ns-101 dl dl dl dl dl dl dl dl dl, .ns-103 dl dl dl dl dl dl dl dl dl,
.ns-105 dl dl dl dl dl dl dl dl dl
{ background:#FFFFE0 }
{ background:#FFFFE0 }


.ns-1 dl dl, .ns-3 dl dl, .ns-5 dl dl, .ns-7 dl dl, .ns-9 dl dl,
.ns-talk dl dl,
.ns-11 dl dl, .ns-13 dl dl, .ns-15 dl dl, .ns-101 dl dl, .ns-103 dl dl, .ns-105 dl dl,
.ns-talk dl dl dl dl,
 
.ns-talk dl dl dl dl dl dl,
.ns-1 dl dl dl dl, .ns-3 dl dl dl dl, .ns-5 dl dl dl dl, .ns-7 dl dl dl dl,
.ns-talk dl dl dl dl dl dl dl dl,
.ns-9 dl dl dl dl, .ns-11 dl dl dl dl, .ns-13 dl dl dl dl, .ns-15 dl dl dl dl,
.ns-talk dl dl dl dl dl dl dl dl dl dl
.ns-101 dl dl dl dl, .ns-103 dl dl dl dl, .ns-105 dl dl dl dl,
 
.ns-1 dl dl dl dl dl dl, .ns-3 dl dl dl dl dl dl,
.ns-5 dl dl dl dl dl dl, .ns-7 dl dl dl dl dl dl,
.ns-9 dl dl dl dl dl dl, .ns-11 dl dl dl dl dl dl,
.ns-13 dl dl dl dl dl dl, .ns-15 dl dl dl dl dl dl,
.ns-101 dl dl dl dl dl dl, .ns-103 dl dl dl dl dl dl,
.ns-105 dl dl dl dl dl dl,
 
.ns-1 dl dl dl dl dl dl dl dl, .ns-3 dl dl dl dl dl dl dl dl,
.ns-5 dl dl dl dl dl dl dl dl, .ns-7 dl dl dl dl dl dl dl dl,
.ns-9 dl dl dl dl dl dl dl dl, .ns-11 dl dl dl dl dl dl dl dl,
.ns-13 dl dl dl dl dl dl dl dl, .ns-15 dl dl dl dl dl dl dl dl,
.ns-101 dl dl dl dl dl dl dl dl, .ns-103 dl dl dl dl dl dl dl dl,
.ns-105 dl dl dl dl dl dl dl dl,
 
.ns-1 dl dl dl dl dl dl dl dl dl dl, .ns-3 dl dl dl dl dl dl dl dl dl dl,
.ns-5 dl dl dl dl dl dl dl dl dl dl, .ns-7 dl dl dl dl dl dl dl dl dl dl,
.ns-9 dl dl dl dl dl dl dl dl dl dl, .ns-11 dl dl dl dl dl dl dl dl dl dl,
.ns-13 dl dl dl dl dl dl dl dl dl dl, .ns-15 dl dl dl dl dl dl dl dl dl dl,
.ns-101 dl dl dl dl dl dl dl dl dl dl, .ns-103 dl dl dl dl dl dl dl dl dl dl,
.ns-105 dl dl dl dl dl dl dl dl dl dl
{ background:#FFE }
{ background:#FFE }


/* SUPPRESSION DE LA MISE EN MINUSCULE DANS LE MENU PERSONNEL */
/* SUPPRESSION DE LA MISE EN MINUSCULE DANS LE MENU PERSONNEL */
#p-personal li {
#p-personal li {
    text-transform:none;
  text-transform:none;
    font-variant:normal;
  font-variant:normal;
}
}


/* APPARENCE DES TITRES DE SECTION DANS LE MENU DE GAUCHE */
/* APPARENCE DES TITRES DE SECTION DANS LE MENU DE GAUCHE */
.portlet h5 {
.portlet h5 {
    text-transform:none;
  text-transform:none;
    font-variant:normal;
  font-variant:normal;
    background:#e0e3e6;
  background:#e0e3e6;
    border:thin solid silver;
  border:thin solid silver;
}
 
/* MISE EN GRAS DE L'ONGLET MODIFIER (copié de en:) */
#ca-edit a { font-weight:bold !important }
 
/* POINT POUR LA CARTE DU MONDE */
div.PointCarte {
    position:absolute;
    width:1px;
    height:1px;
    background:#000;
    border:1px solid #FFF;
}
}


/* MODÈLES DE COORDONNÉES */
/* Bouton modifier en bleu */
#coordinates {
#ca-edit a {
    position:absolute;
background:#002BB8 !important;
    z-index:1;
color:white !important;
    right:30px;
font-weight: bold !important;
    top:3.7em;
    font-size:85%;
}
}
 
#ca-edit a:hover{
#coordinates-title {
background:inherit!important;
    float:right;
color:inherit!important;
    border:none;
    font-size:45%;
}
}


Ligne 211 : Ligne 163 :
/* TABLE DES MATIÈRES */
/* TABLE DES MATIÈRES */
#toc { margin-top:1em }
#toc { margin-top:1em }
/* bordure des thumb au memes couleurs que le fond */
.ns-1 div.thumb,
.ns-3 div.thumb,
.ns-5 div.thumb,
.ns-7 div.thumb,
.ns-9 div.thumb,
.ns-11 div.thumb,
.ns-13 div.thumb,
.ns-101 div.thumb,
.ns-103 div.thumb,
.ns-105 div.thumb{
border-color:#FFE;
}
.ns-4 div.thumb{
border-color:#F4F4F4;
}


/* Barres de navigation (breadcrumbs) */
/* Barres de navigation (breadcrumbs) */
.nav {
.nav {
    background: #F9F9F9;
  background: #F9F9F9;
    border: 1px solid #E9E9E9;
  border: 1px solid #E9E9E9;
/*  display: inline; */
/*  display: inline; */
    font-size: 0.9em;
  font-size: 0.9em;
    margin-top: 1em;
  margin-top: 1em;
    padding: 0.3em 0.5em;
  padding: 0.3em 0.5em;
    text-align: left;
  text-align: left;
}
}
/* .nav-bis { height: 2em; } */
/* .nav-bis { height: 2em; } */
Ligne 227 : Ligne 197 :


.nav ul {
.nav ul {
    display: inline;
  display: inline;
    margin-left: 0;
  margin-left: 0;
    padding: 3px 0;
  padding: 3px 0;
    width: 100%;
  width: 100%;
}
}


.nav ul li {
.nav ul li {
    border-left: none;
  border-left: none;
    display: inline;
  display: inline;
    list-style: none;
  list-style: none;
    margin-left: 0;
  margin-left: 0;
    padding: 0;
  padding: 0;
    width: 100%;
  width: 100%;
}
}
 
.nav ul li.nav-texte {
.nav ul li.nav-texte {
    font-size: 1.1em;
  font-size: 1.1em;
    font-weight: bold;
  font-weight: bold;
    color: #595566;
  color: #595566;
    line-height: 2em;
  line-height: 2em;
    padding: 0.2em;
  padding: 0.2em;
    text-align: justify;
  text-align: justify;
}
}


.nav ul li.firstnav {
.nav ul li.firstnav {
    border-left: none;
  border-left: none;
    display: inline;
  display: inline;
    list-style: none;
  list-style: none;
    margin-left: 0;
  margin-left: 0;
    padding-left: 0;
  padding-left: 0;
}
}


.nav-icone {
.nav-icone {
    margin-right: 1em;
  margin-right: 1em;
    padding: 1.5em;
  padding: 1.5em;
    white-space: nowrap;
  white-space: nowrap;
}
}
.nav-icone-bis {
.nav-icone-bis {
    display: inline;
  display: inline;
    position: relative;
  position: relative;
    top: -0.8em;
  top: -0.8em;
    margin-right: 1em;
  margin-right: 1em;
    padding: 0;
  padding: 0;
    white-space: nowrap;
  white-space: nowrap;
}
}


div.topicon {
div.topicon {
    position: absolute;  
  position: absolute;  
    z-index: 100;  
  z-index: 100;  
    top: 10px;
  top: 10px;
    display: block !important;
  display: block !important;
}
}


/* Bandeaux de notes et avertissements */
/* Bandeaux de notes et avertissements */
.note {
.note {
    background: #F9F9F9;
  background: #F9F9F9;
    border: 1px solid #E9E9E9;
  border: 1px solid #E9E9E9;
    clear: both;
  clear: both;
    font-size: 1em;
  font-size: 1em;
    margin: 1em 0 0.3 0;
  margin: 1em 0 0.3 0;
    padding: 0.5em;
  padding: 0.5em;
    text-align: left;
  text-align: left;
}
}
.note + p, .note + ul, .note + ol, .note + dl, .note + span { margin-top: 2em; }
.note + p, .note + ul, .note + ol, .note + dl, .note + span { margin-top: 2em; }
Ligne 294 : Ligne 264 :
.note p { padding-top: 0.2em; }
.note p { padding-top: 0.2em; }
.note-attention {
.note-attention {
    background: #E5CFCF;
  background: #E5CFCF;
    border: 1px solid #AD8080;
  border: 1px solid #AD8080;
}
}


.citation p {
.citation p {
    font-style: italic;
  font-style: italic;
    margin: 0.3em 0;
  margin: 0.3em 0;
    padding: 0 3em;
  padding: 0 3em;
}
}
/* Modèle:Touche */


.touche {
.touche {
    /* background et color sont définis dans Modèle:Touche */
  background: #e9e9e9;
    font-family: monospace;
  color: #000000;
    border: 0.15em outset;
  font-family: monospace;
    padding: 0.1em 0.3em;
  font-size: 1em;
    position: relative;
  border-top:    1px outset #424242;
    bottom: 0.07em;
  border-left:  1px outset #424242;
  border-right:  1px outset #B9B9B9;
  border-bottom: 1px outset #B9B9B9;
  -moz-border-radius: 0.4em;
  padding: 0.1em 0.3em;
  position: relative;
  bottom: 0.07em;
}
}


/* Modèle:Touche */
.touche a, .touche a:hover, .touche a:active, .touche a:visited {
.touche a, .touche a:hover, .touche a:active, .touche a:visited { color: black; }
  color: black;
.touche a em
  content: attr(title) "";
{
    display: none;
}
}
.touche a:hover {
.touche a:hover {
    border: 0;
  border: 0;
    position: relative;
  position: relative;
    z-index: 500;
  z-index: 500;
    text-decoration:none;
  text-decoration:none;
}
 
.touche > span.keyboard-tooltip {
  display: none;
  font-size: smaller;
  text-decoration: none;
  text-align: left;
  padding: 0.3em 0.5em;
  position: absolute;
  top: 20px;
  left: -10px;
  color: #000000;
  border: 1px solid #bbbbbb;
  background: #f9f9f9;
  width: auto;
  -moz-border-radius: 0.5em;
  z-index: 1000;
  white-space: nowrap;
}
 
.touche > span.keyboard-tooltip > span.keyboard-tip {
  position: absolute;
  top: -7px;
  left: 15px;
  height: 7px;
  width: 11px;
  background: transparent url("http://bepo.fr/wiki/skins/monobook/touch-tooltip-corner.png");
  margin:0;
  padding: 0;
  z-index: 1000;
}
 
.touche:hover > span.keyboard-tooltip {
  display: inline;
}
 
.touche:hover > span.keyboard-tooltip > span.keyboard-tip {
  display: inline;
}
 
/* votes */
 
.vote-contre {
  color: #FF0000;
}
}
.touche a:hover em {
 
    font-size: smaller;
.vote-pour {
    text-decoration: none;
  color: #008000;
    text-align: left;
    padding: 0.3em 0.5em;
    display: block;
    position: absolute;
    top: 20px;
    left: -10px;
    color: #000;
    border: 1px solid #bbb;
    background: #ffc;
    width: 150px;
}
}
.touche a:hover em span {
 
    position: absolute;
.vote-neutre {
    top: -7px;
  color: #808080;
    left: 15px;
}
    height: 7px;
 
    width: 11px;
/* divers */
    background: transparent url(http://www.clavier-dvorak.org/wiki/images/Touche-infobulle.gif);
 
    margin:0;
.clr, .clr-both {
    padding: 0;
  clear: both;
}
 
.clr-left {
  clear: left;
}
 
.clr-right {
  clear: right;
}
 
.invisible {
  background: transparent;
  color: transparent;
}
 
/* temporaire -- pour s'accorder avec le thème bépo */
 
#subheading > #subh-text {
  display: none;
}
 
.introduction {
  font-size: 1.1em;
  font-weight: bold;
  color: #595566;
  line-height: 1.5em;
  margin: 1em 0 0 0;
  text-align: justify;
}
}

Dernière version du 2 septembre 2009 à 23:38

/* FEUILLE DE STYLE POUR MONOBOOK SEULEMENT
Cette page contrôle l'apparence pour l'apparence Monobook. Les modifications
devant s'appliquer à toutes les apparences devraient aller dans MediaWiki:Common.css.
*/

* { font-size: 1em; }

/* Décoration des titres de sous-chapitre. */

h2 {
  padding-top: 0.65em;
}

h3 {
  padding-top: 0.6em;
  border-bottom: 1px dotted #AAA;
}

h4, h5, h6 {
  padding-top: 0.55em;
  border-bottom: 1px dotted #DDD;
}

/* code */

pre, code {
  border: none;
  color: #4A304E;
  background: #F0F0F0;
  font-size: 1.2em;
  font-family: "DejaVu Sans Mono","Bitstream Vera Sans Mono", monospace;}

code { 
  font-size: 1em; 
  font-family: "DejaVu Sans Mono", monospace;}
.souscode { border-left: 2px #bfdfff; }

pre  { border-left: 2px solid #891A91; }
.souspre { border-left: 2px #bfdfff; }
.xkb, .petit { font-size: 0.85em; }
.commande {
  background: none;
  color: #1184ab;
  font-size: 1em;
  font-weight: bold;}
.clr { clear: both; }

/* ÉLEMENTS HTML DE BASE */
ins { text-decoration:none; background:#dfc !important; }
del { text-decoration:line-through !important; }

/* COULEUR DE FOND PAR ESPACE DE NOM
La couleur des pages de discussion n'est pas changée. */
#content,
#p-cactions li,
#p-cactions li a { background:#FFE }
/* Special */
.ns--1 #content,
.ns--1 #p-cactions li,
.ns--1 #p-cactions li a { background:#F8FCFF }
/* main */
.ns-0 * #content,
.ns-0 * #p-cactions li,
.ns-0 * #p-cactions li a { background:#FFF }
/* Utilisateur */
.ns-2 * #content,
.ns-2 * #p-cactions li,
.ns-2 * #p-cactions li a { background:#FFF }
/* Wikipédia */
.ns-4 * #content,
.ns-4 * #p-cactions li,
.ns-4 * #p-cactions li a { background:#F4F4F4 }
/* Image */
.ns-6 * #content,
.ns-6 * #p-cactions li,
.ns-6 * #p-cactions li a {  background:#FFF }
/* MediaWiki */
.ns-8 * #content,
.ns-8 * #p-cactions li,
.ns-8 * #p-cactions li a { background:#EEF }
/* Modèle */
.ns-10 * #content,
.ns-10 * #p-cactions li,
.ns-10 * #p-cactions li a { background:#FFF }
/* Aide */
.ns-12 * #content,
.ns-12 * #p-cactions li,
.ns-12 * #p-cactions li a { background:#F8FCFF } /* Test, voir [[Wikipédia:Le Bistro/4 octobre 2007]] */
/* Catégorie */
.ns-14 * #content,
.ns-14 * #p-cactions li,
.ns-14 * #p-cactions li a { background:#FFF }
/* Portail */
.ns-100 * #content,
.ns-100 * #p-cactions li,
.ns-100 * #p-cactions li a { background:#FFF }
/* Projet */
.ns-102 * #content,
.ns-102 * #p-cactions li,
.ns-102 * #p-cactions li a { background:#F6F6F6 }
/* Référence */
.ns-104 * #content,
.ns-104 * #p-cactions li,
.ns-104 * #p-cactions li a { background:#EFE }

/* PAGES DE DISCUSSION : COLORATION INDENTÉE */
.ns-talk dd {
margin:0;
padding:0;
}

.ns-talk dl {
border-top:solid 1px #F0F080;
border-left:solid 1px #F0F080;
padding-top:.5em;
padding-left:.5em;
margin-left:1em;
}

.ns-talk dl,
.ns-talk dl dl dl,
.ns-talk dl dl dl dl dl,
.ns-talk dl dl dl dl dl dl dl,
.ns-talk dl dl dl dl dl dl dl dl dl
{ background:#FFFFE0 }

.ns-talk dl dl,
.ns-talk dl dl dl dl,
.ns-talk dl dl dl dl dl dl,
.ns-talk dl dl dl dl dl dl dl dl,
.ns-talk dl dl dl dl dl dl dl dl dl dl
{ background:#FFE }

/* SUPPRESSION DE LA MISE EN MINUSCULE DANS LE MENU PERSONNEL */
#p-personal li {
  text-transform:none;
  font-variant:normal;
}

/* APPARENCE DES TITRES DE SECTION DANS LE MENU DE GAUCHE */
.portlet h5 {
  text-transform:none;
  font-variant:normal;
  background:#e0e3e6;
  border:thin solid silver;
}

/* Bouton modifier en bleu */
#ca-edit a {
background:#002BB8 !important;
color:white !important;
font-weight: bold !important;
}
#ca-edit a:hover{
background:inherit!important;
color:inherit!important;
}

/* IMAGES
Rend blanc au lieu de gris le fond des images transparentes en thumb. */
div.thumb div a img { background:#FFF }

/* TABLE DES MATIÈRES */
#toc { margin-top:1em }

/* bordure des thumb au memes couleurs que le fond */
.ns-1 div.thumb,
.ns-3 div.thumb,
.ns-5 div.thumb,
.ns-7 div.thumb,
.ns-9 div.thumb,
.ns-11 div.thumb,
.ns-13 div.thumb,
.ns-101 div.thumb,
.ns-103 div.thumb,
.ns-105 div.thumb{
border-color:#FFE;
}

.ns-4 div.thumb{
border-color:#F4F4F4;
}

/* Barres de navigation (breadcrumbs) */
.nav {
  background: #F9F9F9;
  border: 1px solid #E9E9E9;
/*  display: inline; */
  font-size: 0.9em;
  margin-top: 1em;
  padding: 0.3em 0.5em;
  text-align: left;
}
/* .nav-bis { height: 2em; } */
.nav + .note { margin-top: 0.3em; }
.nav + p, .nav + ul, .nav + ol, .nav + dl, .nav + span { margin-top: 2em; }

.nav ul {
  display: inline;
  margin-left: 0;
  padding: 3px 0;
  width: 100%;
}

.nav ul li {
  border-left: none;
  display: inline;
  list-style: none;
  margin-left: 0;
  padding: 0;
  width: 100%;
}

.nav ul li.nav-texte {
  font-size: 1.1em;
  font-weight: bold;
  color: #595566;
  line-height: 2em;
  padding: 0.2em;
  text-align: justify;
}

.nav ul li.firstnav {
  border-left: none;
  display: inline;
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

.nav-icone {
  margin-right: 1em;
  padding: 1.5em;
  white-space: nowrap;
}
.nav-icone-bis {
  display: inline;
  position: relative;
  top: -0.8em;
  margin-right: 1em;
  padding: 0;
  white-space: nowrap;
}

div.topicon {
  position: absolute; 
  z-index: 100; 
  top: 10px;
  display: block !important;
}

/* Bandeaux de notes et avertissements */
.note {
  background: #F9F9F9;
  border: 1px solid #E9E9E9;
  clear: both;
  font-size: 1em;
  margin: 1em 0 0.3 0;
  padding: 0.5em;
  text-align: left;
}
.note + p, .note + ul, .note + ol, .note + dl, .note + span { margin-top: 2em; }
.note + .note { margin-top: 0.2em; }
.note p { padding-top: 0.2em; }
.note-attention {
  background: #E5CFCF;
  border: 1px solid #AD8080;
}

.citation p {
  font-style: italic;
  margin: 0.3em 0;
  padding: 0 3em;
}

/* Modèle:Touche */

.touche {
  background: #e9e9e9;
  color: #000000;
  font-family: monospace;
  font-size: 1em;
  border-top:    1px outset #424242;
  border-left:   1px outset #424242;
  border-right:  1px outset #B9B9B9;
  border-bottom: 1px outset #B9B9B9;
  -moz-border-radius: 0.4em;
  padding: 0.1em 0.3em;
  position: relative;
  bottom: 0.07em;
}

.touche a, .touche a:hover, .touche a:active, .touche a:visited {
  color: black;
  content: attr(title) "";
}

.touche a:hover {
  border: 0;
  position: relative;
  z-index: 500;
  text-decoration:none;
}

.touche > span.keyboard-tooltip {
  display: none;
  font-size: smaller;
  text-decoration: none;
  text-align: left;
  padding: 0.3em 0.5em;
  position: absolute;
  top: 20px;
  left: -10px;
  color: #000000;
  border: 1px solid #bbbbbb;
  background: #f9f9f9;
  width: auto;
  -moz-border-radius: 0.5em;
  z-index: 1000;
  white-space: nowrap;
}

.touche > span.keyboard-tooltip > span.keyboard-tip {
  position: absolute;
  top: -7px;
  left: 15px;
  height: 7px;
  width: 11px;
  background: transparent url("http://bepo.fr/wiki/skins/monobook/touch-tooltip-corner.png");
  margin:0;
  padding: 0;
  z-index: 1000;
}

.touche:hover > span.keyboard-tooltip {
  display: inline;
}

.touche:hover > span.keyboard-tooltip > span.keyboard-tip {
  display: inline;
}

/* votes */

.vote-contre {
  color: #FF0000;
}

.vote-pour {
  color: #008000;
}

.vote-neutre {
  color: #808080;
}

/* divers */

.clr, .clr-both {
  clear: both;
}

.clr-left {
  clear: left;
}

.clr-right {
  clear: right;
}

.invisible {
  background: transparent;
  color: transparent;
}

/* temporaire -- pour s'accorder avec le thème bépo */

#subheading > #subh-text {
  display: none;
}

.introduction {
  font-size: 1.1em;
  font-weight: bold;
  color: #595566;
  line-height: 1.5em;
  margin: 1em 0 0 0;
  text-align: justify;
}