body
        {
		width: 760px;
		margin: auto;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	/*Le corps de page */
#corps
        {
		border: 2px solid black;
		padding: 5px;
		margin-left: 170px;
		margin-top: 0px;
        margin-bottom: 3px;
		background-color: #99CCCC;
		
	}

	/*Le Header*/

div#header
	{
		width: 100%;
		height: 137px;
	}
	
	/* Le menu vertical*/

div#menu
	{
		width: 150px;
		height: 5px;
		
		
	}
ul#menu
        {
		list-style-type:none;
		margin: 3px 0 0 3px;
		margin-bottom : 3px;
		padding:0;
	}
ul#menu a
        {
		display: block;
		width:135px;
		height: 25px;
		font-family: verdana, helvetica, arial, sans-serif;
		text-align: center;
		border:1px solid gray;
		text-decoration:none;
		color:#000;
		background-color:#99CCCC;
		padding:2px;
		
	}
ul#menu li
       {
	   margin-bottom: 3px;
	   
    }
ul#menu a:link
       {
		border-bottom: 2px solid #4a4a4a;
		border-right: 1px solid #4a4a4a;
		border-top: 1px solid #cecece;
		border-left: 1px solid #cecece;
	}
 ul#menu a:visited
        {
		border-bottom: 2px solid #4a4a4a;
		border-right: 2px solid #4a4a4a;
		border-top: 1px solid #cecece;
		border-left: 1px solid #cecece;
		
	}
ul#menu a :hover
        {
		border-bottom: 1px solid #cecece;
		border-right: 1px solid #cecece;
		border-top: 2px solid #4a4a4a;
		border-left: 2px solid #4a4a4a;
		background: black;
	}
	
/* Le menu horizontal*/
ul#menu1
        {
		list-style-type: none;
		margin: 3px 0 0 3px;
		padding:0;
	}
ul#menu1 a
        {
		float: right;
		height: 23px;
		width:104px;
		display: block;
		font-family: verdana, helvetica, arial, sans-serif;
		text-align: center;
		border:1px solid gray;
		text-decoration:none;
		color:#000;
		background-color:#99CCCC;
		padding:2px; 
	}
ul#menu1 
        {
		 margin-bottom: 3px;
	}

ul#menu a :hover
       {	
		border-bottom: 1px solid #cecece;
		border-right: 1px solid #cecece;
		border-top: 2px solid #4a4a4a;
		border-left: 2px solid #4a4a4a;
	}
	
	/* Le Footer */
#footer
        {
		margin-left: 178px;
        margin-bottom: 2px;
		padding: 5px;
	}
div#footer
	{
		width : 100%;
		height : 50px; 
	}
	/*Les menus du corps*/
ul#index
        {
		margin: 20px 5 5 20px;
		list-style-type: none;
		color:#000;
		padding-left:20px;
	}
ul#index a
        {
		background: url(img/P2.jpg) center left no-repeat;
		padding-left: 20px;
		text-decoration:none;
		color:#05274A;
		
	}
ul#index a:hover
        {
		background: url(img/P1.jpg) center left no-repeat;
		color:#6F714F;
	}
ul#prec
        {
		margin: 20px 5 5 20px;
		list-style-type: none;
		color:#000;
		padding-left:20px;
	}
ul#prec a
        {
		background:  center left no-repeat;
		padding-left: 20px;
		text-decoration:none;
		color:#05274A;
		
	}
ul#prec a:hover
        {
		background: url(img/fleche_gauche.jpg) center left no-repeat;
		color:#6F714F;
	}
ul#suiv
        {
		margin: 20px 5 5 20px;
		list-style-type: none;
		color:#000;
		padding-left:20px;
	}
ul#suiv a
        {
		background:  center left no-repeat;
		padding-left: 20px;
		text-decoration:none;
		color:#05274A;
		
	}
ul#suiv a:hover
        {
		background: url(img/fleche_droite.jpg) center left no-repeat;
		color:#6F714F;
	}
	/*Les Titres*/
h3
        {
		background: url("img/titre.jpg");
		padding-left: 15px;
	}
	/*Les Tableaux*/

th
        {
		color:#05274A;
	}