/** Le CSS placé ici sera appliqué à toutes les apparences. */

/* AJOUTS */
/* ___________________________________ */
.headergris {
background:#F0F0F0;
margin:0;
font-size:120%;
font-weight:bold;
border:1px solid #a3b0bf;
text-align:left;
color:#000;
padding:0.15em 0.4em;
}

.cadregris {
border:1px solid #AAA;
background:#fcfcfc;
vertical-align:top;
padding:7px;
margin-bottom:0;
}

/* bandeaux d'ébauche uniquement. Pour les différencier des autres. */
.stubs {
background:#e8e6f8;
border:0;
margin:auto;
}

/* ceux-là sont les vrais bandeaux */
.tags {
background:#eaf6d9;
border:1px solid #bcc7be;
margin: auto;
width: 80%;
text-align:center;
padding:1px 10px 1px 10px;
font-size: bigger;
}

.bluetable .bg1, .infoboxbleue .bg1, .lightbluebg { background: #f8f8ff; }
.graytable .bg1, .grayinfobox .bg1, .lightgraybg { background: #f8f8f8; }
.blueborder { border: 1px solid #88a; }
.grayborder { border: 1px solid #999; }

.bluetable .bg2, .infoboxbleue .bg2 { background: #eef; }
.bluetable .bg3, .infoboxbleue .bg3 { background: #ddf; }
.bluetable .bg4, .infoboxbleue .bg4 { background: #ccf; }

.graytable .bg2, .grayinfobox .bg2 { background: #f0f0f0; }
.graytable .bg3, .grayinfobox .bg3 { background: #e1e1e1; }
.graytable .bg4, .grayinfobox .bg4 { background: #d2d2d2; }

.bluetable, .graytable, .infoboxbleue, .grayinfobox {
border-collapse: collapse;
}

.infoboxbleue, .grayinfobox {
float: right;
clear: right;
margin: 0 0 0.5em 0.5em;
}

.infoboxbleue { background: #f8f8ff; }
.grayinfobox { background: #f8f8f8; }

.bluetable, .infoboxbleue { border: 1px solid #88a; }
.graytable, .grayinfobox { border: 1px solid #999; }

.bluetable td, .bluetable th, .infoboxbleue td, .infoboxbleue th { border: 1px solid #88a; }
.graytable td, .graytable th, .graytable td, .graytable th { border: 1px solid #999; }

.bluetable td, .bluetable th, .graytable td, .graytable th,
.infoboxbleue td, .infoboxbleue th, .graytable td, .graytable th {
padding: 2px;
}

.bluetable td, .bluetable th, .infoboxbleue td, .infoboxbleue th { border: 1px solid #88a; }
.graytable td, .graytable th, .grayinfobox td, .grayinfobox th { border: 1px solid #999; }

.bluetable th { background: #ccf; }
.graytable th { background: #d2d2d2; }

.bluetable th:first-child, .graytable th:first-child, .infoboxbleue th, .grayinfobox th {
text-align: right;
}

.bluetable .divider, .infoboxbleue .divider, .bluetable .header, .infoboxbleue .header,
.graytable .divider, .grayinfobox .divider, .graytable .header, .grayinfobox .header {
text-align: center !important;
}

.bluetable .header, .bluetable .divider, .infoboxbleue .header { background: #ccf; }
.graytable .header, .graytable .divider, .grayinfobox .header { background: #d2d2d2; }
.infoboxbleue .divider { background: #eef; }
.grayinfobox .divider { background: #f0f0f0; }

/* 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 {
margin:1em auto 1em auto;
background:#f9f9f9;
border:1px #AAA solid;
border-collapse:collapse;
}

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

table.wikitable th {
background:#f2f2f2;
text-align:center;
}

table.wikitable caption {
margin-left:inherit;
margin-right:inherit;
}

/* Pour les boîtes utilisateur et projets*/

table.babelitem, table.userboxitem
{
margin: 0.25em 0;
width: 100%;
}

table.babelitem th, table.userboxitem th
{
width: 45pt;
height: 45pt;
font-size: 14pt;
text-align: center;
vertical-align: middle;
}

table.babelitem td, table.userboxitem td
{
font-size: 8pt;
line-height: 1.25em;
padding: 4pt;
text-align: left;
}