body{
	   background: url('images/motif.gif') grey;
	   position: relative;
	   }
	   
	   #contenu {
     margin-left: auto;
     margin-right: auto;
/*     border: 1px solid black;*/
     max-width: 800px;
     min-width: 800px;
     min-height: 800px;
     height: 100%;
     display: inline;
     
     
     }
     
		h1#header
		{
			margin: 0 ;
			background: url(./images/head.jpg) no-repeat;
			font: 10px "Pristina", Arial, sans-serif;
			color: white ;
			text-decoration: none ;
			background-position: center;
			display: inline ;
			top: 0px;
			left: 0px;
			height: 350px;
			width: 800px;
		}
		
		h1#header a
		{
			font: 40px "Times New Roman", Arial, sans-serif;
			color: white ;
			text-decoration: none ;
			text-align: center;
			display: block ;
			height: 350px;
			width: 800px;
		}
		



dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 270px;
left: 0;
z-index:100;
width: 100%; /* correction pour Opera */
}
#menu dl {
float: left;
width: 7em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #0F1E61;
color: white;
/*border: 1px solid gray;*/
margin: 1px;
}
#menu dd {
display: none;
/*border: 1px solid gray;*/
}
#menu li {
text-align: center;
background: #0F1E61;
}
#menu li a, #menu dt a {
color: white;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #8A98DA;
}









/*		ul#menu
		{
			padding-top: 10px;
			background-position: left;
			list-style: none ;
			position: absolute;
			top: 230px;
			margin: 0 ;
			padding: 0;
			background: none;
			width: 800px;

		}

		ul#menu li
		{
			float: left ;
			text-align: center ;
		}		
		
		ul#menu li a
		{
			width: 110px ;
			font-weight: bold ;
			font: 15px "Times New Roman", sans-serif;
			color: white ;
			display: block ;
			text-decoration: none ;
			padding-top: 15px;
			text-align: center ;
			
		}
		
		ul#menu li a:hover
		{
			color: white;
			text-decoration: underline ;
		}
		
		ul#menu li a span
		{
			display: none;
			visibility: hidden;
		}
		
		ul#menu li a:hover span
		{
			position: absolute;
			top: 290px;
			left: 0px;
			width: 210px;
			color: #000;
			font: 12px Arial, sans-serif;
			display: none;
			text-align: center;
			border: 2px solid #E1E734;
			background: #F8F8CE;
			overflow: visible;
			visibility: visible;
		}*/
			
