/* 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: #91AC3E; text-decoration: none; outline: none; }
a:link    { color: #FFFFFF; text-decoration: underline; }
a:active  { color: #FFFFFF; text-decoration: underline; }
a:hover   { color: #F06000; text-decoration: none; }
a:visited { color: #D0D0D0; text-decoration: underline;	}

h1 {

   font-family: Comic Sans MS, verdana, arial, helvetica, sans-serif;
   font-size: 15px;
   margin-top: 20px;
   margin-right: 70px;
   margin-left: 50px;
   width: auto;
   font-weight: bold;
   text-align: left;
   color: #000000;
   }

h2 { margin-top: 200px;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: #E8AE00; }
h4 { margin-left: 45px;font-family: Comic Sans MS, verdana, arial, helvetica, sans-serif;font-size: 17px;  font-weight: bold; text-align: left; color: #91AC3E;text-decoration: underline; }
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: 0 0 0 0; }
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;
        }

#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: left; text-decoration: none; margin: 2px; }
#nav li a:hover { display: block; color: #909000; padding-left: 5px; text-decoration: none; background-color: #FFFFFF; }

#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: left; border: none; cursor: pointer; }


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

#navtop dl       { display: block; float: left; width: 160px; margin-top: 4px; margin-left: 3px;text-align: center;border: 1px solid #B7CD74;}
#navtop dt       { display: block; border: 1px solid #909090; height: 17px; text-align: center; padding: 0px;  }
#navtop dt:hover { display: block; border: 1px solid #E8AE00; font-weight: bold; }
#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; }
#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; }

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

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

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

#middle {
        z-index: 25;

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

#middle1 img
{
        position: absolute;
        margin: 0px 0px 0 0px;
        z-index: -26;
        width: 100%;
        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: #E91AC3E; text-decoration: none; outline: none;font-family: Comic Sans MS, verdana, arial, helvetica, sans-serif;font-size: 17px; }
div.pic       { float: left; width: 180px;height: 380px; margin: 300px 50px 0px 70px; text-align: center;color: #e8AE00; background: #e8AE00; border: 3px solid #91ac3e; }
div.pic1      { float: left; width: AUTO;height: auto; margin: 280px 20px 0px 40px; text-align: center; }
div.pic ul { display: block; margin: 0px; padding: 0px; width: auto; text-align: center;height: 10px; }
div.pic li    { font-family:  Comic Sans MS, verdana, arial, helvetica, sans-serif; font-size: 15px;color: #000000;display: block; list-style-type: none; top: 0px;padding: 0px; }

div.lst_spe table  { border: 1px solid #727272; text-align: left; margin-bottom: 10px; background: #e8AE00; }
div.lst_spe td     { padding-left: 2px; }
div.lst_spe img    { border-style: none; width: 40px; height: 24px; }


#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: 30px;margin-top:20px;}
#up img{z-index: 26;}
html>body #up img{position: fixed; }
#footer {
        position: relative;
        z-index: 25;
        margin: 650px 20px 20px 0px;
        padding: 2px;
        color: #FFFFFF;
        text-align: center; 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; margin-left: 0px;  width: 100%; }


/* margin: haut droite bas gauche */  /* white-space: nowrap; */ /*#404040background-color: #558080#909000#F06000*/