body {
margin:10px 2%;
padding:0;
font-family:arial, serif;
background:#f7d549;
}

#global {
position:relative;
margin:0;
padding:0;
background:url(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;
}

.centre {
width : 100%;
margin:0 auto; 
text-align:center;
 
color:#384c00;
font-size:15px;
	}
	
.titre {
margin-left: auto;
margin-right: auto;
width:100%;
text-align:center;
font-size:18px;
color:#384c00;
background:url(images/design/fond-h1-centre-blanc.jpg) repeat-y top center #f7d549;
font-size:15px;
	}
#Clos-Ferreols {
margin:0 auto;
width:728px;
}

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


a.info {
position: relative;
text-decoration: none;
}
a.info span {
display: none;
}
a.info:hover {
background: none; /* correction d'un bug IE */
z-index: 100;
}
a.info:hover span {
display: inline;
position: absolute;
left: 120px;
text-align: center;
padding: 2px;
}


/*----------------------- 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{
width:120px;
position:absolute;
right:0;
text-align:center;
}

#zone_droite p{
font-size:10px;
text-align:center;
}
#zone_droite h2{
margin-bottom:2px;
font-size:13px;
color:white;
background:url(images/design/fond-h2-ronds-bis.jpg) repeat-y top left white;
text-align:center;
}
/*----------------- corps -*/
#corps{
background:white;
margin:0 120px 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(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(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(images/design/fond-h3.png) repeat-y bottom left white;
padding-left:20px;
}

#corps h4{
margin-left:20px;
margin-top:8px;
font-size:15px;
text-align:center;
color:#384c00;
background:url(../v3/images/design/fond-h1-centre-blanc.jpg) 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;
}

.quatrecolumns 
{
    -moz-column-width: 150px;
    -webkit-column-width: 150px;
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
}

.troiscolumns 
{
-moz-column-count: 3; /* nombre de colonnes */
-moz-column-width: 150px; /* -moz- pour FireFox -  -webkit- pour les autres navigateurs*/
-webkit-column-width: 150px;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
-webkit-column-count: 3;
}
/*--------------------- popup especes --------------------------*/
#global_popup {
position:absolute;
width:700px;
background:url(images/design/fond_popup.jpg) repeat-x bottom left white;
border:1px solid #d69100;
}
#global_popup img#imgFull{
width:250px;
position:absolute;
left: 50%; 
margin-left: -168px; /* moitié de la largeur de l'image */


}

#global_popup p.texte_popup {

bottom:30px;
margin-top:400px;
left:260px;
text-align:justify;
font-size:13px;
width:620px;
}
.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;
top:0px;
right:30px;
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(images/design/fond-h2-ronds-bis.jpg) repeat-y top left white;
text-align:center;
}


/* -------------------------------------------   zone basse des espèces   ---------------------------------------*/
#zone_varietes {  
	width:100%;
	height: auto;
}


#zone_varietes img{
height:80px;
width:60px;
}

#zone_varietes h2{
margin-bottom:2px;
font-size:13px;
background:url(images/design/fond-h2-ronds-bis.jpg) repeat-y top left white;
text-align:center;
}

.varietes li
{
  display:inline-block;
  width: 158px;
  min-height: 100px;
  vertical-align:top;
  text-align:center;
  padding:4px;
  zoom:1;
  *display: inline;
  _height: 100px;
  border:none;
}

/* -------------------------------------------   pied de page   ---------------------------------------*/
#pied {

text-align:center;
font-size:10px;
    border:1px solid green;
    border-width:2px 2px 2px 2px;
	
background:white;
clear:both;

}