html 
{
font-size:100%;
margin:0;
padding:0
}

php 
{
font-size:100%;
margin:0;
padding:0
}

hr
{
color: blue;
}

body 
{
color:#000;
font-family:arial, helvetica, sans-serif;
font-size:100%;
background:#fff;
margin:0;
padding:10px 20px
}

hr
{
color: blue;
}

#h3
{    
color: maroon;
font-family: Arial, Times, serif;
font-size: 12px;
text-align: left;
}

right 
{ 
text-align: right ;
font-family: Arial, Times, serif;
}

left 
{ 
text-align: left ;
font-family: Arial, Times, serif;
}

ul
{    
color: maroon;
font-family: Arial, Times, serif;
font-size: 12px;
text-align: left;
}

#dmcscroll
{
display: block;
overflow:hidden;
overflow-x: auto;
overflow-y: auto;
overflow : -moz-scrollbars-horizontal;
}

#body
{
margin: auto;
margin-top: 10px;
margin-left: 10px;
margin-bottom: 5px;
bgColor=#ffffff scroll=yes
}

#menu
{
float: left;
width: 196px;
}

#haut
{
width:760px;
margin: auto;
}

#haut h1
{
color: maroon;
text-align: left;
font-family: Arial, Times, serif;
}

.element_menu
{
background-repeat: repeat-x;
margin-bottom: 1px;
text-align: left;
font-family:Arial, Times, serif;
}

.element_menu h3
{    
color: maroon;
font-family: Arial, Times, serif;
font-size: 12px;
text-align: left;
}

.element_menu h1
{    
color: maroon;
font-family: Arial, Times, serif;
font-size: 12px;
text-align: left;
}

.element_menu ul
{
list-style-image: url("images/puce.png");
padding: 0px;
padding-left: 20px;
margin: 0px;
margin-bottom: 5px;
text-align: left;
}

.element_menu a
{
   color: maroon;
   font-weight: bold;
   text-align: left;
   font-family:Arial, Times, serif;
}

.element_menu a:hover
{
text-decoration: none;
color: #000077;
font-family:Arial, Times, serif;
text-align: left;
}

#corps
{
width:860px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 0px;
padding: 5px;
background-repeat: repeat-x;
background-color: white;
}

#corps h1
{
color: maroon;
text-align: left;
font-family: Arial, Times, serif;
}

#corps h2
{
height: 30px;
background-repeat: no-repeat;
padding-left: 30px;
color: maroon;
text-align: left;
}

.tit	/*titre page*/
{
color: blue;
font-size: 14px;
text-align: center;
font-family:Arial, Times, serif;
font-weight: bold;
}

.tit2	/*titre page*/
{
color: blue;
font-size: 14px;
text-align: center;
font-family:Arial, Times, serif;
font-weight: bold;
}

h1	
{
color: maroon;
font-size: 14px;
text-align: center;
font-family:Arial, Times, serif;
font-weight: bold;
}

.par	/*§ standard*/
{
color: maroon;
font-size: 12px;
text-align: justify;
font-family:Arial, Times, serif;
font-style: normal;
}

.par2	/*§ standard*/
{
color: maroon;
font-size: 8px;
text-align: justify;
font-family:Arial, Times, serif;
font-style: normal;
}

.parnj	/*§ non justifié*/
{
color: maroon;
font-size: 12px;
text-align: left;
font-family:Arial, Times, serif;
font-style: normal;
}

em
{
color: blue;
text-align: left;
font-family:Arial, Times, serif;
}

ex
{
color: green;
text-align: justify;
font-family:Arial, Times, serif;
}

er
{
color: red;
text-align: left;
font-family:Arial, Times, serif;
font-weight: bold;
}

or
{
color: #FF9900;
text-align: left;
font-family:Arial, Times, serif;
font-weight: bold;
}

.parbleu	/*§ en bleu*/
{
color: #3366FF;
font-size: 12px;
text-align: justify;
font-family:Arial, Times, serif;
}

rouge
{
color: red;
text-align: center;
}

