/* 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; }
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: 17px;
   margin-top: 200px;
   padding-right: 50px;
   margin-right: 50px;
   margin-left: 0px;
   width: auto;
   font-weight: bold;
   text-align: LEFT;
   color: #91AC3E;
   }

h2 {
   font-family: Comic Sans MS, verdana, arial, helvetica, sans-serif;
   font-size: 17px;
   margin-top: 50px;
   padding-right: 50px;
   margin-right: 50px;
   margin-left: 0px;
   width: auto;
   font-weight: bold;
   text-align: LEFT;
   color: #91AC3E;
   }
h3 { font-size: 17px; line-height: 30px; font-weight: normal; text-align: left;   margin: 10px 0 10px 0; color: #E0E0E0; }
h4 { font-size: 17px; line-height: 30px; font-weight: normal; text-align: left;   margin: 10px 0 10px 0; color: #E0E0E0; }
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; line-height: 21px; 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: center; border: none; }


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: #E8AE00; text-decoration: none; outline: none;font-family: Comic Sans MS, verdana, arial, helvetica, sans-serif;font-size: 17px; }
#Login  
        {
        position: relative;
        z-index: 26;
        margin-right: 0px;
        margin-left: 150px;
        padding: 15px;
        width: 50%;
        }
#motdepasse
        {
        position: relative;
        z-index: 26;
        margin-top: -50px;
        margin-right: 0px;
        margin-left: 150px;
        padding: 15px;
        width: 50%;
        }
#liste
        {
        position: relative;
        z-index: 26;
        margin-top: -20px;
        margin-right: 600px;
        margin-left: 150px;
        padding: 15px;
        width: 50%;
        }
#sorties
        {
        position: relative;
        z-index: 26;
        margin-top: -50px;
        margin-right: 600px;
        margin-left: 150px;
        padding: 15px;
        width: 50%;
        }
#valider img
        {
        position: relative;
        z-index: 26;
        margin-left: 350px;
        margin-top: -145px;
        right: 10px;
        left: 0px;

        }



#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; }
#footer {
        position: relative;
        z-index: 25;
        margin: 700px 20px 20px 100px;
        padding: 2px;

        text-align: center;font-weight: bold;
        background-color: none; }

 html>body #footer {margin-top: 700px;text-align: center; }

.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*/
