/***************************************************************************************************/
/******************************************* divs overall ******************************************/
/***************************************************************************************************/
body{
	margin:0px;
	padding:0px 0px 15px 0px;
	text-align:center;
	background-color:#eaf5cb;
	font-size:0.7em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#004731;
}
.myhr{
	clear:both;
	visibility:hidden;
}
form{
	padding:0px;
	margin:0px;
}
img{
	border:none;
}
a{
	color:#5b9000;
}
/***************************************************************************************************/
/******************************************* divs overall ******************************************/
/***************************************************************************************************/
#container {
	margin:0px auto 0px auto;
	width:780px;
	text-align:left;
	background-color:#FFFFFF;
	background-image:url(../images/fd-container.gif);
	background-repeat:repeat-y;
	background-position:right;	
}
#header, #header-home{
	height:60px;
	background-image:url(../images/header.gif);
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#FFFFFF;
}
#header a:link, #header a:visited{
	display:block;
	width:155px;
	height:60px;
	background-image:url(../images/logo-baobab.gif);
} 
#header a:hover{
	/*background-image:url(../images/logo-baobab-hover.gif);*/
	background-image:url(../images/logo-baobab.gif);

}
#header img{
	visibility:hidden;	
}
#recherche{
	background-color:#cfe7a2;
	height:25px;
	width:151px;
	position:relative;
	margin:-62px 0px 0px 468px;
	padding:8px 0px 0px 5px;
}

#champ-texte{
	font-size:0.8em;
	border:solid 1px #5b9000;
	width:105px;
}
#bouton-ok{
	font-size:0.8em;
	color:#CC3300;
	border:solid 1px #5b9000;
	background-color:#FFFFFF;
	margin:0px 0px 0px 5px;
	padding:0px 5px 0px 5px;
}

#footer{
	padding:3px 0px 0px 0px;
	margin:20px 0px 0px 0px;
	text-align:right;
	font-size:0.9em;
	background-color:#eaf5cb;
}
#footer a:link, #footer a:visited{
	text-decoration:none;
	color:#004731;
}
#footer a:hover{
	text-decoration:underline;
}
#mainmenu{
	height:55px;
}
#mainmenu ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
#mainmenu ul li{
	float:left;
}
#mainmenu span{
	display:none;
}
#mainmenu a:link, #mainmenu a:visited{
	height:55px;
	background-position:top;
	display:block;
	width:156px;
}
#mainmenu a:hover{
	background-position:bottom;
}


/*************************************************************/
#m-jardin a:link, #m-jardin a:visited, #m-jardin a:hover{ background-image:url(../images/m-jardin.gif);}
#m-animaux a:link, #m-animaux a:visited, #m-animaux a:hover{	background-image:url(../images/m-animaux.gif);}
#m-deco a:link, #m-deco a:visited, #m-deco a:hover{	background-image:url(../images/m-deco.gif);}
#m-magasin a:link, #m-magasin a:visited, #m-magasin a:hover{ background-image:url(../images/m-magasin.gif);}
#m-selection a:link, #m-selection a:visited, #m-selection a:hover{background-image:url(../images/m-selection-baobab.gif);}

/********************************* etats actifs ****************************/
#mainmenu strong{
	height:55px;
	background-position:top;
	display:block;
	width:156px;
}
#mainmenu strong span{
	display:none;
}
#m-jardin strong{	background-image:url(../images/m-jardin-actif.jpg);}
#m-animaux strong{	background-image:url(../images/m-animaux-actif.jpg);}
#m-deco strong{	background-image:url(../images/m-deco-actif.jpg);}
#m-magasin strong{	background-image:url(../images/m-magasin-actif.jpg);}
#m-selection strong{ background-image:url(../images/m-selection-actif.jpg);}

