/* 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: 15px; 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: 15px;
   margin-top: 0px;
   margin-right: 70px;
   margin-left: 50px;
   width: auto;
   font-weight: bold;
   text-align: left;
   color: #000000;
   }

h2 { padding-top: 200px;font-family: Comic Sans MS, verdana, arial, helvetica, sans-serif;font-size: 17px; font-weight: bold;text-decoration: none;text-align: left; margin-left: 50px;margin-right: 50px; color: #5f4431; }
h3 { margin-top: 0px;font-family: Comic Sans MS, verdana, arial, helvetica, sans-serif;font-size: 17px; font-weight: bold;text-decoration: none;text-align: left; margin-left: 50px;margin-right: 50px; color: #5f4431; }
h4 { padding-top: 200px; font-family: Comic Sans MS, verdana, arial, helvetica, sans-serif;font-size: 30px; text-align: left;margin-left: 50px; font-weight: bold; color: #F06000;text-decoration: none; }
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; }
.parution  {width: 100px; vertical-align: top;color: #5f4431;font-family: Comic Sans MS, verdana, arial, helvetica, sans-serif;font-size: 13px;font-weight: bold;border-top: solid 1px #709030;}

.titre
{

vertical-align: top;
text-align: left;
font-family: Comic Sans MS, verdana, arial, helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
text-decoration: none;
color: #5f4431;

}

.objet
{
width: 600px;
text-align: left;
font-family: Comic Sans MS, verdana, arial, helvetica, sans-serif;font-size: 15x;
font-weight: bold;
text-decoration: none;
color: #000000;
border-top: solid 1px #709030;
}

.album
{
width: 50px;
text-align: left;
font-family: Comic Sans MS, verdana, arial, helvetica, sans-serif;font-size: 13x;
font-weight: bold;
text-decoration: none;
color: #000000;
border-top: solid 1px #709030;
}

.photo1
{
  width: 100px;
  text-align: left;
  text-decoration: none;
  color: #000000;
}

.vignette
{
  margin-bottom: 5px;
  border: 1px solid #5f4431;
}


.alerte    { position: absolute;z-index: 26; margin-left: 75px;color: #F06000; font-family: Comic Sans MS, verdana, arial, helvetica, sans-serif;font-size: 17px; font-weight: bold; background-color: #FFFFFF; border: 1px solid #F06000; text-align: center; padding: 2px; }
.deconnection {color: #F00000; font-family: Comic Sans MS, verdana, arial, helvetica, sans-serif;font-size: 17px; font-weight: bold; background-color: #FFFFFF; border: 1px solid #F06000; float:left;}
.identifiant input{margin-left: 50px;}
.motdepasse input{margin-left: 38px;}
.forum {color: #F00000; font-family: Comic Sans MS, verdana, arial, helvetica, sans-serif;font-size: 17px; font-weight: bold; background-color: #FFFFFF; border: 1px solid #F06000; float:right;}
table      { border-collapse: collapse;width: auto; margin-left: 40px;margin-right:40px; }

tr         {padding:5px;}
td         {padding: 5px; text-align: left; padding-top: 0px;vertical-align: top; color: #000000;font-family: Comic Sans MS, verdana, arial, helvetica, sans-serif; }
td a:link  { display: block; color: #FFFFFF; }
td a:hover { color: #F06000; text-decoration: none; }
th         { padding: 5px;  text-align: center; color: #000000; font-family: Comic Sans MS, verdana, arial, helvetica, sans-serif;font-size: 17px; font-weight: bold;text-decoration: none;border-bottom: solid 1px #709030; }
#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; 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 20px 20px;
        text-align: left;
        color: #ffffff;
        background-repeat: no-repeat;
        }
#middle img
{ margin: 0px 20px 10px 0px; text-align: center;margin-top:0px;}
#middle1 img
{
        position: absolute;
        margin: 0px 0px 20px 0px;
        z-index: -26;
        width: 100%;


               }
#middle p a h1 h2 h3 h4  {

         position: absolute;
         width: auto;
         margin-top: 200px;
         margin-left: 50px;
         margin-right: 0px;

               }
#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: 30px;margin-top:20px;}
#up img{z-index: 26;}
html>body #up img{position: fixed;
#footer {
        position: relative;
        z-index: 25;
        margin-top: 1200px;
        padding: 2px;
        color: #FFFFFF;
        text-align: center;font-weight: bold;
        background-color: none; }

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