/*
 * Page d'acceuil
 */

body{
width: 100%;
}

#cadreAccueil{
	
/* Largeur et hauteur*/
width: 85%;
height: 520px;
position: relative;
/* Centrage horizontal et vertical */

margin-left: auto;
margin-right: auto;
margin-top: auto;
margin-bottom: auto;

background: url(../images/fond-acceuil.jpg) white no-repeat;
background-position: top center;

border: solid 10px white;
	
}

/*
 * Titre du site
 */

#titre_pdb{
width: 100%;
position: absolute;

top: 40px;
left: 0;

font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
font-size: 45px;
font-weight: bold;
text-align: center;
font-style: italic;

color: #0F7F1F;
}


/*
 * Sous-titre
 */

#soustitre{
width: 100%;
position: absolute;

top: 176px;
left: 0;

font-family: Verdana;
font-size: 32px;
font-weight: normal;
text-align: center;
font-style: italic;

color: #0F577F;
}


/*
 * Bloc du menu
 */

#menuAccueil{
position: absolute;
width: 100%;
/*top: 485px;*/
bottom:0;
background-color: #E1FFDF;

}


/* Liste */
#menuAccueil ul{
list-style: none;
/*width: 100%;*/
padding: 8px 8px 8px 8px;
}

/* Items */
#menuAccueil li{
/*float: left;*/
display: inline;
}


#menuAccueil li:hover{
/*background-color: #C4D2AF;*/
}


#menuAccueil a{
font-family:"Trebuchet MS", Arial, Verdana;
padding: 8px 8px 8px 8px;
/*display: block;*/
height: 100%;
color: #094F05;
font-style : normal;
text-decoration: none;
font-weight: bold;
}

#menuAccueil a:hover{
font-family:"Trebuchet MS", Arial, Verdana;
padding: 8px 8px 8px 8px;
height: 100%;
/*display: block;*/
color: white;
background-color: #9AAF99; /*#094F05;*/
font-style : normal;
text-decoration: none;
font-weight: bold;
}


/*
 * Image découpée
 */
#planteDecoupee{
width: 215px;
height: 187px;

position: absolute;
right: 1%;
top: 305px;
z-index: 1000;
}

.infobulle{
display:none;
z-index: 500;
}

#planteDecoupee:hover span{
position: absolute;
display:inline;
top: 15em;
right: 2em;
background-color: #FAFFCF;
color: black;
font-size: 10px;
font-weight: normal;
font-family: Verdana;
border: black 1px solid;
border-bottom: black 1px solid;
padding: 2px 3px 2px 3px;
}



/*
 * Arbes, arbustes, coniferes
 */

h3{
position: absolute;
font-family: "Times New Roman", Arial;
color: #054F47;
font-size: 25px;
font-weight: bold;
}

#arbres{
top: 300px;
right: 210px;
}

#arbustes{
top: 365px;
right: 250px;
}

#coniferes{
top: 430px;
right: 230px;
}

/*
 * Coordonnées
 */
#coordonnees{
position: absolute;
top: 76%;
left: 4%;
width: 250px;
text-align: center;
}