/*/////GENERAL/////*/



/*FOND*/

html, body {margin:0; padding:0;}

body {font-family:Arial, Verdana, Sans-sherif; font-size:12px; color:#999999; background:#885423 url(../images/background-body.png) 0 0 repeat-x; line-height:1.3;}

p, ul, li, form {margin:0; padding:0}

img {border:none; margin:0; padding:0;}
a{text-decoration:none;}


#huile {position:absolute; top:0; left:0; width:100%; height:180px; background:url(../images/huile.jpg) top center no-repeat;}



#ombre {position:relative; top:0; left:0; width:994px; margin:0 auto; background:url(../images/background-ombre.png) top left no-repeat;}



/*////ELEMENTS PAGES///*/



/*//HEADER//*/

#header {position:relative; top:0; left:0; width:994px; height:251px; margin:0; background:url(../images/background-header.png) 0 0 no-repeat; z-index:3;}

#logo {position:relative; top:0; left:34px; width:118px; height:85px; margin:39px 0 0 0; float:left;}

#feuille {position:relative; top:0; left:222px; width:395px; height:145px; margin:0; background:url(../images/feuille.jpg) 0 0 no-repeat; float:left;}

#panier {position:relative; top:0; left:0; width:206px; height:118px; margin:39px 0 0 0; padding:0 32px 0 0; text-align:right; float:right;}

#selection {position:relative; top:0; right:0; width:190px; height:21px; line-height:21px; margin:35px 0 0 20px; color:#a76121; background:url(../images/selection.jpg) 0 0 no-repeat;}

/*POUR LE MENU >> VOIR menu.css*/

/*BARRRE DE RECHERCHE*/

/*#barre-recherche {position:relative; top:0; right:0; width:922px; height:45px; margin:0 0 0 28px; padding:0 11px; color:#ffffff; background:url(../images/recherche-background.png) 0 0 no-repeat; z-index:1;}*/
#barre-recherche {position:relative; top:0; right:0; width:922px; height:45px; margin:0 0 0 28px; padding:0 11px; color:#ffffff; background:url(../images/recherche-background.png) 0 0 no-repeat; z-index:1;}


/*#produit {position:relative; top:0; left:0; height:36px; margin:0; padding:9px 0 0 0; font-weight:bold; float:left;}*/
#produit {position:relative; top:0; left:0; height:37px; margin:0; padding:8px 0 0 0; font-weight:bold; float:left;}


/*.critere {position:relative; top:0; left:0; height:32px; margin:0 0 0 8px; padding:14px 0 0 0; float:left;}*/
.critere {position:relative; top:0; left:0; height:32px; margin:0 0 0 8px; padding:13px 0 0 0; float:left;}



/*///CONTENU///*/

#conteneur {position:relative; top:0; left:0; width:980px; margin:0 7px; padding:0; background-color:#FFFFFF; overflow:hidden; z-index:2;}





/*HOME*/

#presentation {position:relative; top:21px; left:0; width:946px; height:270px; margin:0 0 0 17px; padding:0; background:url(../images/presentation-ombre.png) left bottom no-repeat;}

#photo {position:relative; top:0; left:0; width:500px; height:250px; margin:0; float:left;}

#texte {position:relative; top:0; left:0; width:426px; margin:0 0 0 20px; float:left;}

/*NEWS*/

#news {position:relative; top:0; left:17px; width:500px; height:190px; margin:35px 0 0 0; float:left;}

/*DOWNLOAD*/

/*#dl {position:relative; top:0; right:0; width:444px; height:237px; margin:30px 0 0 0; float:right; background:url(../images/dl-background.jpg) 0 0 no-repeat;}*/
#dl {position:relative; top:0; right:0; width:444px; height:190px; margin:30px 0 0 0; float:right; background:url(../images/dl-background.jpg) 0 0 no-repeat;}

#produits-bio {position:relative; top:0; left:29px; width:207px; height:127px; margin:34px 0 0 0; float:left;}

#produits-tous {position:relative; top:0; left:29px; width:192px; height:141px; margin:34px 16px 0 0; float:left;}

#pdf {position:relative; top:10px; right:0; width:385px; height:26px; line-height:26px; margin:0 0 0 29px; padding:0 0 0 30px; font-size:11px; background:url(../images/pdf-home.png) 0 0 no-repeat; clear:both;}





/*PAGE*/

#sousMenu {position:relative; top:0; left:18px; width:173px; margin:41px 0 0 0; float:left;}

#titre {position:relative; top:0; left:52px; width:739px; height:22px; margin:41px 0 0 0; float:left;}

#page {position:relative; top:0; left:52px; width:475px; margin:0; padding:0; float:left;}

#page img{ margin-right:30px;}

#page a{color: #1d7400; text-decoration:none; }

#bandeau-droite-page {position:relative; top:27px; right:0; width:249px; margin:0;margin-left:15px; padding:0; float:left;}

#legende-photo {position:relative; top:0; right:0; width:235px; height:49px; margin:0; padding:18px 0 0 14px; font-style:italic; color:#ffffff; background:#a76121 url(../images/background-bd-droit-page.png) left bottom no-repeat;}


/* map */
#map {position:relative; top:10px; left:52px; width:475px; height:350px; margin:0; padding:0; float:left;}
#bandeau-droite-map {position:relative; top:0px; left:35px;  width:400px; margin:0;margin-left:45px; padding-left:15px; float:left;}
#bandeau-droite-map h3 {color:#A76121;font-size:16px;line-height:16px;}

#conteneur-map {position:relative; top:0; left:0; width:980px; margin:0 7px; padding:0; background-color:#FFFFFF; overflow:hidden; z-index:2;}



/*FICHE*/

#fiche {position:relative; min-height:200px; top:20px; left:52px; width:429px; margin:0 0 0 0; padding:0; float:left; background:url(../images/background-fiche.png) 0 0 repeat-y;text-align:justify;}

#bandeau-droite-fiche {position:relative; top:20px; right:19px; width:296px; margin:0; padding:0; float:right; color:#666666;}

#bandeau-droite-fiche #usage {position:relative; top:0; left:0; width:282px; height:30px; padding:12px 0 0 14px; color:#ffffff; font-weight:bold; background:#1d7400; margin:0;}

.pdf-fiche {position:relative; top:0; right:0; width:175px; height:48px; margin:7px 0; padding:0 0 0 13px; line-height:48px; color:#ffffff; font-weight:bold; background:url(../images/pdf-fiche.png) 0 0 no-repeat; cursor:pointer}

.pdf-fiche2{position:relative; top:0; right:0; width:175px; height:48px; margin:7px 0; padding:10px 0 0 13px; line-height:12px; color:#ffffff; font-weight:bold; background:url(../images/pdf2.jpg) 0 0 no-repeat; cursor:pointer}

.partenaire {position:relative; top:0; right:0; width:175px; height:54px; margin:0; padding:0;}

#ajout-selection {position:relative; top:0; right:0; width:233px; height:75px; margin:0; padding:13px 0 0 0; text-align:center; background:url(../images/ajout-selection.png) 0 0 no-repeat; clear:both;}





/*LISTING*/

#bandeau-droite-listing {position:relative; top:20px; right:19px; width:296px; margin:0; padding:0; float:right; color:#666666;}

.listing {position:relative; top:0; left:0; width:450px; margin:0; }



.clear {position:relative; width:100%; margin:0 0 15px 0; clear:both;}
.clear2 {position:relative; width:100%; margin:0 0 0px 0; clear:both;}



/*//FOOTER//*/

#footer {position:relative; top:0; left:0; width:994px; height:140px; padding:0; margin:0; background:url(../images/background-footer.png) 6px 19px no-repeat; z-index:2;}

#footer-haut {position:relative; top:0; left:0; width:980px; height:19px; padding:0; margin:0 7px; background:url(../images/footer-haut.png) 0 0 no-repeat;}

#contact {position:relative; top:0; left:33px; width:160px; height:116px; margin:1px 0 0 0; font-size:10px; color:#ffffff; border-right:1px dotted #ffffff; float:left;}

.siteMap {position:relative; top:0; left:33px; width:175px; margin:1px 0 0 0; border-right:1px dotted #ffffff; float:left;}

#cgc {position:relative; top:0; left:33px; width:290px; height:107px; margin:1px 0 0 0; padding:14px 0 0 0; color:#ffffff; font-weight:bold; font-size:11px; text-align:center; float:left; background:url(../images/reflet-partenaire.png) 0 105px no-repeat;}

#cgc img {position:relative; top:0; left:0; margin:17px 0 0 24px; float:left;}

#footer-bas {position:absolute; top:0; left:0; width:994px; height:19px; padding:0; margin:140px 0 0 0; background:url(../images/footer-bas.png) 0 0 no-repeat;}





/*///FORMULAIRE DE RECHERCHE///*/

/*BARRRE DE RECHERCHE*/

input.saisie {width:120px; height:12px; min-height:14px; font-size:11px; line-height:11px; padding:1px; background:#FFFFFF; border:1px solid #a5acb2;}

input.ok {width:25px; height:31px; margin:0 0 0 5px; vertical-align:middle;}

select {background:#FFFFFF; border:1px solid #a5acb2; height:19px; min-height:19px; width:125px; font-size:11px; line-height:11px; padding:1px;}

#ajout-selection input.saisie {width:70px; height:12px; min-height:14px; font-size:11px; line-height:11px; padding:1px; background:#FFFFFF; border:1px solid #a5acb2;}

.inputselection{width:180px; }
textarea{width:180px; }
/*///MISE EN FORME TEXTE///*/

h1 {margin:0 0 10px 0; color:#1d7400; font-size:22px; line-height:22px; border-bottom:1px dotted #cccccc;}

h2 {margin:14px 0 0 0; color:#a76121; font-size:14px; line-height:14px;}

p {margin:10px 0;}

#titre h1 {margin:0 0 10px 0; color:#1d7400; font-size:22px; line-height:22px; border-bottom:1px dotted #1d7400;}

#page h2 {margin:14px 0 17px 0; color:#a76121; font-size:16px; line-height:16px;}

#page h3 {margin:10px 0; color:#1d7400; font-size:14px; line-height:13px;}

#page h4 {margin:10px 0; color:#a76121; font-size:12px;}



#page, #fiche p {margin:10px 55px 10px 0;}

#page p.bas-page {margin:10px 55px 10px 0; text-align:right;}



#page ul {margin:10px 55px 10px 20px; font-weight:bold; color:#666666;}

#page li {margin:0; font-weight:normal; color:#999999;}



#bandeau-droite-fiche p {margin:38px 0 10px 13px; color:#999999}



#ajout-selection p {margin:0 0 10px 35px; color:#a76121; font-weight:bold; font-size:14px;}



#bandeau-droite-listing p {margin:10px 5px; font-style:italic;}



#bandeau-droite-listing ul {margin:10px 5px; color:#a76121; font-style:italic;}

#bandeau-droite-listing li {padding:0; color:#666666;}



.siteMap ul {width:160px; margin:20px 0 0 5px; font-size:10px; color:#ffffff;}

.siteMap li {line-height:19px; border-bottom:1px dotted #ffffff;}



#sousMenu ul {width:173px; margin:0;}

#sousMenu li {line-height:25px; padding:0; border-bottom:1px dotted #a76121;}



/*///LIEN///*/

a.lien, a.lien:link, a.lien:visited, a.lien:active, a.lien:focus {text-decoration:underline; color:#a76121;}

a.lien:hover {text-decoration:none; color:#a76121;}



#pdf a, #pdf a:link, #pdf a:visited, #pdf a:active, #pdf a:focus {text-decoration:underline; color:#999999;}

#pdf a:hover {text-decoration:none; color:#999999;}



#contact a, #contact a:link, #contact a:visited, #contact a:active, #contact a:focus {text-decoration:underline; color:#ffffff;}

#contact a:hover {text-decoration:none; color:#ffffff;}



#sousMenu a, #sousMenu a:link, #sousMenu a:visited, #sousMenu a:active, #sousMenu a:focus {text-decoration:none; color:#999999; padding:0 0 0 16px; }

#sousMenu a:hover {text-decoration:none; color:#a76121; background:url(../images/goutte-ssmenu.png) 0 -1px no-repeat;}

#sousMenu a.lien_twt, #sousMenu a.lien_twt:link, #sousMenu a.lien_twt:visited, #sousMenu a.lien_twt:active, #sousMenu a.lien_twt:focus {text-decoration:none; color:#999999; padding:0 0 0 16px; }

#sousMenu a.lien_twt:hover {text-decoration:none; color:#a76121; background:none;}