body {
 margin: 0px;
 font-family: Arial, verdana, times, sans-serif;
 font-size: 0.8em;
 height: 100%;
 overflow: hidden;
}


/* _______________________________________________	*/
/* 		Balise classique							*/

h1 {
 font-size: 1.5em;
 color: #3D8E33;
 position: absolute;
 text-align: right;
 right: 70px;
 margin: 0px;
 top: 82px;
 padding: 0px;
}


h2 {
 font-size: 1.3em;
 color: #3D8E33;
 text-align: left;
 border-bottom: 1px solid #3D8E33;
 margin: 0px;
 padding-left: 20px;
 padding-bottom: 10px;
 margin-bottom: 10px;
}

h2 img{
 height: 50px;
 vertical-align: middle; 
 margin-left: 20px;
 margin-right: 20px;
}


h5 {
 font-size: 1em;
 text-align: center;
 color: gray;
 margin-top: 5px;
 margin-bottom: 5px;
 background: #D6D6CA;
}

h6 {
 float: left;
 font-size: 1em;
 margin:0px;
 margin-right: 10px;
}

.dateTime {
 position: absolute;
 left: 130px;
 top: 107px;
 font-size: 0.8em;
 font-weight: bold;
}


table{
 font-family: Arial, verdana, times, sans-serif;
 font-size: 1em;
 border: 0px;
 border-collapse: collapse;
 width: 585px;
 margin-bottom: 10px;
}

th {
 background: #D6D6CA;
 color: gray;
 border: 1px solid #7B7B61;
}

th.sousCatego{
 background: #E87511 url('images/fondTh.png') center left repeat-x;
 color: black;
 
}

td {
 border: 1px solid #7B7B61;
 padding: 2px;
 padding-left: 4px;
}

a {
 text-decoration: none;
 color: #E87511;
}


a:hover {
 color: #3D8E33;
}



a img {
 border: 0px;
}



.trLien {
 background: #FFFFFF;
 cursor: pointer;
 color: #555555;
}

.trSurlign td{
 cursor: pointer;
 background: #EBFFCE;
 border-top: 1px solid #E87511;
 border-bottom: 1px solid #E87511;
}

.trSelect td{
 border-top: 1px solid #E87511;
 background: #E87511;
 color: white;
 border-bottom: 1px solid #E87511;
}


.tdSansBord {
 border-left: 0px;
 border-right: 0px;
 height: 5px;
}

.button {
 background: #3D8E33 url('images/fondBtn.png') center left repeat-x;
 display: block;
 height: 40px;
 border-left: 1px solid #3D8E33;
 border-right: 1px solid #3D8E33;
 font-size: 1.1em;
 font-weight: bold;
 color: white;
 width: 170px;
 float: right; 
}

.btnRetour {
 background: url('images/fleche-retour.png') center left no-repeat;
 margin-top: 3px;
 height: 35px;
 margin-right: 5px;
 padding-left: 40px;
 cursor: pointer;
}

.button:hover {
 background: #EBFFCE;
 color: white;
 background: #FFFFFF url('images/fondBtnAct.png') center left repeat-x;
}


.center {
 text-align: center;
}

.message {
 border: 2px solid #3D8E33;
 width: 350px;
 margin-left: 200px;
 margin-top: 30px;
 margin-bottom: 10px;
 padding: 5px;
 font-size: 1.1em;
 text-align: center;
 font-weight: bold;
 color: #3D8E33;
}


.stopFlottant{
 height: 0px;
 font-size: 0px;
 clear: both;
 width: 0px;
}

/* _______________________________________________	*/
/* 		structure de la page						*/

#content{
 overflow: auto;
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0px;
 z-index: 0;
 text-align: center;
}
#page{
 margin: auto;
 background: white url('images/menu.jpg') top center repeat-y;
 width: 750px;
 text-align: left;
}

#bandeau-haut {
 background: white url('images/bandeau-haut.jpg') top center no-repeat;
 position: absolute;
 width: 750px;
 height: 127px;
}

#en-tete{
 height: 140px;
 position: relative; 
 z-index: 90;
}

#bandeau-bas{
 background: #3D8E33;
 position: absolute;
 width: 750px;
 height: 17px;
 z-index: 90;
}

#pied-de-page{
 text-align: center;
 height: 15px;
 position: absolute;
 color: white;
 z-index: 100;
 width: 750px;
}

#menu {
 float: left;
 position: relative;
 top: 0px;
 width: 150px;
 margin-left: 0px;
 margin-bottom: 15px;
}

#corps {
 float: left;
 position: relative;
 width: 590px;
 margin-top: -10px;
 left: 0px; 
 z-index: 90;
}



/* _______________________________________________	*/
/* 		Catalogue					*/

.catalogueLien {
 margin-top: 15px;
 width: 195px; 
 height: 135px;
 float: left;
 text-decoration: none; 
 color: #000000;
}

