/* CSS Document */

body{
	padding : 0;
	margin : 0;
	background-image : transparent;
	background-repeat : repeat;
}
#contenu{
	padding-top: 170px;
	padding-bottom: 30px;
	padding-left: 256px;
	padding-right:1%;
}
#contenu p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:normal;
	color:#990000;
	background-color:transparent;
	line-height:120%;
}
h1{
font-family:Arial, Helvetica, sans-serif;
	font-size:160%;
	font-weight:normal;
	color:#990000;
	background-color:transparent;
	line-height:120%;
	text-align:justify;
	text-indent: 30px;
	}

#logo{
	position:absolute;
	top:10px;
	left: 43px;
	z-index:50;
	
}
#branche{
	position:absolute;
	top:10px;
	left:350px;
	text-align:right;
}


#script{
	position:absolute;
	top:15px;
	left:730px;
	text-align:right;
}
#banniere{
	position:absolute;
	top:130px;
	left: 45px;
	z-index:50;
	
}
#melange{
	position:absolute;
	top:292px;
	left: 256px;
	z-index:50;
	
}
#ortie{
	position:absolute;
	top:292px;
	left: 411px;
	z-index:50;
	
}
#consoude{
	position:absolute;
	top:292px;
	left: 566px;
	z-index:50;
	
}
#ail{
	position:absolute;
	top:720px;
	left:60px;
	z-index:50;
	
}
#nouveau{
	position:absolute;
	top: 665px;
	left:60px;
	z-index:50;
	
}
#prele{
	position:absolute;
	top:453px;
	left: 256px;
	z-index:50;
	
}
#jus{
	position:absolute;
	top:453px;
	left: 411px;
	z-index:50;
	
}
#fougere{
	position:absolute;
	top:453px;
	left: 566px;
	z-index:50;
	
}
#rosier{
	position:absolute;
	top:292px;
	left: 721px;
	z-index:50;
	
}
#semi{
	position:absolute;
	top:453px;
	left: 721px;
	z-index:50;
	
}
#tableau{
	position:absolute;
	top:653px;
	left: 250px;
	z-index:50;
	overflow: hidden;
	visibility: inherit;
	
}
#photog{
	position:absolute;
	top:401px;
	left: 45px;
	z-index:50;
	
}
#menu{
	position:absolute;
	top:190px;
	left:0px;
	z-index:50;
}

ul#menu
{
	margin:200;
	padding:0;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu li
{
	margin:  0 5px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menu li a
{
	display:block; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 170px ;
	line-height: 30px ;
	color:#990000 ;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(image/bouton2.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 1px solid #dbd ;
}

ul#menu li a:hover
{
	background: url(image/bouton2.jpg) no-repeat 0 -30px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 1px solid #f97 ;
}