/* DEFAULT DEFINITION */
html, body { margin: 0; padding: 0; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #3a3a3a; text-align: center; height: 100%; } 
body { display: table; margin: 0 auto; font: normal 100% sans-serif; }
img, table, td, fieldset, form, h1, h2, h3, h4, h5, h6, ul, li, p { margin: 0; padding: 0; border:0; }
table { border-collapse: collapse; }
fieldset legend { display: none; }
li { list-style: none; }
.clear { clear: both; display: block; }
.bold { font-weight: bold; }
.floatLeft { float: left; }
.floatRight { float: right; }
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.greenHR { display: block; margin: 13px 20px 0px 20px; padding-bottom: 2px; border-top: 1px solid #cce0dc; }
.lightgreenHR { display: block; margin: 3px 0px; padding-bottom: 2px; border-top: 1px solid #bad5b7; } 
a { color: #909090; text-decoration: none; }
a:hover {  }
a { cursor: pointer;}
h1 a { display:block; width:182px; padding-top:65px; height:0 !important; height /**/:65px; overflow:hidden; position:absolute; top:15px; left:23px; }

/* THERE IS NO OPACITY IN CSS BUT THERE IS IN CSS 3 */
/* TO MAKE IT VALID IN CSS VALIDATOR JUST HIDE OPACITY RULE USING IMPORT OR PLACE IT IN HTML */
.Tape { opacity: 0.1; filter:alpha(opacity=10); -moz-opacity: 0.1; position: absolute; top: 0px; left: 50%; border: none !important; margin-left: -30px; }


/* MARGINS */
.marginB14 { margin-bottom: 14px; }
.marginV16 { margin: 16px 0px; }
.margin12 { margin-top: 12px; }
.margin20 { margin-top: 20px; }
.pdd8 { padding-top: 8px; }


 .italic {font-style: italic;}

/* COLOR PICKER */
.color-grey { color: #666666; }
.color-white { color: #ffffff; }
.color-black { color: #000000; }
.color-lightgrey { color: #cccccc; }
.color-midgrey { color: #7b7b7b; }
.color-orange { color: #f2ae00; }
.color-green { color: #00664f; }
.color-green a { color: #00664f; }
.color-turquoise { color: #0D9B8C; }
.color-purple { color: #94609B; }

/* SIZE DEFINITION */
.size9 { font-size: 9px !important; }
.size10 { font-size: 10px !important; }
.size11 { font-size: 11px !important; }
.size12 { font-size: 12px !important; }
.size14 { font-size: 14px !important; }
.size16 { font-size: 16px !important; }
.size19 { font-size: 19px !important; }
.size21 { font-size: 21px !important; }
.size23 { font-size: 23px !important; }
.size24 { font-size: 24px !important; }
.size26 { font-size: 26px !important; }
.size29 { font-size: 29px !important; }

 /* MAIN SECTION */

    #Container { display: table-cell; vertical-align: middle;text-align: left; }
    #CenterCell { width: 1028px; height: 569px; background: url('background-container.gif') no-repeat; _overflow: hidden; margin-left: 35px; position: relative; }
    #LeftFrame, #CenterFrame, #RightFrame, #PaperClip { float: left;_overflow: hidden;zoom:1 }
    #LeftFrame { width: 373px; height: 532px;  margin: 20px 0px 0px 13px; }
    #CenterFrame { width: 345px; height: 541px; margin: 3px 16px 0px 0px; padding: 4px 5px 4px 25px; }
    #RightFrame { width: 160px; height: 550px; margin: 10px 0px 0px 12px; }


/* LISTE DES PROMOTIONS (FROM PAGE PROMO) */
#ListeDesPromotions { position: absolute; top: 89px; left: 13px; display: block; width: 697px; height: 440px; background: url('background-ListeDesProm.jpg') no-repeat; padding: 10px 28px; }
#ListeDesPromotions h2 { color: #00664f; font-size: 22px; font-weight: normal; }
#ListeDesPromotions p { font-size: 12px; }
.PromoBox { display: block; width: 641px; margin: 0; padding: 6px 6px 6px 6px; margin-left: -6px; margin-bottom: -13px; background: url('background-PromoBox.jpg') no-repeat; }
.PromoBox .PromoImage { display: block; float: left; width: 322px; }
.PromoBox .PromoDescription { display: block; float: left; width: 280px; margin: 10px 10px 0px 10px; color: #585858; }


/* WHEATER */
#Wheater { width: 150px; height: 70px; margin: 2px 0px 4px 218px; color: #00664f; font-family: Helvetica, Arial, sans-serif; overflow: hidden; }
#Wheater .Month { display: block; font-size: 18px; text-transform: uppercase; letter-spacing: -1px; }
#Wheater .Day { display: block; font-size: 12px; font-weight: bold; }
#Wheater .HorizontalRule { display: block; margin-left: -2px; }
#Wheater img { float: left; margin: 1px 2px; }
#Wheater .Temperature { display: block; font-size: 11px; width: 60px; overflow: hidden; float: left; }
#Wheater .Temperature span { display: block; margin: 0; }
#Wheater .Description { font-size: 12px; font-weight: bold; display: block; width: 110px; overflow: hidden; float: left;}
#Wheater h2 { display: none; }


/* MENU */
#Menu { width: 376px; height: 33px; display: block; margin-left: -22px; overflow: hidden;zoom:1;position:relative }
#Menu ul { margin: 0; }
#Menu ul li { display: inline; }
#Menu ul li a span { display: none; }
#Menu ul li a { cursor: pointer; display: block; height: 33px; float: left; position: relative; background-position: bottom left; background-repeat: no-repeat; }
#Menu ul li a.On { z-index: 50 !important; }
#Menu ul li a:hover { z-index: 100 !important; }


/* MENU STYLES FOR ELEMENTS */
#Menu-Jardinerie { background-image: url('menu-Jardinerie.gif'); z-index: 5; margin-left: 3px; width: 87px; }
#Menu-Pepiniere { background-image: url('menu-Pepiniere.gif'); z-index: 4; margin-left: -17px; width: 84px; }
#Menu-Animalerie { background-image: url('menu-Animalerie.gif'); z-index: 3; margin-left: -13px; width: 84px; }
#Menu-Decoration { background-image: url('menu-Decoration.gif'); z-index: 2; margin-left: -14px; width: 77px; }
#Menu-Lexigue { background-image: url('menu-Lexigue.gif'); margin-left: 10px; width: 70px; }
#Menu-Lexigue-Red { background-image: url('menu-Lexigue-Red.gif'); margin-left: 3px; margin-right: 10px; width: 70px; }


/* CONTAINER FOR IMAGE AND TEXT FLOATING, IMITATION OF TABLE */
#LeftFrame h1 { display: none; }
.LeftFrameCell { padding: 2px 0px 2px 6px; margin-bottom: 3px; }
.LeftFrameCell img { display: block; }
.LeftFrameCell .Text { float: left; width: 180px; padding-left: 10px; }
.LeftFrameCell .Text h2 { color: #666666; font-size: 19px; font-weight: normal; margin-bottom: 4px; }
.LeftFrameCell .Text h3 { color: #666666; font-size: 13px; font-weight: normal; margin: -6px 0px 1px 0px; }
.LeftFrameCell .Text p { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; }
.LeftFrameCell .ImageShadowed { float: left; margin-top: -3px; }


/* CLASS OF HEADERS */
.LeftCellHeader { border-bottom: 1px solid #cce0dc; height: 16px; display: block; margin: 6px 30px 6px 17px; }
.LeftCellHeader h2 { font-size: 18px; color: #00664f; font-family: Helvetica, Arial, sans-serif; background-color: #FFF; display: inline; padding-right: 6px; }

.ContainerHeader, .Line, .LineHeader { font-size: 10px; display: block; border-bottom: 1px solid #f4f6c7; padding: 2px 3px; color: #828282; }
.LineHeader, .ContainerHeader { font-weight: bold; text-transform: uppercase; margin-top: 10px; }
.ContainerHeader { border-top: 1px solid #f4f6c7; background-color: #fef7e5; color: #eab011; }
.ContainerHeader a { color: #eab011; }
.CenterCellHeader h2 {  text-align: center; font-size: 18px; font-family: Helvetica, Geneva, Arial, sans-serif; font-weight: normal; margin: 14px 0 0 0; }



.GreenContainerHeader{ border-top: 1px solid #f4f6c7; background-color: #DBFFBF ; color: #eab011; }
.GreenContainerHeader, .Line, .LineHeader { font-size: 10px; display: block; border-bottom: 1px solid #f4f6c7; padding: 2px 3px; color: #36682C; }
.LineHeader, .GreenContainerHeader { font-weight: bold; text-transform: uppercase; margin-top: 10px; }


.GreenColor .ContainerHeader, .GreenColor .Line, .GreenColor .LineHeader { border-bottom: 1px solid #cde0de; }
.GreenColor .ContainerHeader { border-top: 1px solid #cde0de; background-color: #e5efee; color: #5b6564; }
.GreenColor .ContainerHeader a { color: #5b6564; }

/* NORMAL BOX, JUST A CONTAINER FOR SYLIZED HEADERS TEXT AND GRAPHICS */
.NormalBox { padding: 2px 0px 2px 10px; display: block; margin-top:20px; }
.NormalBox h2 { font-size: 18px; font-weight: normal; margin-bottom: 6px; }
.NormalBox ul { padding-top: 4px; }
.NormalBox ul li { padding: 1px 0px; }
.NormalBox img { float: left; }
.NormalBox .TextContainer img { float: none !important; }
.NormalBox .TextContainer { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-left:100px; display: block;width:232px; }
.NormalBox .TextContainerFiche { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-left:5px; display: block; }

.SitemapGlossaire {display:inline; float:left; margin:0 2px 0 2px;}

/* STYLE FOR ANY IMAGE YOU WANT TO ADD A SHADOW, THERE IS DIFFERENCE BETWEEN LEFT AND RIGHT ORIENTATION */
.ShadowedImage { float: left; position: relative; }
.RightBgr { background: url('background-imageRightShadow.gif') no-repeat bottom right; padding: 7px 15px 15px 0px; }
.LeftBgr { background: url('background-imageLeftShadow.gif') no-repeat bottom left; padding: 7px 0px 15px 15px; }


/* SMALL BLACK RECTANGLE USED WITH OPACITY MAKES AN TAPE EFFECT ON PICS */
.ImageTaped { position: relative; margin: 0px 20px 10px 12px; padding-top: 6px; }
.ImageTaped img { border: 1px solid #fff; }


/* JUST A BOX CONTAINER FOR IMG AND TEXT */
.WideBox { padding: 2px 0px 2px 0px; display: block; margin-top:20px; margin-right:0px; margin-bottom:10px; margin-left:0px }
.WideBox img { float: left; }
.WideBox .TextContainer { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; display: block; float: left; }


/* IFRAME WITH VERTICAL SCROLLING */
.IFrame { overflow: auto; height:480px; margin: 0px 0px 0px 6px !important; line-height: 1.4; padding-right: 6px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.IFrame p { margin: 9px 0px; }
.IFrame h2 { font-size: 14px; margin: 0px; }
.IFrame h3 { font-size: 12px; margin: 3px 0px; }
.IFrame h5 { font-size: 10px; text-transform: uppercase; color: #00664f; }
.InformationTable { font-size: 9px; float: left; padding: 4px 0px; }


/* BOX WITH SHADOW FROM MAIN PAGES */
.ShadowedBox { background: url('background-shadowedBox.gif') no-repeat center; height: 200px; padding: 9px 26px 0 27px; position: relative; overflow: hidden; }
.ShadowedBox h3 { color: #00664f; font-size: 11px; }
.ShadowedBox h2 { color: #666666; text-transform: uppercase; font-size: 21px; font-weight: normal; }
.ShadowedBox p { color: #666666; line-height: 1 !important; }
.ShadowedBox .button { bottom: 10px; right: 33px; position: absolute; }


/* BOX WITH SHADOW FROM MAIN PAGES, LARGE VERSION WITH DIFFERENT BACKGROUND */
.ShadowedBoxLarge { background: url('background-shadowedBoxLarge.gif') no-repeat top; height: 260px; padding: 16px 26px 0 27px; position: relative; overflow: hidden; margin-bottom: 20px; }
.ShadowedBoxLarge h3 { color: #00664f; font-size: 11px; }
.ShadowedBoxLarge h2 { color: #666666; font-size: 21px; font-weight: normal; }
.ShadowedBoxLarge p { color: #666666; line-height: 1.3 !important; font-size: 12px; padding: 2px; }
.ShadowedBoxLarge .button { bottom: 22px; left: 25px; position: absolute; }


/* PAPER BOX */
.PaperBox { background: url('background-paperBox.gif') no-repeat center; height: 180px; overflow: hidden; padding: 9px 20px 0 24px;  position: relative; }
.PaperBox h3 { color: #00664f; font-size: 11px; margin-left: 6px; }
.PaperBox h2 { color: #666666; font-size: 17px; font-weight: normal; margin-bottom: 4px; margin-left: 6px; }
.PaperBox .HorizontalRule { background: url('background-HorizontalRule.gif') repeat-x; height: 3px; display: block; margin: 0px 8px 0px -1px; }
.PaperBox .Button { position: absolute; bottom: 16px; left: 110px; z-index: 100; }
.PaperBox .Add { position: absolute; bottom: 15px; left: 15px; }
.Add { position: absolute; bottom: 15px; left: 30px; }

/* GREEN TABLE FROM (VLJ - Jardinerie contenu.html) */
li.menutiret a { background: url('tiret.gif') 0px 3px no-repeat; padding:0 0 0 10px; margin:0; display:block; }
.GreenTable { background: url('background-green-table.gif') repeat-x #8cc004; display: block; padding: 4px; margin: 0px 20px 0px 6px; }
.GreenTableCell { background: url('background-green-table2.gif') repeat-x top left #c2de7a; display: block; padding: 8px 0px 8px 15px;}
*:first-child+html  .GreenTableCell { zoom:1; }
* html  .GreenTableCell { height:0.01%; }
.GreenTableElement { display: block; width: 142px; height: 26px; float: left; font-size: 10px; color: #585858; font-family: Verdana, Arial, Helvetica, sans-serif; }
*:first-child+html .GreenTableElement { padding:0 0 8px 0; }
* html  .GreenTableElement { padding:0 0 8px 0; }
.GreenTableElement span { margin-top:3px; display: block; }
.GreenTableElement img { float: left; margin: 0 8px 0px 3px; }
.GreenLine { border-top: 1px solid #cce0dc; display: block; }


/* TABLE FROM (VLJ - Jardinerie contenu.html) */
.TurquoiseTable { background: url('background-Turquoise-table.gif') repeat-x #0F9B8E; display: block; padding: 4px; margin: 0px 20px 0px 6px; }
.TurquoiseTableCell { background: url('background-Turquoise-table2.gif') repeat-x top left #B3E0DB; display: block; padding: 8px 0px 8px 15px; }
*:first-child+html  .TurquoiseTableCell { zoom:1; }
* html  .TurquoiseTableCell { height:0.01%; }
.TurquoiseTableElement { display: block; width: 142px; height: 26px; float: left; font-size: 10px; color: #585858; font-family: Verdana, Arial, Helvetica, sans-serif; }
*:first-child+html .TurquoiseTableElement { padding:0 0 8px 0; }
* html  .TurquoiseTableElement { padding:0 0 8px 0; }
.TurquoiseTableElement span { margin-top: 3px; display: block; }
.TurquoiseTableElement img { float: left; margin: 0px 8px 0px 3px; }
.TurquoiseLine { border-top: 1px solid #B3E0DB; display: block; }


/* Bloc note*/
.bluelink {color: #fff; }
.bluelink {text-decoration: underline;}

/* STYLE FOR TEXT CONTAINER WHICH LOOKS STICKER */
.Sticker { background: url('background-sticker.gif') no-repeat center; text-align: center; height: 110px; overflow: hidden; }
.Sticker h2 { color: #00664f; text-transform: uppercase; font-size: 13px; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 18px 0 10px 0; }
.Sticker p { color: #040404; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; width: 285px; padding: 0 0 0 28px; }
.Sticker span { clear: both; }

/* STYLE FOR TEXT CONTAINER WHICH LOOKS STICKER */
.StickerMag { background: url('background-sticker.gif') no-repeat center; text-align: center; height: 110px; overflow: hidden; }
.StickerMag h2 { color: #00664f; text-transform: uppercase; font-size: 13px; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 18px 0 10px 0; }
.StickerMag p { color: #040404; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; width: 285px; padding: 0 0 0 40px; }
.StickerMag span { clear: both; }

.StickerLong { height: 133px;; overflow: hidden; position: relative; background: url('background-stickerLong.gif') no-repeat center; }
.StickerLong img { position: absolute; }


/* SITE PATH */
.SitePath { padding: 10px 0 10px 0; text-align: center; font-size: 11px; font-weight: bold; color: #555555; }
.SitePath a { font-weight: normal; color: #555; }


/* GREEN AND ORANGE STYLE FOR COLURED BLOCKS WITH IMAGE INSIDE */
.FotoListingOrange { margin: 15px 11px 15px 20px; width: 135px; height: 85px; overflow: hidden; display: block; _display:inline; border: 1px solid #f2ae00; background-color: #f2ae00; float: left; }
.FotoListingOrange a { color: #fff; }
.FotoListingOrange a:hover { text-decoration: underline; }
.FotoListingOrange .Foto { overflow: hidden; border: 1px solid #fff; background-color: #fff; width: 133px; height: 69px; }
.FotoListingOrange .Description { display: block; background-color: #f2ae00; color: #FFF; padding: 1px 2px; }
/*MODIF POUR LE SCROLL DE LA PAGE CATALOGUE */
.FotoListingGreen { margin: 15px 9px 15px 9px; width: 135px; /*height: 85px; overflow: hidden;*/ display: block; _display:inline; border: 1px solid #8abe01; background-color: #8abe01; float: left; }
.FotoListingGreen a { color: #fff; }
.FotoListingGreen a:hover { text-decoration: underline; }
.FotoListingGreen .Foto { overflow: hidden; border: 1px solid #fff; background-color: #fff; width: 133px; height: 69px; }
.FotoListingGreen .Description { display: block; background-color: #8abe01; color: #FFF; padding: 1px 2px; }

.FotoListingGreenHeader { margin: 15px 11px 15px 20px; width: 135px; height: 71px; overflow: hidden; display: block; border: 1px solid #8abe01; background-color: #8abe01; float: left; }
.FotoListingGreenHeader a { color: #fff; }
.FotoListingGreenHeader a:hover { text-decoration: underline; }
.FotoListingGreenHeader .Foto { overflow: hidden; border: 1px solid #fff; background-color: #fff; width: 133px; height: 69px; }

/*MODIF POUR LE SCROLL DE LA PAGE CATALOGUE */
.FotoListingTurquoise {margin: 3px 9px 3px 9px;  width: 135px; height: 85px; overflow: hidden; display: block; _display:inline; border: 1px solid #0D9B8C; background-color: #0D9B8C; float: left; }
.FotoListingTurquoise a { color: #fff; }
.FotoListingTurquoise a:hover { text-decoration: underline; }
.FotoListingTurquoise .Foto { overflow: hidden; border: 1px solid #fff; background-color: #fff; width: 133px; height: 69px; }
.FotoListingTurquoise .Description { display: block; background-color: #0D9B8C; color: #FFF; padding: 1px 2px; }
.FotoListingTurquoise .Description a { white-space: nowrap; }


.FotoListingTurquoiseHeader { margin: 15px 11px 15px 20px; width: 135px; height: 71px; overflow: hidden; display: block; border: 1px solid #0D9B8C; background-color: #0D9B8C; float: left; }
.FotoListingTurquoiseHeader a { color: #fff; }
.FotoListingTurquoiseHeader a:hover { text-decoration: underline; }
.FotoListingTurquoiseHeader .Foto { overflow: hidden; border: 1px solid #fff; background-color: #fff; width: 133px; height: 69px; }



/* YELLOW BLOCKS AND TEXT LISTING */
.Blocks { margin: 10px 0px 0px 8px !important; display: block; }
.BlockListing { border: 1px solid #fff; float: left; width: 87px; margin: 0px 0px 12px 12px; background-color: #f2ae00; height: 62px; font-weight: bold; color: #fff; font-size: 13px; padding: 5px; }
.BlockListing a { color: #fff; }
.TextListing { display: block; float: left; width: 160px; font-size: 11px; margin-top: 20px; color: #434343; }


/* SMALL CONTAINERS FOR TEXT AND BUTTONS FORM THE RIGHT COLUMN */
.RightFrameCell { margin: 16px 18px 2px 18px; padding: 0px; height: 106px; overflow: hidden; }
.RightFrameCell h2 { margin: 0; font-size: 17px; font-weight: normal; font-family: Helvetica, Geneva, Arial, sans-serif; text-align: center; color: #666}
.RightFrameCell p { margin: 2px 6px; }
.RightFrameCell img { margin-left: 4px; }


/* LAST CONTAINER ON THE RIGHT SIDE OF MAIN CONTAINER */
#aPenser { color: #000; height: 149px !important; margin-top: 4px !important; text-align: center; padding-top: 25px; }
#aPenser span { text-align: left; padding: 15px 10px 8px 10px; display: block; margin: 0 auto; }
#aPenser img { margin-left: 0px; }
#aPenser p { text-align: left; font-size: 10px; padding: 11px 3px 0px 3px; line-height: 1 !important; }


/* CONTAINER FOR GOOGLE MAPS */
.GoogleContainer { margin: 20px 18px 0px 0px; display: block; text-align: right; overflow: hidden; }

.AnimelerieMenuImage { margin: 0px 5px 0px 10px;}

/* RECHERCHE */
.Responses { text-align: right; margin: 0px 20px 8px 0px; font-size: 11px;}
.SearchResult { display: block; font-size: 11px; margin-bottom: 8px; line-height: 1.2 !important; }
.SearchResult .Title { display: block;  padding: 0px 0px 0px 20px;}
.SearchResult .Description { display: block; margin-left: 30px; color: #888888; }
.SearchResult .Description a { text-decoration: underline; color: #006666; }
.SearchResult .Title a span, .SearchResult .Title a:link span,.SearchResult .Title a:visited span { text-decoration: none; color: #00664F; } 

/* SITE MAP */
.Introduction { text-align: left; margin: 0px 20px 8px 0px; font-size: 11px;}
.listContainer { text-align: left; margin: 0px 20px 8px 0px; font-size: 10px;}
.sitemaplist { text-align: left; margin: 0px 20px 8px 30px; font-size: 10px;}

/* CLASSES OF FORMS START HERE */
.LeftForm { padding: 20px;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #787878; }
.LeftForm h2 { border-bottom: 1px solid #eee; font-size: 15px; color: #a7a7a7; padding: 4px 0px; margin: 0px 20px 4px 0px; }
.LeftForm form { padding: 4px 0px;  }
.LeftForm form label span { display: block; width: 130px; float: left; padding: 3px 0px;  }
.LeftForm form label select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #787878; float: left; width: 150px; padding: 1px; margin: 1px 0px; background-color: #fef7e5; border: 1px solid #ff9900; display: block; }
.LeftForm form label input { float: left; margin: 0px 0px 0px 5px; }


#FormM { margin: 10px 32px 0 17px; border-top: 1px solid #cce1dc; padding-top: 6px; position: relative; font-family: Helvetica, Verdana, Arial, sans-serif !important; height: 140px; }
#FormM h2 { color: #727272; font-size: 18px; font-weight: normal; letter-spacing: -1px; }
#FormM h3 { color: #727272; font-size: 14px; font-weight: normal; letter-spacing: -1px; }
#FormM form { display: block; margin: 8px 0px; font-family: Verdana, Arial, sans-serif; }
#FormM form input { width: 138px; float: left; }
#FormM form select { width: 141px; }
#FormM form input, #FormM form select  { background-color: #e5efee; border: 1px solid #006650; font-size: 11px; color: #666867; }
#FormM form input { height: 19px; }
#FormM form select { height: 20px; }
#FormM form #submitgo { width: auto; height: 23px; border-left: none; float: left; padding: 0; text-align: center; color: #006650; }
#FormM form label span { display: block; font-size: 10px; color: #585858; padding: 3px 0px; }
#FormM .button { position: absolute; bottom: 0px; right: 0px; }


#RechercheForm input { margin-left: 4px; }
#RechercheForm #query { margin: 5px 0px 6px 6px; width: 106px; font-size: 12px; background-color: #e5efed; color: #00664f; font-weight: bold; border: 1px solid #00664f; }




#PostalCodeForm { display: block; position: absolute; right: 20px; top: 60px; width: 104px; }
#PostalCodeForm #PostalCode { margin: 5px 0px 6px 11px; width: 74px; font-size: 12px; background-color: #e5efed; border: 1px solid #00664f; color: #00664f; font-weight: bold; text-align: center; }
.fond { right: 20px !important; bottom: 20px !important; top: auto !important; }

.BlueForm { background-color: #f3f8e5 !important; border: 1px solid #6699FF !important; color: #666666 !important; }
.GreenForm { background-color: #f3f8e5 !important; border: 1px solid #8abf00 !important; color: #666666 !important; }
.AnotherGreenForm { background-color: #e5efed !important; border: 1px solid #00664f !important; color: #666666 !important; }

.NewsletterForm {  }
.NewsletterForm label { display: block; padding: 9px 0 0; clear: both; }
.NewsletterForm label span { width: 130px; float: left; display: block; text-align: right; margin-right: 10px; }
.NewsletterForm label input, .NewsletterForm label select, .NewsletterForm label textarea { float: left; width: 160px; font-size: 11px; color: #6D6D6D; border: 1px solid #00664f; background-color: #e5efed; overflow: hidden; }
.NewsletterForm label textarea { height: 40px; }
.NewsletterForm label select { border: 1px solid #00664f; background-color: #fef7e5; }
.NewsletterForm .Button { float: right; }
.NewsletterForm .Checkbox { width: auto; border: none; display: block; }
.NewsletterForm .CheckboxText { width: 250px; text-align: left; margin-left: 10px; }

.ContactForm {  }
.ContactForm label { display: block; padding: 9px 0 0; clear: both; }
.ContactForm label span { width: 130px; float: left; display: block; text-align: right; margin-right: 10px; }
.ContactForm label input, .ContactForm label select, .ContactForm label textarea { float: left; width: 160px; font-size: 11px; color: #6D6D6D; border: 1px solid #00664f; background-color: #e5efed; overflow: hidden; }
.ContactForm label textarea { height: 200px; }
.ContactForm label select { border: 1px solid #00664f; background-color: #fef7e5; }
.ContactForm .Button { float: right; }
.ContactForm .Checkbox { width: auto; border: none; display: block; }
.ContactForm .CheckboxText { width: 250px; text-align: left; margin-left: 10px; }


/* FOOTER */
#Footer { color: #fff; float: left; margin: -6px 0px 0px 58px; width: 750px; height: 16px; overflow: hidden; }
#Footer a { color: #fff; }
#Footer a:hover { text-decoration: underline; }
#Footer p { margin: 0; padding: 0 0 0 40px; font-size: 10px; float: left; width: 300px; }


/* STYLES FOR SCROLLER */
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: url('background-scroll.gif') repeat transparent; } 
.jScrollPaneDrag { position: absolute; background: url('icon-scroller.gif') no-repeat transparent; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; 	/*background-color: #666;*/ height: 9px; }
a.jScrollArrowUp:hover { /*background-color: #f60;*/ }
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ 	height: 9px; }
a.jScrollArrowDown:hover { /*background-color: #f60;*/ }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/ }

/* Style pour l'image du lexique */
.LexiqueImage {margin-top: 20; width: 78px; height: 165px;}
.FicheJardinerieImage{margin-top :50; margin-right:0;  }

.fixHeight { min-height:295px; height:auto !important; height:295px; }
.cache {visibility:hidden !important;position:absolute;left:23px; Top:15px; }
/* style pour la  page d'impression */
.PositionImg{position:absolute;left:23px; Top:15px;}
.StickerPrint { background: url('background-sticker.gif') no-repeat center; text-align: center; height: 110px; overflow: hidden; }
.StickerPrint h2 { color: #00664f; text-transform: uppercase; font-size: 13px; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 18px 0 10px 0; }
.StickerPrint p { color: #040404; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; width: 285px; padding: 0 0 0 250px; }
/* style pour le tableau de la page itineraire */

.Itineraire{}
.Itineraire  input{background-color:#E5EFEE; border:1px solid #006650;color:#666867;font-size:11px; margin:0 0 0 5px;}
.Itineraire label{margin-left:50px;  float: left; width:100px; font-size: 11px;}
.Itineraire p { padding:0 0 5px 0;}

/* ********************************************************************************* THICKBOX 
********************************************************************************* */ 
#TB_overlay { position:absolute; z-index:100; top:0px; left:0px; background-color:#000000; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; width:100%; min-height:100%; }
* html #TB_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_window a { color:#626262; text-decoration:underline; font-size:11px; }
#TB_window a:hover { text-decoration:none; }
#TB_window { position:absolute; background:#ffffff; z-index:102; display:none; text-align:left; border:4px solid #525252; }
#TB_window img { display:block; margin:15px 0 0 15px; border:1px solid #cccccc; }
#TB_caption { display:none; height:25px; padding:7px 30px 10px 25px; float:left; }
#TB_closeWindow { padding:5px 0; text-align:center; }
#TB_closeAjaxWindow { padding:5px 10px 7px 0; margin-bottom:1px; text-align:right; float:right; }
#TB_ajaxWindowTitle { float:left; padding:7px 0 5px 10px; margin-bottom:1px; }
#TB_title { display:none; background-color:#e8e8e8; height:27px; }
#TB_ajaxContent { clear:both; padding:2px 15px 2px 15px; overflow:auto; text-align:left; line-height:1.4em; }
#TB_ajaxContent p { padding:5px 0px 5px 0px; }
#TB_load { position:absolute; display:none; height:100px; width:100px; z-index:101; }
#TB_HideSelect { z-index:99; position:absolute; top:0; left:0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
#TB_iframeContent { clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px;overflow:auto; }


@media print {
    #MonLogo{visibility:visible !important; position:absolute;left:0px; Top:5px;}
	#LeftFrame { width: auto; height: auto;  margin: 20px 0px 0px 13px; overflow:none; }
	#RightFrame, #Footer { display:none; }
   .IFrame {overflow:none; height:100% !important ; border-color:red ; margin: 0px 0px 0px 0px !important; line-height: 1.4; padding-right: 6px; font-family: Verdana, Arial, Helvetica, sans-serif; }
   .PositionImg{position:absolute;left:0px; Top:-30px;}
  
}

}