﻿body  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #dce8ba;
	margin:0;
	padding:0;
}
h2 {
	font-size:14px;
	margin-top: -2px;
	margin-bottom: -2px;
}
a { color:#000000; text-decoration:none}
a:hover {text-decoration:none}
#centpourcent 
{
    background-color:#FFFFFF;
    background-image:url(../../images/structure/fdtableau.jpg);
    background-repeat:repeat;
    width:970px;
    border:0;
}

/******* divs contenant le reste du site ********/
.conteneur-general {
	width: 970px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	padding-left:10px;
	padding-right:10px;
}
.contenu{
	background-color:#FFFFFF;
}
/******* accés professionnel ********/
.login
 {
 	background-image:url(../../images/structure/fdlogpro.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
	padding-left:3px;
	padding-top:5px;
	margin-top:25px;
	float:right;
	width:190px;
	height:130px;
	color:#b60d27;
	text-align: right;
}
.login  input {
	background-color: #dce8b9;
	height: 15px;
	width: 130px;
	margin: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/* ___________________________________ */
/******* contenu principal ********/
.master-contenu {
	float: left;
	width: 546px;
}
.contenu .soustitre {
	font-size: 18px;
	color: #B20127;
}
.contenu .texte {
	font-size: 14px;
}
.entete  {
	background-attachment: scroll;
	background-image: url(../../images/structure/fdentete2Pubert.jpg);
	background-repeat: no-repeat;
	width: 950px;
	height: 121px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	background-color: #FFFFFF;
}
.tableau .case-verte-foncee {
	background-color: #009032;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
}
.tableau-gris  {
	background-color: #e3e4e5;
	padding-top: 1px;
	padding-bottom: 1px;
	font-size: 11px;
}

.tableau .case-verte {
	background-color: #cce86f;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
}
.tableau .case-verte-claire {
	background-color: #e2f1b2;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
}
.tableau a {
	color:#000000}
.tableau a:hover {
	color:#000000 ;
	text-decoration:none}
.tableau-gris img {
	margin: 5px;
}
.tableau ul  {
	text-indent: 0px;
	margin-left: -25px;
}
.points-vente {
	background-color: #eeefef;
	margin-top: 10px;
	width: 530px;
	margin-right: auto;
	margin-left: 10px;
	padding: 3px;
	line-height: 18px;
}
.points-vente .titreptvente {
	font-size: 14px;
	font-weight: bold;
	background-color: #f7f7f7;
	width: 98%;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.points-vente .categorie {
	color:#009032;
	font-weight:bold
}
select {
	border: 1px solid #008035;
	background-color: #cce86f;
	}
.contact {
	font-size:11px
}
.contact input {
	background-color:#d0d1d3;
	border:none
}
.faq {
	background-color: #eeefef;
	margin-top: 10px;
	width: 510px;
	margin-right: auto;
	padding: 3px;
	line-height: 18px;
	font-weight: bold;
}
.cadre-presse {
	background-color:#CCCCCC;
	padding: 5px;
}
/******* colonne droite ********/
.colonne-droite {
	float: right;
	width: 210px;
	height: 197px;
}
.menu-droite {
	float: right;
	width: 200px;
	background-color: #97bf15;
	color: #0a4c8c;
	font-weight: bold;
	line-height: 33px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 12px;
	font-size: 14px;
	height: 204px;
	overflow: hidden;
}
.menu-droite a {
	color:#0a4c8c;
	text-decoration:none;
	display: inline;
}
.menu-droite a:hover {
	color:#FFFFFF
}
.menu-droite .trait {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
/******* colonne gauche ********/
.gauche-contenu {
	width: 100%;
	margin-left: 8px;
}

.menu-gauche {
	width: 150px;
	height: 100%;
	color:white;
	background-color: #B20127;
	padding-bottom: 5px;
	vertical-align:top ;
}
.menu-gauche #recherche {
	border: 0px;
	font-size: 10px;
	font-style: italic;
	width: 155px;
	
}
/* module nouveauté */
.gauche-contenu .fondnouveaute {
	background-attachment: scroll;
	background-image: url(../../images/structure/fdnouveaute.gif);
	background-repeat: no-repeat;
	margin-top: 25px;
	width:155px;
	height: 295px;
	padding: 5px;
	padding-left: 8px;
}
/* module nouveauté */
.gauche-contenu .titre {
	font-size: 10px;
	font-weight: bold;
	color: #B20127;
	text-align: center;
}
/* module nouveauté */
.gauche-contenu .soustitre {
	font-size: 10px;
	font-weight: bold;
	color: #000066;
}
.gauche-contenu .Menu
{
	color: #FFFFFF;
}
/* ___________________________________ */
/* permet d'insérer les swf dans le site */
#flashcontent {
		width: 635px;
		height: auto;
	}
/* titres, sous titres../... communs */
.titre1 {
	color:#b20127;
	font-size:16px;
	font-weight:bold;
	line-height: 15px;
}
.titre2 {
	color:#b20127;
	font-size:18px;
	font-weight:bold;
	line-height: 15px;
	letter-spacing: 0px;
}
.titre3 {
	color:#b20127;
	font-size:16px;
	font-weight:bold;
	line-height: 20px;
	letter-spacing: 0px;
}
h1 {
	color:#b20127;
	font-size:16px;
	font-weight:bold;
	line-height: 20px;
	letter-spacing: 0px;
}
.sous-titre-fondgris {
	background-color: #e3e4e5;
	width: 515px;
	color: #009032;
	font-weight: bold;
	padding: 2px;
	font-size: 14px;
}
h3 {
	background-color: #e3e4e5;
	width: 515px;
	color: #009032;
	font-weight: bold;
	padding: 2px;
	font-size: 14px;
}
/* ********************** navigation css *************************** */
.tbl-navigation
  {
	position: absolute;
	width: 530px;
	height: 450px
}
.tbl-navigation2
  {
	position: absolute;
	width: 530px;
	height: 240px
}
.tbl-navigation3
  {
	position: absolute;
	width: 530px;
	height: 240px;
	background-color:#e3e4e5;
}

.cell1 { height: 10px }

.cell2   {vertical-align: top; height: 100% }

.cell3 {height: 10px }

.inter    { position: relative; height: 100% }

.ContentNavig-div   {

	position: absolute;

	width: 100%;

	height: 100%;

	overflow: auto;

	top: 0px;

	left: 0px;

}

/* fil d'ariane **/

.breadcrumb, .breadcrumb a {

	color:#72a945;

	font-size: 10px;

	font-weight: bold;

	text-decoration:none

}



.breadcrumb a:hover {

	color:#72a945;

	font-size: 10px;

	font-weight: bold;

	text-decoration:underline

}



#vignette-produit{

	margin:2px;

	float: left;

}



#vignette-produit .bordure{

border:solid 1px #cde76c}



#vignette-produit .cadrevert {

	background-color: #cce86f;

	padding: 2px;

}



#vignette-produit .cadrevert{

	background-color: #cce86f;

	padding: 4px;

	color:#057835;

	font-size:12px;

	font-weight:bold;

}	

#vignette-produit .cadrevert a {

	

	color:#000;

	font-size:12px;

	font-weight:bold;

	text-decoration:underline;

}	



