/* CSS Document */

/*FOND*/
html         {background:#72844f url(images/fond.jpg);}
blockquote  {margin-left:15px; margin-right:0px; line-height:17px;}


.transparent {background-image:url(images/trans.jpg);
			  width:600px; height:400px; 
			  position:absolute; top:0; left:0;
			  z-index:0}
			  
.imgPerso {float:right; margin-top:-109px}

.site        {position:absolute; top:-70px; left:-70px;   
			  z-index:2}	
			  	  
.top         {z-index:3;}
			  
.parchtop    {background:url(images/parchemin_haut.png) no-repeat;
		      width:805px; height:100px;
			  position:absolute; margin:auto; top:-24px; left:90px;
			  z-index:1}	
			  
.imgBesoins {float:right; margin-top:-30px; margin-bottom:30px;}		  

.parchend    {background:url(images/parchemin_fin.jpg) no-repeat;
              position:relative; left:-70px; bottom:-10px;
			  width:900px; height:13px; 
			  z-index:3}
.dotted {color:#214F67; text-decoration:none; font-weight:bold; border-bottom:#214F67 thin dotted}
.prodFinale  {padding:50px 20px 20px 50px;}
	  

.parchend1    {background:url(images/parchemin_fin.jpg) no-repeat;
              position:relative; left:-10px; bottom:-10px;
			  width:900px; height:13px;  
			  z-index:3}
.copyright {float:left; margin-right:2px; margin-left:2px;}
.map  {position:relative; top:10px; left:30px;}
.map1  {padding-left:110px; padding-top:10px; border:#000000 4px dotted; background-color:#70B82E}
.map1 .information a {color:#000000}
.bd {position:relative; left:30px;}
			  
.information  {font-size:11px; margin-top:10px; width:500px; margin-left:0px; float:right;}
.information a {font-size:12px; font-weight:bold; color:#214F67; }
.title        {font-size:14px; font-weight:bold; color:#000000; }
.logo			{position:absolute; right:0px; z-index:4}
.logo1 			{position:absolute; bottom:0; right:0px; z-index:4; background:url(images/logo.png) no-repeat; width:120px; height:80px; }
.imgVille  {margin-bottom:3px;}
		  
			  
/*CONTENU*/	
.icones {margin-top:5px;}
.para {padding-left:10px; float:left}
.handwritting {font-size:12px;}
.signature {font-size:18px; font-family:"Lucida Handwriting"; text-align:left; margin-left:200px;}
.letter {position:relative; margin-top:-25px;}
.joie   {padding:4px; padding-left:7px; background-color:#3b2007; margin:0px; color:#d2ae8c; border-bottom:#000000 2px solid}
.joie1  {padding:4px; padding-left:7px; background-color:#ae5e14; color:#000000; margin:0px;}
.contenu     {background:url(images/parchemin_middle.png) repeat-y; width:900px;
		      position:relative; top:62px; left:40px;
			  margin:auto; 
			  z-index:1;}
			  
.contenuA    {width:920px;
			  margin-top:200px;
			  z-index:1;}

.GrosseImmage  {position:absolute; right:16px; top:1px; z-index:-1;} 
.GrosseImmageA  {position:absolute; right:15px; top:-200px; z-index:-1;}
			  		  
.menu 		 {width:296px; z-index:1;
			  position:absolute; right:160px; top:179px;
			  margin-left:0px;}
			  
.menuA		 {width:296px; z-index:1;
			  border: #3d2309 medium solid; 
			  position:absolute; right:0px;
			  padding:2px; margin-left:0px; margin-right:148px;}
			  
.menu img	  {margin-bottom:0px; display:block}

.lien			{text-align:center; background-color:#3b2007; border:#000000 2px solid; padding:0;}
.liens  		{text-decoration:none; font-size:12px; color:#d2ae8c; text-align:center; padding:0; margin:20px 0 5px 0}
.liens:visited  {text-decoration:underline; color:#FFF;}
.liens:hover  	{text-decoration:underline; color:#FFF;}
.liens:active  	{text-decoration:none; color:#FFF;}

			  
			  
.texte 		  {width:700px; z-index:0;
			   margin-left:70px; margin-top:30px; padding-top:0px;
			   font-size:15px; font-family:Arial, Helvetica, sans-serif; text-align:justify; line-height:20px;
			   position:relative}
			   
.texteA 	  {width:700px; z-index:0;
			   margin-left:70px; margin-top:0px; padding-top:0px;
			   font-size:15px; font-family:Arial, Helvetica, sans-serif; text-align:justify; line-height:20px;
			   
			   }

			  
.titre        {background-color:#ab7b36;
			   border-top:#3d2309 medium solid; border-bottom:#3d2309 medium solid;
			   font-family:Georgia, "Times New Roman"; font-size:30px; font-weight:bolder; font-variant:small-caps; text-align:center;
			   width:378px; margin-left:75px; margin-top:5px;}
			   
			   
.info          {position:relative; top:-2px;}


/*Section Accueil*/

.panneaux     {background:url(images/panneau.jpg) no-repeat; width:800px; height:465px;
			   position:relative; left:70px; top:10px;
			   margin:0; padding:0;
			   z-index:0}
			   
.images       {position:absolute; top:91px; left:87px;
			   width:425px;
			   z-index:2}
			   
.perso		  {position:absolute; left:548px; top:143px; z-index:1}

.persoTitre   {position:absolute; top:-74px; left:54px;
			   z-index:2}	
			   		   
.personnages  {position:absolute;
			   z-index:1}



/*Section Personnages*/

.divPerso     {position:absolute; top:184px; left:91px; z-index:3}
.personnage   {height:45px; margin-left:1px;}



.source       {background-color:#3b2007; color:#FFFFFF;
			   border:#000000 2px solid; border-bottom:#000000 2px solid; 
			   text-align:center; 
			   margin-bottom:-2px;
			   color:#d2ae8c;}
			   
.source a:link    {color:#d2ae8c; text-decoration:underline;}	
.source a:visited {color:#d2ae8c; text-decoration:none}
.source a:hover   {color:#FFFFFF;}
.source a:active  {color:#d2ae8c;text-decoration:underline}	
		
		
/*Autre sous-section*/
	   
.sousSection  {font-size:18px; font-weight:bold; font-family:Georgia, "Times New Roman"; letter-spacing:-1px;}
			   
			   
/*Classes pour images*/


.archive          {font-size:10px; line-height:12px;}

.asterix     {font-size:12px; margin-top:20px; padding-top:10px; line-height:15px; }


.imgClass     {background-color:#61340a; width:290px; border:#000000 2px solid; padding:5px;}
.imgClass img {border:#000000 2px solid; width:286px;}
.imgFondPerso {width:380px; margin-top:140px; margin-left:74px;}
.divClass     {text-align:center; color:#000000; font-size:10px;
			   border:#000000 2px solid; background-color:#ae5e14;  
			   padding-bottom:2px; 
			   margin-top:-2px; margin-left:6px; padding-top:2px; line-height:12px}
			   
.divClass a {color:#000000}
.divClass a:hover {color:#3E1502}
			   
.lettre        {border:#000000 2px solid; background-color:#3b2007; color:#d2ae8c; width:160px; font-size:15px; 
 				position:relative; left:293px; top:5px}

		   



/*Autres*/

.imgTab td    {text-align:center; border:#000000 2px solid; background-color:#ae5e14; color:#000000; padding-bottom:2px;}
table         {padding:3px; padding-top:1px; margin-top:-5px;}
	
b			  {font-weight:bold}
em 			  {font-style:italic}		   
br            {line-height:10px;}
ol li 		  {list-style:upper-alpha; font-weight:bolder; margin-left:-10px; margin-bottom:10px; font-size:18px;}
ol li span  {font-weight:normal; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:14px}
ul 			  {margin-top:15px}
ul li         {list-style:decimal; margin-top:-10px;}
p             {margin-top:30px;}