ul {
padding:0;
margin:0;
list-style-type:none;
}
li
{
margin-left:0.2em;
float:left; /*pour IE*/
}
ul li a
{
display:block;
float:left;   
width:7em; 
background-color:#e96910;
color:white;
text-decoration:none;
text-align:center;
padding:0.1em;
border-width:0px;
border-style:solid;
font-size:1em;
font-family: arial;
font-weight:bold;
border-top: 0.2em solid:#8e124f;
border-bottom: 0.2em solid :#8e124f;
/*pour avoir un effet "outset" avec IE :*/
border-color:#8e124f #8e124f #8e124f #8e124f;
}
ul li a:hover
{
background-color:#ebdff4;
color:#8e124f;
border-color: #e96910 #e96910 #e96910 #e96910;
}

<!-- bandeau haut avec les trois images et la date{  }
table#bandeau {
    border: solid #8e124f 0px;
    width: 100%;    
      height:230;
      background-color:white;
    
}

.bandeau1 {
    border: 0px solid #8e124f;
    width: 17%;    
      height:174;
      background-color:white;
      background-image: url('Images/logo.png') ;
      background-repeat:no-repeat;
}

.bandeau2 {
    border: 0px solid #8e124f;
    width: 53%;    
      height:174;
      text-align:center;
      background-color:white;
      background-image: url('Images/BD6.jpg');       
      background-repeat:no-repeat;
     background-position: 50% 20%;
        }
  

.bandeau3 {
    border: 0px solid #8e124f;
    width: 17%;    
     height:120;

      background-color:white;
      background-image: url('Images/phare.png') ;
      background-repeat:no-repeat;
     background-position: 70% 50%;
     }
     
     
.bandeau4 {
    border: solid #8e124f 0px;
    width: 17%;    
     height:20;
      background-color:white;
    text-align:center;    
}

table#menu {
    border: solid #8e124f 0px;
    width: 100%;    
      height:30;
      text-align:center;
      background-color:white;    
}

<!-- la ligne en dessous du menu{  }

.line1 {    
    background-color: #995CCB;
 height:"10px";
}


.lineimp {    
    background-color: #4489B2;
 height:"10px";
}

.linead {    
    background-color: #d447CA;
 height:"10px";
}

.lineacc {    
    background-color: #4F9058;
 height:"10px";
}

.lineser {    
    background-color: #F6BB07;
 height:"10px";
}

.linesec {    
    background-color: #F6BB07;
 height:"10px";
}

.linesnb{    
    background-color: #8e124f;
 height:"10px";
}


.linedos {    
    background-color: #CE403F;
 height:"10px";
}

.linemem {    
    background-color: #676769;
 height:"10px";
}


table#sample {
    border: solid #e4e4e4 1px;
    width: 100%;    
      height:610;
        background-color: white;
}

body{
 background-color: #F3F3F3;
 font-family: arial,trebuchet, comic sans ms,ms sans serif;
 text-align: justify;
}


.grasnormal{font-weight: bold;font-size:1em;color: noir;}
.normal{font-weight: normal;font-size:1em;color: noir;}
.grasnormalTitre{font-weight: bold;font-size:1.2em;color: noir;}
.normalTitre{font-weight: normal;font-size:1.3em;color: noir;}


.fontorange {font-weight: normal;font-size: 1em;  color: #e96910;}
.fontorangegras {font-weight: bold;font-size: 1em;  color: #e96910;}
.fontorangeTitre {font-weight: normal;font-size: 1.3em;  color: #e96910;}
.fontorangeTitregras {font-weight: bold;font-size: 1.3em;  color: #e96910;}

.fontviolet {font-weight: normal;font-size: 1em;  color: #8e124f;}
.fontvioletgras {font-weight: bold;font-size: 1em;  color: #8e124f;}
.fontvioletTitre {font-weight: normal;font-size: 1.3em;  color: #8e124f;}
.fontvioletTitregras {font-weight: bold;font-size: 1.3em;  color: #8e124f;}

.fontgris {font-weight: normal;font-size: 1em;  color: #666666;}
.fontgrisgras {font-weight: bold;font-size: 1em;  color: #666666;}
.fontgrisTitre {font-weight: normal;font-size: 1.3em;  color: #666666;}
.fontgrisTitregras {font-weight: bold;font-size: 1.3em;  color: #666666;}

.fontbleu {font-weight: normal;font-size: 1em;  color: #3B65FF;}
.fontbleugras {font-weight: bold;font-size: 1em;  color: #3B65FF;}
.fontbleuTitre {font-weight: normal;font-size: 1.3em;  color: #3B65FF;}
.fontbleuTitregras {font-weight: bold;font-size: 1.3em;  color: #3B65FF;}




table#sample2 {
    border: solid #e4e4e4 0px;
    width: 80%;    
      height:610;
      width:371;
      bgcolor:#E9E9E9;
       valign:top;
}

.gris {
    border: solid #e4e4e4 0px;
    width: 30%;    
      height:610;
     padding: 10px;


      background-color:#E9E9E9;
       vertical-align:top;
       align:center; 
}

.blancg{
    border: solid #e4e4e4 0px;
    padding: 10px;

    width: 65%;    
      height:610;
      background-color:white;
       vertical-align:top;
       align:center; 
}

.violet {
 border: solid #e4e4e4 5px;
 width: 96%;    
  height:134
 background-color:#EBDFF4;
  vertical-align:top;
  align:center; 
}


table#sample3 {
    border: solid #e4e4e4 0px;
    width: 313;    
      height:32;
       bgcolor:#E9E9E9;
       horizontal-align:center;
       cellspacing="0"
        cellpadding="5"
}



h3
{
	margin-left: 15px ;
	padding-left: 5px ;
	border-bottom: 1px solid #2388ff ;
	border-left: 3px solid #2388ff ;
	color: #2388ff ;
}