.parbleuadroite	/*§ en bleu*/
{
color: #3366FF;
font-size: 12px;
text-align: right;
font-family:Arial, Times, serif;
}

.grosbleu	/*§ en bleu et en gros*/
{
color: blue;
font-size: 17px;
text-align: justify;
font-family:Arial, Times, serif;
}

.italic		/*§en italique*/
{
color: maroon;
font-size: 20px;
text-align: left;
font-family: vivaldi,Arial, Times, serif;
}

.parliens	/*pour les liens*/
{
color: blue;
font-size: 12px;
text-align: left;
font-family:Arial, Times, serif;
}

.petitpar	/*pour les liens*/
{
color: maroon;
font-size: 12px;
text-align: center;
font-family:Arial, Times, serif;
}

.haut_tableau	/*pour les  entêtes de tableau*/
{
color: maroon;
font-size: 20px;
text-align: left;
font-family:Arial, Times, serif;
}

a:active /* Quand le visiteur clique sur le lien */
{
background-color: #FFCC66;
text-decoration:none; 
}

a:hover /* Quand le visiteur pointe sur le lien */
{
color: red;
font-weight: bold;
font-size: 13px;
text-decoration:none; 
}

a 		/* Lien normal */
{
text-decoration: none;
color: #000077;
font-family:Arial, Times, serif;
font-size: 11px;
}

a2 		/* Lien normal */
{
text-decoration: none;
color: #000077;
font-family:Arial, Times, serif;
font-size: 10px;
font-weight: bold;
}

.parcenter	/*§centré*/
{
color: maroon;
font-size: 12px;
text-align: center;
font-family: Arial, Times, serif;
}

.parcentermarron	/*§centré*/
{
color: maroon;
font-size: 12px;
text-align: center;
font-family: Arial, Times, serif;
font-weight: bold;
}

.ligne_tableau_pair2 {font-family:Arial, Times, serif; color: blue; background-color: #FCFAE1; font-size:11px; border:0px; }

.ligne_tableau_pair3 {font-family:Arial, Times, serif; color: blue; background-color: white; font-size:15px; border:0px; font-weight: bold;}

.ligne_tableau_impair2 {font-family:Arial, Times, serif; color: blue; background-color: #F7F2B0; font-size:11px; border:0px; }

.ligne_tableau_pair {font-family:Arial, Times, serif; color:#007700; background-color: #FCFAE1; font-size:11px; border:0px; }

.ligne_tableau_impair {font-family:Arial, Times, serif; color:#007700; background-color: #F7F2B0; font-size:11px; border:0px; }

.puce_texte {font-family:Arial, Times, serif;color: blue; background-color: white; font-size:11px;}

.bouton {font-family:Arial, Times, serif; color: blue; font-size:17px; font-weight: bold;}

.img {border: none;} /* on n'encadre pas les images */

.logo {color: blue;font-size: 9px;text-align: center;font-family:Arial, Times, serif;font-style: bold;}

.ligne_tableau_pairv16
{
font-family: Arial, Times, serif; 
color:#ffffff; 
background-color: #5882FA; 
font-size:14px;
text-align: justify;
font-style: bold;
}

.ligne_tableau_pairv162
{
font-family: Arial, Times, serif; 
color:#0017a6; 
background-color: #FCF7BF;
font-size:12px;
text-align: justify;
font-style: bold;
}

.ligne_tableau_pairv163
{
font-family: Arial, Times, serif; 
color:blue; 
background-color: #FCF7BF;
font-size:26px;
text-align: justify;
font-style: bold;
}

.ligne_tableau_pairv164
{
font-family: Arial, Times, serif; 
color: #0017a6; 
background-color: #FCF7BF;
font-size:12px;
text-align: justify;
font-style: bold;
}

.cadre
{
background-color: #FCF7BF;
margin: 0 auto 0 auto;
border: 2px solid blue;
border-style: groove;
border-radius: 15px; 
width: 80%;
max-width:830px;
}

legend 
{
font-family: Arial, Times, serif;
background-color: #FCF7BF; 
color: blue;
font-style: bold;
font-size:11px;
}