body
{
			margin: 10px 0 ;
			padding: 0 ;
			text-align: center ;
			font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
			background: #dea ;
}		

.conteneur
{
			width: 800px ;
			margin: 0 auto ;
			text-align: left ;
			border: 2px solid #ab4 ;
			background: ivory ;
}

.sommaire
{
			width: 400px ;
			margin: 0 auto ;
			text-align: left ;
			border: 2px solid #ab4 ;
			background: ivory ;
}

a.lexique {
  			position:relative;
  			border-bottom:1px dashed #808080; 
  			text-decoration: none; 
  			font-weight: bold;
}
a:hover.lexique {
  			text-decoration: none; 
  			background: none;
}
a.lexique span {display: none;}
a:hover.lexique span {
			z-index:3;
  			display: inline; 
  			position: absolute;  
  			top:2.5em; 
  			left:-3.0em; 
  			background: #dea; 
  			color: black; 
  			border:1px solid #000; 
		  	width:250px; 
  			text-align:left;
  			font-weight:normal;
  			font-size: 14px;
  			line-height:16px;
  			padding:2px 4px;
}

td.texte
{
			padding-top: 10px; 
			padding-left: 20px; 
			padding-right: 15px; 
			padding-bottom: 10px; 
			color: black; 
			font-size: 15px; 
			font-weight: normal; 
			font-family: Trebuchet MS; 	
			background: peachpuff ;
}
		
td.number 
{
			color: red; 
			padding-left: 20px; 
			font-size: 20px; 
			font-weight: bold; 
			font-family: Arial Narrow; 	
}

td.reference 
{
			padding-left: 10px; 
			color: blue; 
			font-size: 20px; 
			font-weight: light; 
			font-family: Arial Narrow; 			
}

em#refid 
{
			color: #ff3161; 	
}


a.reference {
			z-index:5;
  			position:relative;
  			border-bottom:1px dashed #808080; 
  			text-decoration: none; 
  			font-weight: bold;
}
a:hover.reference {
  			text-decoration: none; 
  			background: none;
}
a.reference span {display: none;}
a:hover.reference span {
  			display: inline; 
  			position: absolute;  
  			top:1.5em; 
  			left:0.5em; 
  			background: #dfb17d ; 
  			color: black; 
  			border:1px solid #ff3161; 
		  	width:450px; 
  			text-align:justify;
  			font-weight:normal;
  			font-size: 16px;
  			line-height:20px;
  			padding:2px 4px;
}


p#footer
{
			text-align: center; 
			padding-top:0px;
			padding-bottom:10px;
			line-height:0px;
			font-size: 12px; 
			font-family: Trebuchet MS; 
			font-weight: normal; 
			color: darkgreen; 	
}

.titre 
{
			font-family: Comic Sans MS; 
			font-weight: bold; 
			text-align: right; 
			font-size: 40px; 
			color: #ff3161; 
#			background: #c3a07a ;
			background: #dfb17d ;
}

div.margin {
			width: 80px; 
}

.resume
{
			text-align: justify ;
			padding-left: 10px; 
			padding-right: 10px; 
			color: darkgreen; 			
			font-size: 16px; 
			font-weight: bold; 
			font-family: Arial Narrow; 			
			background: ivory ;
}

.semaine 
{
			font-family: Comic Sans MS; 
			font-size: 30px; 
			color: #ff3161; 
			text-align: right; 
}

.header 
{
		background: ivory ;
		width: 800px; 
}