/*
Design par défaut : standard.css
http://www.metapub.net

4 types de division :
- top
- corps
- unecolonne
- bottom
*/

/* Propriétés générales */
body
{
   margin-top: 10px;     /* Marge pour ne pas coller avec le haut de la fenêtre du navigateur */
   margin-bottom: 10px;  /* Idem pour le bas de la fenêtre du navigateur */
   background: white;    /* Fond blanc */
}

.a-t
{
   text-align: left;
}

/* L'entête de page  */
#top
{
   height: 100px;
}

#top-logo
{
   float: left;
   width: 218px;
   height: 100px;
   background: url(../img/logo-metapub.gif) no-repeat top center; 
}
  
#top-ban
{
   margin-left: 220px;
   padding-top: 17px;
   text-align: center;
}

#top-ban a
{
   color: white;
   text-decoration: none;
}

/* Le corps de la page  */
#menus
{
   margin: 10px 0px 0px; 
   padding: 0px;
   float: left;  /* Menu à gauche */
   width: 218px; /* Largeur du menu */
}

#menus h3
{
   height: 27px;
   margin: 10px 0px 0px;
   text-align: center;
   color: #505050;
   font: bold 16px "Trebuchet MS", Verdana, Helvetica, Serif;
   background: url(../img/box-top.png) no-repeat bottom center;
}

#menus p
{
   margin: 0px;
   padding: 3px;
   text-align: center;
   background: url(../img/box-middle.png) repeat-y center;
}

#menus ul
{
   margin: 0px;
   padding-left : 25px;
   text-align: left;
   list-style-type: circle;
   background: url(../img/box-middle.png) repeat-y center;
}

#menus ul li
{
  padding: 3px 0px;
  font: 12px "Trebuchet MS", Verdana, Helvetica, Serif;
}

#menus ul li a
{
   color: #505050;
   text-decoration: none;
}

#menus ul li a:hover
{
   color: #FF6600;
   text-decoration: underline;
}

#menus ul li a:active
{
   background-color: #E0E0E0;
}
   
.menu-end
{
   margin : 0px;
   padding: 0px;
   height: 17px;
   width: 218px;
   background: url(../img/box-bottom.png) no-repeat top center;
}

#corps
{
   margin-left: 220px; /* Marge par rapport au menu à gauche */
   padding: 20px;
   font: 13px Arial, Verdana, Helvetica, Serif;
   text-align: justify;
}

#corps h2
{
   margin: 0px;
   text-align: center;
   font: bold 18px "Trebuchet MS", Verdana, Helvetica, Serif;
   color: #FF6600;
   background-color: #E0E0E0;
}

#corps h3
{
   margin: 0px;
   padding-top: 10px;
   font: bold 15px "Trebuchet MS", Verdana, Helvetica, Serif;
   color: #FF6600;
}

#corps dl dt
{
   color: #505050;
}

#corps dl dd
{
   margin: 0px 0px 10px;
}

#corps ul
{
   margin: 0px;
   text-align: left;
   list-style-type: circle;
}

#unecolonne
{
   padding: 20px;
   font: 13px Arial, Verdana, Helvetica, Serif;
   text-align: justify;
}

#unecolonne h2
{
   margin: 0px;
   text-align: center;
   font: bold 18px "Trebuchet MS", Verdana, Helvetica, Serif;
   color: #FF6600;
   background-color: #E0E0E0;
}

#unecolonne h3
{
   margin: 0px;
   padding-top: 10px;
   font: bold 15px "Trebuchet MS", Verdana, Helvetica, Serif;
   color: #FF6600;
}

#unecolonne dl dt
{
   color: #505050;
}

#unecolonne dl dd
{
   margin: 0px 0px 10px;
}

#unecolonne ul
{
   margin: 0px;
   text-align: left;
   list-style-type: circle;
}

img /* Les images */
{
   padding: 2px;
   border: 0px; /* pas de bordure */
}

table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   border: 2px outset black; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
   text-align: center; /* Tous les textes des cellules seront centrés*/
}

tr:hover
{
   background-color: #E8E8E8;
}

th /* Les cellules d'en-tête */
{
   color: #505050;
   background-color: #EAEAEA;
   border: 1px solid #D8D8D8;
}

td /* Les cellules normales */
{
   border: 1px solid #D8D8D8;
}

/* Le pied de page */
#bottom
{
   clear: both;
   margin: 0px;
   padding: 5px;
   text-align: center;
   color: #505050;
   background-color: #E0E0E0;
}