body {
width: 980px;/*changé*/
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background:white;
font: 80% verdana, arial, sans-serif;
}

/*L'en-tête*/

#header {
	background-image: url("banniere.jpg");
    /*background-color: #3D5C85;*/
    width: 980px;/*changé*/
    height: 130px;
    margin-bottom: 10px;
    border: 1px solid black;
}

#titre {
    font-family: verdana, sans-serif;
    font-size: 30px;
    color: #FFFFFF;
    font-weight: bold;
    margin-top: 20px;
    padding: 8px;
    text-align: center;
}

/*les menus*/

/*Le menu*/

#menuleft
{
   float: left; 
   width: 150px;/*changé*/
   margin-right:5px;
}

#menuright
{
   float: right; 
   width: 150px;/*changé*/
}

#menubiayenda
{
   float: left; 
   width: 150px;/*changé*/
}

.menu_items
{
   background-color: #3D5C85;
   border: 2px solid black;
   margin-bottom: 3px;
}

.menu_items h3 /* Tous les titres de menus */
{    
   color: #FFFFFF;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   text-decoration: none; /*pour eviter le soulignement caracteristiques des liens*/
   font-size: 15px;
}

.menu_items ul
{
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   text-align:left;
   margin-bottom: 5px;
   list-style-type: none;
   font-size: 12px;
}

.menu_items a /* Tous les liens se trouvant dans un menu */
{
   color: #FFFFFF;
   text-decoration: none;
}

.menu_items a:hover /* Quand on pointe sur un lien du menu */
{
   text-decoration: none;
   background-color: orange;
   color: black;
}

/*corps*/
#corps
{
  float:left;
   width: 670px;
   margin:auto;
   /*margin-right: 10px;*/
   margin-bottom: 10px;
   text-align: justify;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   color: #FFFFFF;
   background-color: #3D5C85;
   border: 1px solid black;
}

#corps2
{
   width: 800px;
   margin:auto;
   margin-left: 160px;
   margin-bottom: 10px;
   text-align: justify;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   color: #FFFFFF;
   background-color: #3D5C85;
   border: 1px solid black;
}

#pageact{
   width: 670px;
   margin:auto;
   margin-bottom: 10px;
   font-family: Times, "Times New Roman";
   color: black;
   text-align: justify;
   background-color: white;
   border: 1px solid black;
   }
   
.back_item
{
   text-align: center;
}
   

a
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: orange; /* Les liens seront en rouge au lieu de bleu */
   font-style: bold; /* Les liens seront en italique (pourquoi pas ?) */
}

a:hover{
text-decoration: none; /* Le lien deviendra souligné quand on pointera dessus */
color: black; /* Le lien sera écrit en vert quand on pointera dessus */
background-color: orange;
}

h1, h2, h3, h4 {
margin: 0.2em 0 0.4em 0;
color: #FFFFFF;
clear:left;
}

h1 {
font-size: 1.6em;
border-bottom: 2px solid #ce8b30;
text-align: center;
margin-bottom: 40px;
}

.biayenda {
margin: 0.2em 0 0.4em 0;
color: #FFFFFF;
font-size: 2.1em;
text-align: center;
margin-bottom: 10px;
}

.biayenda2 {
margin: 0.2em 0 0.4em 0;
color: orange;
font-size: 1.5 em;
text-align: justify;
margin-bottom: 10px;
}

h2 {
font-size: 1.4em;
border-bottom: 2px solid #ce8b30;
text-align: right;
margin-top: 0.5em;
}

h3 {
font-size: 1.2em;
border-bottom: 1px solid #ce8b30;
margin-top: 0em;
}

h4 {
font-size: 1em;
text-decoration: underline;
color: white;
padding-left: 1.5em;
margin-top: 1em;
}

p {
margin: 0.6em 0.6em 0.6em 0.6em;
padding-left: 1.8em;
}

p.coordonnes {
font-size: 1.2em;
}

p.italic {
font-style: italic;
}

img {
float: left;
margin-right: 10px;
margin-left: 10px;
}

#img2 {
position:absolute;
left: 50%;
margin-left: -275px;
margin-top: 20px;
margin-bottom: 0px;
}

#img3 {
position:absolute;
left: 50%;
margin-left: -175px;
margin-top: 30px;
margin-bottom: 20px;
}

#img4 {
float:left;
clear:left;
text-align:center;
}

#actualite{
display:block;
margin: 20px, 20px, 20px, 20px;
padding:10px, 10px, 10px, 10px;
}

.dessous{
clear:both;
text-align:justify;
}

/*le pied de page*/

#footer
{
   width: 970px;/*changé*/
   height: 40px;   
   padding: 5px;
   margin:auto;
   text-align: center;
   color: #FFFFFF;
   background-color: #3D5C85;
   border: 1px solid black;
   float:down;
}

.copyright
{
color: #FFFFFF;
text-align:center;
font-size: 11px;
}

div.clear 
{ 
    clear:both;
}