body { margin: 0px 0px 0px 0px;
    padding: 0px;
    background-color: rgb(255, 255, 255);
    font-family: "Trebuchet MS","Bitstream Vera Sans",lucida,arial,helvetica,sans-serif;
    font-size: 80%;
    }

  p { margin: 0px 0px 0px 0px; }

	  p.justifie { padding: 12px;
		  font-size: 110%;
		  text-align: justify;
	  }
    
	  p.note { padding: 12px;
		  font-size: 100%;
		  font-style: italic;
		  text-align: justify;
	}
    
	p.introduction { padding: 10px;
		margin-right: 40px;
		margin-left: 30px;
		font-size: 100%;
		text-align: justify;
		font-weight: bold;
	}

	p.reference { border-bottom: 1px solid rgb(41, 77, 105);
		margin-bottom: 2px;
		margin-right: 20px;
		margin-left: 50px;
		font-size: 120%;
		font-weight: bold;
	}

	p.commentaire {
		margin-bottom: 2px;
		margin-right: 20px;
		margin-left: 150px;
		font-size: 80%;
	}
	  
  hr { background-color: rgb(255, 255, 255);
    height: 5px;
    }

  #container { 
    margin: 0px auto;
    padding: 0px;
    width: 810px;
    }
 
  #menu-index {
    position: absolute;
    top: 110px;
    margin-left: 130px;
    width: 678px;
    font-size: 110%;
    color: rgb(16, 16, 16);
    }
    
    	#menu-index a:link, #menu-index a:visited, #menu-index a:visited { text-decoration: none;
		color: rgb(41, 77, 105);
	}
    
	#menu-index a:hover { text-decoration: none;
		background-color: rgb(41, 77, 105);
		color: rgb(255, 255, 255);
	}
    
	#menu-index h1 { text-align: left;
		margin-top: 10px;
		padding-left: 10px;
		font-size: 110%;
	}

	#menu-index h2 { text-align: left;
		padding-left: 25px;
		font-size: 100%;
	}
       
  #footer { margin-top: 5px;
	  border-top: 1px solid rgb(0, 51, 153);
	  background-color: rgb(255, 255, 255);
	  width: auto;
	  padding: 5px;
	  color: rgb(16, 16, 16);
	  font-size: 90%;
	  text-align: center;
	  clear: both;
	}

	#footer a:link, #footer a:active, #footer a:visited { text-decoration: none;
		color: rgb(0, 51, 153); 
	}

	#footer a:hover { text-decoration: none;
		background-color: rgb(0, 51, 153);
		color: rgb(255, 255, 255); 
	} 
	
   #top-titre { 
	   position: absolute;
	  top: 0px;
	  margin-left: 125px;
    height: 119px;
    width: 677px;
    }
  
  #toplinks { 
	      width: 125px;
	      height: 482px;
	  background-image: url("../colonne-ge.gif");
    }

    #toplinks p {
	    padding-top: 25px;
	    padding-left: 10px;
	    font-weight: bold;
	  color: rgb(200, 200, 200);
    }
	#toplinks a { text-decoration: none;
		color: rgb(255, 255, 255);
		background-color: rgb(255, 102, 51);
	}

	#toplinks a:hover { text-decoration: none;
		color: rgb(255, 102, 51);
		background-color: rgb(255, 255, 255);
	}
  
  #top-title { position: absolute;
	  top: 130px;
	  width: 552px;
	  text-align: center;
	  padding-right: 50px;
	  padding-left: 200px;
	  color: rgb(16, 16, 16);
	  font-size: 120%; 
    }

  #pad { position: absolute;
	  top: 180px;
	  margin-left: 130px;
	  width: 672px;
	  background-color: rgb(255,255,255);
	  overflow: auto;
    }
   
    #pad p  {padding: 0px;
	    text-align: justify;
	    color: rgb(16, 16, 16);
    }
    #pad p.droite {padding: 2px;
	    text-align: right;
	    color: rgb(16, 16, 16);
    }
    #pad li {padding: 0px;
	    text-align: justify;
	    color: rgb(16, 16, 16);
    }
    
    #pad a:link, #pad a:visited, #pad a:visited { text-decoration: none;
		font-weight: bold;
		color: rgb(0, 51, 153);
	}

	#pad a:hover { text-decoration: none;
		font-weight: bold;
		background-color: rgb(0, 51, 153);
		color: rgb(255, 255, 255);
	}
    
	#pad h1 {border-bottom: 1px solid rgb(0, 51, 153);
		margin: 0;
		padding: 10px;
		font-size: 120%;
		text-align: center;
		color: rgb(0, 51, 153);
	}
 
	#pad h2 { border-top: 5px solid rgb(0, 51, 153);
		border-bottom: 1px solid rgb(0, 51, 153);
		margin: 0;
		padding: 10px;
		font-size: 120%;
		text-align: center;
		color: rgb(0, 51, 153);
	}
    
	#pad h3 {
		margin-left: 10;
		padding: 0px;
		font-size: 110%;
		font-weight: bold;
		color: rgb(16, 16, 16);
	}
    
  #menu {
	  width: 656px;
	  padding: 8px;
  	  background-color: rgb(0, 51, 153);
	  text-align: center;
	  font-weight: bold;
	  color: rgb(200, 200, 200);
    }

  #menu a:link, #menu a:visited, #menu a:active { padding: 7px;
    text-decoration: none;
    color: rgb(255, 255, 255);
    }

    #menu a:hover { padding: 7px;
	    background-color: rgb(255, 255, 255);
	    text-decoration: none;
	    color: rgb(0, 51, 153);
    }

  
  #entetefiche { margin: 0px;
	  padding: 15px;
	  background-color: rgb(0, 51, 153);
	  font-size: 100%;
	  color: rgb(255, 255, 255);
 	   }
	   
	   #entetefiche h1 { font-size: 160%;
	   }
	   
 #fichelinks { position: absolute;
	  top: 20px;
	  right: 10px;
	  width: 375px;
	  text-align: right;
	  font-weight: bold;
	  color: rgb(200, 200, 200);
    }

    	#fichelinks a { text-decoration: none;
		color: rgb(255, 255, 255);
	}

	#fichelinks a:hover { text-decoration: none;
		color: rgb(0, 51, 153);
		background-color: rgb(255, 255, 255);
	}
		   .
  #fiche {
    position: absolute;
    left: 100px;
    top: 85px;
    margin-right: 50px;
    width: auto;
    font-size: 110%;
    text-align: justify;
    color: rgb(16, 16, 16);
    background-color: rgb(255, 255, 255);
    }

  #fiche a:link, #fiche a:visited, #fiche a:visited { text-decoration: none;
    font-weight: bold;
    color: rgb(0, 51, 153);
    }
    
  #fiche a:hover { text-decoration: none;
    font-weight: bold;
    background-color: rgb(0, 51, 153);
    color: rgb(255, 255, 255);
    }
    
  #fiche p { margin-left: 30px;
  }
  
  #fiche h1 { border-bottom: 1px solid rgb(0, 51, 153);
		margin: 0;
		text-align: center;
    padding: 10px;
    font-size: 160%;
    color: rgb(0, 51, 153);
    }

  #fiche h2 { text-align: left;
    border-top: 5px solid rgb(0, 51, 153);
    margin-top: 10px;
    padding: 10px;
    font-size: 160%;
    color: rgb(0, 51, 153);
    }
    
  #fiche h3 { text-align: left;
    margin-left: 20px;
    padding: 0px;
    font-size: 120%;
    color: rgb(0, 51, 153);
    }
    
  #piedfiche { 
	  margin-top: 5px;
	  border-top: 1px solid rgb(0, 51, 153);
	  background-color: rgb(255, 255, 255);
	  width: auto;
	  padding: 5px;
	  color: rgb(16, 16, 16);
	  font-size: 90%;
	  text-align: center;
	  clear: both;
    }

  #piedfiche a:link, #piedfiche a:active, #piedfiche a:visited { text-decoration: none;
    font-weight: normal;
    color: rgb(0, 51, 153); 
    }
    
  #piedfiche a:hover { text-decoration: none;
    background-color: rgb(0, 51, 153);
    color: rgb(255, 204, 51); 
    }