@charset "utf-8";
html, body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
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;
}
/******* bandeau entête du site ********/
.entete {
background-attachment: scroll;
background-image: url(../images/structure/fdentete.jpg);
background-repeat: no-repeat;
width: 970px;
height: 121px;
margin-right: auto;
margin-left: auto;
padding-top: 10px;
background-color: #FFFFFF;
}
/******* divs contenant le reste du site ********/
.conteneur-general {
width: 950px;
height:100%;
margin-left:auto;
margin-right:auto;
padding-left:10px;
padding-right:10px;
}
.contenu{
background-color:#FFFFFF;
padding: 10px;
width: 546px;
height:100%;
}
/******* 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: right;
width: 546px;
overflow: hidden;
}
.contenu .soustitre {
font-size: 18px;
color: #B20127;
letter-spacing: normal;
text-indent: 24px;
margin-top: 8px;
}
.contenu .texte {
padding: 4px;
font-size: 14px;
}
.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: 3px;
padding-bottom: 3px;
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;
width: 120px;
}
.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: 185px;
margin-left: 8px;
}
.menu-gauche {
width: 194px;
background-color: #B20127;
padding-bottom: 5px;
}
.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:162px;
height: 295px;
padding: 5px;
padding-left: 8px;
}
/* module nouveauté */
.gauche-contenu .titre {
font-size: 14px;
font-weight: bold;
color: #B20127;
text-align: center;
}
/* module nouveauté */
.gauche-contenu .soustitre {
font-size: 12px;
font-weight: bold;
color: #000066;
}
/* ___________________________________ */
/* 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;
font-stretch:expanded;
letter-spacing: 0px;
}
.titre3 {
color:#b20127;
font-size:16px;
font-weight:bold;
line-height: 20px;
font-stretch:expanded;
letter-spacing: 0px;
}
h1 {
color:#b20127;
font-size:16px;
font-weight:bold;
line-height: 20px;
font-stretch:expanded;
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
}
/* ******************* BULLES POP UP AU SURVOL ***************************** */
a.bulle {
text-decoration: none;
color: #000000;
position: relative;
}
a.bulle span {
display: none;
}
a.bulle:hover {
background: none; /* correction d'un bug IE */
z-index: 500;
}
a.bulle:hover .bulle1 {
color: #000000;
position: absolute;
left: 55px;
top: -40px;
background: #dce8b9;
width: 290px;
display:inline;
border: 3px solid #97bf15;
padding: 6px;
font-size: 11px;
z-index :1500;
}
a.bulle:hover .bulle2 {
color: #000000;
position: absolute;
left: 87px;
top: -105px;
background: #cce86f;
width: 100px;
display:inline;
border: 2px solid #97bf15;
padding: 6px;
font-size: 11px;
}
a.bulle:hover .bulle3 {
position: absolute;
left: 30px;
top: -105px;
width: 100px;
display:inline;
padding: 6px;
}
a.bulle:hover .bulle4 {
position: absolute;
left: 30px;
top: -145px;
width: 100px;
display:inline;
padding: 6px;
}
a.bulle:hover .bulle-numserie {
position: absolute;
left: 80px;
top: -145px;
width: 100px;
display:inline;
padding: 6px;
}
a.bulle:hover .bulle-numserie2 {
position: absolute;
left: -280px;
top: -145px;
width: 100px;
display:inline;
padding: 6px;
}
a.bulle:hover .bulle-numserie3 {
position: absolute;
left: -370px;
top: -145px;
width: 100px;
display:inline;
padding: 6px;
}
#faq {
text-align: center;
width: 150px;
margin-left: 10px;
}
#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;
}
a.bulle:hover .bulle5 {
color: #000000;
position: absolute ;
left: 90px;
top: -10px;
background: #cce86f;
width: 200px;
display:inline;
border: 2px solid #97bf15;
padding: 3px;
font-size: 10px;
}
.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;
}