body {
background : #000000;
text-align:left;
margin : 0 0 ;
font-family : sans-serif;
color : white;
}
#entete {
  background : #000000 url('images/haut.png') no-repeat; align:left ;
  height : 104px ; /* La hauteur de l'image terre 
  width : 800px; La largeur de l'image terre */
  border : 1px solid black; /* Une bordure noire de 1 pixel sur tous les côtés, sauf... */
  border-bottom : none; /* ... en bas, pour ne pas faire double-emploi avec la bordure du haut de #page */
background-position : 61% -10px;
}

h1 {
height : 104px;
width : 220px;
line-height : 90px;
border-bottom : 1px solid black;
margin : 0;
text-align : left;
background : url('images/eeddmlogo_200x600.jpg') no-repeat;
bckground-position : 20px 20px;
/*text-indent : -32000px;*/
}
#menu {
background : black url('images/bouton_menu.jpg');
list-style : none;
margin : 0;
padding : 0;
}
#menu a {
display : block;
text-decoration : none;
color : #ffbb20;
background : url('images/menu-lien.png');
cursor : pointer;
}
#menu span {
display : block;
height : 21px;
line-height : 21px;
padding : 0 10px;
background : url('images/menu-lien-droite.png') no-repeat 100% 0;
}
#menu a:hover, #menu a:focus, #menu a:active {
color : black;
background-color : #ffb400;
background-position : 0 -21px;
}
#menu a:hover span, #menu a:focus span, #menu a:active span {
background-position : 100% -21px;
}
#menu .actuel {
font-weight : bold;
text-decoration : underline;
}
#page {
background : black url('images/sous-menu.png') repeat-y;
border : 1px solid black;
}
#sous-menu {
background : black url('images/sous-menu.png') repeat-y;
float : left;
width : 198px;
list-style : none;
margin : 0;
padding : 0;
}
#sous-menu a {
display : block;
height : 22px;
line-height : 22px;
background : url('images/sous-menu-lien.png');
text-align : center;
text-decoration : none;
color : #ffb400;
margin : 2px 0;
}
#sous-menu a:hover, #sous-menu a:focus, #sous-menu a:active {
color : black;
background-color : #ffb400;
background-position : 0 -22px;
}
#sous-menu .actuel {
font-weight : bold;
text-decoration : underline;
}

#sous-menu2 {
width: 250px;
border-style: none ;
border-color: none;
border-width: 0px;
background : black url('images/boutonradio.png') repeat-y;
float : left;
width : 250px;
list-style : bold;
margin : 0;
padding : 0;
}
#sous-menu2 a {
display : block;
height : 29px;
line-height : 29px;
background : url('images/boutonradio.png');
text-align : center ;
text-decoration : none;
color : #ffb400;
margin : 0px 0;
}
#sous-menu2 a:hover, #sous-menu2 a:focus, #sous-menu2 a:active {
color : white;
background-color : none;
background-position : 0 10px;
}
#sous-menu2 .actuel {
font-weight : bold;
text-decoration : none;
}

#contenu {
margin : 10px 10px 10px 209px;
}
p {
text-align : justify;
}

#pied {
position:bottom;
clear : both;
border-top : 1px solid black;
background : #9f9f9f;
font-size : 10px;
padding-top : 9px;
height : 20px;
line-height : 10px;
text-align : center;
color : #444444;
}
#pied a {
color : black;
}
@media print {
#menu, #sous-menu {
display : none;
}
body {
background : none;
}
h1 {
background-image : none;
text-indent : 0;
}
#page {
background : none;
border : none;
}
#contenu {
margin : 0;
}
#pied {
border : 1px solid black;
}