body{
width:793px;
margin:auto;
background:#D9DD49;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
}
h1{
margin:0;
padding:0;
font-size:0;
display:none;
}
a{
text-decoration:none;
}
a img{
border:0;
}
hr{
border:solid 1px #CDCDCD;
}

#corps{
margin:0;
padding:0;
background:url(../img/body_fond.gif) repeat-y;
}

#entete{
height:90px;
margin:0 0 0 10px;
padding:0;
background:url(../img/header.png) no-repeat;
}
#interface{
width:106px;
margin:0;
padding:0;
float:right;
}
#btn{
margin:0;
padding:0;
list-style:none;
}
#btn li{
float:left;
}
#btn_acc{
display:block;
width:16px;
height:17px;
margin:5px;
padding:0;
background:url(../img/btn_accueil.png) no-repeat;
text-indent:-3000px;
cursor:pointer;
}
#btn_contact{
display:block;
width:16px;
height:11px;
margin:11px 5px 5px 5px;
padding:0;
text-indent:-3000px;
cursor:pointer;
background:url(../img/btn_mail.png) no-repeat;
}
#btn_selection{
clear:left;
margin:40px 0 0 0;
padding:0;
list-style:url(../img/puce_select.png);
}
#btn_selection li{
margin:0 0 0 20px;
padding:0;
}
#btn_selection a{
color:#FFFFFF;
font-weight:bold;
}
#btn_selection li .active{
color:#FFAC44;
}
#menu{
font-size:1.1em;
font-weight:bold;
margin:0;
padding:62px 0 0 0;
}
#menu ul{
margin:0 0 0 120px;
padding:0;
list-style:none;
}
#menu li{
margin:0;
padding:0 20px 0 0;
display:inline;
}
#menu a{
color:#FFFFFF;
}
#menu a:hover, #menu a.active{
color:#FFAC44;
}

#conteneur{
margin:0 0 0 15px;
padding:0;
width:770px;
}

#wwf, #acc_centre, #acc_droite{
float:left;
}

#wwf{
color:#FFFFFF;
width:131px;
margin:0 0 10px 0px;
padding:0;
background:#C3A6B5 url(../img/logo_wwf.png) 12px 12px no-repeat;
}
#wwf .haut{
height:9px;
margin:0;
padding:0;
background:url(../img/wwf_haut.png) no-repeat top;
}
#wwf .bas{
height:9px;
margin:0;
padding:0;
background:url(../img/wwf_bas.png) no-repeat bottom;
}
#wwf h2{
margin:150px 10px 0 10px;
font-size:1.6em;
font-weight:normal;
border-bottom:2px solid #FFFFFF;
}
#wwf h3{
margin:5px 10px 5px 10px;
font-size:1em;
font-weight:normal;
}
#wwf p{
margin:5px 10px 0 10px;
}
#wwf .link{
margin:5px 10px 0 10px;
}
#wwf img{
margin:0 0 0 25px;
}
#wwf a{
color:#FFFFFF;
}

#acc_centre{
width:465px;
margin:0 5px 0 0;
padding:0;
}
#selec_prod{
width:453px;
height:28px;
color:#327211;
background:#D9EF7A url(../img/select_haut.png) top no-repeat;
margin:0 0 0 8px;
padding:0;
}
#selec_prod form{
margin:0 0 0 10px;
padding:0;
font-weight:bold;
}
#selec_label{
margin:0;
padding:0;
}
#selec_prod select{
width:300px;
font-size:0.9em;
margin:5px 0 0 0;
padding:0;
}
#selec_prod .bas{
height:8px;
background:url(../img/select_bas.png) bottom no-repeat;
margin:0;
padding:0;
}
#swf{
margin:15px 0 10px 3px;
padding:0;
}

