/* 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: 880px; /*734*/	/*880*/
			margin: auto;
			padding-right: 0px; /*150*//*0*/
			margin-right: 20px;
			/*background-color: blue;*/
		}
		
			/*  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  */
			#entete1_bloc_texte
			{
				/*taille de l'entte*/
				width: 840px;/*840*/
				/*height: 288px;/*250*/
				/*background-color: red;*/
				/*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*/
				margin-left: 20px;/*20*/
				
			}
			/*  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  */
			#depeche_entete
			{
				/*taille de l'entte*/
				width: 840px;/*840*/
				height: 39px;/*250*/
				/*background-color: green;*/
				/*Image de fond de l'entte du bloc texte*/
				background: url("kraland/images/journal_entete.jpg") no-repeat 0% 0%;
				/*Positionnement du texte de l'entte*/
				margin-left: 0px;/*20*/
				margin-top: 25px;
			}
			/*  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  */			
			#depeche_partie_principale
			{
				/*taille de l'entte*/
				width: 840px;/*840*/
				/*height: 210px;/*250*/
				/*background-color: yellow;*/
				/*Image de fond de l'entte du bloc texte*/
				background: url("kraland/images/journal_centre.jpg") repeat-y 0% 0%;
				/*Positionnement du texte de l'entte*/
				margin-left: 0px;/*20*/
				margin-bottom: -16px;
			}
			/*  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  */			
			#depeche_pied_page
			{
				/*taille de l'entte*/
				width: 840px;/*840*/
				height: 39px;/*250*/
				/*background-color: pink;*/
				/*Image de fond de l'entte du bloc texte*/
				background: url("kraland/images/journal_piedpage.jpg") no-repeat 0% 0%;
				/*Positionnement du texte de l'entte*/
				margin-left: 0px;/*20*/
			}
			/*  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  */				
			
				#entete1_bloc_texte h1
				{
					padding-top: 5px;
					font-size: 1.5em;
					font-family: arial, Georgia, Verdana, serif;
					font-weight: bold;
					text-align: center;
				}
				
				#entete1_bloc_texte p
				{
					margin-top : 0px;
					padding-top: 5px;
					padding-left: 10px;
					padding-right : 10px;
					font-size: 0.8em;
					font-family: arial, Georgia, Verdana, serif;
					font-weight: bold;
					
				}

			/*  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  */
			#partie_cartes_membres
			{
				/*taille de la partie principale du bloc texte*/
				width: 880px;
				/*height: 1192px;*/
				/*background: url("images/journal_centre.jpg") repeat-y 0% 0%;*/
				/*margin-bottom:-21px;*/
				/*float: right;*/
				/*text-indent: 50px;*/
				/*width: 700px;*/
				/*text-align: justify;*/
				font-size: 0.6em;
				/*position: absolute;*/
				/*right: 0%;*/
				/*top: 1%;*/
				/*padding-top: 50px;*/
				/*padding-left: 20px;*/
				/*padding-bottom: 50px;*/
				/*background-color: blue;*/
			}
			
			.lignes
			{
				height: 197px;
				width: 880px;
				margin-top: 20px;
				padding: 0px;
				margin-bottom: 0px;
				/*background-color: red;*/
			}
			
			.cartes_gauche
			{
				height: 197px;
				width: 350px;
				margin-left: 50px;
				/*background-color: green;*/
				float: left;
				background: url("kraland/images/partie_sweety.jpg") no-repeat 0% 0%;
			}
			
			.cartes_droite
			{
				height: 197px;
				width: 350px;
				margin-right: 50px;
				/*background-color: pink;*/
				float: right;
				background: url("kraland/images/partie_journal.jpg") no-repeat 0% 0%;
			}
			
			.cartes_centre
			{
				height: 197px;
				width: 350px;
				margin-left: 265px;
				/*background-color: yellow;*/
				background: url("kraland/images/partie_kraland.jpg") no-repeat 0% 0%;
				float: left;
			}
			
			.haut_carte
			{
				height: 88px;
				width: 350px;
				/*background-color: pink;*/
				float: left;
				padding: 0px;
			}
			.bas_carte
			{
				height: 109px;
				width: 350px;
				/*background-color: blue; */
				padding: 0px;
				margin-top: 0px;
				float: left;
			}
			
			.avatar_carte
			{
				height: 64px; /*80% d'un avatar normal*/
				width: 64px;
				margin-top: 9px;
				margin-left: 276px;
				/*background-color: red;*/
			}
			
			.texte_carte
			{
				height: 109px;
				width: 250px;
				margin-left: 13px;
				/*background-color: green;*/
				font-family: arial, Georgia, Verdana, serif;
				font-weight: bold;
			}
			
			.texte_carte p
			{
				margin-top: 0px;
				margin-bottom: 0px;
				padding-left: 5px;
				padding-top: 2px;
			}
			
				.lignes a
				{
					font-size: 1em; 
					font-weight: bold;
					font-family: Georgia, Verdana, serif;
					color: #54198b;
					text-decoration: none;
				}
			
			/*  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  */
			

			/*  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  __  */				
		/* _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  _  */
		#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;
}*/