/*		.droite
		{	
			float: right;	
			width: 99px;
			max-width: 99px;
			background: white;
			padding: 0 0;
			margin-left: 0px;
			height: 100%;
			min-height: 700px;
			border-left: 1px dotted black;
		}
		*/
			
		div#texte
		{
			z-index: 1;
			font: 1.0em "Times New Roman", sans-serif;
			padding: 0px 20px 0px 20px ;
			width: 760px;
			top: 0px;
			left: 0px;
			float: left;
			color: #000;
			text-decoration: none;
			background: white;
			text-align: justify;
			min-height: 700px;
		}
		
		
		div#texte pre
		{
			font: 1.0em "Times New Roman", sans-serif;
			text-align: justify;
		}		
		
		.citation
		{
			text-align: left;
			color: black;
			padding-left: 20px;
			padding-right: 20px;
			padding-top: 10px;
			padding-bottom: 10px;
			font: 0.8em "Times New Roman", sans-serif;
			background: white;
			margin: 5px;
			font-style: italic;
			width: 760px;
		}
		
		span#auteur
		{
		font: 1.0em "Times New Roman", sans-serif;
		}
		
		
		div#texte p
		{
			text-align: justify ;
			text-indent: 1.2em ;
			margin-right: 20px;
			margin-left: 20px;
		}
		
		div#texte a
		{
			font-style: italic;
			text-decoration: underline;
			color: black;
		}
		
		div#texte a:hover
		{
			color: black;
			background: white;
			text-decoration: none;
			border: none;
		}
		
		div#texte a img
		{
			color: black ;
			font-style: italic;
			text-decoration: underline;
			border: 1px solid white;
			background: white;
			text-align: center;
		}
		
		div#texte a:hover img
		{
			color: black ;
			font-style: italic;
			text-decoration: none;
			border: 1px solid black;
		}

		div#texte h2
		{
			margin-top: 20px;
			width: 80%;
			padding-left: 60px;
			background: url(./images/navette.gif) white left top no-repeat;
			height: 50px;
			padding-top: 10px;
		}

		div#texte h3
		{
			padding-left: 30px;
			padding-top: 20px;
			width: 50%;
/*			border-bottom: 2px solid #E1E734;*/
		}
		
		.code
		{
			text-align: justify;
			background: #CDEECB;
			border: 1px solid black;
			
			padding-left: 20px;
			padding-top: 10px;
			padding-bottom: 10px;
			padding-right: 20px;
			
			margin-left: 0px;
			margin-right: 10px;
			
			display: block;
			background-position: center;
		}
		
		
		p#footer
		{
			padding-top: 20px ;
			padding-left: 20px;
			padding-bottom: 20px;
			line-height: 20px ;
			margin-top: 50px;
			color: white ;
			font: 10px Arial, sans-serif;
			display: block;
			text-align: center;
			position: relative;
			left: 0px;
			width: 700px;
			background: #0F1E61;
		}
		
		p#footer a
		{
			color: white ;
			font: 1.0em Arial, sans-serif;
			text-decoration: none;
			font-style: italic;
			text-align: right;
			text-decoration: underline;
		}
		
		p#footer a:hover
		{
			color: white;
			font: 1.0em Arial, sans-serif;
			font-style: italic;
			text-decoration: none;
			text-align: right;
			background: none;
		}
		
						
/*		.droite
		{
			color: black;
			text-align: left;
			background-position: top;
			border: 1px solid black;
		}*/
		
		a#map img
		{
			display: none;
		}
		
		a#map
		{
			display: inline;
		}	
		
		a:hover#map img
		{
			display: block;
			position: absolute;
			top: 100px;
			left: 100px;
			overflow: visible;
		}
		
		.button
		{
			background: #F8F8CE;
			color: #ACAC2F;
			
		}
		
		.button:hover
		{
			background: #F8F8CE;
			color: #ACAC2F;
			border: 1px solid #ACAC2F;

		}
		
		#date
		{
			display: block;
			color: black;
			font-style: italic;
			text-align: right;		
			padding-top: 20px;
		}
		
		.rouge
		{
			color: red;
			font-weight: bold;
		}
		
		
		acronym
		{
			font-style: italic;
		}
	
		abbr
		{
			font-style: italic;
		}
	
		.bleu
		{
			color: #0F1E61;
			font-weight: bold;
		}	
	
		div#fondbleu
		{
			color: white;
			background: #0F1E61;
			width: 250px;
			padding: 20px;
			margin: 10px;
			position: relative;
			left: 0px;
			float: right;
		}	
		
		div#fondbleu a
		{		
			color: #A5B3F1;
			text-decoration: underline;
			font-style: italic;
			background: #0F1E61;
		
		}
			
		div#fondbleu a:hover
		{		
			color: #A5B3F1;
			text-decoration: none;
			font-style: italic;
			background: #0F1E61;
		}	
		
		div#fondbleugauche
		{
			color: white;
			background: #0F1E61;
			width: 150px;
			padding: 20px;
			margin: 10px;
			position: relative;
			left: 0px;
			float: left;
		}	
		
		div#fondbleugauche a
		{		
			color: #A5B3F1;
			text-decoration: underline;
			font-style: italic;
			background: #0F1E61;
		
		}
			
		div#fondbleugauche a:hover
		{		
			color: #A5B3F1;
			text-decoration: none;
			font-style: italic;
			background: #0F1E61;
		}