body{
     background-color:#369;
     color:#fff;
     font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
     font-size:small;
     margin: 0;
     padding:0 0 1em 0;
}

hr {
   clear: both;
   visibility: hidden;
}

/* ------------------------------PAGE (MAIN-)  -------------------------*/
#page{
   margin : 1em 1em 1em 1em   ;
   padding : 0em 1em 0em 1em ;
   color:#000;
   background-color:#fff;
   border:3px solid #000;
}

#page a{
    text-decoration:none;
    color:#329a32;
}

/* ---------------------------------LOGO-----------------------------*/
#logo{
      margin: 0;
}
#logo img{
      border:0;
      background-color:transparent;
}
#logo a{
      color:#000;
      background-color:transparent;
}


/* ------------------------------CONTENT  -----------------------------*/
#content  {
   color:#000;
   background-color:#f5f8fc;
   border:1px solid #69c;
   line-height:150%;
   margin:4em 0 0 0 ;
   padding:0em 1em 1em 1em;
}

#content h1 {
  border-top: #900 2px groove;
  font-size: 120%;
  color: #369;
}

#content h1 a {
  color: #369;
  text-decoration:none;
}

#content h1 a:hover{
   background-color:#f89f13;
   color:#fff;
}

#content h2{
	display: block;
   font-size: 100%;
   color: #008;
}

#content h2 a{
   text-decoration: none;
}


/* ------------------------------MENU-----------------------------*/
#menu{
      position:absolute;
      top:6em;
      right:4em;
      background-color:#fff;
      color:#369;
      text-align:center;
      width: 20em;	
}
#menu h2{
      border-bottom:3px solid #78705c;
      font-style:small;
      font-weight:500;
      margin:0;
      padding:0;
}
#menu ul{
    margin:0;
    padding:3px 0 0 0;
}
#menu li{
   display:inline;
   font-weight:700;
   font-style:small;
   margin:0;
   padding:0;
}
#menu a{
   color:#686151;
   background-color:transparent;
   padding:0 0.5em;
   text-decoration:none;
}
#menu a:hover{
   text-decoration:underline;
}

#submenu {
   border-top:1px solid #78705c;
   width: 16em;
   font-size: 90%;
   margin-left: auto;

	 margin-right: auto;

   padding:0 2em 0 0 0;

}



/* ------------------------------MAJ et MAIL-----------------------------*/

#maj {

  font-size: 70%;

  margin:0 0 0 1em;

  text-align: left;

}



#mail{

    font-size: 70%;

    margin:0 1em 0 0;

    text-align: right;

    position:relative;

    bottom: 1.5em;

}