* { margin: 0; padding: 0; }
BODY { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background: #D3CDA9 ; }
IMG { border: none; }

#centre { position: absolute; left: 50%; width: 1000px; margin: 0 0 0 -500px; background: url(../pics/charte/bg-centre.jpg) top center repeat-y; }

/******** HEADER ********/
#header { height: 128px; margin: 5px 11px 0 11px; }
#header-swf {  height: 128px; margin: 5px 11px 0 16px; }

/******** MENU ********/
UL#menu { margin: 10px 11px 0 11px; height: 25px; background: url(../pics/charte/bg-menu.jpg) top left no-repeat; padding: 9px 15px 5px 15px; color: #FFF; list-style: none; }
/*#menu LI { float: left; clear: none; font-weight: bold; margin: 0 19px 0 19px; }*/
#menu LI { font-weight: bold; display: inline; font-size: 12px; }
#menu A  { color: #FFF; text-decoration: none; margin: 0 8px 0 8px; }
#menu A:hover  { color: #FFF; text-decoration: underline; }

/******** CONTENU ********/
#contenu { background: url(../pics/charte/bg-article.jpg) right bottom no-repeat; height: 550px; margin-right: 10px; }
HTML>BODY>#centre #contenu { min-height: 550px; height: auto;  }

/******** SOUS-MENU ********/
#colGauche    { float: left; width: 200px; margin: 0 0 20px 0; padding: 0 20px 0 18px; color: #FFF; font-size: 11px;  }
UL#ssmenu { list-style: none; padding: 20px 10px 0 5px; width: 180px; float: left; background: #900 url(../pics/charte/bg-colGauche.gif) top left no-repeat; margin: 5px 0 0 0; }
#ssmenu LI { background: url(../pics/charte/puce-ssmenu.gif) top left no-repeat; padding: 0 0 0 18px; vertical-align: middle; margin: 0 0 10px 0; }
#ssmenu A { color: #FFF; text-decoration: none; }
#ssmenu A:hover  { color: #FFF; text-decoration: underline; }
.last { clear: both; background: url(../pics/charte/bg-fin-colGauche.gif) top left no-repeat; height: 40px; }
#ssmenu LI UL { list-style: none; }
#ssmenu LI UL LI { margin-top: 10px; }

/******** RECHERCHE RAPIDE ********/
#rapidSearch { width: 200px; margin: 0; padding: 0 20px 0 18px; background: url(../pics/charte/bg-colGauche.gif) top left repeat-y; }
#rechercheRapide { padding: 10px 0 0 0; }
#rechercheRapide P { padding-top: 5px; margin-left: 5px; }
#rechercheRapide INPUT { margin: 5px 0 10px 0; width: 145px; padding: 1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #847D6E; }
#rechercheRapide .bouton { width: 149px; }

/******** ARTICLE ********/
#article    { float: left; width: 650px; margin: 5px 0 20px 20px; }
#article H1 { color: #900; font-size: 16px; margin: 10px 0 20px 0; background: url(../pics/arbre.gif) top left no-repeat; padding: 3px 0 0 30px; margin-bottom: 10px; }
#article H2 { color: #900; margin: 20px 0 15px 0; font-weight: bold; border-bottom: 1px solid #900; font-size: 14px; }
#article H3 { color: #4D593C; margin: 15px 0 5px 0; font-size: 13px; }
#article P  { text-align: justify; line-height: 16px; margin: 5px 0 5px 0;  }
#article UL { text-align: justify; list-style: none; margin: 0 0 0 15px; }
#article LI { background: url(../pics/charte/puce-article.gif) top left no-repeat; padding: 0 0 0 18px; vertical-align: middle; margin: 5px 0 5px 0; line-height: 16px; }
#article A  { color: #4D593C; }
#article #back { font-size: 11px;  }

/******** RECHERCHE ********/
#search H2 { margin: 0 0 20px 0; }
#search #filter1 { margin: 0 0 10px 0; width: 180px; padding: 1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #847D6E; }
#search SELECT { width: 180px; padding: 1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #847D6E; }
#search LABEL { font-weight: bold; float: left; display: block; width: 250px; }
#search .bouton { margin: 20px 0 20px 0; width: 145px; padding: 1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #847D6E; }

/******** Video des jardins *********/
#videoJardin { width: 427px; height: 264px; padding: 10px 0 0 11px; margin: 29px auto 0 auto; background: url(../pics/charte/bg-videoJardin.png) left top no-repeat; }

/*** Logo Jardin ***/
.logoJardin { float: right; margin: 0 0 0 20px; }

/******** RECHERCHE ********/

#searchReg H2 { margin: 0 0 20px 0; }
#searchReg #filter1      { margin: 0 0 10px 0; width: 180px; padding: 1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #847D6E; }
#searchReg SELECT        { width: 250px; padding: 1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; border: 1px solid #847D6E; }
#searchReg LABEL         { font-weight: bold; float: left; display: block; width: 250px;  }
#searchReg SELECT OPTION { margin: 2px 0 2px 0; }
#searchReg .bouton { margin: 20px 0 20px 0; width: 145px; padding: 1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #847D6E; }

#region { width: 180px !important; margin: 0 0 10px 0; }
#dept { width: 180px !important; margin: 0 0 10px 0; }

SPAN.filtres { float: left; width: 210px; display:block; height:20px; }
SPAN.filtres INPUT { vertical-align:middle; }
LABEL.filtres { float: none; width: 100% !important; clear: both !important; margin: 10px 0 10px 0; }

P.pages { text-align: center !important; vertical-align: middle; }
P.pages SELECT { margin-bottom: 3px; width: 120px !important; }
#changePage SELECT { width: 110px; }

/******** PRINT LISTING ********/
DIV.listing { margin-bottom: 15px; }
.listing TABLE { width: 100%; margin-bottom: 10px; border: 1px solid #766F45; }
TR.entete { text-align: left; background: #CFCAAC !important; }
.entete A { color: #FFF !important; font-weight: bold !important;   }
.listing TR { height: 32px; background: #ECEADF; }
.listing TH { padding: 0 0 0 6px; font-weight: normal !important;}
.listing TH A { color: #000 !important; }
TR.alt     { background: #E3E0CE !important;  }
P.totalEnregistrements { margin-left: 205px !important; }

/******** CONTACT ********/
#formContact { margin-top: 20px; }
#formContact INPUT { margin-bottom: 20px; width: 145px; padding: 1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #847D6E; }
#formContact TEXTAREA { margin-bottom: 20px; width: 350px; overflow: auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding:1px; border: 1px solid #847D6E; }
#formContact .bouton {  }

/******** FOOTER ********/
#footer   { clear: both; background: url(../pics/charte/bg-footer.jpg) top left no-repeat; padding: 3px 0 0 0; height: 36px; }
#footer P { color: #655F3A; font-size: 11px; text-align: center; font-style: italic; }
#footer A { color: #655F3A; text-decoration: none; }
#footer A:hover { color: #655F3A; text-decoration: underline; }

/******** CLASSES ********/
.spacer   { clear: both; height: 1px; }
.clear { clear: both; }
.bold     { font-weight: bold; }
.red 		 { color: #900; }
.left 	 { text-align: left !important; }
.right    { text-align: right !important; }
.center   { text-align: center !important; }
.justify  { text-align: justify !important; }
.middle   { vertical-align: middle; }
.gauche   { float: left; }
.droite   { float: right; }
.souligne { text-decoration: underline; }
.spacer	 { clear: both !important; }
.black 	 { color: #000 !important; }
.rouge 	 { color: #CC0000 !important; }
.italique { font-style: italic; }
.imgGauche { float: left; margin: 0 5px 5px 0; }
.imgDroite { float: right; margin: 0 0 5px 5px; }
.petit { font-size: 10px; margin-bottom: 20px !important; }
.nbJardins { text-align:center!important; float:right; width:127px; height:48px; background:url(../pics/charte/nbJardins.png) top left no-repeat; margin:8px 0 10px 20px!important; }
.nbJardins A { font-size: 13px !important; font-weight:bold; color:#FFF!important; font-family:Arial, Helvetica, sans-serif; display:block; padding:2px 0 0 10px; text-decoration:none; width:105px; height:27px; }
.nbJardins SPAN { font-size: 19px !important; line-height: 22px; }
.fil         { font-size:11px!important; }
.fil A       { text-decoration:none; }
.fil A:hover { text-decoration:underline; }
.extranet { margin-top: 40px !important; font-weight: bold; }
.textVert { color: #006600 !important; }
.textRouge { color: #900 !important; }
.chemin   { padding: 0 0 5px 0; color: #666; font-size: 10px; }

/******** ACTUALITES ********/
.actus { width: 280px; height: 200px; }

/******** MAP ********/
#map { width: 590px; height: 590px; border: 2px solid #900; }
.comment  { font-style: italic; font-size:10px; }

/******** EXTRANET ********/
#formExtranet { margin-top: 20px; }
#formExtranet INPUT { width: 145px; padding: 1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #847D6E; }
#formExtranet .bouton { width: 50px; }
.resultats { width: 600px; }

/* Liens autres jardins dans les environs */
A.others { display: block; float: left; width: 110px; color: #000 !important; margin: 0 20px 0 0; text-align: center; padding: 5px 0 0 0; background: url(../pics/charte/bg-others.gif) left top no-repeat; font-size: 11px; text-decoration: none;}
*>A.others { margin: 0 25px 0 0; }
A.others IMG { display: block; width: 65px; margin: 0 0 10px 0; }
*>A.others IMG { margin: 0 0 10px 23px; }
A.others STRONG { color: #900; }
A.nomargin { margin-right: 0 !important; }

/*** Auto complétion de la recherche rapide ***/
.autocomplete-w1 { background:url(../pics/charte/shadow.png) no-repeat bottom right; position:absolute; top:4px; left:3px; /* IE6 fix: */ _background:none; _top:1px; margin: 1px 0 0 3px; }
.autocomplete { width:300px; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE specific: */ _height:350px;  _margin:0px 6px 6px 0; overflow-x:hidden; font-size: 11px; /*padding: 5px 0 5px 0;*/ }
.autocomplete .selected { background:#E3E0D1; }
.autocomplete div { padding:3px 6px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#036302; }