/*************************************************************/
#side-menu{
}
#side-menu ul{
	padding:0px;
	margin:0px;
	list-style:none;
	background-color:#004731;
}
#side-menu ul li{
	margin:0px;
	padding:0px;
	border-bottom:solid 1px #cfe7a2;
}
#side-menu ul li a:link, #side-menu ul li a:visited{
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	padding:5px 0px 5px 20px;
	background-image:url(../images/puce-side-menu.gif);
	background-position:0px 1px;
	background-repeat:no-repeat;
}
#side-menu ul li a:hover{
	background-color:#cfe7a2;
	background-position:0px -68px;
	color:#004731;
}
#side-menu ul li strong{
	display:block;
	padding:5px 0px 5px 20px;
	color:#fff;
}
/***************************************************************************************************/
/******************************************* divs home ******************************************/
/***************************************************************************************************/
#home-colonne-gauche{
	float:left;
	width:468px;
	padding:0px 0px 0px 0px;
}
#home-actualites{
	float:left;
	width:147px;
}
#home-cartefidelite{
	float:right;
	width:310px;
	margin:0px 3px 0px 0px;
}
#home-cartefidelite p{
	margin:0px;
	padding:0px;
}

#decouvrez-le-jardin h2{
	margin:0px;
	padding:0px;
	height:175px;
}
#decouvrez-le-jardin a:link, #decouvrez-le-jardin a:visited, #decouvrez-le-jardin a:hover{
	display:block;
	height:15px;
	text-align:right;
	color:#d6b691;
	padding:2px 2px 0px 0px;
	_margin:-15px 0px 0px 0px;
	font-size:0.9em;
	text-decoration:none;
}
#decouvrez-le-jardin span, #decouvrez-le-jardin p{
	display:none;
}
#home-colonne-milieu{
	width:156px;
	float:right;
	padding:0px 0px 0px 0px;
	
}
#home-colonne-droite{
	width:156px;
	float:right;
	padding:192px 0px 0px 0px;
	background-image:url(../images/visu-metal.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

#home-actualites h2, #home-cartefidelite h2, #home-colonne-milieu h2{
	padding:0px 0px 0px 12px;
	margin:20px 0px 0px 5px;
	font-size:1.1em;
	background-image:url(../images/puce-h2.gif);
	background-repeat:no-repeat;
	background-position:left;
}
#home-actualites p, #home-cartefidelite p, #home-colonne-milieu p{
	padding:0px 4px 15px 4px;
	margin:10px 0px 0px 0px;
}
#home-actualites ul, #home-cartefidelite ul, #home-colonne-milieu ul,
#home-actualites ul li, #home-cartefidelite ul li, #home-colonne-milieu ul li{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	list-style:none;
	color:#004731;
}
#home-actualites ul li, #home-cartefidelite ul li, #home-colonne-milieu ul li{
	padding:0px 4px 0px 3px;
}
#home-actualites ul li a, #home-cartefidelite ul li a, #home-colonne-milieu ul li a{
	color:#004731;
}
#home-cartefidelite p, #home-colonne-milieu p, #home-cartefidelite ul, #home-colonne-milieu ul{
	border-left:solid 1px #cf63a6;
}

