body {
margin:10px 4%;
padding:0;
font-family:arial, serif;
background:url(../boutons-objets/background.fougeres.jpg);
}

#global {
position:relative;
margin:0;
padding:0;
background:url(../v3/images/design/fond-partie-gauche.jpg) repeat-x #f7d549;
width:100%;
}
a img {
border:none;
}
img, a, a img, p, li , ul, h1, h2, h3, h4, hr, div{
margin:0;
padding:0;
list-style-type:none;
}

a {
color:#384c00;
text-decoration:none;
}
a:hover{
color:#714d00;
text-decoration:underline;
}
a:visited{
color:#003b71;
}



/*----------------------- en tete -----------------*/

#en_tete{
    height:70px;
    background:#f7d549;
	text-align:center;
}

/*------------------------ conseils du jardinier -----------------*/
#conseils{
width:180px;
position:absolute;
left:0;
text-align:center;
}
#conseils p.bulle {
font-weight:570;
position:absolute;
margin-left:13px;
right:10px;
top:80px;
padding:0 0 2px 5px;
font-size:12px;
}


/*----------------------- zone de droite ---------*/
#zone_droite{
float:right;
width:100px;
}
#zone_droite img{
height:80px;
width:60px;
float:right;
margin:5px 20px 0 0;
}
#zone_droite p{
font-size:10px;
text-align:center;
}
#zone_droite h2{
margin-bottom:2px;
font-size:13px;
color:white;
background:url(../v3/images/design/fond-h2-ronds-bis.jpg) repeat-y top left white;
text-align:center;
}
/*----------------- corps -*/
#corps{
background:white;
margin:0 100px 0px 180px;
border:1px solid green;
border-width:0 2px 0 2px;
padding:0 0px;
}

#corps img.img_principale{
float:right;
width:250px;
margin-left:5px;
}
#corps h1{
letter-spacing:2px;
padding-top:8px;
border-bottom:1px solid #f7d549;
margin-left:0px;
font-size:18px;
color:#002e7e;
background:url(../v3/images/design/fond-h1-centre-blanc.jpg) repeat-y top center #f7d549;
text-align:center;
height:21px;
line-height:21px;
}
#corps h2{
margin-top:10px;
margin-bottom:2px;
font-size:13px;
color:white;
background:url(../v3/images/design/fond-h2-ronds-bis.jpg) repeat-y top left white;
padding-left:20px;
}
#corps h3{
margin-left:20px;
margin-top:8px;
font-size:11px;
color:white;
background:url(../v3/images/design/fond-h3.png) repeat-y bottom left white;
padding-left:20px;
}
#corps p{
font-size:13px;
margin:0px 10px 0px 10px;
text-align:justify;
height:100%;
}
#corps p.chemin {
font-weight:600;
position:absolute;
top:75px;
margin:0;
padding:0 0 2px 5px;
font-size:11px;
}
#corps p.premier{
margin-bottom:2px;
padding:4px;
margin-left:60px;
background:#f0faf2;
font-size:13px;
}
#corps p.second{
margin-bottom:2px;     
padding:4px;  
margin-left:60px;
background:#fcf7ee;
font-size:13px;
}
#corps .conteneur img{
float:left;
width:35px;
margin:5px 0 0 10px;
}
.separation {
clear:left;
}
.fleche {
position:relative;
top:2px;
}
/*--------------------- popup especes --------------------------*/
#global_popup {
position:absolute;
width:650px;
background:url(../v3/images/design/fond_popup.jpg) repeat-x bottom left white;
border:1px solid #d69100;
}
#global_popup img#imgFull{
width:240px;

}

#global_popup p.texte_popup {
position:absolute;
bottom:30px;
left:250px;
text-align:justify;
font-size:13px;
width:380px;
}
.gras {
font-weight:bold;
}
.italic {
font-style:italic;
}
.soulign {
text-decoration:underline;
}
#global_popup span.nom_especes {
font-size:11px;
}
#global_popup .fermer{
position:absolute;
bottom:0px;
right:0;
font-size:11px;
height:15px;
width:120px;
background:black;
text-align:center;
}
#global_popup .fermer a{
color:white;
}
#global_popup h1 {
height:20px;
line-height:20px;
font-size:14px;
color:#083200;
background:url(../v3/images/design/fond-h2-ronds-bis.jpg) repeat-y top left white;
text-align:center;
}










/* -------------------------------------------   pied de page   ---------------------------------------*/
#pied {
height:25px;
text-align:center;
    border:1px solid green;
    border-width:0 2px 2px 2px;
background:white;
clear:both;

}