#acc_droite{
width:156px;
}
#tdb{
width:156px;
color:#C6599E;
font-size:0.9em;
font-weight:bold;
background:#bddd38 url(../img/tdb_haut.png) top no-repeat;
margin:0;
padding:0;
}
#tdb ul{
margin:0 10px 5px 10px;
padding:3px 0 3px 0;
border-bottom:#C6599E 3px solid;
}
#tdb li{
margin:5px 0 5px 15px;
padding:0;
}
#tdb form{
padding:0;
margin:0 10px 0 10px;
}
#tdb input{
width:100px;
font-size:1em;
margin:5px 0 0 0;
padding:0;
}
#tdb #ok{
width:25px;
color:#FFFFFF;
background:url(../img/terrau_fond.png) repeat-x;
border:0;
margin:5px 0 0 5px;
padding:0;
}
#tdb .bas{
height:9px;
background:url(../img/tdb_bas.png) bottom no-repeat;
}
#meteo{
color:#DB750A;
list-style:url(../img/puce_meteo.png);
}
#meteo a{
color:#DB750A;
}
#distrib{
list-style:url(../img/puce_acces.png);
}
#distrib a{
color:#C6599E;
}
#actu{
color:#C6599E;
width:156px;
background:#E0E935 url(../img/actu_haut.png) top no-repeat;
margin:5px 0 10px 0;
padding:0;
}
#actu h2{
margin:0 10px 0 10px;
padding:5px 0 0 0;
font-size:1.6em;
font-weight:normal;
border-bottom:3px solid #C6599E;
}
#actu h3{
margin:5px 0 5px 10px;
padding:0;
font-size:1.0em;
font-weight:bold;
}
#actu p{
margin:0 0 5px 10px;
padding:0;
font-size:1.0em;
line-height:1.1em;
}

#actu .bas{
height:9px;
background:url(../img/actu_bas.png) no-repeat bottom;
}

#footer{
color:#FFFFFF;
height:52px;
margin:10px 0 0 0;
padding:0 20px 0 20px;
background:url(../img/footer.gif) no-repeat bottom;
clear:both;
}
#footer p{
margin:5px 10px 0 0;
padding:0;
float:right
}
#footer a{
color:#FFFFFF;
}

/*---------------catalogue------------*/

#selection, #produits, #catalogue{
float:left;
}

#produits{
width:132px;
margin:0;
padding:0;
}
#produits *{
margin:0;
padding:0;
}
#produits a{
color:#000000;
}
#produits a:hover{
color:#FFFFFF;
}
#prod_classique, #prod_wwf{
margin:0 0 10px 0;
}
#prod_classique h2, #prod_wwf h2{
font-size:0;
text-indent:-3000px;
width:132px;
height:42px;
}

#prod_classique{
background:#B2D6A5;
padding:0 0 10px 0;
}
#prod_classique h2{
background:url(../img/gammeclass_titre.png) no-repeat top;
}
#prod_classique>ul, #prod_wwf>ul{
list-style:none;
}
#prod_classique li .nouveaute, #prod_wwf li .nouveaute{
text-indent:-3000px;
display:block;
width:132px;
height:18px;
margin:5px 0 5px 0;
}
#prod_classique li .nouveaute{
background:url(../img/btn_nouv_class.png) no-repeat center;
}
#prod_classique ul .terreau{
background:#307215 url(../img/terrau_fond.gif) repeat-x top;
color:#FFFFFF;
font-weight:bold;
padding:2px 0 2px 5px;
display:block;
}
#prod_classique ul .amendement{
background:#958F56 url(../img/amend_fond.gif) repeat-x top;
color:#FFFFFF;
font-weight:bold;
padding:2px 0 2px 5px;
display:block;
}
#prod_classique ul .paillage{
background:#99692E url(../img/paillage_fond.gif) repeat-x top;
color:#FFFFFF;
font-weight:bold;
padding:2px 0 2px 5px;
display:block;
}
#prod_classique ul li ul{
margin:5px 0 5px 0;
}
#prod_classique ul li ul li{
font-weight:normal;
list-style:none;
padding:0 0 5px 5px;
line-height:1em;
}
#prod_wwf{
background:#ECD6DE;
}
#prod_wwf h2{
background:url(../img/gammewwf_titre.png) no-repeat top;
}
#prod_wwf #cat_wwf{
padding:0 0 10px 5px;
}
#prod_wwf li .nouveaute{
background:url(../img/btn_nouv_wwf.png) no-repeat center;
}

#selection{
width:737px;
margin:0 0 10px 8px;
padding:0;
}

