/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

body {margin: 0 0 0 0; padding: 0 0 0 0; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; color: #FFFFFF; background-color: #91ac3e; }
html 
{
	scrollbar-face-color: #b5cc72;
	scrollbar-arrow-color: #000000;
	scrollbar-base-color: #111111;
	scrollbar-shadow-color: #111111;
	scrollbar-darkshadow-color: #b5cc72;
	scrollbar-highlight-color: #333333;
	scrollbar-3dlight-color: #666666;
	scrollbar-track-color: #333333;
	

}

a         { color: #FFFFFF; text-decoration: none; outline: none; cursor: pointer; }
a:link    { color: #FFFFFF; text-decoration: none; }
a:active  { color: #FFFFFF; text-decoration: none; }
a:hover   { color: #F06000; text-decoration: none; }
a:visited { color: #D0D0D0; text-decoration: none;text-align: center;}

h1 {
   z-index: 50;
   font-family: Comic Sans MS, verdana, arial, helvetica, sans-serif;
   font-size: 17px;
   padding-top: 250px;
   margin-right: 90px;
   margin-left: 50px;
   width: auto;
   font-weight: bold;
   text-align: left;
   color: #5f4431;
   }

h2 { padding-top: 0px;font-family: Comic Sans MS, verdana, arial, helvetica, sans-serif;font-size: 17px; font-weight: bold;text-decoration: underline; font-weight: normal; text-align: left; margin-left: 50px;margin-right: 50px; color: #000000; }
h3 {
font-family: Comic Sans MS, verdana, arial, helvetica, sans-serif; font-size: 17px; padding: 0px; font-weight: bold; color: #591100; text-align: right;margin-right: 10px; }h4 { font-family: Comic Sans MS, verdana, arial, helvetica, sans-serif; font-size: 17px; padding: 0px; font-weight: bold; color: #591100; text-align: center;}
h5 { font-size: 13px; line-height: 24px; font-weight: normal; text-align: left;   margin: 0; color: #E0E0E0; }
h6 { font-family: Comic Sans MS, verdana, arial, helvetica, sans-serif; font-size: 13px; line-height: 18px; font-weight: bold; text-align: center; margin: 0; color: #FFFFFF; }

img { border: none; }

p  { font-size: 13px; text-align: justify; margin: 10px 10px 10px 0; }

table      { width: 100%; margin: 20px 0 0 0;text-align: center; }
td         { padding: 0; }
td a:link  { display: block; color: #FFFFFF; }
td a:hover { display: block; color: #F06000; text-decoration: none; }
th         { text-align: left; }

#page { position: absolute; z-index: 10; width: 100%; color: #909000; background-color: #91ac3e; }

#header {
        margin: 20px 20px 0px 20px;
        padding-top: 10px;
        border-bottom: none;
        background-image:URL("image/fondheader.jpg");
        text-align: left;
        height: 50px;

        }
#maison {z-index: 30;}
html>body #maison {z-index: 30;padding: 20px;}
#maison img {width: auto;height: auto;}
html>body #maison img {margin-right: 20px;width: auto;height: auto;float: right;}
#header img    { border: none; }
#header .logo  { margin-left: 6px; }
#header .titre { margin-left: 28px; }

#header2 {
         height: 50px;
         margin: 0px 20px 0px 20px;
         padding: 2px;
         border: 1px solid #727272;
         border-top: none;
         background-color: #666666;
         }

#header2 img { float: right; border-style: none; width: 32px; height: 20px; margin-left: 5px; }

#nav {
     position: absolute;
     z-index: 50;
     top: 15px;
     left: 10px;
     padding: 10px;
     padding-top: 0px;
     border: none;
     background-color: #60F060;
     width: 100px;
     }

 html>body #nav { background-color: #60F060; }
 html>body #nav { left: 20px; right: 20px; margin-left: 20px; height: 100px; }

#nav ul         { margin: 3px 0 0 0; padding: 1px; list-style-type: none; }
#nav li a       { display: block; color: #909000; padding-left: 5px; text-align: center; text-decoration: none; margin: 2px; }
#nav li a:hover { display: block; color: #909000; padding-left: 5px; text-decoration: none; background-color: #FFFFFF;text-align: center; }

#title { position: relative; z-index: 40; top: 20px; margin-right: 0px; margin-left: 0px; text-align: left; border: 1px solid #727272; height: 55px; background-image:URL("image/Fond_menu1.jpg");}
html>body #title {  background-image: URL("image/Fond_menu1.jpg"); }
#navtop           { position: absolute; z-index: 50; top: 105px; margin-right: 100px; margin-left: 10px; text-align: center; border: none; cursor: pointer;}


html>body #navtop { margin-left: 50px; height: 10px; cursor: pointer;}

#navtop dl       { display: block; float: left; width: 160px; margin-top: 4px; margin-left: 3px;text-align: center;border: 1px solid #B7CD74;valign: middle;}
#navtop dt       { display: block; border: 1px solid #909090; height: 14px; text-align: center; padding: 0px; }
#navtop dt:hover { display: block; border: 1px solid #E8AE00; font-weight: bold;text-align: center; }
#navtop dd       { display: none; }

#navtop ul           { display: block; width: 160px; margin-left: -40px; padding: 0 0 0 0; border: 1px solid #AAAAOO; background-image:URL("image/Fond_menu2.jpg"); background-repeat: repeat; text-align: center;valign: middle; }
#navtop li        { display: block; height: 15px; text-align: center; margin: 1px; padding-bottom: 2px; }
#navtop li :hover { display: block; height: 15px; border: 1px solid #E8AE00; text-align: center; }

#navtop a:link    { display: block; color: #909000; text-decoration: none; text-align: center; }
#navtop a:visited { display: block; color: #909000; text-decoration: none; text-align: center; }
#navtop a:hover   { display: block; color: #909000; font-weight: bold; text-decoration: none; text-align: center; }

#navtop p.rem { color: #D0D0D0; font-weight: bold; margin: 3px 0 0 12px;text-align: center; }

#navtop dl dt a       { color: #909000; text-decoration: none; border: none;text-align: center; }
#navtop dl dt a:hover { color: #909000; text-decoration: none; border: none;text-align: center; }

#middle {
        z-index: 25;

        position: relative;
        width: auto;
        height: auto;
        margin: 20px 20px 20px 20px;
        text-align: left;
        color: #ffffff;
        background-repeat: no-repeat;
        }

#middle1 img
{
        position: absolute;
        margin: 0px 0px 0px 0px;
        z-index: -26;
        width: 100%;
        height: auto;

               }

#middle2 img
{

        margin: 0px 0px 0 300px;
        z-index: -26;
        width: auto;
        height: auto;
               }
#middle3 img
{
        text-align: center;
        padding-top: 50px;
        z-index: -26;
        width: 90%;
        height: auto;
}
#middle p a h1 h2 h3 h4  {
         z-index: 50;
         position: absolute;
         width: auto;
         margin-left: 50px;
         margin-right: 70px;
               }
#middle a
        { color: #F06000; text-decoration: none; outline: none;font-family: Comic Sans MS, verdana, arial, helvetica, sans-serif;font-size: 17px; }

#pagenum         { margin-top: 10px; }
#pagenum a       { text-decoration: none; margin: 1px; }
#pagenum a:hover { text-decoration: none; margin: 1px; color: #F06000; }
#up { float: right;margin-right: 20px;}
#up img{z-index: 26;}
html>body #up img{position: fixed; }
#BACK { float: right;margin-right: 20px;margin-top:10px;}

#footer {
        position: relative;
        z-index: 26;
        margin: 240px 20px 20px 50px;
        padding: 2px;
        text-align: center;
        color: #FFFFFF;font-weight: bold;
        background-color: none; }

.alerte    { color: #F06000; font-weight: bold; background-color: #FFFFFF; border: 1px solid #F06000; text-align: center; padding: 2px; }
.etiquette { color: #000000; font-weight: bold; background-color: #F06000; border: 1px solid #A0A0A0; }

#info td  { vertical-align: top; }
#info img { margin: 10px; 0 0 10px; border: 1px solid #E0E0E0; }
/* margin: haut droite bas gauche */  /* white-space: nowrap; */ /*#404040background-color: #558080#909000#F06000*/