body {
font:.9em arial, helvetica, sans-serif ;
margin:1px;
padding:1px;
}
/*-- En-tete  - - - - - - - -*/
#entete h1 {
margin:0px;
padding:0px;
height:64px;
background:url(/img/logo.jpg) no-repeat;
}
#entete h2 {
margin:0px;
padding:0px;
height:0px;
}
#entete h1 span, #entete h2 span {
display:none;
}
/*-- Menus  - - - - - - - - -*/
#menu * {
width:11.5em;
}
#menu {
position:absolute;
left:2px;
top:70px;
margin:0px;
padding:0px;
}
#menu ul{
margin:0;
padding:0;
list-style-type:none;
}
#menu.titre{
height:2em;
}
#menu li {
margin:0px; 
}
#menu span.menutitre {
display:block;
padding:5px 15px 2px 5px;
text-decoration:none;
border-bottom:1px solid #fff;
font-weight:bold;
}
#menu a:hover {
}
#menu li li a, #menu li li a.menuon {
display:block;
padding:2px 12px 1px 8px;
text-decoration:none;
border-bottom:1px solid #fff;
font-weight:normal;
}
#menu li li li a, #menu li li li a.menuon {
display:block;
padding:1px 1px 0px 19px;
text-decoration:none;
border-bottom:1px solid #fff;
font-weight:normal;
}

#menu li li a.menuon, #menu li li li a.menuon {
background:url(/img/ici.gif) no-repeat;
background-position:97% 50%;
font-weight:bold;
}

#menu img.imgmenu {
width:133px;
padding:10px;
border:0px;
}

/*-- Pied - - - - - - - - - -*/
#pied {
color:#fff;
clear:both;
text-align:center;
font-size:90%;
font-style:normal;
margin-left:14.8em;
padding:3px 0px;
}
#pied img {
vertical-align:middle;
border:0px;
}
#pied.address, #pied.address a {
border-style:solid;
border-width:1px;
border-color:#aaa;
}
/*-- Contenu  - - - - - - - -*/
#contenu {
position:relative;
background:white;
margin:4px 0px 5px 13.3em;
border:1px solid;
}
#ariane {
margin:0px;
padding:0px;
color:#fff;
}
#ariane p {
margin:0px;
padding:.15em .3em;
font-size:0.9em;
}
#ariane a {
color:#fff;
}
/*-- Articles - - - - - - - -*/
#articles {
position:relative;
background:#fff;
border:1px solid;
}
#articles h3 {
margin:0;
padding:.5em .3em .15em .3em;
color:#fff;
background:url(/img/bande03.gif) repeat-x;
}

#articles h4, h5, h6 {
margin:0;
padding:.5em .3em .2em .3em;
}

#articles h4 {
font-size:95%;
margin:0;
padding:.3em .3em .15em 1em;

}

#articles h5 {
font-size:90%;
margin:0;
padding:.5em .3em .15em 1.3em;
background:#ddd;
}

#articles h6 {
font-size:85%;
margin:0;
padding:.5em .3em .15em 2.3em;
background:#eee;
}


#articles p {
margin:5px;
}
#articles a {
text-decoration:none;
border-bottom:1px dotted;
}
#articles ul {
padding:0em;
margin:.2em .3em .1em 1em;
}
#articles li {
margin:0em 0em 0em 1em;
list-style-type:disc;
padding:2px;
}
#articles li li {
margin:0em 0em 0em 0em;
list-style-type:square;
border:0px solid;
}

code, pre {
background-color:#ddd;
}

#articles .intro, #articles .annonce, #articles .avertissement, #articles .message, #articles .information, #articles .citation {
color:#000;
padding:3px;
margin:3px;
}
/*-- Pour mettre en évidence le fait de pouvoir laisser un message de commentaires - - - - - - - -*/
#articles .infocommentaire {
color:#000;
padding:3px;
margin:3px;
}