#catalogue{
width:605px;
margin:0 0 10px 15px;
padding:0;
}
#catalogue table{
margin:0 0 5px 0;
padding:0;
border-collapse:separate;
}
#fil_ariane{
font-weight:bold;
font-size:1.1em;
color:#A50000;
caption-side:top;
text-align:left;
background:url(../img/titre_bordure.png) repeat-x bottom;
height:20px;
margin:0 0 10px 0;
padding:0;
}
#catalogue table td{
width:277px;
margin:0;
padding:0 10px 0 0;
}
#catalogue table td img{
border:1px solid #eaeaea;
}
#catalogue table td .description{
width:180px;
float:right;
}
.description h3{
margin:0;
padding:2px 0 2px 2px;
font-size:1em;
}
.description .terreau, #caract .terreau{
color:#FFFFFF;
background:#307215 url(../img/terrau_fond.gif) repeat-x top;
}
.description .amendement, #caract .amendement{
color:#FFFFFF;
background:#958F56 url(../img/amend_fond.gif) repeat-x top;
}
.description .paillage, #caract .paillage{
color:#FFFFFF;
background:#99692E url(../img/paillage_fond.gif) repeat-x top;
}
.description .wwfs, #caract .wwfs{
color:#FFFFFF;
background:#7F4C65 url(../img/wwf_fond.gif) repeat-x top;
}
.description .link a{
color:#A50000;
}
.description .link a:hover{
color:#ff0000;
}
#selection table td.cel_gauche, #catalogue table td.cel_gauche{
border-right:1px solid #999999;
}

#fiche{
width:590px;
float:left;
margin:0 0 10px 20px
}
#photo_prod{
width:200px;
}
#photo_prod img{
border:1px solid #eaeaea;
}
#photo_prod p{
color:#999999;
margin:0;
padding:0;
text-align:center;
}
#caract{
width:365px;
float:right;
}
#caract h3{
font-size:1em;
margin:0;
padding:2px 0 2px 5px;
}
#caract p{
padding:0;
margin:10px 0 10px 0;
}
#caract span{
text-decoration:underline;
}
#caract a{
color:#A50000;
}
#caract a:hover{
color:#ff0000;
}

#select_class{
display:block;
background:url(../img/btn_selec_class.png) no-repeat top left;
width:89px;
height:33px;
font-size:0;
text-indent:-3000px;
}

#select_wwf{
display:block;
background:url(../img/btn_selec_wwf.png) no-repeat top left;
width:89px;
height:33px;
font-size:0;
text-indent:-3000px;
}




/*----------articles-----------*/
#article{
width:500px;
margin:0;
padding:0 40px 20px 0px;
float:right;
}
#article.legal{
width:650px;
float:inherit;
}
#article *{
margin:0;
padding:0;
}
#article h2{
font-size:1.3em;
margin:5px 0 10px 0;
}
#article h3{
font-size:1.2em;
margin:10px 0 5px 0;
}
#article h4{
font-size:1.1em;
}
#article p{
margin:0 0 10px 0;
}
#article strong{
font-size:1em;
font-weight:bold;
}
.partenariat h2, .partenariat h3{
color:#824a64;
}
.entreprise h2, .legal h2, .legal h3{
color:#276910;
}
.conseil h2, .conseil h3, .conseil h4{
color:#be5f11;
}

.liste{
width:220px;
margin:0;
padding:0;
}
.liste a{
color:#000000;
}
.liste a:hover{
text-decoration:underline;
}
.liste ul{
list-style:none;
margin:0;
padding:0 10px 10px 10px;
}
.liste li{
margin:0 0 6px 0;
padding:0;
font-weight:bold;
line-height:1em;
}
#entreprise{
background:#C6DD7D url(../img/entr_b.gif) center bottom no-repeat;
}
#entreprise #haut{
width:220px;
height:10px;
background:url(../img/entr_h.gif) center top no-repeat;
}
#partenariat{
background:#ecd6de url(../img/part_b.gif) center bottom no-repeat;
}
#partenariat #haut{
width:220px;
height:10px;
background:url(../img/part_h.gif) center top no-repeat;
}
#conseil{
background:#f3c8a7 url(../img/conseil_b.gif) center bottom no-repeat;
}
#conseil #haut{
width:220px;
height:10px;
background:url(../img/conseil_h.gif) center top no-repeat;
}

