body
{
     background : #2B69A3

}
#container {
background:#00629A url(.jpg) repeat-x scroll 0%;
margin-left:auto;
margin-right:auto;
position:relative;
width:700px;
}
body > #container {
margin-top:1px;

}
a:link, a:active, a:visited { 
color : #fff;
font-weight : bold;
} 

/* L'en-tête */

#en_tete
{
width : 700px;
height : 100px;

   background-image: url("logo/banniere_be_1.png");
   background-repeat: no-repeat;
   margin-bottom: 5px;
}
#actualites h1
{

margin-left: 180px;
font-family : Helvetica,Arial,verdana,sans-serif;
font-style: italic;
font-size : large;
font-weight : bold;
color : red;
background : #fff

} 

/* menu */ 

#linkList { 
font-family : Helvetica,Arial,verdana,sans-serif;
font-style: italic;

border-right: 2px dotted #c2d0d8;
font-weight : bold;
position : absolute;

top : 110px;
left : 0;
bottom : 30px;

width : 160px;
padding-bottom : 5px;
} 
#linkList ul { 
text-align : left;
list-style-type : none;
} 
#linkList a { 
text-decoration : none;
} 
#linkList li { 
margin : 0 0 5px -18px;
padding-bottom : 6px;
} 

#lselect li a { 
font-size : medium;
color : #fff;
border-bottom : 2px solid #00629A;
margin-bottom : 2px;
} 
#lselect li a:hover { 
border-bottom : 2px dotted #c2d0d8;
} 
#lselect .c { 
text-transform : capitalize;
font-size : 10px;
color : #98b7e7;
} 
#lselect a { 
display : block;
} 
#lselect a.c { 
display : inline;
color : #98b7e7;
font-weight : normal;
text-decoration : underline;
} 
#lselect a:hover.c { 
display : inline;
color : #98b7e7;
font-weight : normal;
text-decoration : underline;
border-width : 0;
} 


#lselect span { 
display : none;
} 


/* Le corps de la page */

#corps
{

padding: 10px;
   margin-left: 180px;
margin-bottom: 5px;
   width:500px;

   background-color: #00629A;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   
}



#corps h1
{
margin-top: 0px;
margin-bottom: 5px;
font-family : Helvetica,Arial,verdana,sans-serif;
font-style: italic;
padding: 5px;
font-weight : bold;
color: #fff;
font-size : large;
      padding: 5px;

   background:#00629A url(.jpg) repeat-x scroll 0%;
      text-align: center;
}

#corps p
{
margin-top: 0px;
margin-bottom: 0px;
font-family : Helvetica,Arial,verdana,sans-serif;
font-style: italic;
padding: 5px;
font-size : medium;
font-weight : bold;
color: #fff;
padding: 5px;
 
   background:#00629A url(.jpg) repeat-x scroll 0%;
      text-align: left;
}
#corps h2
{
margin-top: 0px;
margin-bottom: 5px;
font-family : Helvetica,Arial,verdana,sans-serif;
font-style: italic;
padding: 5px;
font-size : medium;
font-weight : bold;
color: #fff;
padding: 5px;
 
   background:#00629A url(.jpg) repeat-x scroll 0%;
      text-align: left;
}

#corps h3
{
margin-top: 0px;
margin-bottom: 0px;
font-family : Helvetica,Arial,verdana,sans-serif;
font-style: italic;
padding: 5px;
font-size : medium;
font-weight : bold;
color: #00FF00;
padding: 5px;
 
   background:#00629A url(.jpg) repeat-x scroll 0%;
      text-align: left;
}

#corps h4
{
margin-top: 2px;
margin-bottom: 1px;
font-family : Helvetica,Arial,verdana,sans-serif;
font-style: italic;
padding: 5px;
font-size : medium;
font-weight : bold;
color: #00FF00;
padding: 5px;
 
   background:#00629A url(.jpg) repeat-x scroll 0%;
      text-align: center;
}
#corps h5
{
margin-top: 2px;
margin-bottom: 1px;
font-family : Helvetica,Arial,verdana,sans-serif;
font-style: italic;
padding: 5px;
font-size : medium;
font-weight : bold;
color: #fff;
padding: 5px;
 
   background:#00629A url(.jpg) repeat-x scroll 0%;
      text-align: center;
}
/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   padding: 3px;
font-style: italic;
font-size : small;
   text-align: right;
height : 20px;
   color: #2B69A3;
   background-color: #00629A;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   
}

caption /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
   font-family: Helvetica,Arial,verdana,sans-serif;
   font-weight: bold;
   font-size: medium;
   color: #FFFF;
   margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}

table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   border: 4px outset; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
}

th /* Les cellules d'en-tête */
{
   vertical-align:top;
background-color: #2B69A3;
   color: white;
   font-size: medium;
   font-family: Helvetica,Arial,verdana,sans-serif;
}

td /* Les cellules normales */
{
   background-color: #2B69A3;
   color: white;
border: 2px solid black;
   font-family: Helvetica,Arial,verdana,sans-serif;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */