body { 
width : 1000px;
height : 1200px;
margin : auto;
margin-top : 0;
margin-bottom :0px;
background-color : blue;
border-style : solid;
border-width : 1px;
background-image:url("images/bar.jpg");
} 
img { 
border : none;
} 
#corps { 
background-color : black;
width : 1000px;
height : 1400px;
} 
#en_tete { 
float : left;
width : 999px;
height : 117px;
background-color : black;
} 
#logo { 
float : left;
height : 113px;
width : 556px;
} 
#bannertop { 
float : left;
margin-top : 15px;
margin-left : 10px;
color: rgb(114,158,214);
text-align :center ;
width : 420px;
font-size: 100%;
font-family: Georgia, Arial;
} 
#adtop { 
float : left;
margin-top : 0px;
margin-left : 10px;
margin-bottom : 5px;
width :728px;
height: 90px;
} 

<style type="text/css"> 
.hovermenu ul{
font: bold 13px arial;
padding-left: 0;
height: 20px;
width: 500px;
}

.hovermenu ul li{
list-style: none;
display: inline;
}

.hovermenu ul li a{
margin-left: 10px;
padding: 2px 0.5em;
text-decoration: none;
float: center;
color: yellow;
background-color: ;
background-image:url("images/login.bmp");
border:;
}

.hovermenu ul li a:hover{
background-color: #FFE271;
border-style: outset;
}

html>body .hovermenu ul li a:active{ /* applique un effet mousedown sur les navigateurs autres que IE */
border-style: inset;
}
</style>
#corps_1 { 
margin-top : 14px;
margin-bottom : 10px;
margin-left : 153px;
color : black;
height : 119px;
width : 600px;
background-image : url("images/corps1.jpg");
background-repeat : no-repeat;
padding-top : 2px;
padding-bottom : 10px;
background-color : black;
} 
#bouton {
color: blue;
width: 120px;
height: 700px;
float:left;
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 90%;
background-color : black;
}
#bouton ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}
#bouton li {
margin: 0;
}
#bouton li a {
display: block;
padding: 5px 5px 5px 0.5em;
background-image: url("images/bout.bmp");
background-repeat: no-repeat;
background-color:;
color: yellow;
text-decoration: none;
width: 100%;
margin-bottom: 5px;
}
html>body #bouton li a {
width: auto;
}
#bouton li a:hover {
background-color: ;
color: #fff;
}
#bouton2 {
color: blue;
width: 140px;
height: 700px;
float:right;
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 88%;
background-color : black;
}
#bouton2 ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}
#bouton2 li {
margin: 0;
}
#bouton2 li a {
background-image: url("images/bout.bmp");
background-repeat: no-repeat;
display: block;
padding: 4px 4px 4px 0.5em;
background-color:;
color: yellow;
text-decoration: none;
width: 100%;
margin-bottom: 3px;
}
html>body #bouton2 li a {
width: auto;
}
#bouton2 li a:hover {
background-color: ;
color: #fff;
}
#case2 { 
color: yellow;
float : left;
margin-right : px;
margin-left : 15px;
height : 21px;
width : 708px;
padding-left : px;
padding-right : px;
padding-top : 2px;
margin-top : 4px;
margin-bottom: 16px;
background-image:url("images/recherche.bmp");
background-repeat: no-repeat;
text-align :center ;
font-family: Arial;
font-size: 95%;
background-color : black;
} 
#case211 { 
color: yellow;
float : left;
margin-right : px;
margin-left : 0px;
height : 120px;
width : 488px;
padding-left : px;
padding-right : px;
padding-top : px;
margin-top : 0;
text-align :center ;
background-repeat: no-repeat;
font-family: Georgia, Arial;
font-size: 100%;
background-color : black;
border-style : solid;
border-width : 1px;
} 
#case21 { 
color: yellow;
float : left;
margin-right : 15px;
margin-left : 25px;
height : 114px;
width : 250px;
padding-left : px;
padding-right : px;
padding-top : 6px;
margin-top : 0;
text-align :center ;
background-image:url("images/rec.bmp");
background-repeat: no-repeat;
font-family: Georgia, Arial;
} 
#case219{ 
color: white;
text-align :center ;
font-family:Arial;
font-size: 70%;
}
#case3 { 
color: yellow;
padding-top : 6px;
float : left;
font-family: Georgia, Arial;
height : 114px;
width : 205px;
background-image : url("images/rec1.bmp");
background-repeat : no-repeat;
margin-bottom : 0px;
background-color : black;
margin-right : 15px;
text-align :center ;
} 
#case38{ 
font-family:Arial;
text-align :center ;
color: yellow;
} 
#case37{ 
color: white;
font-family:Arial;
text-align :center ;
font-size: 70%;
} 
#case39{ 
color: white;
font-family:Arial;
text-align :center ;
font-size: 70%;
} 
 #case212{ 
