body.body1 { 	 background-color:#c23832;
		 background-image:url(fond_mm.jpg);
		 background-repeat:no-repeat;
		 background-position:center 0; 
		 margin-top: 0px;
		 font-family : Verdana, Arial, Helvetica, sans-serif;
		 font-size: 12px;}
		 
body.body2 { 	 background-color:#c23832;
		 background-image:url(fond2_mm.jpg);
		 background-repeat:no-repeat;
		 background-position:center 0; 
		 margin-top: 0px;
		 font-family : Verdana, Arial, Helvetica, sans-serif;		 
		 font-size: 12px;}
		 
/* -------------------- INFOBULLE ----------------------------------------------------------------------- */
a.imgMasque 	{
   		position: relative;
		}
a.imgMasque span 	{  display: none;
  				 /* on masque l'imgMasque */
 				}			
				
a.imgMasque:hover	 	{
				 	background: none;  /*correction d'un bug IE */
				 	z-index: 50; /* on d&eacute;finit une valeur pour l'ordre d'affichage */
				 	cursor: move ; /* on change le curseur par d&eacute;faut en curseur d'aide */
					}
a.imgMasque:hover span {
				border: 1px solid  #555;
				display: inline; /* on affiche l'infobulle */
				position: absolute;  	
				top:-235px; /* on positionne notre infobulle */
				left:-175px; 
				white-space:nowrap;
				background-color: #fff;
				z-index: 51;
				}
/* --------------------popup------------------------------------- */		 
		 
#popimg {	margin-left:auto; 
			margin-right:auto;
			background-color:#00FFFF;}
.close	{font-family : Verdana, Arial, Helvetica, sans-serif;		 
		 font-size: 10px;} 
		 
/* ----------------- MISE en PAGE -----------------------------------*/

#contenu {	width:880px;
			margin-left:auto; 
			margin-right:auto;}

	#header { 	width:880px;
				height:33px;}
			#menu_ht {float:left;
					   width:850px;
					   word-spacing:4px;}
	
	#centre { width:100%;}
			#col_gauche { 	width:255px;
				 			float:left;}
							
				#portrait { width:100%;
							height:241px;
							background-image: url(mm_portrait.png);
							 background-repeat:no-repeat;
						    background-position: center; }						
							
				#portrait2 { width:100%;
							height:241px;
							background-image: url(portrait2.png);
							 background-repeat:no-repeat;
						    background-position: center; }						
							
				#menu_g {  	width:185px;
							height:300px;			
							margin-left:auto; 
							margin-right:auto;
							}
			
			#col_dt { width:625px;
					  float:left;}
	
	#footer { 	width:100%;
				position:absolute;
				top: 700px;
				height:50px;
				clear:both;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:10px;
				font-weight:normal;
				color:#fff;
				}
				
	#footer2 { 	width:100%;
				position:absolute;
				top: 805px;
				height:50px;
				clear:both;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:10px;
				font-weight:normal;
				color:#fff;
				}
				

	#footer span {word-spacing: 5px;}			

#footer a { 	color:#fff;
				text-decoration:none;}
											
#footer a:hover {  color:#333;
				text-decoration:none;}	
#footer2 a { 	color:#fff;
				text-decoration:none;}
											
#footer2 a:hover {  color:#333;
				text-decoration:none;}	
										
			
#copyright {width:350px;
			margin-left:20px;
			float:left;}

#liens_pied {width:500px; float:left; display:block;}
#scrolling {height:620px;
			width: 617px;
			overflow:auto;}
		
.titre { position: relative;
   		 top: 40px;
    	 left: 50px;
		 float:left;}
		 

		
.illust{ position: relative;
   		 top: 5px;
    	 left: 70px;}						

.biogra_titre { position: relative;
   		 top: 25px;
    	 left: 30px;}
.biblio_titre{ position: relative;
   		 top: 25px;}
.event_titre{ position: relative;
   		 top: 5px;}		 
		 
.ouvrages_titre{ position: relative;
   		 top: 20px;}
		 
		 
.extrait_index { position: relative;
   		 
    	 left: 30px;
		 font-style:italic;
		 font-size:10px;
		 text-align:justify;
		 margin-right: 240px;}
		 		 
		 
.intro { position: relative;
   		 bottom: -50px;
    	 left: 30px;
		 text-align:justify;
		 margin-right: 50px;}
		 
.autrelien { position: relative;
   		 top: -15px;
    	 left: 30px;
		 text-align:justify;
		 margin-right: 80px;
		 line-height:10px;}

a.autrelien9 {font-size:9px;}
.autrelien span {font-style:italic; font-size:9px;}
.contact { position: relative;
   		 top: 40px;
    	 left: 30px;
		 margin-right:80px;}
		 
.commandtitre {font-family : Verdana, Arial, Helvetica, sans-serif;		 
		 font-size: 14px;
		 font-weight:bold;
		  color:#c13832;}
		 

/*__.contact a { color:#000;
			 text-decoration:none;}
.contact a:hover {  color:#c13832;
				text-decoration:none;}	
__*/
.bibliographie { position: relative;
				width:625px;
				top: 85px;
				float:left;}
				
.pressetxt { position: relative;
				width:625px;
				top: 125px;
				float:left;}				

.eventxt { position: relative;
				width:600px;
				top: 60px;
				float:left;}				
				
			
.ouvrages_middle { position: relative;
				width:625px;
				top: 8px;
				float:left;}	
				
.presse_middle { position: relative;
				width:625px;
				top: 85px;
				float:left;}
											
				
.ligneArticle { clear:both; }

.titreArticle {
	text-align:left;
	border-bottom:1px solid #000;
	margin-bottom:18px;
	margin-right: 40px;
	margin-left:20px;
	font-family:verdana;
	font-style:italic;
	font-size:14px;
	font-weight:bold;
	height:20px;
	line-height:20px;
}
				
.article { float:left;
			width:270px;
			margin-top:5px;
			margin-bottom:20px;
			}
.imgArticle { float:left;
			  width:115px;
			  margin-left:0px;}	
			  
.texteArticle {float:left;
				width:155px;
				font-family:verdana;
				font-size:11px;}

	 
.date{ width:15%;
		color:#c13832;
		text-align:right;
		float:left;}
		
.real{ width:70%;
		margin-left:20px;
		color:#000;
		float:left;}
			
