#centreproses { height: 300px;	}

#prose1 a { position: absolute;
			padding-top: 5px;
			top: 270px;
			left: 50px; 
		width: 200px;
		height: 98px;
		border: 1px solid black;
		background-image: url(image/proses/fondprose1.jpg);
			text-align: center;
			color: #ffff00; font-weight: bolder;
			font: 21px Georgia;}	
						 		
#prose1 a:hover, #prose2 a:hover, #prose3 a:hover{ text-decoration: none;
													font: 21px Georgia;
													color: #ffffff;  }
	
#prose2 a { position: absolute;
			padding-top: 0px;
			top: 180px;
			left: 480px; 
		width: 200px;
		height: 103px;
		border: 1px solid black;
		background-image: url(image/proses/fondprose2.jpg);
			text-align: center;
			color: #330099; font-weight: bolder;
			font: 21px Georgia;}	
	
#prose3 a  { position: absolute;
			padding-top: 5px;
			top: 340px;
			left: 620px; 
		width: 201px;
		height: 100px;
		border: 1px solid black;
		background-image: url(image/proses/fondprose3.jpg);
			text-align: center; font-weight: bold;
			color: #990000;
			font: 21px Georgia;}		

/* ----------------------------------------------------------- les 563 marches ------------------------------ */		

.titre563 { color: #330099;
	 margin:30px;
	 font: 22px Georgia, Times New Roman, Times, serif;	
	 font-weight: bold; 
	 text-align: center;}		
	 
#retourproses { float: right; background-color: white;
				border: 1px solid #990099;
				padding: 10px;
				margin:0 20px;}
	
.couleurbleu { color: #330099; font: 13px Georgia, Times New Roman, Times, serif;	
	 font-weight: bold; }
.couleurbrun { color: #cc6600; font: 13px Georgia, Times New Roman, Times, serif;	
	 font-weight: bold; }		
	

#fondprose { margin: -40px 0 10px 0;
			 border: 0px solid black;
			  z-index: 300;
			 background:url(image/proses/fondmuraille.jpg) no-repeat ;	}
		 
#dernierparag { border: 2px solid black; background-image:url(image/proses/fondchinois.gif);
				padding: 5px; margin: 5 20px;}
				
#pourqui563 { margin: 10 0 40 350px;
			border-bottom: 2px solid #cc6600; text-transform:uppercase;
			color: #663300; z-index: 600;
			 font: 14px "Trebuchet MS, Georgia, Times New Roman", serif;	 }

.imagedanstexte { margin: 5 10; padding: 2px; border: 1px solid #660099; float: left; }

#a563 { border-top: 1px solid black; display: block;
		width: 150px; text-align: center;
		margin: 35 0 0 384; }
		
#dernierparag2 { border: 1px solid #cc6600; background-image:url(image/proses/fondchinois.gif);
				padding: 5px; margin: 0 0 0 384; width: 180px; text-align: center;}	
				
/* -------------------------- le reve de M K ----------------------------------------------------------- */		
.h2reve { color: #330099;
	 margin:30px;
	 font: 21px Georgia, Times New Roman, Times, serif;	
	 font-weight: bold; 
	 text-align: center;}			  

#fondtete {  width: 97px;
			 height: 105px; font-size: 76px; padding-top: 25px;
			  background-image:url(image/proses/insomnies2.jpg);
			  background-repeat: no-repeat;}
			  
#tete { position: absolute;
		top: 125px;
		left: 5px; }
	
#imagedroite { margin: 5 20; padding: 2px; border: 1px solid #660099; 
				float: right;  }

#imagegauche { 
				 margin: 5 20; padding: 2px; border: 1px solid #660099;  float: left;  }


#arbre { padding: 25px; display: inline; }

.s { text-decoration: underline;}

#titreexpli { margin:0 74px; padding: 5px; width: 800px; border: 1px solid black;
			 font: 14px arial, serif;	letter-spacing: 15px; background: #ffffcc;
	 		font-weight: bold;}
#expliscient {color: #000099; margin: 0 74px; padding: 10px; 
				text-align: justify; overflow: auto;
				 background-image:url(image/proses/fondexplication.jpg);
				width: 800px; height: 145px; border: 1px solid black; }
.normal {letter-spacing: 1px; }


P { padding:10px 30px 10px 30px;
	text-indent:30px; font-size: 15px;
	text-align: justify;}	

P:first-letter { color:#660066;
				 font-family: Times; 
				 font-size: 180%;
				 font-style: normal;
				 font-weight: bold; }
	
	
/* ----------------------------------------------- vous etes bien -------------------------------------------- */


#titreBien { border: 0px solid black; float: left; padding: 10px; margin:-70 80 0 60px;}	
#bacriBien { border: 1px solid black; float: right; padding: 10px; margin-right: 20px;}			
.couleurnoir{ color: #000000; font: 13px Georgia, Times New Roman, Times, serif;	
	 font-weight: bold; }	
.couleurbleu { color: #330099; font: 13px Georgia, Times New Roman, Times, serif;	
	 font-weight: bold; }
.couleurbrun { color: #cc6600; font: 13px Georgia, Times New Roman, Times, serif;	
	 font-weight: bold; }		
.couleurvert { color: #66cc00; font: 13px Georgia, Times New Roman, Times, serif;	
	 font-weight: bold; }
 .couleurrouge { color: #cc3300; font: 13px Georgia, Times New Roman, Times, serif;	
	 font-weight: bold; }
.couleurrouge2 { color: #cc3300; font: 17px Georgia, Times New Roman, Times, serif;	
	 font-weight: bold; }
.couleurorange { color: #ff9900; font: 13px Georgia, Times New Roman, Times, serif;	
	 font-weight: bold; } 	
P.couleurblanche:first-letter { color: #ffffff; } 								
.violet { color:#660066; font: 13px Georgia, Times New Roman, Times, serif;}		
	
.majuscule { text-transform: uppercase; }

.textecadre { border: 1px solid black; margin: 15 90px; text-align: justify;
			  padding: 10px; background-color: #ffffcc;
			  font: 17px "Trebuchet MS, Georgia, Times New Roman", serif; }
.textecentre { font: 15px Trebuchet MS, Georgia, Times New Roman, Times, serif;	
				padding:0px 40px 0px 40px; 
				text-align: justify;}		  
.souligne { text-decoration: underline;}

#fondprose { margin: -40px 0 10px 0; border: 0px solid black; z-index: 300;
			
			 background:url(image/proses/fondmuraille.jpg) no-repeat ;
			}
			
#imagegaucheBien { float: left; margin: 0px; }
#imagedroiteBien { float: right; margin-right: 60px; margin-top: -20px;}	
#imagefixeBien { position: absolute; top: 470px; right: 150px;}	
#cadrefouBien {  background:url(image/proses/fou.gif) no-repeat 0 10; width: 450px; height: 130px; border: 0px solid black;
			margin: 0 0 0 300px; padding-left: 60px; font: 15px Trebuchet MS, Georgia, Times New Roman, Times, serif;
				text-align: justify;}


h2 { color: #330099;
	 margin:30px;
	 font: 22px Georgia, Times New Roman, Times, serif;	
	 font-weight: bold; 
	 text-align: center;}