body {
SCROLLBAR-FACE-COLOR: #ffc000; SCROLLBAR-HIGHLIGHT-COLOR: #fffa44; SCROLLBAR-SHADOW-COLOR: #ff6600; SCROLLBAR-3DLIGHT-COLOR: #ff6600; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #ffffcc;
}                                             
body                                               
{                   
background-image: url("../zimages/filigrane.gif"); /* image de fond d'écran: (snptes:filigran5.gif) ou (vo2max:filigrane.gif)*/
background-color:#E4E4E4;                          /* couleur du fond d'écran avnat affichage de l'image de fond */
padding:0;                                         /* marge interne entre la zone de texte et le pourtour */
margin:0;   
font-family: tahoma, verdana, arial;               /* repris de P.css */
font-size: 70%;                                    /* hauteur des lettres initialement 90% (sur P.css:12 px qui est à peu près pareil que 70%) */
color: black;                                      /* couleur des lettres du texte */
}


H1 {
	COLOR: #aac4ff; FONT-FAMILY: Tahoma, Arial, Helv; FONT-SIZE: 24px  /* Grand titre: couleur bleu pâle */
}
H2 {
	COLOR: #aac4ff; FONT-FAMILY: Tahoma, Arial, Helv; FONT-SIZE: 20px
}
H3 {
	COLOR: #aac4ff; FONT-FAMILY: Tahoma, Arial, Helv; FONT-SIZE: 18px
}
H4 {
	COLOR: #aac4ff; FONT-SIZE: 14px
}
TD {
	FONT-FAMILY: Tahoma, Arial, Helv; FONT-SIZE: 12px
}
a  { 
    color: #0000FF; text-decoration: underline 
}
a:hover {
	TEXT-DECORATION: underline
}
a:visited { 
color: #800080 
}

.txt1 {
	FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; TEXT-ALIGN: justify
}
.position_centre{         /* POSITIONNEMENT DE LA PAGE GENERALE POUR CENTRAGE */
position: relative;       /* pour permettre que position:absolute de #menu se base sur cette position relative */
width:750px;              /* largeur du cadre pour permettre à #menu de se positionner */

  } 

dl, dt, dd, ul, li {
 margin: 0; 
 padding: 0;
list-style-type: none;
}

  
                     
#menu {                    /* MENU INITIAL*/
position: absolute;
top: 110px;                /* position du menu par rapport au haut de l'écran */
left: -10px;               /* position du menu par rapport à la gauche de l'écran (se base sur les limites indiquées dans "width" de position_centre   */                    
width: 130px;              /* largeur de la ligne de texte */
}

#menu dt {                  /* FOND MENU INITIAL*/
cursor:pointer;
/*background:  */           /* couleur de fond du menu  (ne rien mettre c'est le rendre transparent) */
height: 16px;               /* hauteur des lettres du menu */    
margin: 2px 0;              /* marges: ici texte à 2px du haut et à 0 des autres boerds */
margin-left: 20px;          /* marge de gauche : position du texte des memus par rapport au bord gauche */   
text-align: left;           /* position du texte du menu par rapport au bord (left pour positionner à gauche) */
font-weight: bold;          /* épaisseur du texte du menu: gras */
}

#menu dt a:hover {                 /* MENU SURVOLE */
background:#FFFF66;                /* couleur de fond du menu survolé par la souris  */
border-bottom:#000000 1px solid;   /* effet de relief des bords: noir en bas et à droite, clair en haut et à gauche */
border-left:#fff8af 1px solid;   
border-right:#000000 1px solid;  
border-top:#fff8af 1px solid;
                                   /* on peut ajouter: position: absolute; et z-index:101; pour superposer cadre au sous-menu (pas d'intérêt) */

 }

#menu dd {                        /* SOUS-MENU */
position: absolute; 
left: 10em;                       /* position du sous-menu par rapport au menu décalage vers la gauche initialement 8em */
margin-top: -1.6em;               /* position verticale du cadre du sous-menu par rapport au menu initialement -1.4em */
width: 17em;                      /* largeur du cadre du sous-menu initialement 10em */
z-index: 100;
background: #FFFF66;              /* couleur de fond du sous menu */
border-bottom:#000000 1px solid;  /* bordure effet de relief: noir en bas et à droite, clair en haut et à gauche  */
border-left:#fff8af 1px solid;
border-right:#000000 1px solid;
border-top:#fff8af 1px solid; 
    
}

#menu ul {
padding: 2px;              /* initialement 2px */
background: #FFFF66;                 
}
#menu li {
text-align: left;        /* alignement du texte du sous-menu à gauche */
margin-left:0;           /* marge à gauche du texte du sous-menu par rapport au bord */
font-size: 100%;         /* hauteur des lettres du sous menu */
height: 16px;
}

#menu li a, #menu dt a {     /* LIENS MENU et SOUS-MENU */
color: #000;                 /* couleur d'écriture menu et sous menu: initialement (noir) */
text-decoration: none;
display: block;
}

#menu li a:hover {             /* sous-menu survolé par la souris */
background:#FFFFBF;                    /*ffea00;*/
text-decoration;none;
border-bottom:#000000 1px solid;   /* bordure effet de relief: noir en bas et à droite, clair en haut et à gauche */
border-left:#fff8af 1px solid;  
border-right:#000000 1px solid;  
border-top:#fff8af 1px solid;      
}