#vignette-produit .cadrevert a:hover {

text-decoration:none;

}



#vignette-produit .textevert{

	color:#057835;

	padding-left:4px;

	padding-top:1px;

	font-size:12px;

	font-weight:bold;

}



#entreprise .texte-encart {

	margin-left: 250px;

	padding-bottom:10px;

}

#entreprise .texte-travail {

	margin-left: 2px;

	width: 50%;

	margin-top: 10px;

}



#entreprise h2{

	font-size: 16px;

	font-weight: bold;

	color: #FFFFFF;

	margin-left: 30px;

	margin-top: 20px;

}



/********************* page savoir faire *********************************/

#savoirfaire .texte-encart {

	margin-left: 30px;

	padding-bottom:10px;

	padding-top: 10px;

	width: 90%;

}

#savoirfaire .encart1 {

	margin-left: 2px;

	width: 95%;

	margin-top: 10px;

	border-top-width: 2px;

	border-bottom-width: 2px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #aecd4a;

	border-bottom-color: #aecd4a;

	height: 157px;

}



#savoirfaire h2 {

	font-size: 16px;

	font-weight: bold;

	color: #FFFFFF;

	margin-left: 30px;

	margin-top: 20px;

}



/*_____________________________ pages conseils jardinage _________________________*/



#conseils-jardinage .menu-conseils, .menu-conseils a {

	font-weight: bold;

	text-decoration: none;

	width:95%;

	line-height: 22px;

}

