body {margin: 0; padding: 0;  background-color: #ccffcc; behavior: url(../scripts/csshover.htc);
	font-family: "Times New Roman", Times, serif; font-size: 1em;}
input {font-size:1em;}
div#bandeau {color: #ccffcc; background: gray url(../fonds/fond1.jpg); 
position: absolute; top:0px; left: 0px; height: 8em; right: 0px; font-family: arial, helvetica,sans-serif;
padding-left: 15px; padding-top: 0.25em;
}
div#bandeau span.logo {font-size: 200%; font-weight: bold; text-align: center; display: block; width: 4em; }

div#menugene {text-align: right; position: absolute; top: 6.5em; right: 10px; 
font-family: arial,helvetica,sans-serif; color: #ccffcc; display: inline;
}
div#chercher {text-align: right; position: absolute; top: 4.5em; right: 10px; }
div#chercher .text {background: #ccffcc; border: none;  }
div#chercher .bouton {background: grey; border: 1px dotted #ccffcc; margin: 0; padding: 0; color: #ccffcc; cursor: pointer; font-size: 80%;}

div#contenu {position: absolute; top: 8.25em; left: 0; right: 0; bottom: 2.5em; overflow: auto;
 color: black ; padding: 10px; 
 }
div#contenu a {color: green;}
div#contenu ul.menulocal {margin: 0; padding: 0;}
div#contenu ul.menulocal li {float: left; width: 21%; margin: 1%; padding: 0.4em; height: 3em;
background: gray; list-style: none; text-align: center; 
font-family: "comic sans ms",arial,helvetica,sans-serif; line-height: 1.1em;}
div#contenu ul.menulocal a { text-decoration: none; color: #ccffcc;}
div#contenu ul.menulocal a:hover {background-color: #ccffcc; color: gray;}
div#contenu dt {margin-top: 0.5em;}

div#navigprinc {position: absolute; top: 0.3em; left: 13em; margin: -1px;
color: #ccffcc; font-family: arial,helvetica,sans-serif;}
div#navigprinc a { text-decoration: none; color: #ccffcc;}
div#navigprinc a:hover {background-color: #ccffcc; color: gray;}
div#navigprinc ul {font-family: arial,helvetica,sans-serif; margin: 0; padding: 0;
background: gray; border: 1px solid #ccffcc; border-width: 0 1px;}
div#navigprinc li {position: relative; list-style: none; 
	margin: 0; float: left; width: 7em; line-height: 1em;}
div#navigprinc li:hover {background: darkgray;}
div#navigprinc li.sousmenu { }
div#navigprinc li.sousmenu:hover {background: darkgray;}
div#navigprinc li a { display: block; padding: 0.25em 0 0.25em 0.5em; 
text-decoration: none; width: 6.5em; color: #ccffcc;}
div#navigprinc>ul a {width: auto; text-align: center;}
div#navigprinc ul ul {position: absolute; width: 7em; display: none;}
div#navigprinc ul ul li {border-top: 1px solid #ccffcc; }
div#navigprinc li.sousmenu li.sousmenu { }
div#navigprinc ul.niv1 li.sousmenu:hover ul.niv2, 
div#navigprinc ul.niv2 li.sousmenu:hover ul.niv3 {display: block;}
div#navigprinc ul.niv2 {top: 1.5em; left: -1px; border-bottom:1px solid #ccffcc; }
div#navigprinc ul.niv3 {top: -1px; left: 7em; border-bottom:1px solid #ccffcc;}

div#navigprinc ul.niv1 li {border-right: 1px solid #ccffcc;}

div#pied {position: absolute; bottom: 0; left: 0; right: 0;
height: 2em; font-family: arial,helvetica,sans-serif;
padding-top: 0.5em; text-align: center;
color:#ccffcc; background: gray url(../fonds/pool.jpg); }
div#pied form {display: inline;}
div#pied a, div#menugene a {text-decoration: none; color: #ccffcc; }
div#pied a:hover, div#menugene a:hover {background-color: #ccffcc; color: gray; }
div#pied input {font-family: arial,helvetica,sans-serif; border: none;  padding: 0;
 background-color: transparent; color: #ccffcc; cursor: pointer;}
div#pied input:hover {background-color: #ccffcc; color: gray;}

hr {width: 100%; border: none; height: 0.5em; background-color: gray; }