/* 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: 10px;
		/*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: 115px;
				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*/
				}	
				
				
				
				
				
				
		/* _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  */
		#bloc_texte
		{
			/*Police et format du texte*/
			text-align: justify;
			font-size: 1.2em;
			font-family: Mistral, Georgia, Verdana, serif;
			width: 734px;
			margin: auto;
			padding-right: 10px;
			margin-right: 20px;
		}
		
			/*  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  */
			#entete1_bloc_texte
			{
				/*taille de l'entte*/
				width: 734px;
				height: 255px;
				/*Image de fond de l'entte du bloc texte*/
				background: url("images/journal_entete.jpg") no-repeat 0% 0%;
				/*Positionnement du texte de l'entte*/
			}
			#bloc_texte a
			{
					text-decoration: none; 
					color: black; 
			}
			
			
				#entete1_bloc_texte h2
				{
					padding-top: 224px;
					font-size: 0.6em;
					font-family: arial, Georgia, Verdana, serif;
					font-weight: bold;
					text-align: center;
				}
				
				#entete1_bloc_texte p
				{
					margin-top : -28px;
					padding-top: 0px;
					padding-right : 30px;
					font-size: 0.6em;
					font-family: arial, Georgia, Verdana, serif;
					font-weight: bold;
					text-align: right;
					
				}
			/*  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  */	
				
				#entete2_bloc_texte
			{
				/*taille de l'entte*/
				width: 734px;
				height: 255px;
				/*Image de fond de l'entte du bloc texte*/
				background: url("images/journal_entete.jpg") no-repeat 0% 0%;
				/*Positionnement du texte de l'entete*/
				margin-top : -10px;
			}
			
				#entete2_bloc_texte h2
				{
					padding-top: 224px;
					font-size: 0.6em;
					font-family: arial, Georgia, Verdana, serif;
					font-weight: bold;
					text-align: center;
				}
				
				#entete2_bloc_texte p
				{
					margin-top : -28px;
					margin-bottom: 0px;
					padding-top: 0px;
					padding-right : 30px;
					font-size: 0.6em;
					font-family: arial, Georgia, Verdana, serif;
					font-weight: bold;
					text-align: right;
				}
				
				
			/*  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  */
			#partie_principale_bloc_texte
			{
				/*taille de la partie principale du bloc texte*/
				width: 734px;
				height: 1192px;
				background: url("images/journal_centre.jpg") 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 h1
			{
			padding : auto;
			margin-top: 0px;
			margin-bottom: 0px;
			padding-top: 0px;
			padding-bottom: 0px;
			font-family: arial, Georgia, Verdana, serif;
			font-size : 1.5em;
			text-align: center;
			/*padding-left: 80px;
			padding-right: 80px;*/
			}
			
			#partie_principale_bloc_texte p
			{
			/*font-family: arial, Georgia, Verdana, serif;
			font-size : 0.8em;
			font-weight: bold;*/
			margin-top: 0px;
			margin-bottom: 0px;
			text-align: justify;
			}
			
			/*  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  */
			
			#texte
			{
				/*taille de la partie principale du bloc texte*/
				width: 694px;
				height: 1192px;
				/*background: url("images/journal_centre.jpg") repeat-y 0% 0%;
				/*Police et mise en forme*/
				font-family: Georgia, Arial, Verdana, serif;
				font-size: 0.7em;
				text-align: justify;
				text-indent: 5px;
				font-weight: bold;
				/*mise en page*/
				padding-top: 0px;
				margin-left: 20px;
				/*background-color : red;*/
			}
			/*  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  */	
			/*BREVES*/
			
			#breves
			{
				/*taille de la partie principale du bloc texte*/
				width: 175px;
				height: 1172px;
				/*Position du bloc*/
				float: left;
				/*mise en page*/
				padding: 10px;
				margin: 0px;
				/*background-color : pink;*/
			}
			
				#breves h2
				{
					text-align : center;
					text-indent : 0px;
					
				}
				/*  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  */	
				/*ARTICLES*/
				
			#articles
			{
				/*taille de la partie principale du bloc texte*/
				width: 499px;
				height: 1192px;
				/*Position du bloc*/
				float: right;
				/*mise en page*/
				padding: 0px;
				margin: 0px;
				/*background-color : green;*/
			}
			
			/*  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  */	
			/*ARTICLE 1*/
			
			#titre_a1
			{
				/*taille de la partie principale du bloc texte*/
				width: 479px;
				height: 20px;
				/*Position du bloc*/
				/*position : relative;
				top : -1192px;
				left : 195px;*/
				/*mise en page*/
				padding: 10px;
				margin: 0px;
				/*background-color : orange;*/
			}					
			
			#colonne1_a1
			{
				/*taille de la partie principale du bloc texte*/
				width: 153px;
				height: 392px;
				/*position du bloc*/
				float: left;
				/*mise en page*/
				padding: 10px;
				margin: 0px;
				/*background-color : blue;*/
			}	
			
			#colonne23_a1
			{
				/*taille de la partie principale du bloc texte*/
				width: 325px;
				height: 412px;
				/*position du bloc*/
				float: right;
				/*mise en page*/
				padding: 0px;
				margin: 0px;
				/*background-color : yellow;*/
			}	
			
			#colonne2_a1
			{
				/*taille de la partie principale du bloc texte*/
				width: 142px;
				height: 392px;
				/*position du bloc*/
				float: left;
				/*mise en page*/
				padding: 10px;
				margin: 0px;
				/*background-color : red;*/
			}			
			
			#colonne3_a1
			{
				/*taille de la partie principale du bloc texte*/
				width: 142px;
				height: 392px;
				/*position du bloc*/
				float: right;
				/*mise en page*/
				padding: 10px;
				margin: 0px;
				/*background-color : white;*/
			}					
			
			/*  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  */	
			/*ARTICLE 2*/
			
			#titre_a2
			{
				/*taille de la partie principale du bloc texte*/
				width: 479px;
				height: 40px;
				/*Position du bloc*/
				clear:both;
				/*mise en page*/
				padding: 10px;
				margin: 0px;
				/*background-color : orange;*/
			}	
			
			#colonne1_a2
			{
				/*taille de la partie principale du bloc texte*/
				width: 153px;
				height: 660px;
				/*position du bloc*/
				float: left;
				/*mise en page*/
				padding: 10px;
				margin: 0px;
				/*background-color : blue;*/
			}	
			
			#colonne23_a2
			{
				/*taille de la partie principale du bloc texte*/
				width: 325px;
				height: 680px;
				/*position du bloc*/
				float: right;
				/*mise en page*/
				padding: 0px;
				margin: 0px;
				/*background-color : yellow;*/
			}	
			
			#image_2col
			{
				/*taille de la partie principale du bloc texte*/
				width: 305px;
				height: 321px;
				/*position du bloc*/
				float: right;
				/*mise en page*/
				padding: 10px;
				margin: 0px;
				/*background-color : yellow;*/
				/*text-align: center;*/
			}
			
			#colonne2_a2
			{
				/*taille de la partie principale du bloc texte*/
				width: 142px;
				height: 319px;
				/*position du bloc*/
				float: left;
				/*mise en page*/
				padding: 10px;
				margin: 0px;
				/*background-color : red;*/
			}			
			
			#colonne3_a2
			{
				/*taille de la partie principale du bloc texte*/
				width: 142px;
				height: 319px;
				/*position du bloc*/
				float: right;
				/*mise en page*/
				padding: 10px;
				margin: 0px;
				/*background-color : white;*/
			}	
			
			/*  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  */			
			
			#pied_page_bloc_texte
			{
				/*taille du pied de page du bloc texte*/
				width: 734px;
				height: 39px;
				/*Image de fond du pied de page du bloc texte*/
				background: url("images/journal_piedpage.jpg") 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: 734px;
			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 a span.menubas_gauche
				{
				padding-left: 50px;
				/*background-color: green;*/
				background: url("../sweetangel/histoire/histoires/images/enveloppe_menu_gauche.jpg") no-repeat left;
				padding-top: 10px;
				padding-bottom: 10px;
				}
				
				#menu_bas li span.menubas_centre
				{
				padding-right: 70px;
				padding-left: 70px;
				}
				
				#menu_bas li a span.menubas_droite
				{
				padding-right: 50px;
				background: url("../sweetangel/histoire/histoires/images/enveloppe_menu_gauche.jpg") no-repeat right;
				/*background-color: green;*/
				padding-top: 10px;
				padding-bottom: 10px;
				}
				
				
				#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;
}*/