/***************************************************************************************************/
/***************************************** divs interieur ******************************************/
/***************************************************************************************************/
h1{
	height:56px;
	margin:0px;
	padding:0px;
}
h1 span{
	display:none;
}
#colonne-droite{
	width:156px;
	float:right;
	padding:0px 0px 0px 0px;
	border-top:solid 1px #FFFFFF;
}
#colonne-gauche{
	width:292px;
	float:left;
}
#encart-intro{
	width:272px;
	padding:10px;
	margin:10px 0px 0px 10px;
	color:#FFFFFF;
	text-align:justify;
	font-size:0.9em;
}
#encart-intro h2{
	font-size:1em;
	margin:0px 0px 20px 0px;
}
#gros-plan-sur{
	width:290px;
	padding:0px 0px 0px 0px;
	border:solid 1px #cfe7a2;
	margin:10px 0px 0px 10px;
	background-color:#eaf5cb;
}
#gros-plan-sur h2{
	display:none;
}
#gros-plan-sur-visu{
	background-color:#FFFFFF;
	float:left;
	padding:35px 0px 0px 0px;
	margin:0px 5px 0px 0px;
	background-image:url(../images/gros-plan-sur.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
#colonne-milieu{
	float:right;
	width:302px;
	padding:10px 10px 0px 0px;
	background-image:url(../images/flower.gif);
	background-repeat:no-repeat;
	background-position:top right;
}
#fildariane{
	font-size:0.8em;
	text-align:right;
	color:#8fc13b;
}
#fildariane a{
	color:#8fc13b;
	text-decoration:none;
}
#colonne-milieu h2{
	font-size:1.5em;
}
.categorie{
	padding:4px 0px 4px 0px;
}
.categorie h3{
	font-size:1em;
	background-image:url(../images/dot-vert.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 60px;
}
.categorie h3 a:link, .categorie h3 a:visited{
	text-decoration:none;
}
.categorie h3 a:hover{
	text-decoration:underline;
}
.categorie p{
	margin:0px 0px 0px 60px;
}
.categorie img{
	float:left;
}

#top-et-print{
	background-image:url(../images/topetprint.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding:1px 0px 0px 0px;	
	margin:15px 0px 0px 0px;
}
#top-et-print a:link, #top-et-print a:visited, #top-et-print a:hover{
	text-decoration:none;
	color:#004731;
	font-size:0.8em;
	padding:0px 10px 0px 14px;
}

.categorie-ouverte{
	background-color:#eaf5cb;
	padding:10px;
	margin:10px 0px 10px 0px;
}
.categorie-ouverte ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.categorie-ouverte ul li{
	width:140px;
	float:left;
}
.categorie-ouverte ul li a:link, .categorie-ouverte ul li a:visited{
	color:#004731;
	text-decoration:none;
}
.categorie-ouverte ul li a:hover{
	text-decoration:underline;
}

/***************************************************************************************************/
/************************************ divs interieur :: fiche **************************************/
/***************************************************************************************************/
#colonne-fiche{
	float:left;
	width:603px;
	padding:10px 10px 0px 10px;
	background-image:url(../images/flower.gif);
	background-repeat:no-repeat;
	background-position:top right;
}
#fiche-entete{
	background-color:#eaf5cb;
	padding:10px;
}
#fiche-entete img{
	float:left;
	margin:0px 15px 15px 0px;
}
#infos-entete{
	_float:left;
}
#fiche-entete ul{
	margin:0px;
	padding:0px;
	list-style:none;
	_width:100%;
}
#fiche-entete ul li{
	margin:0px;
	padding:3px 0px 3px 0px;
}
#fiche-retour{
	text-align:right;
	background-image:url(../images/fiche-retour.gif);
	background-position:right;
	background-repeat:no-repeat;
	height:16px;
	padding:3px 0px 0px 0px;
}
#fiche-retour a:link, #fiche-retour a:visited, #fiche-retour a:hover{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	font-size:0.8em;
	padding:0px 7px 0px 0px;
}
#colonne-fiche h2{
	color:#FFFFFF;
	font-size:1em;
	padding:4px 0px 4px 20px;
	background-image:url(../images/dot-blanc.gif);
	background-position:8px 8px;
	background-repeat:no-repeat;
}
#colonne-fiche h2 span{
	font-weight:normal;
	font-style:italic;
}
#colonne-fiche p{
	text-align:justify;
}

