body {
font:.9em arial, helvetica, sans-serif ;
margin:1px;
padding:1px;
}
/*-- En-tete  - - - - - - - -*/
#entete h1 {
margin:0px;
padding:0px;
height:64px;
background:url(/img/a-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/a-ici.gif) no-repeat;
background-position:97% 50%;
font-weight:bold;
}
/*-- 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/a-bande03.gif) repeat-x;
}
#articles h4, h5, h6 {
margin:0;
padding:.5em .3em .15em .3em;
}
#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;
}
#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;
text-align:center;
border-spacing:0px;
font-size:75%;
}
#articles th {
padding:5px;	
background-color:#a63812;
color:#fff;
}
#articles td{
padding:5px;	
background-color:#f9d6a9;
}
#articles th.separ{
background-color:#fff;
}
#articles td.separ{
background-color:#fff;
}
.art {
color:#000;
padding:3px;
margin:6px;
border-top:1px solid;
}
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:#520c00;
}
/*-- $036 Foncé            --*/
#menu span.menutitre, #ariane, #ariane a {
background-color:#520c00;
background:url(/img/a-bande02.gif) bottom left repeat-x;
}
#articles a img:hover {
border:0px solid #520c00;
}
#contenu, #articles, #articles li, #articles li li, .art {
border-color:#520c00;
}
/*-- $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:#a63812;
}
#articles a:hover {
color:#fff;
background-color:#a63812;
}
#articles .annonce, #articles .avertissement, #articles .citation {
border:5px solid #a63812;
}
#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:#f9d6a9;
border:5px solid #a63812;
}

#articles table, th, td {
border:1px solid  #520c00;
}

/*-- $58b Intermédiaire 2  --*/
#menu li li a {
background-color:#d3662b;
}
#articles .imgdoc {
border:1px solid #d3662b;
}
/*-- $8be Intermédiaire 3  --*/
#pied a {
color:#f9d4a3;
}
/*-- $adf	Clair            --*/
#menu li li li a, #articles .intro, #articles .annonce {
background-color:#f9d6a9;
}
#articles .imgdoc:hover {
border:1px solid #f9d6a9;
}
/*-- $$$$ 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 #520c00;
border-right:1px solid #520c00;
}
#articles table a{
color:#fff;
}
/*-- 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    vert2	vert3    black		automne
foncé         : $036    $063    $063	$030     $111		$520c00
intermédiaire : $369    $396    $396	$063		$333		$a63812
intermédiaire : $69C    $6c9    $6c9	$396     $666		$d77d47
clair         : $8be    $8eb    $9c9	$696     $999		$f9d4a3
très clair    : $adf    $afd    $cfc	$9c9     $eee		$f9d6a9

automne
adf	f9d6a9
69c	d77d47
58b	d1662b
369	a63812
036	520c00

*/

#articles td.noir {
background-color:#000;
}
#articles td.tresfonce {
background-color:#520c00;
}
#articles td.fonce {
background-color:#a63812;
}
#articles td.normal {
background-color:#d77d47;
}
#articles td.clair {
background-color:#f9d4a3;
}
#articles td.tresclair {
background-color:#f9d6a9;
}
#articles td.blanc {
background-color:#fff;
}