/* code CSS */

body
{
	/*Couleur de fond ou image de fond*/
	/*background-color: #55a0ff;*/
	/*background: url("images/parchemin_centre_100_100.JPG") repeat top left;*/

	/*Largeur de la page :*/
	width : 900px;
	/*Marges et positionnement de la page*/
	margin: auto; /*Pour centrer notre page*/
	margin-top: 10px; /*Pour viter de coller avec le haut de la fentre du navigateur */
	margin-bottom: 10px; /*Idem pour le bas du navigateur*/
	/*margin: 0 auto 0 auto; /* Solution Caro.*/
	color: #2E1702;	
}

/*______________________________________________________________________________*/
	#entete
	{
		/*taille de l'entte*/
		width: 900px;
		height: 144px;
		/*Image de fond de l'entte*/
		background: url("../../images/parchemin1_entete.jpg") no-repeat 0% 0%;
		/*Positionnement du texte de l'entte*/
		text-align: center;
	}
	#titre
	{
		padding-top: 80px;
		background: url("images/titre_entete.jpg") no-repeat 50% 50%;
	}
	#titre h1
	{
		visibility: hidden;
	}
	/* _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */
	#partie_principale
	{
		/*position: absolute;*/
		/*left: 50%;*/
		/*top: 20%;*/
		/*taille de la partie principale*/
		width: 900px;
		/*marges intrieures du site*/
		padding: 0px;
		/*Image de fond*/
		background: url("../../images/parchemin1_centre.jpg") repeat-y top left;
	}
	
		/* _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  */
		#menu_haut
		{
			/*float: bottom; /* Le menu flottera  gauche */
			/*width: 880px; /* Trs important : donner une taille au menu */
			height: 45px;
			margin: 0 ;
			padding-top: 10px ;
			list-style: 0 ;
			
		}
		
			#menu_haut li
			{
				float: bottom;
				display: inline;
				background: url("../../images/panneau_menu_haut.png") no-repeat left;
				/*width: 150px;
				height: 100px;
				/*margin-top: 0px;*/
				/*margin-bottom: 50px;*/
				padding-left: 30px;
				padding-right: 115px;
				padding-top: 50px;
				padding-bottom: 50px;
				/*text-align: center;*/
			}
			
				#menu_haut li a
				{
					font-size: 1em; 
					font-weight: bold;
					font-family: Georgia, Verdana, serif;
					color: #FFF;
					text-decoration: none;
				}
				
				#menu_haut li a:hover
				{
					color: #2E1702; /*#e8e931;*/
				}
				
				#menu_haut li a:visited
				{
					text-decoration: none;
					font-style: italic; 
					/*color: #e0d4c5; /*#c1954d*/
				}
		/* _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  */
		
		#menu_haut2
		{
			/*float: bottom; /* Le menu flottera  gauche */
			/*width: 880px; /* Trs important : donner une taille au menu */
			height: 100px;
			margin: 0 ;
			padding-top: 20px ;
			list-style: 0 ;
			
		}
		
			#menu_haut2 li
			{
				float: bottom;
				display: inline;
				background: url("../../images/panneau_menu_haut.png") no-repeat left;
				/*width: 150px;
				height: 100px;
				/*margin-top: 0px;*/
				/*margin-bottom: 50px;*/
				padding-left: 30px;
				padding-right: 110px;
				padding-top: 50px;
				padding-bottom: 50px;
				/*text-align: center;*/
				
			}
			
				#menu_haut2 li a
				{
					font-size: 1em; 
					font-weight: bold;
					font-family: Georgia, Verdana, serif;
					color: #FFF;
					text-decoration: none;
				}
				
				#menu_haut2 li a:hover
				{
					color: #2E1702; /*#e8e931;*/
				}
				
				#menu_haut2 li a:visited
				{
					text-decoration: none;
					font-style: italic; 
					/*color: #e0d4c5; /*#c1954d*/
				}	
		/* _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  */
		#image
		{
		padding: 0;
		margin: 0;
		float: left;
		padding-left: 45px;
		padding-top: 150px;
		
		}
		
		#bloc_texte
		{
			/*Police et format du texte*/
			text-align: justify;
			font-size: 1.2em;
			font-family: Mistral, Georgia, Verdana, serif;
			width: 552px;
			margin: auto;
			padding-right: 10px;
			margin-right: 20px;
		}
		
			/*  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  */
			#entete_bloc_texte
			{
				/*taille de l'entte*/
				width: 552px;
				height: 188px;
				/*Image de fond de l'entte du bloc texte*/
				background: url("histoires/images/parchemin2_entete.png") no-repeat 0% 0%;
				/*Positionnement du texte de l'entte*/
				text-align: center;
				
			}
			
				#entete_bloc_texte h2
				{
					padding-top: 100px;
				}
			
			/*  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  */
			#partie_principale_bloc_texte
			{
				/*taille de la partie principale du bloc texte*/
				width: 552px;
				background: url("histoires/images/parchemin2_centre.png") repeat-y 0% 0%;
				
				/*margin-top:-21px;*/
				/*margin-bottom:-21px;*/
				/*float: right;*/
				/*text-indent: 50px;*/
				/*width: 700px;*/
				/*text-align: justify;*/
				/*font-size: 1.8em;*/
				/*font-family: Mistral, Georgia, Verdana, serif;*/
				/*position: absolute;*/
				/*right: 0%;*/
				/*top: 1%;*/
				/*padding-top: 50px;*/
				/*padding-left: 20px;*/
				/*padding-bottom: 50px;*/
				text-indent: 50px;
				
			}
			
			#partie_principale_bloc_texte p
			{
			margin-top: 0px;
			margin-bottom: 0px;
			padding-top: 20px;
			padding-bottom: 0px;
			padding-left: 80px;
			padding-right: 80px;
			
			}
			
			#histoires
			{
			margin: 0;
			padding: 0;
			padding-top: 5px;
			padding-bottom: 5px;
			}
			
			#histoires li
			{
				margin: 0;
				padding: 0;
				width: 500px;
				/*text-align: left;*/
				list-style: none;
				padding-top: 5px;
				padding-bottom: 10px;
			}
			
			#histoires li a
			{
				margin: 0;
				padding-top: 8px;
				padding-bottom: 8px;
				padding-left:10px;
				padding-right: 10px;
				
				color: #2E1702;
				font-size: 0.8em;
				font-weight: bold;
				text-decoration: none;
				font-family: Georgia, Verdana, serif;
				
			}
			
				#histoires li a:hover
				{
				text-decoration: none;
				color: blue;
				
				}
				
				#histoires li a:visited
				{
				text-decoration: none;
				font-style: italic;
				}
			
			/*  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  */
			#pied_page_bloc_texte
			{
				/*taille du pied de page du bloc texte*/
				width: 552px;
				height: 149px;
				/*Image de fond du pied de page du bloc texte*/
				background: url("histoires/images/parchemin2_piedpage.png") no-repeat 0% 0%;
				/*Positionnement du texte du pied de page*/
				text-align: right;
				
			}
			
				#pied_page_bloc_texte p
				{
					margin-top: 0px;
					padding-top: 50px;
					padding-right: 100px;
				}
			
		/* _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  */
		#menu_bas
		{
		
			/*float: bottom; /* Le menu flottera  gauche */
			/*width: 880px; /* Trs important : donner une taille au menu */
			float: top;
			width: 540px;
			margin: 0;
			padding-top: 10px ;
			padding-bottom: 20px ;
			padding-left: 300px;
			list-style: 0 ;
			/*background-color: yellow;*/
			
		}
			
			#menu_bas li
			{
				display: inline;
				/*background-color: pink;*/
				
				color: #ebf1f7;
				
			}
				

				
				#menu_bas li span.menubas_centre
				{
				padding-right: 70px;
				padding-left: 90px;
				}
				

				
				
				#menu_bas li a
				{
					
					/*background-color: blue;*/
					font-size: 1em; 
					font-weight: bold;
					font-family: Georgia, Verdana, serif;
					color: #AC883E;
					background-color: #FFF;
					text-decoration: none;
					padding: 1px;
				}
				
				#menu_bas li a:visited
				{
				text-decoration: none;
				font-style: italic;
				}
				
				#menu_bas li a:hover
				{
				text-decoration: none;
				color: black;
				
				}
			

/*______________________________________________________________________________*/
#pied_page
{

width: 900px;
height: 144px;
background: url("../../images/parchemin1_piedpage.jpg") no-repeat 0% 0%;
text-align: right;
padding-top: 10px;
/*background-repeat: no-repeat; /* Le fond ne se rptera pas */
/*background-position: top left; /* Le fond est align en haut  gauche */
/*background-attachment: fixed;
*/
}

	#pied_page p
	{
		font-size: 0.7em;
		font-family: Georgia, Verdana, serif;
		padding-top: 50px;
		padding-right: 50px;
	}

/*html #bloc_texte
{
cursor: url("images/plume.cur"), auto;
}*/