.catalogueLien img{
 margin: 5px;
}


.catalogueLien:hover {
 font-size: 1.2em;
 color: #FFFFFF;
}

.catalogueLien div {
 text-align: center;
 position: relative; 
 top: 106px;
 font-weight:bold; 
}


.catalogueLien:hover div {
 top: 106px;
}

.icone{
 text-align: center;
}

.icone img{
 width: 60px;
}


/* _______________________________________________	*/
/* 		Menu						*/

.btn5 {
 background: url('images/btn5.png') center center no-repeat;
 display: block;
 font-size: 1.2em;
 color:white;
 font-weight: bold;
 text-decoration: none;
 text-align: center;
 width: 140px;
 height: 30px;
}
.btn5:hover {
 background: #3D8E33 url('images/btnact5.png') center center no-repeat;
 font-size: 1.3em;
 font-weight: bold;
 color: #FFFFFF;
}
.btn5 span  {
 position: relative;
 top:0.4em; 
 height: 1.2em; 
 cursor: pointer;
}

.btn5:hover span  {
 top:0.3em; 
 cursor: pointer;
}

.logoJDL {
 width: 140px;
 height: 80px;
 text-align: center;
}
.logoJDL img {
 position: absolute;
 left: 5px;
}
.infoJDL {
 width: 80px;
 font-size: 1em;
 text-align: center;
 position: absolute;
 margin-top: 10px;
 left: 50px;
 text-indent: 10px;
 background: #FCD116;
 font-weight: bold;
 border: 1px solid black;
 z-index: 0;
}

.infoJDL a{
 color: #005B99;
}

 .infoJDLActif {
 position: absolute;
 display: none;
 margin-top: -5px;
 padding: 5px;
 left: 2px;
 font-weight: bold;
 border: 2px solid #3D8E33;
 width: 145px;
 font-size: 1em;
 background:  #FFF076;
 z-index: 120;
}



/* _______________________________________________	*/
/* 		Page contact							*/
.coordonnees {
 width: 220px;
 float: right;
}

.coordonnees div{
 text-align: center;
 margin: 5px;
 margin-top: 15px;
 font-size: 1.1em;
}

.coordonnees a{
 float: left;
}
.coordonnees h3{
 background: #E87511 url('images/fondTh.png') center left repeat-x;
 margin: 0px;
 font-size: 1.2em;
 text-align: center;
 
}

/* _______________________________________________	*/
/* 		Liste PRODUITS							*/
.listeProduit tr{
 cursor: pointer;
}

.nouveaute {
 margin-left: -20px;
 position: absolute;
}
.nouveauteDiv {
 height: 10px;
}

/* _______________________________________________	*/
/* 		Page blanche en transparence						*/
#contentBlank{
 width: 100%;
 height: 100%;
 background: white;
 position: absolute;
 top: 0px;
 z-index: 0;
 visibility: hidden;
}
		
/* _______________________________________________	*/
/* 		ZOOM PHOTO							*/
#contentPhotoZoom{
 overflow: auto;
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0px;
 z-index: 5;
 display: none;
 text-align: center;
}
					
#photoZoom {
 margin: auto;
 margin-top: 5px;
 width: 748px;
 text-align: center;
}

#photoZoom img {
 margin: 10px;
 border: 2px solid #3D8E33;
 cursor: pointer;
}

/* _______________________________________________	*/
/* 		FICHE PRODUIT		*/
#contentFicheProduit{
 overflow: auto;
 width: 100%;
 height: 100%;
 background: white url('images/fond-fiche.jpg') top center repeat-y;
 background: white;
 position: absolute;
 top: 0px;
 z-index: 1;
 display: none;
 text-align: center;
}
					
#ficheProduit {
 margin: auto;
 width: 748px;
 text-align: left;
 background: #F9FAED;
 border: solid 1px black;
}

.bandeauHautFicheProduit{
 background: url('images/fiche-produit-bandeau-haut.jpg') top center no-repeat;
 height:120px;
}

.bandeauHautFicheProduit .button {
 margin-top:78px;
 margin-bottom:12px;
}
.bandeauHautFicheProduit h1{
 float: left;
 text-align: left;
 position: static;
 margin: 0px;
 width: 550px;
 margin-left: 10px;
 margin-top: 78px;
 font-size: 1.3em;
}

.bandeauFicheProduit{
 background: #D6D6CA;
 clear: right;
 border-top: 1px solid #000000;
 border-bottom: 1px solid #000000;
}

.infoIcone{
 width: 380px;
 float: right;
 margin-top: 3px;
}
.infoIcone div{
 width: 55px;
 margin-left:5px;
 font-size: 0.9em;
 float: left;
}
.periodePlantation, .periodeFloraison {
 clear: left;
 margin-top: 7px;
 height: 20px;
}
.periodePlantation div, .periodeFloraison div{
 margin: 1px;
 float: left;
 width: 20px;
 height: 20px;
 background: url('../commun/ficheProduitPeriode.png');
 color: #7B7B61;
 font-weight: bold;
 text-align: center;
 padding-top:  2px;
 }