/***************************************************************************************************/
/************************************ divs interieur :: magasin **************************************/
/***************************************************************************************************/
#colonne-magasin{
	float:left;
	width:613px;
	padding:10px 10px 0px 0px;
}
#colonne-magasin h2{
	font-size:1.2em;
	color:#FFFFFF;
	float:left;
	padding:15px 10px 15px 10px;
	margin:-22px 0px 0px 0px;
}
#carte-france{
	float:right;
	padding:0px 27px 0px 0px;
}
#liste-deroulante{
	float:left;
	width:220px;
	padding:10px 0px 0px 10px;
}
#magasin-gauche{
	float:left;
	width:299px;
	text-align:right;
	padding:22px 0px 0px 0px;
	margin:-22px 0px 0px 0px;
}
#magasin-liste{
	float:right;
	width:300px;
	padding:10px 0px 0px 0px;
}
.magasin{
	background-color:#eaf5cb;
	padding:10px;
	margin:0px 0px 10px 0px;
}
.magasin strong{
	width:90px;
	margin-right:4px;
	display:block;
	float:left;
}
.magasin a:link, .magasin a:visited, .magasin a:hover{
	color:#004731;
} 
.visuel-magasin{
	margin-left:91px;
}
.magasin-pictos{
	
}
#carte-detail{
	padding:10px;
	margin:40px 0px 0px 10px;
	text-align:center;
}
/***************************************************************************************************/
/*********************************** divs interieur :: contact *************************************/
/***************************************************************************************************/
#colonne-rub-transversales{
	float:left;
	width:604px;
	padding:0px 10px 0px 10px;
}
#colonne-rub-transversales h2{
	font-size:1.2em;
	color:#FFFFFF;
	padding:15px 10px 15px 10px;
	margin:0px -10px 10px -10px;
	border-top:solid 1px #FFFFFF;
}

.mentions{
	font-size:0.8em;
	font-weight:normal;
}

/***************************************************************************************************/
/*********************************** divs interieur :: titres *************************************/
/***************************************************************************************************/
#h1-magasin{
	background-image:url(../images/h1-magasin.jpg);
}
#h1-deco{
	background-image:url(../images/h1-deco.jpg);
}
#h1-animaux{
	background-image:url(../images/h1-animaux.jpg);
}
#h1-jardin{
	background-image:url(../images/h1-lejardin.jpg);
}
#h1-selection{
	background-image:url(../images/h1-selection.jpg);
}

/**************************************************************************************************/
/***************************************** plan du site  ******************************************/
/**************************************************************************************************/
#plandusite{
	padding:40px 0px 0px 0px;
}
#plandusite ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
#plandusite ul li{
	padding:0px 0px 0px 30px;
	font-weight:bold;
	font-size:1.2em;
}
#plandusite ul li a:link, #plandusite ul li a:visited, #plandusite ul li a:hover{
	padding:3px 0px 3px 20px;
	text-decoration:none;
	background-color:#eff7d7;
	display:block;
}
#plandusite ul li ul{
	padding:0px 0px 10px 0px;
}
#plandusite ul li ul li a:link, #plandusite ul li ul li a:visited, #plandusite ul li ul li a:hover{
	background-color:transparent;
	background-image:url(../images/puce-plan.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding:0px 0px 0px 10px;
	color:#004731;
}
#plandusite ul li ul li{
	padding:0px 0px 0px 30px;
	font-size:0.8em;
}
#plandusite ul li ul li ul li a:link, #plandusite ul li ul li ul li a:visited, #plandusite ul li ul li ul li a:hover{
	padding:0px 0px 0px 17px;
	background-image:url(../images/puce-plan2.gif);
	background-repeat:no-repeat;
	background-position:0px -4px;
	background-color:transparent;
	font-weight:normal;
	color:#004731;
}
/**************************************************************************************************/
/***************************** mise en page des rubriques transversales  **************************/
/**************************************************************************************************/
#colonne-rub-transversales h3{
	margin:10px 0px 0px 0px;
	font-size:1.1em;
}

h4{
	margin:20px 0px 0px 0px;
	font-size:1.1em;
}
h5{
	color:#999999;
	margin:0px 0px 20px 0px;
	font-size:0.9em;
}
hr{
	border:none;
	color:#d0e0a0;
	background-color:#d0e0a0;
	height:1px;
	margin:20px 0px 10px 0px;
}
#mise-en-avant{
	display:none;
}