/* CSS Document */
html, body { height: 100%; margin: 0; padding: 0; text-align: left; font-family:"Comic Sans MS", Verdana, Arial, Helvetica, sans-serif; font-size:0.9em; background-color:#336633; color:#333300; text-align:justify;}
  
#base { width: 900px; margin: 0 auto 0 auto; padding:0; background-image:url(images/base/fond-base.jpg); background-repeat:repeat-y;}
#bandeau { width: 900px; height:200px; margin:0; padding:0; text-align:left;}

#cachemenu { height:0; visibility:hidden;}

#gauche { float: left; width: 165px; padding:0 0 15px 0; background-image:url(images/base/fond-menu.jpg); background-repeat:repeat-y;}
#droite { margin-left:165px; width: 700px; padding:12px 15px 0 20px; background-image:url(images/base/fond-page.jpg); background-repeat:repeat; height:auto;}

#footer{ width:894px; background-color:#003333; margin:12px 0 0 0; padding:3px 3px; clear: both; text-align:center; color:#FFCC33 }
#footer a { text-decoration:none; color:#FF9900; }
#footer a:hover { color:#FFFF99; }
#sousfooter { width:900px; margin: 4px auto 7px auto; text-align:center; color:#66FF99}
#sousfooter a { text-decoration:none; color:#66FF99;}
#sousfooter a:hover { color:#FFFF99; }
#browser { color:#CCFFCC; width:800px; text-align:justify; margin:5px auto 12px auto;}

#menu { list-style-type:none; margin:18px 0 0 0; padding:0; width:165px;}
#menu li { display:block; margin:12px 0 0 0; }
a.accueil { background-image:url(images/menu/accueil.a.jpg); background-repeat:no-repeat; height:13px; padding-right:165px;}
a:hover.accueil { background-image:url(images/menu/accueil.r.jpg); background-repeat:no-repeat; height:13px; padding-right:165px;}
a.histoires { background-image:url(images/menu/histoires.a.jpg); background-repeat:no-repeat; height:13px; padding-right:165px;}
a:hover.histoires { background-image:url(images/menu/histoires.r.jpg); background-repeat:no-repeat; height:13px; padding-right:165px;}
a.huile { background-image:url(images/menu/huile.a.jpg); background-repeat:no-repeat; height:13px; padding-right:165px;}
a:hover.huile { background-image:url(images/menu/huile.r.jpg); background-repeat:no-repeat; height:13px; padding-right:165px;}
a.kumquats { background-image:url(images/menu/kumquats.a.jpg); background-repeat:no-repeat; height:13px; padding-right:165px;}
a:hover.kumquats { background-image:url(images/menu/kumquats.r.jpg); background-repeat:no-repeat; height:13px; padding-right:165px;}
a.oleakum { background-image:url(images/menu/oleakum.a.jpg); background-repeat:no-repeat; height:13px; padding-right:165px;}
a:hover.oleakum { background-image:url(images/menu/oleakum.r.jpg); background-repeat:no-repeat; height:13px; padding-right:165px;}
a.liens { background-image:url(images/menu/liens.a.jpg); background-repeat:no-repeat; height:13px; padding-right:165px;}
a:hover.liens { background-image:url(images/menu/liens.r.jpg); background-repeat:no-repeat; height:13px; padding-right:165px;}
a.vente { background-image:url(images/menu/vente.a.jpg); background-repeat:no-repeat; height:13px; padding-right:165px;}
a:hover.vente { background-image:url(images/menu/vente.r.jpg); background-repeat:no-repeat; height:13px; padding-right:165px;}
a.contact { background-image:url(images/menu/contact.a.jpg); background-repeat:no-repeat; height:13px; padding-right:165px;}
a:hover.contact { background-image:url(images/menu/contact.r.jpg); background-repeat:no-repeat; height:13px; padding-right:165px;}

a.domaine { background-image:url(images/menu/domaine.a.jpg); background-repeat:no-repeat; height:13px; padding-right:165px;}
a:hover.domaine { background-image:url(images/menu/domaine.r.jpg); background-repeat:no-repeat; height:13px; padding-right:165px;}
a.olivier { background-image:url(images/menu/olivier.a.jpg); background-repeat:no-repeat; height:13px; padding-right:165px;}
a:hover.olivier { background-image:url(images/menu/olivier.r.jpg); background-repeat:no-repeat; height:13px; padding-right:165px;}
a.kumquatier { background-image:url(images/menu/kumquatier.a.jpg); background-repeat:no-repeat; height:13px; padding-right:165px;}
a:hover.kumquatier { background-image:url(images/menu/kumquatier.r.jpg); background-repeat:no-repeat; height:13px; padding-right:165px;}
a.alliance { background-image:url(images/menu/alliance.a.jpg); background-repeat:no-repeat; height:13px; padding-right:165px;}
a:hover.alliance { background-image:url(images/menu/alliance.r.jpg); background-repeat:no-repeat; height:13px; padding-right:165px;}

a.kumquateraie { background-image:url(images/menu/kumquateraie.a.jpg); background-repeat:no-repeat; height:13px; padding-right:165px;}
a:hover.kumquateraie { background-image:url(images/menu/kumquateraie.r.jpg); background-repeat:no-repeat; height:13px; padding-right:165px;}
a.utilisations { background-image:url(images/menu/utilisations.a.jpg); background-repeat:no-repeat; height:13px; padding-right:165px;}
a:hover.utilisations { background-image:url(images/menu/utilisations.r.jpg); background-repeat:no-repeat; height:13px; padding-right:165px;}

a.oliveraie { background-image:url(images/menu/oliveraie.a.jpg); background-repeat:no-repeat; height:13px; padding-right:165px;}
a:hover.oliveraie { background-image:url(images/menu/oliveraie.r.jpg); background-repeat:no-repeat; height:13px; padding-right:165px;}

a { text-decoration:none; border:none;}
 
/* DIVERS CONTENU
-------------------------------------------------------- */

p { margin:3px 0 5px 5px;}
p a { color:#996600;}
p a:hover { color:#FF6600;}
.center { text-align:center; margin:5px 0 0 0;}
.left { margin-left:0;}
.separateur { margin:12px 0 8px 0; height:60px; text-align:center;}
.legende { text-align:center; font-style:italic; font-size:0.8em;}
.souligne { color:#FF9900}
.prix { color:#009933; font-weight:bold;}
.nom {font-size:1.1em; font-weight:bold; margin:0 0 5px 5px; padding:0; color:#FF6600;}

h1 { font-size:1.4em; font-weight:bold; margin:0; padding:0; color:#663300;}
h2 { font-size:1.2em; font-weight:bold; margin:7px 0 5px 5px; padding:0; color:#006600;}
h3 { font-size:1.1em; font-weight:bold; margin:7px 0 5px 5px; padding:0; color:#FF6600;}
h4 { font-size:1.0em; font-weight:bold; margin:7px 0 5px 5px; padding:0; color:#FF9900;}

ul{ margin:0 0 0 30px; padding:0;}
li { margin:0; padding:0;}
.top { margin-top:6px;}
.soustitre { list-style-type:square; color:#663300;}
.sousliste { margin:0 0 0 50px; color:#996600;}

.vignette { float:left; margin:9px 7px 0 0;}
.photoG { float:left; margin:9px 12px 0 0;}
.photoD { float:right; margin:9px 0 0 12px;}

/* FORMULAIRE CONTACT
-------------------------------------------------------- */
.rouge { color:#FF0000; }
.champMail { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:small; border:1px solid #006666; width:400px; padding-left:3px; color:#FFFAD4; text-align:center; background-color:#009999; }
.champTexte { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:small; border:1px solid #006666; width:400px; text-align:justify; color:#FFFAD4; padding:3px; background-color:#009999; }
.bouton { color:#333300; text-align:center; background-color:#FFCC99; border:2px solid #FFCC33; }