body{
	background-color: #F1CC1F;
	background-image: url("../img/fond-page.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	margin: 0;
	/*overflow: hidden;*/
	text-align: center;
	font-family: Trebuchet MS, Verdana;
	font-size: 13px;
}

/*Anim d'intro*/
#cache1, #cache2{position: absolute; height: 100%; background-color: #013b04; width: 400px; left: 50%;}
#cache1 {margin-left: -1000px}
#cache2 {margin-left: 600px}

#contenant, #contenant2{
	position: absolute;
	top: 0; 
	height: 100%;
	width: 1200px;
	left: 50%;
	margin-left: -600px;
	overflow: hidden;
	text-align: left;
	
	
}
#contenant2 {z-index: 940; }/*background-color: #F6EBD2;*/
#contenant {z-index: 949;  }

#volet_d, #volet_g, #volet_d2, #volet_g2{
	position: absolute;
	/**/
	top: 0;
	width: 600px;
	height: 100%;
	padding: 0;
		
}
#volet_d, #volet_g {
	background-color: #013b04;
}
#volet_d2, #volet_g2 {
	background-color: #F1CC1F;
}

#volet_d, #volet_d2{
	left: 600px;	
}
#volet_g, #volet_g2{
	left: 0px;
}
#volet_g, #volet_g2 {text-align: right;}



/*logo*/
#logo{
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -260px;
	text-align: center;
}
#logo p{
	margin: 0;
}
#logo h1 {
	margin: 6px;
	padding:0;
	font-size: 16px;
	font-family: Trebuchet MS, arial;
	color: #fbfaf7;
	z-index: 100;
	position: absolute;
	right: -150px;
	top: 0px;
	font-weight: normal;
	text-align: left;	
}

/*Livre. La déco et les textes sont ds 2 div superposés pour éviter le dézingage de la mise en page si le contenu est trop grand*/

/*position globale(centrée)*/
#livre{
	position: relative;
	width: 887px; 
	height: 800px;/* ->pb scroll IE6*/
	top: 108px;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
	z-index: 800;
}
/*un contenant pour les textes, un contenant pour la déco du livre*/
#contenant_livre  {position: absolute;width: 100%; z-index: 800;}
#contenant_livre_fond{position: absolute;width: 100%; z-index: 700; width: 890px; }/*border: 1px solid;*/

/*les 2 conteneurs des textes*/
#contenu_gauche {position: absolute; top: 40px; left: 45px; width: 370px; height: auto; z-index: 900}
#contenu_droite {position: absolute; top: 40px; left: 470px; width: 350px; height: auto; z-index: 900}

/*éléments de la déco du livre*/
#l_haut, #l_lign_centre, #l_gauche, #l_milieu_g, #l_milieu_d, #l_droite, #l_bas{
	position: absolute; z-index: 10;background-repeat: no-repeat;
}
#l_haut, #l_bas{
	width: 100%;
}
#l_gauche, #l_milieu_g, #l_milieu_d, #l_droite {
	height: 618px;
}
#l_haut {height: 26px; background-image: url("../img/livre/haut.jpg");}
#l_bas {height: 39px; top: 644px; background-image: url("../img/livre/bas.jpg"); }
#l_gauche{width: 29px; top: 26px; background-image: url("../img/livre/gauche.jpg");  }
#livre #l_droite{width: 21px;  top: 26px; left: 866px; background-image: url("../img/livre/droite.jpg");}
#l_lign_centre {left: 0; background-color: #fbfaf7;}
#l_milieu_g{width: 415px; top: 26px;left: 29px;z-index: 850; background-color: #fbfaf7; border-right: 1px solid #a09f9d;padding: 0; margin: 0;  }
#l_milieu_d {width: 423px; top: 26px; left: 443px; background-color: #fbfaf7;}

/*menu*/
#menu{
	position: absolute;
	z-index: 850;
	width: 24px; top: 18px; left: 846px;  /*float: left;  margin: -26px 0 0 -20px;*/ 
	height: auto; overflow: hidden; /*display: none;---------------------------------------------*/
	/*position: absolute;  top: 0px; right: 10px; z-index: 1000;*/
	
	list-style: none;
	 
	 z-index: 910;
	 padding: 0;
	 margin: 0;
	 
	 
	
}

#menu li{margin: 0; padding: 0; height: auto;  float: left;}
#menu a{
	width: 24px; outline: none;  
}
#menu img { margin: 0; padding: 0; position: relative; float: left; border: none;}