#conseils-jardinage .menu-conseils a:hover {

	text-decoration:underline;



}



#conseils-jardinage .img {
	margin-top:10px;
	margin-right:5px;
	margin-bottom:5px;
	float:left;
}

#conseils-jardinage .texte-article {

	width:68%;

	margin-top: 10px;

	display: block;

	float: right;

	margin-right: 15px;

	text-align: justify;

}

#conseils-jardinage .texte-article1 {

	width:95%;

	margin-top: 10px;

	display: block;

	

	

	text-align: justify;

}



#conseils-jardinage .texte-article a, .texte-article1 a  {

	color:#CC0000;

	text-decoration:underline;

	text-align: left;

}

#conseils-jardinage .texte-article a:hover, .texte-article1 a:hover{

	color:#CC0000;

	text-decoration:none

}

#conseils-jardinage  .liens-articles a {

	font-size:10px;

	width:68%;

	margin-top:5px;

	display: block;

	float: right;

	margin-right: 15px;

	color:#CC0000;

	text-decoration:underline;

}

#conseils-jardinage  .liens-articles a:hover {

	text-decoration:none;

}



#conseils-jardinage .sous-titre-vert {

	color: #009900;

	font-size: 16px;

	font-weight: bold;

	margin-bottom: 6px;

}



#conseils-jardinage h4 {

	color: #009900;

	font-size: 16px;

	font-weight: bold;

	margin-bottom: 6px;

}

.legende {

	font-size: 10px;

	font-style: italic;

	color: #008836;

}

#tableau-semis .mois {

	font-size: 9px;

	background-color: #dce8b9;

	font-weight: bold;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #CCCCCC;

	border-left-color: #CCCCCC;

	width: 35px;

}

#tableau-semis .legume {

	font-weight: bold;

	text-align: right;

	margin-right: 5px;

	background-color: #f4f3a6;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #CCCCCC;

	margin-top: 2px;

	margin-bottom: 2px;

	height: 35px;

}

#tableau-semis .legume2 {

	font-weight: bold;

	text-align: right;

	margin-right: 5px;

	background-color: #f6f6da;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #CCCCCC;

	margin-top: 2px;

	margin-bottom: 2px;

	height: 35px;

}

#tableau-semis .fd1 {

	background-color: #f4f3a6;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-right-color: #CCCCCC;

	width: 35px;

}

#tableau-semis .fd2 {

	background-color: #f6f6da;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-right-color: #CCCCCC;

	width: 35px;

}

#tableau-semis .semis {

	height:10px;

	background-color:#97bf15;

	margin-top:4px;

	width: 100%;



}

#tableau-semis .invisible {

	height:10px;

	margin-top:4px;

	width: 100%;



}

#tableau-semis .recolte {

	height:10px;

	background-color:#ffae00;

	margin-top:4px;

	float: left;

	width: 100%;

}

#tableau-semis .annesuivante {

	height:10px;

	background-color:#b20127;

	margin-top:4px;

	float: left;

	width: 100%;



}

.garanties, .garanties a {

	font-size: 10px;

	color: #666666;

	text-align: center;

	margin-top: 10px;

	text-decoration:underline;

}

.garanties a:hover 

{

	text-decoration:none;

}

	

/* FORMULAIRE DOCUMENTATION */



#documentation select {

	border: 1px solid #008035;

	background-color: #cce86f;

	width: 170px;

}

#documentation input {

	border: 1px solid #008035;

	background-color: #cce86f;

	width: 170px;

}



#documentation .avertissement {

	font-size:10px;

	color:#990000;

	width:90%

}



#documentation .choix {

	font-size:11px;

	font-weight:bold;

	color:#666666;

	width:90%

}

#documentation .titre-modele {

	font-size:14px;

	font-weight:bold;

}

#documentation a {

	text-decoration:underline

}

#documentation a:hover {

	text-decoration:none

}



#numserie img {
	border:solid 1px #999999;
}