.periodePlantation div.periodeAct{
 background: url('../commun/ficheProduitPeriodePlanta.png');
 color: black;
}

.periodeFloraison div.periodeAct{
 background: url('../commun/ficheProduitPeriodeFloraiso.png');
 color: black;
}

.nomLatin{
 margin:4px;
 margin-top:-5px;
 color: black;
 font-weight: bold;
 font-size: 1.2em;
 font-style: italic;
}

.leftFicheProduit{
 clear: left;
 float: left;
 width: 320px;
}

.titrePhotoProduit{
 text-align: center;
 border-top: 1px solid black;
 border-bottom: 1px solid black;
 background: #D6D6CA;
 font-weight: bold;
}
.contenantsFicheProduit table{
 width: 320px;
 margin-top: 5px;
}

.photoMiniatures  {
 height: 70px;
}
a.miniaturePhoto {
 border: 3px solid #D6D6CA;
 display: block;
 float: left;
 margin: 2px;
 width: 90px;
 height: 60px;
 overflow: hidden;
 margin-top: 5px;
 margin-bottom: 5px;
 margin-right: 10px;
 text-align: center;
}
/*
table a.miniaturePhoto {
 margin: 0px;
 height: 35px;
}
*/

a.miniaturePhoto:hover {
 border: 3px solid #3D8E33;
}

.miniaturePhoto img{
 margin: 0px;
 width: 90px;
 border: 0px;
}

.photoFicheProduit {
 width: 320px;
 height: 350px;
 text-align: center;
}

.photoFicheProduit img{
 margin: 10px;
 border: 1px solid black;
}

.periodePlantation div.periodeDescri , .periodeFloraison div.periodeDescri {
 background: none; 
 width: 70px;
 color: black;
}

.InfosFicheProduit {
 width: 400px;
 float: right;


}
.InfosFicheProduit  div{
 margin: 5px;
 margin-bottom: 10px;
 border-bottom: 1px solid #D6D6CA;
}




/* _______________________________________________	*/
/* 		Formulaire recherche PRODUIT		*/


.rechercheSimple{
 position: absolute;
 z-index: 100;
 top: 83px;
 left: 130px;

}

.rechercheSimple input.texte {
 color: gray;
 width: 130px;
 font-size: 0.8em;
 border: 1px solid gray;
 background: #EBFFCE;
 vertical-align: top;
 font-size: 0.85em;
}

.rechercheSimple a input.bouton {
 width: 90px;
 color: white;
 font-weight: bold;
 border: 1px solid black;
 border-collapse: collapse;
 background: #E87511;
 font-size: 0.9em;
 cursor: pointer;
 font-size: 0.85em;
}

.rechercheSimple a:hover input.bouton {
 background: #3D8E33;
 color: white;
}

/* _______________________________________________	*/
/* 		Partenaires 							*/
.lienPartenaire {
 border: 2px solid #3D8E33;
 margin: 25px;
}
.titrePartenaire {
 width: 100%;
 color: #3D8E33;
 font-size: 1.4em;
 font-weight: bold;
 padding: 1px;
 padding-left: 10px;
 border-bottom: 1px solid #3D8E33;
}
.lienPartenaire .lien {
 font-size: 1.1em;
 font-weight: bold;
 margin-top: 8px;
 margin-left: 10px;
 margin-bottom: 10px;
 
}

.lienPartenaire .descri{
 margin: 3px;
 font-style: italic;
}


/* _______________________________________________	*/
/* 		Présentation 							*/

.presentation {
 width: 500px;
 margin:10px;
 margin-left: 50px;
 margin-bottom: 50px;
 font-size: 1em;
}
.presentation  .paragraphe{
 clear: both;
 margin-top: 30px;
}
.presentation  p{
 text-align: justify;
}
.photoLeft , .photoRight {
 width: 252px;
 margin: 10px;
 margin-top: -15px;
 float: left;
 text-align: center;
 font-style: italic;
 font-size: 0.9em;
 font-weight: bold;
 color: #3D8E33;
}

.photoLeft img , .photoRight img {
 border: 1px solid black;
}

.photoRight {
 float: right;
}


.titre {
 color: #3D8E33;
 font-weight: bold;
 font-size: 1.2em;
}

.gras {
 font-weight: bold;
}

.italic {
 font-style: italic;
}

.grasItalic {
 font-weight: bold;
 font-style: italic;
}

.grand {
 font-size: 1.2em;
}

.petit {
 font-size: 0.8em;
}

.liste {
 background: url('images/puce.png') top left no-repeat;
 text-indent: 20px;
}