/* CSS Document */
html { height: 100%; margin: 0; padding: 0; text-align: center; font-family:"Comic Sans MS", Verdana, Arial, Helvetica, sans-serif; font-size:100%; color:#042E46;}
body { font-size:0.85em;}
  
#base0 { text-align:center; width: 900px; margin: 0 auto 0 auto; height:105px; padding:0; color:#CCADE0; }
#base1 { width: 900px; margin: 0 auto 0 auto; padding:0; text-align:justify; }
#bandeau { width: 900px; background-image:url(images/base/logo.jpg); background-repeat:no-repeat; height:105px; margin:0; padding:0; text-align:left }
#contenu { width:850px; background-image:url(images/base/haut.jpg); background-repeat:no-repeat; margin:0; padding:0 15px 15px 20px; }

#gauche { float: left; width: 280px; }
#droite { margin-left:280px; width: 524px; padding:40px 14px 18px 18px; }
#clear { clear:both; }
#footer{ width:870px; background-color:#006699; margin: 0 15px 0 15px; padding:3px 1px 3px 1px; clear: both; text-align:center; font-size:1em; color:#66FFCC }
#footer a { text-decoration:none; color:#66FFCC; }
#footer a:hover { color:#FFFFFF; }
#footerindex { width:775px; margin: 12px auto 7px auto; text-align:center; color:#301D53}
#footerindex a { text-decoration:none; color:#301D53;}
#footerindex a:hover { color:#CC99FF; }
#sousfooter { width:775px; margin: 3px auto 7px auto; text-align:center; color:#FFFFFF}
#sousfooter a { text-decoration:none; color:#FFFFFF;}
#sousfooter a:hover { color:#042E46; }
#browser { width:830px; text-align:justify; margin:0 auto 12px auto; padding-left:20px;}

#boutons { list-style-type:none; margin:0; padding:0; }
#boutons li { margin:0; padding:0; }
#boutons li a { display:block; }
a#entrer { background-image:url(images/menu/entrer.a.jpg); width:103px; height:24px; margin:15px 0 0 393px; }
a:hover#entrer { background-image:url(images/menu/entrer.r.jpg); width:103px; height:24px; margin:15px 0 0 393px; }

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

#menu { list-style-type:none; margin:0; padding:0; }
#menu li { margin:0; padding:0; }
a.presentation { background-image:url(images/menu/presentation.a.jpg); background-repeat:no-repeat; position:relative; top:8px; left:23px; height:11px; width:77px; display:block;}
a:hover.presentation { background-image:url(images/menu/presentation.r.jpg); background-repeat:no-repeat; position:relative; top:8px; left:23px; width:77px; height:11px;}

a.bassins { background-image:url(images/menu/bassins.a.jpg); background-repeat:no-repeat; position:relative; top:21px; left:78px; height:11px; width:44px; display:block;}
a:hover.bassins { background-image:url(images/menu/bassins.r.jpg); background-repeat:no-repeat; position:relative; top:21px; left:78px; width:44px; height:11px;}

a.plantes { background-image:url(images/menu/plantes.a.jpg); background-repeat:no-repeat; position:relative; top:28px; left:138px; height:11px; width:43px; display:block;}
a:hover.plantes { background-image:url(images/menu/plantes.r.jpg); background-repeat:no-repeat; position:relative; top:28px; left:138px; width:43px; height:11px;}

a.materiel { background-image:url(images/menu/materiel.a.jpg); background-repeat:no-repeat; position:relative; top:24px; left:198px; height:11px; width:52px; display:block;}
a:hover.materiel { background-image:url(images/menu/materiel.r.jpg); background-repeat:no-repeat; position:relative; top:24px; left:198px; width:52px; height:11px;}

a.cactus { background-image:url(images/menu/cactus.a.jpg); background-repeat:no-repeat; position:relative; top:14px; left:271px; height:11px; width:40px; display:block;}
a:hover.cactus { background-image:url(images/menu/cactus.r.jpg); background-repeat:no-repeat; position:relative; top:14px; left:271px; height:11px;}

a.acces { background-image:url(images/menu/acces.a.jpg); background-repeat:no-repeat; position:relative; top:5px; left:333px; height:11px; width:36px; display:block;}
a:hover.acces { background-image:url(images/menu/acces.r.jpg); background-repeat:no-repeat; position:relative; top:5px; left:333px; width:40px; width:36px; height:11px;}

a.contact { background-image:url(images/menu/contact.a.jpg); background-repeat:no-repeat; position:relative; top:1px; left:391px; height:11px; width:48px; display:block;}
a:hover.contact { background-image:url(images/menu/contact.r.jpg); background-repeat:no-repeat; position:relative; top:1px; left:391px; height:11px; width:48px;}

a.liens { background-image:url(images/menu/liens.a.jpg); background-repeat:no-repeat; position:relative; top:-2px; left:457px; height:11px; width:31px; display:block;}
a:hover.liens { background-image:url(images/menu/liens.r.jpg); background-repeat:no-repeat; position:relative; top:-2px; left:457px; width:31px; height:11px;}

a { text-decoration:none; border:none; }

#sousmenu { list-style-type:none; margin:0; padding:0; width:399px;}
#sousmenu li { margin:0; padding:0; height:17px; float:left; width:auto; }
#sousmenu li a { display:block;}
a.nenuphars { background-image:url(images/sousmenu/nenuphars.a.jpg); background-repeat:no-repeat; height:16px; width:82px;}
a:hover.nenuphars { background-image:url(images/sousmenu/nenuphars.r.jpg); background-repeat:no-repeat; height:16px; width:82px}
a.lotus { background-image:url(images/sousmenu/lotus.a.jpg); background-repeat:no-repeat; height:16px; width:130px;}
a:hover.lotus { background-image:url(images/sousmenu/lotus.r.jpg); background-repeat:no-repeat; height:16px; width:130px}
a.berge { background-image:url(images/sousmenu/berge.a.jpg); background-repeat:no-repeat; height:16px; width:117px;}
a:hover.berge { background-image:url(images/sousmenu/berge.r.jpg); background-repeat:no-repeat; height:16px; width:117px}
a.poissons { background-image:url(images/sousmenu/poissons.a.jpg); background-repeat:no-repeat; height:16px; width:70px;}
a:hover.poissons { background-image:url(images/sousmenu/poissons.r.jpg); background-repeat:no-repeat; height:16px; width:70px}
 
/* DIVERS CONTENU
-------------------------------------------------------- */

h1  { margin:0 0 0 20px; padding:0; font-weight:bold; font-size:1.5em; color:#003043; border-bottom:1px solid #4DFEDF; display:inline; }
h2  { margin:5px 0 0 20px; padding:0; font-weight:bold; font-size:1.2em; color:#04383A;}
.contact1 { text-align:center; display:block; border:none; margin-left:229px; margin-top:8px}
.contact2 { text-align:center; margin-left:229px;}
.contact3 { text-align:center; color:#FFFFFF; margin:5px 0 0 229px;}
h2 a { color:#04383A;}
h2 a:hover { color:#CCFFCC;}
h3  { margin:0 0 0 20px; padding:0; font-weight:bold; font-size:1.1em; color:#043f4d}
h3 a { color:#043f4d;}
h3 a:hover { color:#CCFF99;}

p { margin:3px 0 0 20px; }
.musique { color:#CCADE0; margin:0; font-size:0.9em}
.legende { font-size:0.8em; font-style:italic; display:block; text-align:center;}
.center { text-align:center;}
.souligne { color:#003366;}
.margeoff { margin:0;}
p a { color:#0000CC}
p a:hover { color:#FFFF99}

.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:#FFFAD4; text-align:center; background-color:#009999; border:2px solid #006666; }