body {
	background-color: #E5E9ED;
 	color: black;
 	font: small Arial, Helvetica, Verdana, sans-serif;
	}

	h1,h2,h3 {
		text-align: center;
		font-style: italic;
   }

	h1 {
		background: url('images/frise.jpg') no-repeat 50%;
		height: 150px;
		color: black;
		font: italic normal 45px comic sans ms;
		line-height: 70px;
	}

    img {
		width: 10%;
		height: 10%;
		margin: 5px;
		display: block;
		border: 0px;
	}
	
	#conteneur {
		margin: 5px 40px 15px 40px;
		background-color: #fdf8f2;
		padding: 2px;
	}
	
    #contenu {
	  margin-right: 155px;
	  border-right: 2px inset silver;
	  padding: 5px;
	  text-indent: 20px;
	  text-align: justify;
	  font: normal normal 17px times;
	}

    #chronologie {
		float: right;
		width: 150px;
		font: normal normal 10px verdana;
		padding: 2px 2px 0px 5px;
		background-color: #FBFDFF;
		line-height: 200%;
		text-align: justify;
	}
	
    #clearer {
		clear: right;
		text-align: center;
	}
 
	#clearer img {
		display: inline;
	}

	 #tete {
  margin: 2px 40px 2px 40px;
 }
 
 #tete  ul {
  border-bottom: 3px inset white;
 margin: 2px;
 padding: 0 20px 0 0;
 text-align: left;
 }
 
 #tete  li {
   border-right: 1px dashed black;
   display: inline;
   padding-right: 5px;
 }
 
    #contenu p {
        font: small normal 18px tahoma;
	}
	
    #chronologie span {
		display: block;
		text-align: center;
		background-color: #CC6600;
		color: white;
		font-style: arial;
		font-weight: bold;
	}
	
    #notes {
		font-size: 12px;
	}	

    #liens {
		background-color: #FBFDFF;
		color: black;
		font-size: 12px;
		border-top: 2px outset black;
	}
	
    #liens span {
		display: block;
		text-align: center;
		font-size: 14px;
	}
	
    #liens ul,li {
		list-style-type: none;
	}
	
    hr {
	border: 1px dashed silver;
	}
	
	.gauche {
	float: left;}

	.droite {
	float: right;}

	a {
   text-decoration: none;
 }
 
 a:hover{
   text-decoration: underline;
 }