body {
font-family: verdana, helvetica, "comic sans ms",helvetica, arial, geneva, sans-serif; 
background-color: #ffffff; 
font-size:10pt;}

A:link    { color: #660033 }    /* lien non-visité */
A:visited { color: #660033 }   /* lien visité   */
A:hover   { color: #660033 } /* lien survolé     */
A:active  { color: #660033 }   /* lien activé    */
A:focus { background: yellow }
A:focus:hover { background: white }

H1#titre {font-family: "comic sans ms",verdana,  arial, geneva, sans-serif; 
background-color: #ffffff; 
color: #660033; 
text-align: left;
font-weight:bold;
font-size:16pt;}

span#titre {font-family: "comic sans ms",verdana,  arial, geneva, sans-serif; 
background-color: #ffffff; 
font-weight:bold;
color: #660033; 
font-size:10pt;}

H1 {font-family: "comic sans ms",verdana,  arial, geneva, sans-serif; 
background-color: #ffffff; 
color: #660033; 
text-align: center;
font-weight:bold;
font-size:15pt;}

H2 {font-family: "comic sans ms",verdana,  arial, geneva, sans-serif; 
background-color: #ffffff; 
text-align: center;
font-weight:bold;
font-size:14pt;}

H3 {font-family: "comic sans ms",verdana,  arial, geneva, sans-serif; 
background-color: #ffffff; 
text-align: left;
color: #660033; 
font-weight:bold;
font-size:12pt;}

H3#center {font-family: verdana,  arial, geneva, sans-serif; 
background-color: #ffffff; 
text-align: center;
font-weight:bold;
font-size:12pt;}

span#bold {
font-family: verdana, helvetica, "comic sans ms",helvetica, arial, geneva, sans-serif; 
background-color: #ffffff; 
font-size:10pt;
font-weight:bold;
}

span#red {
font-family: verdana, helvetica, "comic sans ms",helvetica, arial, geneva, sans-serif; 
background-color: #ffffff; 
font-size:10pt;
font-weight:bold;
color:red;
}

span#grenatorange {
background-color: #ffcc99; 
color:#660033;
}

span#grenat {
font-size:9pt;
color: #660033;
text-align:justify;
font-weight:bold
}

span#titreaccueil {
color:#FF8855;
font-style:italic;
font-family:arial,helvetica;
font-size:13pt;
font-weight:bold;
}

p#accueil {
font-size:8pt;
font-family:verdana;
color: #660033;
text-align:justify;
}

TABLE {
font-family: verdana, helvetica, "comic sans ms",helvetica, arial, geneva, sans-serif; 
background-color: #ffffff; 
font-size:10pt;
}

table#color {
font-family: Verdana, Arial, Helvetica,"comic sans ms" ,  geneva, sans-serif; 
border-style:solid; 
border-width:2px; 
border-color:#F1AF00;
##margin-left:60px;
##margin-top:60px;
background-color: #ffffff; 
font-size:9pt;
}

LI#bold {
list-style-type : circle; 
font-weight:bold;
color: #660033; 
}

LI {
list-style-type : disc;
}

textarea {
#border:2px solid green;
background-color:#FFCC99;
font-family: verdana,helvetica,arial,"comic sans ms" ,"trebuchet ms",sans-serif;
font-size:10pt;
color:#003200;
}

input {
#border:2px solid green;
background-color:#FFCC99;
#background-color:#D9FFA9;
font-family:verdana,helvetica,arial,"trebuchet ms",sans-serif;
font-size:10pt;
color:#003200;
}

input.bouton {
font-family:helvetica,arial,"trebuchet ms",sans-serif;
font-size:11pt;
cursor:pointer;
}
select {
#border:2px solid green;
#background-color:#D9FFA9;
background-color:#ffCC99;
font-family: verdana,helvetica , arial,"comic sans ms" ,"trebuchet ms",sans-serif;
font-size:10pt;
color:#003200;
}