color:yellow;
float : left;
margin-right : px;
margin-left : 0px;
height : 117px;
width : 205px;
padding-left : px;
padding-right : 10px;
padding-top : 3px;
margin-top : 0;
text-align :center ;
background-image : url("images/rec2.bmp");
background-repeat: no-repeat;
font-family: Georgia, Arial;
font-size: 100%;
} 
 #caseapropos{ 
color:white;
float : left;
margin-right : px;
margin-left : 0px;
height : 300px;
width : 700px;
padding-left : 15px;
padding-right : 15px;
padding-top : 10px;
margin-top : 0;
text-align :justify ;
background-repeat: no-repeat;
font-family:Arial;
font-size: 90%;
} 
a
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: yellow; /* Les liens seront en rouge au lieu de bleu */
}
a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
   color: white; /* Le lien sera écrit en vert quand on pointera dessus */
}
#case4 { 
color: yellow;
float : left;
margin-right : px;
margin-left : 10px;
height : 25px;
width : 250px;
padding-left : px;
padding-right : px;
padding-top : px;
margin-top : 0;
text-align :center ;
font-family: Georgia, Arial;
font-size: 100%;
background-color : black;
} 
#case5 { 
color: blue;
float : left;
height : 40px;
width : 160px;
background-image : url("");
background-repeat : no-repeat;
margin-bottom : 0px;
background-color : black;
} 
#case6 { 
color: yellow;
float : left;
margin-right : px;
margin-left : 10px;
height : 25px;
width : 250px;
padding-left : px;
padding-right : px;
padding-top : px;
margin-top : 0;
text-align :center ;
background-repeat: no-repeat;
font-family: Georgia, Arial;
font-size: 100%;
background-color : black;
} 
#case7 { 
color: blue;
float : left;
height : 40px;
width : 160px;
background-image : url("");
background-repeat : no-repeat;
margin-bottom : 0px;
} 
#strong {
color: white;
}
#case10 { 
color: white;
float : left;
height :700px;
width : 150px;
background-repeat : no-repeat;
margin-top : 10px;
margin-bottom : 0px;
margin-left:30px;
} 
#case101{ 
color: white;
float : left;
height :700px;
width : 150px;
background-image:url("images/.bmp");
background-repeat : no-repeat;
margin-bottom : 0px;
margin-left:px;
padding-left: px;
margin-right:10px;
margin-top : 10px;
font-size:100%;
} 
#case11{ 
color: blue;
float : left;
height : 700px;
width : 150px;
background-repeat : no-repeat;
margin-bottom : 0px;
margin-left:0px;
margin-right:0px;
margin-top : 10px;
font-size:100%;
} 
#case111{ 
color: white;
float : left;
height :700px;
width : 160px;
background-image:url("images/");
background-repeat : no-repeat;
margin-bottom : 0px;
padding-left: 3px;
margin-left:px;
margin-right:10px;
margin-top : 10px;
font-size:100%;
} 
#case12{ 
color: blue;
float : left;
height :80px;
width : 70px;
background-repeat : no-repeat;
margin-bottom : 10px;
margin-left:0px;
margin-right:px;
} 
#case112{ 
color: white;
float : left;
height :80px;
width : 160px;
background-image:url("images/");
background-repeat : no-repeat;
margin-bottom : 0px;
margin-left:px;
padding-left: 3px;
margin-right:0px;
font-size:80%;
} 
#casefin{ 
color: yellow;
float : left;
height : 20px;
width : 1000px;
background-image:url("images/recherche3.bmp");
background-repeat : no-repeat;
margin-bottom : 0px;
margin-left:0px;
margin-right:px;
margin-top: 15px;
text-align: center;
background-color : black;
} 
#fin{ 
color: white;
float : left;
height : 20px;
width : 1000px;
background-repeat : no-repeat;
margin-bottom : 0px;
margin-left:0px;
margin-right:px;
margin-top: 1px;
text-align: center;
background-color : black;
font-size:80%;
}