ie {afficher-comme: mozilla;}

Le bonheur

body
{
   width: 890px;
   margin-top: 20px;
   margin-bottom: 20px;   
   background-color: #00004c;   
   margin: auto;
}

/* L'en-tête */

#en_tete
{
   width: 888px;
   height: 159px;
   background-image: url('images/banniere.jpg');
   background-repeat: no-repeat;
   margin-bottom: 10px;

}


/* Le menu */

#menu
{
float: left;
   margin-left: 7px;
   margin-right: 10px;
   width: 137px;
   text-align: center;
   margin-bottom: 7px;
   clear: both;
  }
 #menu2
 {
float: left;
   margin-right: 7px;
   margin-left: 10px;
   width: 137px;
   text-align: center;
   margin-bottom: 7px;
   clear: both;
}
.element_menu
{

   color: #6B1010;
}


/* Quelques effets sur les menus */

.element_menu ul
{
   list-style-image: url('imgs/puce.png');
   padding-left: 20px;
   margin-bottom: 5px; margin-left:0px; margin-right:0px; margin-top:0px; padding-right:0px; padding-top:0px; padding-bottom:0px
}
.element_menu h3 /*tous les titres h3 du menu seront comme suit: */
{
margin-bottom: 10px;
margin-top: 10px;
color: #d9f5ff;
text-align: center;
font-style: underline;
border: 1px solid #96b7d2;
}
.element_menu a
{
   color: #6eb1e4;
}

.element_menu a:hover
{
   color: #7D835F;
}
.element_menu a:active
{
        color:#af8d8d;
}

/* Le corps de la page */

#corps
{   
   margin-left: 157px;
   border-top-width: 1px;
   border-bottom-width: 1px;
   border-right-width: 0;
   border-left-width: 1px;
   border-style: solid;
   border-color: white;
   color: #c0c0c0;
   font-family: "Times New Roman", arial, "arial black";
   size: 12px;
   text-align: left;
   width:
}
/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied
{
   padding: 5px;
   text-align: center;
   color: #c0c0c0;
   margin-bottom: 5px;
   margin-left: 7px;
   margin-right: 7px;
   margin-top : 7px;
}
#page
{
   margin: auto;
color: white;
clear: both;
border: 1px solid #FFFFFF
}
a
{
color: #b8aefd;
}
.spacer {
  clear: both;
}
.table_forum
{
   border: 1px outset #C5D9E5; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
        color: white;
   margin: auto;
   }

.th_forum /* Les cellules d'en-tête */
{
   background-color: #355779;
   color: #7FA3C6;
   font-size: 1.1em;
   font-family: "Comic Sans MS" ,Arial, "Arial Black", Times, "Times New Roman", serif;
   text-align: center;
}
.tr_forum
{
background-color: #99BCD0;
color: #500E29;
}
.tr_forum a
{
color: #FFF600;
}
.premiere
{
   border: 1px outset red; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
  }
.info_message, .editer_message
{
text-align: center;
background-color: #355779;
color: #7FA3C6;
font-family: "Comic Sans MS", Impact, Arial, "Arial Black", serif;
size: 16px;
}
.editer_message a
{
color: #ffcca0;

}
.message
{
background-color: #99BCD0;
color: #500E29;
text-align: justify;
size: 14px;
}
table
{
border: 1px solid white;
color: #B1E4DD;
}
.mag
{
text-align: justify;
background-color: #967C7A;
color: #F6ECEB;
}
.foot_mag
{
text-align:center;
}
.head_mag
{
text-align: center;
}
.sab
{
border: 0;
text-align: center;
}
.infirmerie
{
border: 1px solid #4c6b28;
text-align: center;
}
.haut_5
{
background-color: #4c969b;
color: #000000;
border: 1px solid #004200;
}
.bas_5
{
background-color: #4cc1a0;
color: black;
border: 1px solid #004200;
}
._h2_news
{
text-align: center;
color: #ff8700;
font-size: large;
font-style: underline;
}
.news
{
margin: auto;
width: 690;
}
#corps p
{
text-align: justify;
padding: 3px;
}
#corps h1, h2
{
margin-top: 10px;
margin-right: 68px;
margin-left: 68px;
border-top-width: 3px;
border-bottom-width: 3px;
border-style: inset;;
border-color: #96a2d1;
border-right: 0;
border-left: 0;
width: 600px;
text-align: center;
}
.inscript
{
margin: auto;
border: 0;
   margin-left: 157px;

}
.personnel
{
border: 1px solid #96b7d2;
color: #d9f5ff;
}
#inforamtion0 /*avant connection*/
{
margin-top: 10px;
color: #c0c0c0;
font-weight: bold;
text-align: center;
}
#inforamtion1/*apres connection*/
{
margin-top: 10px;
color: #c0c0c0;
font-weight: bold;
text-align: center;
}
.h3_cours /*titres des cours*/
{
color: #d4ddff;
text-align: center;
word-spacing: 3px;
}

font-family:tahoma;

font-size : 10px;