BODY
{ 
background-color: #333333;
font-family: Verdana, Arial;
font-size: 11px;
font-color: #000000;
text-align: justify;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
scrollbar-face-color: #FFFFFF;
scrollbar-base-color: #EA1B1E;
scrollbar-highlight-color: #333333;
scrollbar-arrow-color: #EA1B1E;
scrollbar-3dlight-color: #EA1B1E;
scrollbar-darkshadow-color: #333333;
scrollbar-shadow-color: #EA1B1E;
}

.texte_blanc
{
color: #FFFFFF;
font-size: 11px;
}

.texte_blanc_petit
{
color: #FFFFFF;
font-size: 9px;
}

.texte_gris
{
color: #333333;
font-size: 12px;
font-weight: bold;
}

/* menu CSS */
@media print
{
.menu, .ssmenu
{
visibility:hidden;
}
}

.menu, .ssmenu
{
background-color:#EA1B1E;
color:white;
font-family:Verdana, Arial;
font-size:10px;
font-weight:bold;
border:0px solid #FFFFFF;
padding:1px;
width:15em;
margin:1em;
}

/* .menu = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menu
{
text-align:center;
}

/* .ssmenu = Les parties "déroulantes" qui s'affiche au survol d'un menu */
.ssmenu
{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#EA1B1E,endColorStr=#EA1B1E);
white-space : no-break;
}

.menu span, .ssmenu span
{
/* Ne pas toucher
	C'est pour cacher les ; en fin de <li>, ce qui permet aux synthèse vocales de prendre une
	pause dans l'élocution */
display:none;
}

.ssmenu ul, .ssmenu li
{
/* Ne pas trop toucher.
	Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
padding:0;
margin:0;
list-style-type:none;
}

.menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited
{
/* liens n'étant pas sous le curseur. */
font-family:Verdana, Arial;
text-decoration:none;
color:white;
padding:2px 1px;
/* Ne pas modifier le block */
display:block;
margin:0px;
width:100%;
}

html>body .menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited
{
width:auto;
}

.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus, .menu a:hover, .menu a:focus
{
/* style des liens au passage du curseur */
background-color:#333333;
color:white;
text-decoration:none;
}

img
{
/* pas de bordure autour de l'image accompagnant le lien */
border:none;
}

.ssmenu img
{
/* espacement entre l'image et le texte du lien */
margin-right:2px;
}

.ssmenu img.hr
{
/* Encore un peu expérimental, un <hr /> entre deux items pour faire un "séparateur"... */
margin-top:1px;
margin-bottom:1px;
margin-left:0;
margin-right:0;
width:100%;
display:block;
}