.titre {
	color: #0000FF;
	font-family: "Comic Sans MS";
	font-size: 26px;
	font-weight: bolder;
}
.sstitre {
	color: #009900;
	font-family:"Comic Sans MS";
	font-size:18px;
	font-weight:bold;
}

.sstitre2 {
	color: #FF6600;
	font-family:"Comic Sans MS";
	font-size:16px;
	font-weight:bold;
}

.sstitre3 {
	color:#FF00FF;
	font-family:"Comic Sans MS";
	font-size:14px;
	font-weight:bold;
}

.sstitre4 {
	color: #6633CC;
	font-family:"Comic Sans MS";
	font-size:18px;
	font-weight:bold;
}

.graor {
	color: #990000;
	font-weight:bold;
}

.lien {
	font-size:8px;
}

.origine {
	text-align: left;
	font-style:italic;
}

.demo {
	text-align: left;
	
}

body {
	/*background-image:url(images/_rouge_pwfaux1c.gif);*/ /* rouge */
	background-image:url(images/fond.gif);
	scrollbar-face-color:#9FE5AC ;	/* couleur du dessus des boutons et de la barre de défilement */
	scrollbar-shadow-color: #009900;	/* couleur sombre du relief des boutons */
	scrollbar-highlight-color: #55EE55;	/* couleur claire du relief des boutons */
	scrollbar-3dlight-color: #55EE55;	/* couleur claire du relief des boutons quand ceux-ci ne sont pas enfoncés */
	scrollbar-darkshadow-color: #009900;	/* couleur sombre du relief des boutons quand ceux-ci ne sont pas enfoncés */
	scrollbar-track-color: #E3F9E7;	/* couleur du fond de la barre */
	scrollbar-arrow-color: #009900;	/* couleur des flèches */
	
}
body,td,th {
	color: #000033;
}
/* :link permet de définir les propriétés des liens */
a:link
{
    color : #FF0000 ;
	text-decoration:none;
	font-weight:bolder;

}

/* :visited permet de définir les propriétés des liens déjà visités */
a:visited
{
    color : #FF0000;
	text-decoration:none;
	font-weight:bolder;

}

/* :active permet de définir les propriétés d'un lien actif - qui vient d'être cliqué */
a:active
{
    color : #FF0000 ;
	text-decoration:none;
	font-weight:bolder;

}

/* :hover permet de définir les propriétés du lien quand le curseur le survole */
a:hover
{
    color : #FF0000 ;
	text-decoration:none;
	font-weight:bolder;
	font-style:italic;
}
hr
{
	border:3px;
	border-color: #009900 ;
}

<!-- style du menu -->
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu {
width: 12em;
position:fixed;
}
#menu dt {
cursor: pointer;
font-family: "Comic Sans MS";
color: #0000FF;
margin: 2px 0;
z-index: 50;
/*height: 16px;*/
line-height: 20px;
text-align: left;
font-weight: bold;
border: 2px solid white;
background: #9FE5AC; /* vert foncé*/

}
#menu dd {
position: absolute;
border: 1px solid white;
z-index: 100;
background: #E3F9E7; /*vert clair*/
left: 8em;
width: 12em;
margin-top: -1.4em;
}
#menu li {
/*margin-left: 12px;*/
text-align: left;

}

#menu dt a {
color: #0000FF;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

#menu li a {
font-family: "Comic Sans MS";
color: #009900;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

#menu li a:hover, #menu dt a:hover {
background: #fff;
}

#mentions {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 200px;
left : 10px;
color: #000;
background-color: #ddd;
}

#mentions a {
text-decoration: none;
color: #222;
}

#mentions a:hover{
text-decoration: underline;
}

<!-- fin du style du menu -->

<!-- style du conseil -->

<!--

table#conseil {
width:90%;
border: 2px solid;
border-color: #009900; 
background:#9FE5AC;



}

table#conseil tr{
border: 2px solid;
border-color: #009900; 
background:#9FE5AC;


}

-->

<!-- fin du style du conseil -->

