    *  body {
           width : 800px;
           margin : auto;
         
		   font-family: Arial,sans-serif;
		   background-image : url("fond.jpg");
	}
a:hover
 {
 background: #ffffff;
color:#ae0b1b;
text-decoration: underline;
}
a {
 
  text-align:justify;
color:#04234e;
text-decoration: underline;

}
     ${
	 color:#db0000;}
    #en_tete {
           width : auto;
           height : 200px;
           background-image : url("logo.jpg");
           background-repeat : no-repeat;
           margin-bottom : 10px;
		   border: #db0000 3px solid;
		   
      }
	  
    #menu {
	background-image : url("menu.jpg");
	 color:#25455c;
           float : left;
           width : 180px;
		   margin-top: 10px ;
		   border : 2px solid #04234e;
		   text-align:left;
		   font-size : 12px;
      }
    
    #menu h3 {
	 background-color: #ffffff;
           color : #002e7a;
           font-family : Arial, serif;
           text-align : left;
           font-size : 14px;
		   padding-left:15px;
      }
    
      }
	 #menu li
	  {
	 background-color: #ffffff;
	  color : #002e7a;
           padding : 5px;
		    font-size : 12px;
          
      }
    .rien {
           list-style-type : none;
      }
    #menu a {
	 background-color: #ffffff;
          color : #002e7a;
          
           display : block;
           padding : 10px;
      }
    #menu a:hover {
           background-color : #2a75ff;
           color : #ffffff;
      }
    #corps {
           font-family : Arial, serif;
           font-size : 10pt;
          text-align:justify;
           margin-bottom : 40px;
           padding : 20px;
           color : #04234e;
           background-color : #ffffff;
		   border: #db0000 3px solid;
		  
		   list-style-image: url("arr.jpg");
      }
    #corps h1 {
	height : 25px;
           color : #297074;
           text-align : center;
           font-family : Arial,serif;
		   margin-bottom : 20px;
		   margin-top : 20px;
		    background-color : #ffffff;
      }
    #corps h2 {
           height : 14px;
           padding-left : 20px;
           color : #980019;
           text-align : left;
		   margin-bottom : 20px;
		   margin-top :20px;
		    background-color : #ffffff;
      }
    #corps h3 {
          height : 24px;
           padding-left : 30px;
           color : #980019;
           text-align : left;
		   margin-bottom : 20px;
		   margin-top :20px;
		    background-color : #ffffff;
			
      }
	  
	  #corps h4 {
          height : 20px;
           padding-left : 30px;
           color : #c66a97;
           text-align : left;
		   margin-bottom : 40px;
		   margin-top :80px;
		    background-color : #ffffff;
      }
	  #corps a
	  {text-decoration : underline;
	  
	  text-align:center}
	  
	  .deco
	  {
	  text-decoration :underline;
	  color:#b80000;
	  }
	  .surligne
	  {background-color ;#ffff00}
	  .floatg
 {
 margin-top: 30px;
 float: left;
 }
	   .floatd
	   {
 margin-top: 30px;
 float: right;
 }
 .timportant 
 {
 height :30px;
 padding-left : 30px;
 color : #4545d5;
      }
	  
	  
	  .divg
{
   position: absolute;
   left: 20%;
   top: 150px;
}
.divd
{
   position: absolute;
   right: 20%;
   top: 300px;
}
    #pied_de_page {
           padding : 5px;
		    font-family : Arial, serif;
           text-align : center;
           background-color : #ffffff;
		   color: #002e7a;
           border : 2px solid black;
      }
	   #pied_de_page a
	   {padding-left:10px;
	   padding-right:10px}
	  
	  li
	  {
	  margin: 10px;
	  }
     p {
          text-align : justify;
      }
	  q {
          text-align : justify;
		  
      }
	  .li
	 { text-decoration : blink;
	 color:#b80000;
	 }
   .important {
         color : #840505;
		  background-color : #ffffff;
      }
    .minima {
          font-size : 8pt;
      }
	  .minima2 {
          font-size : 7pt;
		  color : #bb7398;
      }
	  .conteneur { /* définition d'un conteneur global*/
width: 700px;
}
.droite
{text-align: right}

.lettrine {
float: left; /* positionnement de la lettrine dans le conteneur*/
font-size: 3em; /* 3 hauteurs de lignes pour la lettrine*/

font-weight: bold;
font-family: Georgia, Times New Roman, Times, serif;
color: #990000;
border: 1px solid #990000; /* définition d'une bordure autour de la lettrine*/
background-color: #FFFFCC; 
margin: 1px;
padding: 1px;
line-height: 1em;
}
	 
#navcontainer
{
background: #abbcce;
margin: 0 auto;
font-family: georgia, serif;
text-transform: uppercase ;
}


#navcontainer:after
{
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}

ul#navlist
{
list-style: none;
padding: 0;
margin: 0 auto;
width: 100%;
font-size: 0.7em;

}

ul#navlist li
{
display: block;
float: left;
width: 12%;
margin: 0;
padding: 0;
text-align:center;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 0;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #04234e;
text-decoration: none;
background: #f7f2ea;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #ffffff;
color: #800000;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #800000;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}

table
{margin: auto;
   border: 1px outset #25455c;
    border-collapse: collapse; 
	background-color:#f8fab6;}
	 tr,td
	 {
	 border: 2px solid #25455c;
	 color : #25455c;
	padding:10px;
	 text-align: justify;
	
	  }
	  
	   th
	  { text-align: center;}
	  
	  textarea
	  {margin: auto}
.td2
	 {
 border: 0px solid ;
	background-color:#ffffff;
	padding:10px;
	 text-align: left;}
