/* BASE */
/* -------------------------- */

body											{ font-family:"Trebuchet MS","verdana", "arial"; height:100%; min-height:100%; color:#565656; }
a												{ text-decoration:none; }
a:hover											{ text-decoration:underline; }
p a												{ color:#4b702d; font-style:italic; }
p												{ font-size:1.2em; }

/* CONTAINER */
/* -------------------------- */

#mainWrapper									{ overflow:visible; position:relative; margin:0 auto; padding-top:120px; width:980px; z-index:10; }
#footerWrapper									{ overflow:visible; position:relative; margin:0 auto; width:980px; z-index:10; }

.box470											{ width:470px; }
.box225											{ width:225px; }

.padLeft20										{ padding-left:20px; }
.padRight40										{ padding-right:40px; }

.f-left											{ float:left; }
.f-right										{ float:right; }

/* MENU TOP */
/* -------------------------- */

#headerContent									{ position:absolute; top:0; left:0; width:100%; height:120px; }
#mainMenu										{ position:absolute; top:65px; left:180px; width:800px; }
#mainMenu ul									{ width:560px; float:left; }
#mainMenu li									{ display:inline-block; padding:0 3px 0 0; margin-right:3px; border-right:2px solid #e4eae0; zoom:1; *display:inline; }
#mainMenu li a									{ display:block; height:33px; font-size:1.6em; text-transform:uppercase; color:#383838; }
#mainMenu li a:hover							{ text-decoration:none; color:#3e9400; }
#mainMenu li.last								{ margin-right:0; padding-right:0; border:none; }
#mainMenu li a span								{ display:inline-block; height:33px; padding:10px 7px 0 7px; *padding:5px 7px 0 7px; zoom:1; *display:inline; }
#mainMenu li a.active							{ background:url(../media/images/top-menu-selected-left.png) no-repeat top left; }
#mainMenu li a.active span						{ background:url(../media/images/top-menu-selected-right.png) no-repeat top right; }
#mainMenu li.segment4							{ display:inline-block; padding:0 3px 0 0; margin-right:3px; border-right:0px solid #e4eae0; zoom:1; *display:inline; }

#mainLogo										{ margin:3px 0 0 3px; }

#search											{ float:right; overflow:hidden; padding-top:3px; }
#search	.inputTxt								{ float:left; width:150px; height:24px; padding:0px 0 0 30px; *padding:5px 0 0 30px; border:none; color:#7f7f7f; text-transform:uppercase; font-family:Arial; font-size:1em; background:url(../media/images/search-bg.png) no-repeat top left; }
#search .searchBtn								{ float:left; display:block; width:37px; height:24px; border:none; background:url(../media/images/search-btn.png) no-repeat top left; }
#search .searchBtn:hover						{ background-position:bottom left; }

#topMenu										{ position:absolute; top:0; right:0px; height:34px; background:url(../media/images/topmenu-bg.png) repeat-x top left; }
#topMenu li										{ display:inline-block; zoom:1; *display:inline; height:34px; }
#topMenu li.first								{ padding-left:5px; background:url(../media/images/topmenu-bg-left.png) no-repeat top left; }
#topMenu li.last								{ padding-right:5px; background:url(../media/images/topmenu-bg-right.png) no-repeat top right; }
#topMenu li a									{ display:block; height:16px; padding:2px 8px 2px; margin:7px 0 0 0; font-size:1.2em; color:#fff; border-right:1px solid #fff; }
#topMenu li.last a								{ border-right:none; }

/* MENU LEFT */
/* -------------------------- */

#columnMenu										{ overflow:hidden; float:left; }

/* MAIN CONTENT */
/* -------------------------- */

#mainContent									{ overflow:visible; position:relative; display:block; width:100%; min-height:400px; }
#wrapContent									{  }
#home hr										{ display:block; background:transparent; border:none; clear:both; }

a.btn-general									{ display:inline-block; height:30px; padding:0 0 0 10px; color:#fff; background:url(../media/images/general-btn-bg.png) no-repeat bottom left; zoom:1; *display:inline; }
a.btn-general span								{ display:inline-block; height:23px; padding:7px 15px 0 5px; text-transform:uppercase; font-style:normal; text-shadow: #1b6000 1px 1px 1px; background:url(../media/images/general-btn-bg-right.png) no-repeat bottom right; zoom:1; *display:inline; }
a.btn-general:hover								{ background-position:top left; }
a.btn-general:hover span						{ background-position:top right; }

.top											{ display:inline-block; margin:0 0 20px 150px; padding-left:20px; font-size:1.4em; color:#858378; background:url(../media/images/haut-page-btn.png) no-repeat left 3px; }

/* HOME */
/* -------------------------- */

#slider											{ width:100%; display:block; overflow:visible; }

/* conteneur pour slide */
.slideContent									{ float:right; position:relative; margin-top:7px; box-shadow:3px 3px 7px #676767; -webkit-box-shadow:3px 3px 7px #676767; -moz-box-shadow: 3px 3px 7px #676767; }

/* slide */
.slide											{ position:relative; padding:0; margin:0; width:808px; height:369px; }
.slide p										{ position:absolute; bottom:10px; left:30px; width:400px; font-size:1.4em; color:#fff; text-shadow:#000 2px 2px 2px; }
.slide h2										{ margin-bottom:5px; color:#4b702e; font-size:1.6em; visibility:hidden; display:none; }
/*
.slideContent .gloco							{ background:url(../media/images/accueil/gloco.jpg) no-repeat top left; }
.slideContent .herbionik						{ background:url(../media/images/accueil/herbionik.jpg) no-repeat top left; }
.slideContent .permagreen						{ background:url(../media/images/accueil/permagreen.jpg) no-repeat top left; }
.slideContent .caillard							{ background:url(../media/images/accueil/caillard.jpg) no-repeat top left; }
.slideContent .royalfleur						{ background:url(../media/images/accueil/royal_fleur.jpg) no-repeat top left; }
.slideContent .fleuris							{ background:url(../media/images/accueil/pres_fleuri.jpg) no-repeat top left; }
*/
.leftNav										{ position:relative; float:left; width:172px; height:373px; padding-top:10px; z-index:20; background:#e2f1a7 url(../media/images/menu-accueil-bg.png) no-repeat top left; box-shadow:3px 3px 7px #676767; -webkit-box-shadow:3px 3px 7px #676767; -moz-box-shadow:3px 3px 7px #676767; }
.leftNav ul										{ list-style:none; }
.leftNav li a									{ display:block; height:29px; padding:7px 0 0 20px; color:#383838; font-size:1.6em; }
.leftNav li a.activeSlide						{ padding-left:50px; color:#fff; background:url(../media/images/menu-accueil-bg-selected.png) no-repeat top left; }

/*.sup											{ position:relative !important; bottom:5px !important; font-size:0.6em; }*/

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;

}

sup {
	top: -.8ex;
}

sub {
	top: .5ex;
}
#herbe											{ position:absolute; bottom:0; left:-10px; z-index:20; }

/* 3 cases sur pages accueil */
#homeInfos										{ overflow:hidden; padding:20px 0; }
#homeInfos h2									{ font-size:1.5em; color:#4b702e; }
#homeInfos .normal								{ font-weight:normal; }
#homeInfos .box225 p							{ width:200px; }


/* RESIDENTIEL */
/* -------------------------- */

.landingContent									{ overflow:hidden; }
.produitsContent								{ overflow:hidden; }
#residentiel .produitsContent h1				{ padding-left:120px; margin:20px 0 0; }

/* Landing page */
ul.landingList									{ display:inline-block; margin-top:20px; padding-left:7px; *padding-left:17px; zoom:1; *display:inline; }
ul.landingList li								{ overflow:visible; display:inline-block; position:relative; width:300px; margin:0 10px 10px 10px; vertical-align:top; zoom:1; *display:inline; }
ul.landingList li strong.img					{ position:relative; display:block; width:100%; height:44px; font-size:2.4em; color:#5d9732; text-align:center; }
ul.landingList li span							{ position:absolute; bottom:6px; left:0; width:100%; text-align:center; }
ul.landingList li span img						{ display:inline; }
ul.landingList li img							{ display:block; }
ul.landingList li a:hover h1					{ text-decoration:underline; }
ul.landingList li h2							{ text-transform:uppercase; font-size:1.5em;margin:0 0 5px 0; }
ul.landingList li p								{ font-size:1.2em;margin:0 0 15px 0; }
ul.landingList li div							{ font-size:1.2em;margin:0; }
ul.landingList li ul							{ display:block; margin:5px 0 10px 0; }
ul.landingList li ul li							{ font-size:1.2em; margin:0; }
#residentiel2 .landingList						{ float:left; }
#professionnel .landingList						{ float:left; }
#conseils .landingList							{ float:left; }


/* Landing list H1 */
ul.landingList li h1							{ height:63px; padding-top:20px; margin:0; text-align:center; color:#fff; font-size:1.8em; font-weight:normal; text-shadow:#000 1px 1px 3px; }
ul.landingList li h1.double						{ padding-top:10px; }
ul.landingList li a								{ color:#fff; }
#residentiel ul.landingList li h1				{ background:url(../media/images/residentiel-landing-title.png) no-repeat top left; }
#residentiel2 ul.landingList li h1				{ background:url(../media/images/professionnel-landing-title.png) no-repeat top left; }
#professionnel ul.landingList li h1				{ background:url(../media/images/professionnel-landing-title.png) no-repeat top left; }
#conseils ul.landingList li h1					{ background:url(../media/images/professionnel-landing-title.png) no-repeat top left; }
ul.landingList li h1.double						{ height:73px; padding-top:10px; }


/* Landing list herbe */
ul.landingList li .herbe						{ display:block; width:330px; height:52px; background:url(../media/images/herbe-landing.png) no-repeat top left; }
#residentiel ul.landingList li .herbe			{ position:absolute; top:184px; left:-17px; }
#professionnel ul.landingList li .herbe			{ position:absolute; top:140px; left:-17px; }
#conseils ul.landingList li .herbe				{ position:absolute; top:140px; left:-17px; }


/* Menu générique pour type de produit */
ul.produitsMenu									{ display:block; width:980px; height:58px; padding-top:15px; text-align:center; background:url(../media/images/top-menu-2-bg.png) no-repeat top left; }
ul.produitsMenu	li								{ display:inline-block; height:32px; vertical-align:top; border-right:1px solid #909293; zoom:1; *display:inline; }
ul.produitsMenu	li a							{ display:block; color:#434444; line-height:1.3em; text-transform:uppercase; font-weight:bold; font-size:1.2em; text-align:center; text-shadow:#fff 1px 1px 1px; }
ul.produitsMenu	li a:hover						{ color:#2d750f; }
ul.produitsMenu	li a.active 					{ color:#2d750f; text-decoration:underline; }

#residentiel ul.produitsMenu li					{ margin:0 10px 0 0; padding:0 20px 0 5px; }
#professionnel ul.produitsMenu li				{ margin:0 20px 0 0; padding:0 30px 0 5px; }
#conseils ul.produitsMenu li					{ margin:0 20px 0 0; padding:0 30px 0 5px; }
ul.produitsMenu	li.last							{ margin-right:0 !important; padding-right:0 !important; border-right:none; }

#residentiel ul.produitsMenu li.section6		{ margin:0 0px 0 0; padding:0 5px 0 5px;border:none; }
#professionnel ul.produitsMenu li.section4		{ margin:0 0px 0 0; padding:0 5px 0 5px;border:none; }
#conseils ul.produitsMenu li.section4		{ margin:0 0px 0 0; padding:0 5px 0 5px;border:none; }

/* Menu générique pour type de marque */
ul.marquesMenu									{ display:block; width:980px; margin:20px 0; text-align:center; }
ul.marquesMenu li								{ display:inline-block; height:45px; margin:0 15px 0 0; padding:0 20px 0 5px; vertical-align:bottom; border-right:1px solid #909293; }
ul.marquesMenu li.last							{ border-right:none; margin-right:0; padding-right:0; }
ul.marquesMenu li a:hover						{ border-bottom:1px solid #909293; }
ul.marquesMenu li.active						{ background:url(../media/images/produit-arrow-selected.png) no-repeat bottom center; }


/* Fiche des produits dans section résidentiel */
.fiche-produit									{ overflow:hidden; width:100%; padding-bottom:20px; margin:30px 0; border-bottom:2px dashed #cee0c1; }
.fiche-produit h2								{ width:100%; margin-bottom:50px; font-size:1.8em; }
.fiche-produit h2 span							{ font-size:0.6em; }
.fiche-produit h3								{ margin:20px 0; }
.fiche-produit.last								{ border-bottom:none; }

.col-img										{ width:380px; margin-left:20px; text-align:center; }

.col-infos										{ width:520px; margin-right:20px; }
.col-infos h3									{ margin:20px 0 10px; }
.col-infos p									{ margin:10px 0; }
.col-infos img									{ margin:0; }
.col-infos table								{ font-size:1.2em; font-weight:bold; }
.col-infos td									{  }
.col-infos .list-point							{ padding-left:20px; list-style:square; font-size:1.2em; }
.col-infos td.percent							{ width:30px; }
.col-infos td.percent2							{ width:50px; }
.col-infos td.fleur								{ width:200px; }
.col-infos td.supplement1						{ width:160px; }
.col-infos td.supplement2						{ width:160px; }
.col-infos td.letter							{ width:20px; }

.fiche-pdf										{ display:inline; padding:1px 0 0 25px; color:#000; font-size:1em; background:url(../media/images/pdf-small.png) no-repeat top left; }
.important										{ color:red; }

#residentiel .pro-fiche							{ width:520px; margin-top:0; }
#residentiel .pro-fiche h2						{ margin-bottom:10px; }
#residentiel #special							{ margin:0; padding-left:0; }
.no-top											{ margin-top:0 !important; }


/* PROFESSIONNEL */
/* -------------------------- */

ul.landingList .gazonniere						{ overflow:hidden !important; margin-top:30px; }
ul.landingList .gazonniere h2					{ display:block; margin-top:0; text-transform:none; }
ul.landinglist .gazonniere h1					{ display:block; width:100%; }
ul.landingList .gazonniere p					{ display:block; margin:15px 0; font-size:1.5em; color:#333333; }
ul.landingList .gazonniere ul li				{ margin:0 0 3px 0; font-size:1.4em; }

#mainContent .gazonniere ul li,
#mainContent .gazonniere p						{ font-size:1.4em; }

.pro-fiche										{ float:right; width:640px; margin-top:20px; }
.pro-fiche h2									{ color:#565656; font-size:1.8em; font-weight:normal; }
.pro-fiche h3									{ margin:20px 0 20px; font-size:1.4em; font-weight:normal; }
.pro-fiche .dl-fiche-big						{ display:inline-block; height:31px; padding:15px 0 0 60px; color:#000; font-size:1.2em; background:url(../media/images/pdf-big.png) no-repeat top left; zoom:1; *display:inline; }
.pro-fiche .dl-fiche-small						{ display:block; margin:0 0 20px 10px; }
.pro-fiche .dl-fiche-small li					{ display:block; margin:0 0 3px 0; }
.pro-fiche .dl-fiche-small li a					{ display:inline-block; height:15px; padding:1px 0 0 25px; color:#000; font-size:1.2em; background:url(../media/images/pdf-small.png) no-repeat top left; zoom:1; *display:inline; }
.pro-fiche hr									{ display:block; margin:20px 0; border-bottom:1px solid #b2b2b2; height:1px; color:#b2b2b2; background:#b2b2b2; zoom:1; *display:inline; }
.pro-fiche ul, .pro-fiche ul					{ padding-left:40px !important; margin-left:0;margin-bottom:15px;font-size:1.2em; }
.pro-fiche td									{ vertical-align:middle; }

.pro-fiche2										{ float:right; width:640px; margin-top:20px; }
.pro-fiche2 h2									{ color:#565656; font-size:1.8em; font-weight:normal; }
.pro-fiche2 h3									{ margin:20px 0 20px; font-size:1.4em; font-weight:normal; }
.pro-fiche2 .dl-fiche-big						{ display:inline-block; height:31px; padding:15px 0 0 60px; color:#000; font-size:1.2em; background:url(../media/images/pdf-big.png) no-repeat top left; zoom:1; *display:inline; }
.pro-fiche2 .dl-fiche-small						{ display:block; margin:0 0 20px 10px; }
.pro-fiche2 .dl-fiche-small li					{ display:block; margin:0 0 3px 0; }
.pro-fiche2 .dl-fiche-small li a					{ display:inline-block; height:15px; padding:1px 0 0 25px; color:#000; font-size:1.2em; background:url(../media/images/pdf-small.png) no-repeat top left; zoom:1; *display:inline; }
.pro-fiche2 hr									{ display:block; margin:20px 0; border-bottom:1px solid #b2b2b2; height:1px; color:#b2b2b2; background:#b2b2b2; zoom:1; *display:inline; }
.pro-fiche2 ul, .pro-fiche ul					{ padding-left:40px !important; margin-left:0;margin-bottom:15px;font-size:1.2em; }
.pro-fiche2 td									{ vertical-align:middle; }

.multiples										{ margin:50px 0 10px !important; }

/* JOINDRE */
/* -------------------------- */

#joindreContent									{ overflow:hidden; width:100%; margin-top:10px; background:#fff; box-shadow:3px 3px 7px #676767; -webkit-box-shadow:3px 3px 7px #676767; -moz-box-shadow: 3px 3px 7px #676767; }
#joindreContent img								{ display:block; }
#joindreContent h1								{ margin:0; }
#joindreContent h2								{ margin:0; font-size:1.8em; color:#383838; text-transform:uppercase; font-weight:normal; }
#joindreContent a								{ color:#00a9f0; font-size:1.2em; }
#joindreContent .coordonnes						{ position:relative; width:395px; height:244px; padding:125px 0 0 30px; background:#fff url(../media/images/bg-joindre.jpg) no-repeat bottom right; border-left:2px dashed #5d9732; }
#phone											{ display:block; width:250px; margin-top:20px; font-size:1.2em; color:#000000; }
#phone li										{ display:block; float:left; width:90px; margin-bottom:5px; }
#phone li.second								{ border-left:1px solid #000; padding-left:15px; margin-left:10px; }
/*#joindre ul, ol { padding-left:40px !important; margin-left:0; }*/

/* CONDITIONS UTILISATION - POLITIQUE CONFIDENTIALITÉ */
/* -------------------------- */

#conditions-politique							{ padding:20px 0 20px 185px; }
#conditions-politique h1						{ font-size:1.8em; font-weight:normal; color:#565656; }
#conditions-politique h2						{ margin:20px 0 10px; font-size:1.8em; font-weight:normal; color:#565656; }
#conditions-politique ul						{ margin:10px 0 10px 30px; list-style:disc; }
#conditions-politique ul li						{ font-size:1.2em; }

/* PLAN DU SITE */
/* -------------------------- */

#plansite h1									{ margin-top:20px; padding-left:185px; font-size:1.8em; font-weight:normal; color:#565656; }
#plansite-list									{ display:block; padding:0 0 20px 185px; }
#plansite-list li								{ margin-bottom:5px; }
#plansite-list li a								{ color:#4B702D; }
#plansite-list li strong a						{ font-size:1.4em; }
#plansite-list .nav1							{ padding-left:20px; margin-bottom:10px; }
#plansite-list .nav1 li							{ margin-bottom:3px; }
#plansite-list .nav1	a						{ font-size:1.2em; }

/* FOOTER */
/* -------------------------- */

hr.clear										{  }

#footer											{ position:relative; width:100%; height:60px; padding-top:20px; background:#f6f4e8; border-top:2px dashed #CEE0C1;clear:both; }
#footerMenu										{ display:block; width:100%; text-align:center; }
#footerMenu	li									{ display:inline; }
#footerMenu	a									{ margin:0 20px; color:#858378; font-size:1.2em; }

#footer	p										{ margin-top:15px; color:#858378; font-size:1em; text-align:center; }


.recherche						{ font-size:12px; }
#recherche a					{ font-style:normal;}
.recherche  		{ padding-left:20px !important; margin-left:0; }
#recherche h2					{ margin-top:15px;border-bottom:2px dashed #cee0c1;padding-bottom:15px; }

.highlight						{ background:#ffff00;padding:0;color:#000; }