#articles .img {
display:inline;
}
#articles p.doctitre {
font-weight:bold;
}
#articles p.docsource {
}
#articles p.docsource span{
font-weight:bold;
}
#articles p.doclien, p.doclienorigine, p.doclieninterne, p.docsiteorigine {
font-size:80%;
}
#articles p.docresume {
}
#articles p.doctech, #articles p.docsursite {
font-size:85%;
}
#articles table{
margin:10px;
border-spacing:0px;
}
#articles table.petit{
font-size:75%;
}
#articles th {
padding:2px;	
background-color:#47a;
color:#fff;
}
#articles td{
padding:0 2px 0 2px; 
}
#articles th.separ{
background-color:#fff;
}
#articles td.separ{
background-color:#fff;
}
#articles tr.impair{
background-color:#fff;
}
#articles tr.pair{
background-color:#adf;
}
#articles table.centre{
text-align:center;
}
#articles tr.centre{
text-align:center;
}
.art {
color:#000;
padding:3px;
margin:6px;
border-bottom:1px solid;
}
span.datecrea, span.datemodi {
color:#aaa;
font-size:70%;
}
abbr, acronym {
border-bottom:1px dotted #888;
cursor:help;
}
#articles .actuel{
font-weight:bold;
}
#articles .anoter{
font-weight:bold;
}
/*-- Colophon (ces petites images à la fin de chaque page -*/
.colophon {
border:0;
width:80px;
height:15px;
vertical-align:middle;
} 

/*-- Formulaire - - - - - - -*/
form {
margin:.5em;
}
/*-- Images - - - - - - - - -*/
#articles img, #articles img.gauche, #articles img.droite {
float:left;
position:relative;
margin:.5em 1.5em .5em .5em;
border:0px solid #fff;
}
#articles img.gauche {
float:left;
}
#articles img.droite {
float:right;
margin:.5em .5em .5em 1em;
}
#articles img.none {
float:none;
}
/*-- $00a Tres Foncé       --*/
#articles a {
color:#00a;
}
/*-- $036 Foncé            --*/
#menu span.menutitre, #ariane, #ariane a {
background-color:#036;
background:url(/img/bande02.gif) bottom left repeat-x;
}
#articles a img:hover {
border:0px solid #036;
}
#contenu, #articles, #articles li, #articles li li, .art {
border-color:#036;
}
/*-- $369 Intermédiaire 1  --*/
#entete h1, #menu a:hover, #menu a:focus, #menu li li a.menuon, #menu li li li a.menuon, #articles h3, #pied {
background-color:#369;
}
#articles a:hover {
color:#fff;
background-color:#369;
}
#articles .annonce, #articles .avertissement, #articles .citation {
border:5px solid #369;
}
#articles .message {
border:10px solid #c30;
}
#articles .information {
border:10px solid #3c0;
}
/*-- Pour mettre en évidence le fait de pouvoir laisser un message de commentaires - - - - - - - -*/
#articles .infocommentaire {
background-color:#adf;
border:5px solid #369;
}
#articles table, th, td {
border:1px solid  #369;
}
/*-- $58b Intermédiaire 2  --*/
#menu li li a {
background-color:#58b;
}
#articles .imgdoc {
border:1px solid #58b;
}
/*-- $8be Intermédiaire 3  --*/
#pied a {
color:#8be;
}
/*-- $adf	Clair            --*/
#menu li li li a, #articles .intro, #articles .annonce {
background-color:#adf;
}
#articles .imgdoc:hover {
border:1px solid #adf;
}
/*-- $$$$ Très Clair       --*/

/*-- Couleur caractères - - -*/
#menu li li a.menuon, #menu li li li a {
color:#000;
}
#menu span.menutitre, #menu a:hover, #menu a:focus, #menu li li a.menuon, #menu li li a, #menu li li li a.menuon {
color:#fff;
border-left:1px solid #036;
border-right:1px solid #036;
}
#articles table a{
color:#000;
}
/*-- Divers - - - - - - - - -*/
.spacer {
clear:both;
}
.art {
clear:both;
}
/*-- Logo xiti  - - - - - - -*/
#xiti-logo {
position:absolute;
right:5px;
top:5px;
margin:0px;
padding:0px;
width:39px;
}
#xiti-logo img {
border:0px;
}
/*
Les couleurs    bleu    vert    black
foncé         : $036    $063    $111
intermédiaire : $369    $396    $333
intermédiaire : $69C    $6C9    $666
clair         : $8be    $8eb    $999
très clair    : $adf    $afd    $eee
*/

#articles td.noir {
background-color:#000;
}
#articles td.tresfonce {
background-color:#036;
}
#articles td.fonce {
background-color:#369;
}
#articles td.normal {
background-color:#69C;
}
#articles td.clair {
background-color:#8BE;
}
#articles td.tresclair {
background-color:#ADF;
}
#articles td.blanc {
background-color:#FFF;
}