.numserie{ 	

	font-size:10px;

}

.numserie-titre{

	color:#97bf15 ; 

	font-size:16px ; 

	font-weight:bold

	}

	

#numserie a{

 	text-decoration: underline;

	color:#990000

	}

#numserie a:hover{

 	text-decoration:none

	}

	

#nouveaute .fond-nouveaute{

	background-attachment:scroll;

	background-repeat:no-repeat;

	width:536px;

	height:450px;

	}

#nouveaute .encart-texte{

	font-size:11px;

	float:right;

	width:50%;

	margin-right:10px;

	margin-top:50px}



#nouveaute .accroche{

	font-size:14px;

	font-weight:bold;

	font-style:italic;

	color:#006600;

	width:50%;

	margin-left:30px;

	margin-top:30px;

	float:left}



/*___________________________FBS___________________________________________________*/

.case-verte-foncee 

{

    background-color: #009032;

	font-size: 10px;

	color: #FFFFFF;

	padding-top: 3px;

	padding-right: 3px;

	padding-bottom: 3px;

	padding-left: 8px;

}

.case-verte 

{

	background-color: #cce86f;

	font-size: 11px;

	color: #000000;

	font-weight: normal;

	padding-top: 3px;

	padding-right: 3px;

	padding-bottom: 3px;

	padding-left: 6px;

	

}

.case-verte-claire 

{

	background-color: #e2f1b2;

	font-size: 11px;

	color: #000000;

	font-weight: normal;

	padding-top: 3px;

	padding-right: 3px;

	padding-bottom: 3px;

	padding-left: 6px;

	

}



a.LienVide {

	text-decoration: none;

} 



div.RadMenu_Shade ul.rmVertical   

{

    float: left;  

    text-align:left;  

    padding: 5px 0 12px 0px;  

    background-color:#E9BF47;  

    color:Black;  

    width:170px !important;

}  

.RadMenu_Shade ul.rmVertical  

{

    float: left;  

    text-align:left;  

    padding: 5px 0 12px 0px;  

    background:#E9BF47 none ;  

    color:Black;  

    width:170px !important;

}  

.DateMaj

{

    text-transform:capitalize;

}





.faqreponse a

{

    text-decoration:underline;

}



a.Accessoireinfo

{

   	text-decoration: none;

   	position:relative;

	color: #000000;

    	z-index:10; 



}



a.Accessoireinfo:hover

{

	z-index:11;

}



a.Accessoireinfo span

{

    display: none;

}



a.Accessoireinfo:hover span

{ 

	position:absolute;

	color: #000000;

	background: #cce86f;

	left: 85px;

	top: -30px;

    	width:250px;

	display:block;

	border: 2px solid #97bf15;

	padding: 3px;

	font-size: 11px;

}



a.MoteurInfo

{

   	text-decoration: none;

   	position:relative;

	color: #000000;

	z-index:10; 



}



a.MoteurInfo:hover

{

    z-index:11;

}



a.MoteurInfo span

{

    display: none;

}



a.MoteurInfo:hover span

{ 

	color: #000000;

	position: absolute;

	left: 55px;

	top: -40px;

	background: #dce8b9;

	width: 300px;

	display:inline;

	border: 3px solid #97bf15;

	padding: 6px;

	font-size: 12px;

}

a.ModeleInfo

{

   	text-decoration: none;

   	position:relative;

	color: #000000;

	z-index:10; 



}



a.ModeleInfo:hover

{

    z-index:500;

}



a.ModeleInfo span

{

    display: none;

}



a.ModeleInfo:hover span

{ 

	color: #000000;

	position: absolute;

	left: 35px;

	top: -30px;

	background: #FFFFFF;

	width: 200px;

	display:inline;

	border: 1px solid #97bf15;

	padding:6px;

	font-size: 11px;

	z-index:500; 

}

.tablo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #006699;
	background-color:#eef3f5;
	vertical-align:middle ;	

}

.AlternateDG {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #006699;
	background-color:#dce8ba;
	vertical-align:middle ;	

}

CmbPanier
{
	font: normal 10px "Segoe UI", Arial, sans-serif;
	color: #bbb;
	text-decoration: none;
	background-color: #fff;
}

a img 
{ 
border: none; 
} 