/*textes*/
#livre p{text-align: justify;width: 100%; margin: 5px;}

#livre h1{
	font-size: 18px;
	text-align: center;
	margin: 10px 0px 25px 0px;
	color: #957343;
	font-family: Tahoma;
}
 h2{
	font-size: 15px;
	text-align: left;
	font-family: Tahoma;
	color: #33b41b;
	margin: 5px 20px;
}

/*#livre p.c {font-weight: bold; margin-top: 0px; padding-top: 0;text-align: left; border: 1px solid;}*/


/*
#l_milieu_d p, #l_milieu_g p{
	margin: 5px -30px 5px 30px; position: relative; float: left; 
	font-size: 15px; text-align: justify;
}
#l_milieu_g p{
	margin: 5px 30px 15px 20px; 
}
*/


/*cas des pages avec texte coupé
#l_milieu_d div{
	width: 400px; height: 100%; position: absolute; display: none;
}


#l_milieu_d div p{
	padding: 0 5px 0 10px;
	
	line-height: 19px;
	text-align: justify;
}

#l_milieu_d div a{
	color: #957343;
	font-weight: bold;
}

#l_milieu_d div p {
	margin: 2px 0 3px 0; float: none; text-align: justify;
}*/

#livre p.legend{text-align: center; font-size: 12px; width: 360px; padding: 0px; margin-left: 20px;}


#livre p.photos {
	text-align: center; width: 100%; margin: 0; padding: 0; 
}

#livre p strong, #annonce strong{
	color: #33b41b;
}


/*listes de plantes*/
/*
#liste_plantes_img ul, #liste_plantes ul{
	list-style: none; margin: 15px 0; padding: 0px; font-family: georgia; position: relative;
}
#liste_plantes_img ul li, #liste_plantes ul li{
	position: relative; margin: 1px 4px; padding: 0;   
}
#liste_plantes_img ul li {
	text-align: center; float: left; width: 120px; height: 150px; border: 1px solid #f5f3eb;line-height: 12px;
}
#liste_plantes_img ul li a, #liste_plantes ul li a, #onglet_plantes a{
	color: #000; text-decoration: none; outline: none;
}
#liste_plantes_img ul li a:hover, #liste_plantes ul li a:hover{
	color: #003; text-decoration: underline;
}
#liste_plantes_img ul li a:hover img{
	border: 1px solid #957343;
}
#liste_plantes_img ul li a img{
	border: 1px solid #FFF;
}*/

#liste_plantes_img ul, #liste_plantes ul{
	list-style: none; margin: 0; padding: 0px; font-family: georgia; position: relative;  margin: 50px 0 0 -20px; position: relative;
}
#liste_plantes_img ul {width: 420px;}

#liste_plantes_img ul li, #liste_plantes ul li{
	position: relative; margin: 1px 4px; padding: 0;   
}
#liste_plantes_img ul li {
	text-align: center; float: left; width: 90px; height: 130px; border: 1px solid #f5f3eb;line-height: 12px;
}
#liste_plantes_img ul li a, #liste_plantes ul li a, #onglet_plantes a{
	color: #000; text-decoration: none; outline: none;
}
#liste_plantes_img ul li a:hover, #liste_plantes ul li a:hover{
	color: #003; text-decoration: underline;
}
#liste_plantes_img ul li a:hover img{
	border: 1px solid #957343;
}
#liste_plantes_img ul li a img{
	border: 1px solid #FFF; /*margin: 6px;*/
}

#livre #onglet_plantes{
	position: absolute;
	top: -30px;
	left: 8px;
	background-image: url("../img/fond-onglet.gif");
	background-repeat: no-repeat;
	background-position: top center;
	padding: 5px;
	width: 113px;
	text-align: center;
	z-index: 500;
	float: none;
	
}
/*liste sans img*/
#livre #liste_plantes{
	position: absolute; display: none;
	top: 25px; left: 07px; background-color: #fbfaf7;  border: 1px solid #333; border-width: 0px 1px 1px 0; width: 180px; z-index: 600; text-align: left;
}

#livre #liste_plantes ul {margin: 0; padding: 0;}



img.img_seule{
	margin: 90px 0 0 20px;
}
em.note, p.note{font-size: 11px;}

#pop {
	position: absolute; width: 514px; height: 200px; text-align: center; top: 10px; left: -1000px; z-index: 920;
}
div.fermer{position: absolute; top: 0; right: 0;}
div.fermer a img {border: none;}
.voir_charte img{border: none;}