#projet{
background:#fee783 url(../img/sujets_b.gif) center bottom no-repeat;
}
#projet h2{
height:26px;
background:#fee783 url(../img/sujets_h.gif) center top no-repeat;
font-size:0;
text-indent:-3000px;
margin:0 0 10px 0;
padding:0;
}
.projet h2, .projet h3{
color:#D38400;
}
.sujets{
width:220px;
margin:0;
padding:0;
}
.sujets a{
color:#000000;
}
.sujets a:hover{
text-decoration:underline;
}
.sujets ul{
list-style:none;
margin:0;
padding:0 10px 10px 10px;
}
.sujets li{
margin:0 0 6px 0;
padding:0;
line-height:1em;
}

#tb_pdf{
border-top:#CCCCCC solid 2px;
margin:5px 0 5px 0;
}

#tb_pdf img{
margin:0 10px 0 0;
float:left;
}
#tb_pdf .infos_pdf{
clear:left;
margin:0;
padding:10px 0 10px 0;
font-size:0.8em;
border-top:#CCCCCC solid 1px;
}
.infos_pdf h4{
color:#a90000;
}
.infos_pdf em{
color:#d78a05;
margin:0;
padding:0;
}
#tb_pdf .pdf{
border:dotted 1px #e1e1e1;
clear:left;
}
#tb_pdf em.pdf{
font-size:0.8em;
border:none;
}
#prod_projet{
clear:left;
background:#fff1b3;
padding:10px;
}
#prod_projet h3{
margin:0 0 10px 0;
padding:0;
}
#prod_projet ul{
list-style:url(../img/puce_meteo.png);
margin:0 0 0 15px;
padding:0;
}
#prod_projet ul li{
margin:0;
padding:0;
}

/*---------contact-----------*/
#contact h3, .contact h2, .contact h3{
color:#276910;
}
#contact{
background:#C6DD7D url(../img/entr_b.gif) center bottom no-repeat;
padding:0 0 10px 0;
}
#contact p{
margin:10px;
padding:0;
}
#contact h3{
height:26px;
background:#C6DD7D url(../img/contact_h.gif) center top no-repeat;
font-size:0;
text-indent:-3000px;
margin:0 0 10px 0;
padding:0;
}
.contact textarea{
width:480px;
}
.contact span{
color:#FF0000;
}
.contact input{
width:480px;
}
#fieldset1, #fieldset2{
border:#C6DD7D 1px solid;
padding:5px;
}
#fieldset1 legend, #fieldset2 legend{
color:#276910;
}
.contact .envoyer{
width:6em;
}

/*---------panier-------------*/

#tb_pan_g{
background:url(../img/tb_pan_g.png) no-repeat left top;
}
#tb_pan_d{
background:url(../img/tb_pan_d.png) no-repeat right top;
}
#tb_pan_f{
background:#1F5E06 url(../img/tb_pan_fond.png) repeat-x top;
}
#btn_suppr{
color:#CC1213;
}

#btn_panier{
margin:0;
padding:0;
}
#print{
color:#FFFFFF;
width:110px;
/*margin:0 0 30px 0;*/
margin:0 0 20px 510px;
padding:5px 0 0 0;
}
#print a{
display:block;
width:110px;
height:30px;
margin:0;
padding:0;
text-indent:-3000px;
background:url(../img/btn_print.png) top center no-repeat;
}
#print a:hover{
color:#FFAC44;
}
#ou_acheter{
width:220px;
margin:15px 0 0 0;
background:#C6DD7D url(../img/entr_b.gif) center bottom no-repeat;
padding:0 0 10px 0;
}
#ou_acheter p{
margin:10px;
padding:0;
}
#ou_acheter h3{
height:26px;
background:#C6DD7D url(../img/ou_acheter_h.gif) center top no-repeat;
font-size:0;
text-indent:-3000px;
margin:0 0 10px 0;
padding:0;
}