body
{
 /* background-image: url("trefle.gif");*/
 margin: auto;
 margin-top: 20px;
 margin-bottom: 20px;
 width: 1000px;
}

#haut
{
 width: 486px;
 height: 179px;
 background-color: #E1E1E6;
 border: 2px solid black;
 margin: auto;
 margin-bottom: 20px;
 background-image: url("citadelle2petit.jpg");
 background-repeat: no-repeat;
 text-align: center;
}

#menu_index
{
 float: left;
 width : 150px; 
}

#menu
{
 float: left;
 width : 150px; 
 background-color: #E1E1E6;
 border: 2px solid black;
}

#menu ul
{   
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 10px;
   margin-top: 10px;
}

#menu a
{
   /*color: #FF8C00;*/
   color: red;
}

#menu a:hover
{
   background-color: black;/*#B3B3B3;*/
   color: yellow;/*#0000C8;*/
}

#page
{
  margin-left: 170px;
  margin-bottom: 20px;
  border: 2px solid black;
  padding: 5px;
  padding-bottom: 20px;
  background-color: #E1E1E6;
  border: 2px solid black;
}

#page a
{
   color: red;/*#FF8C00;*/
}

#page  a:hover
{
   background-color: black;/*#B3B3B3;*/
   color: yellow;/*#0000C8;*/
}
/*********************************/
/*    Style pour tous les tableaux du site       */
/*********************************/
table 
{
  border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
  border: 2px solid black;
  text-align: center;
  padding: 5px;
  margin-bottom: 20px;
}

td
{
  padding: 10px;
  border: 1px solid black;
  vertical-align:top;
 /* background-color: #FF8C00;*/
}

caption 
{
  font-family: Arial, Times, "Times New Roman", serif;
  font-weight: bold;
  font-size: 1em;
  margin-bottom: 15px;
  margin-top: 15px;
}

th
{
  padding: 10px;
  border: 1px solid black;
  vertical-align:top;
 /* background-color: #FF8C00;*//* #FFD800;*/
}
/*********************************/
/*   Quelques différences pour certains tableaux */
/*********************************/
.tab_notes_colleurs_2 td
{
  padding: 10px;
  border: 0px solid black;
  /*text-align: center;*/
  vertical-align: top;
  width=1000px;
}

.tab_notes_colleurs_3 td
{
  padding: 5px;
  border: 1px solid black;
  text-align: left;
  vertical-align: top;
  background-color: #D05C60;
}

.tab_td td   /* Utilisé aussi pour ds, dl, programmes, cours, admin */
{
  background-color: #E1E1E6;
}

.tab_notes_prof td
{
  width: 2em;
}
/*********************************/
/* Les tableaux pour la connexion sont simples*/
/*********************************/
table.index 
{
  border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
  border: 0px solid black;
  text-align: right;
  padding: 5px;
  margin-bottom: 20px;
}

table.index td
{
  padding: 10px;
  border: 0px solid black;
  vertical-align:center;
  background-color: #E1E1E6;
}
/*********************************/
/*********************************/