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:0; 
}
#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-image: url(/img/ici.gif);
background-repeat: 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:#000;
font-style:normal;
}

/*- - - - - - - - - - - contenu - - - - - - - - - - -*/
#contenu {
position:relative;
background:white;
margin:4px 0px 5px 13.3em;
border:1px solid;
}

#ariane {
/*position:relative;*/
margin:0px;
padding:0px;
color:#000;
}
#ariane p {
margin:0px;
padding:.15em .3em;
font-size:0.9em;
}
#ariane a {
color:#000;
}

/*- - - - - - - - - - - articles - - - - - - - - - - -*/
#articles {
position: relative;
background:#fff;
border:1px solid;
}
#articles h3 {
margin:0;
padding:.5em .3em .15em .3em;
color:#000;
background: url(/img/bande03.gif) repeat-x;
}
#articles h4, h5, h6 {
margin:0;
padding:.5em .3em .15em .3em;
}
#articles p {
margin:5px;
}
#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 a {
color:#000;
text-decoration:none;
padding-bottom:2px;
border-bottom:1px dotted;
}
#articles .intro, #articles .annonce {
color:#000;
padding:3px;
margin:3px;
}
#articles .intro {
border-left:1px solid #000;
}
#articles .annonce {
border-left:1px solid #000;
}

#articles table{
border:1px solid  #000;
margin:10px;
border-spacing:0px;
font-size:73%;
page-break-inside:auto;
}
#articles th {
border:1px solid  #000;
padding:5px;	
text-align:center;
background-color:#fff;
color:#fff;
}
#articles td{
border:1px solid #000;
padding:0px 5px;	
background-color:#fff;
}

#articles tr.impair{
background-color:#fff;
}
#articles tr.pair{
background-color:#aaa;
}

#articles table.centre{
text-align:center;
}

#articles tr.centre{
text-align:center;
}

.art {
color:#000;
padding:3px;
margin:6px;
border-top:1px solid;
}
abbr, acronym {
border-bottom:1px dotted #000;
cursor: help;
}
/*-- Images - - - - - - - - -*/
#articles img, #articles img.gauche, #articles img.droite {
float:left;
position: relative;
margin:.5em 1.5em .5em .5em;
border: 0px solid #fff;
}
#articles a img:hover {
border: 0px solid #000;
}
#articles img.gauche {
float: left;
}
#articles img.droite {
float: right;
margin:.5em .5em .5em 1em;
}

.spacer {
clear:both;
}
.art {
clear:both;
}

/*---------- $036	$03657e        Foncé           306---- */
#menu span.menutitre, #ariane, #ariane a {
background-color:#fff;
background: url(/img/bande02.gif) bottom left repeat-x;
}
#articles a:hover {
color:#000;
background-color:#fff;
}
#contenu, #articles, #articles li, #articles li li, .art {
border-color:#000;
}

/*---------- $369	$2a6d8a        Intermédiaire 1 639---- */
#entete h1, #menu a:hover, #menu a:focus, #menu li li a.menuon, #menu li li li a.menuon, #articles h3, #pied {
background-color:#fff;
}

#articles .message, #articles .information {
margin:2px;
border:1px solid #000;
}

#articles .musique {
float:left;
margin:.5em .5em .5em 1em;
border:1px solid #000;
width:330px;
clear:both;
}

/*---------- $58b	$48f4fe        Intermédiaire 2 ---- */
#menu li li a {
background-color:#fff;
}

/*---------- $adf	$78ebfe		Clair           ---- */
#menu li li li a, #articles .intro, #articles .annonce {
background-color: #fff;
}
#pied a {
color:#000;
}
/*---------- $                     Très Clair      ---- */


/*---------- couleur des 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:#000;
border-left:1px solid #000;
border-right:1px solid #000;
}

/*---------- éléments à ne pas imprimer                ---- */
#menu {
display:none;
}
#entete {
display:none;
}
#contenu {
margin:4px 0px 5px 0px;
border:0;
}
#ariane span {
display:none;
}
#pied span.normes {
display:none;
}
#articles {
border:0;
}
#pied {
margin:0;
border-top:2px solid #000;
}
img {
display:none;
}
#articles .infocommentaire {
display:none;
}
/*---------- éléments à imprimer                      ---- */
img.imgdoc, img.imgdocx {
display:inline;
border:1px solid #000;
}
img.imgimp {
display:inline;
}

.noprint {
display:none;
}

span.datecrea, span.datemodi {
font-size:70%;
}