body { 
width : 1000px;
height : 900px;
margin : auto;
margin-top : 0;
margin-bottom : 30px;
background-color : black;
border-style : solid;
border-width : 1px;
} 
img { 
border : none;
} 


#en_tete { 
float : left;
width : 999px;
height : 117px;
background-color : black;
} 
#logo { 
float : left;
height : 113px;
} 
#bannertop { 
float : right;
margin-top : 45px;
background-image:url("images/recherche2.bmp");
background-repeat : no-repeat;
height: 30px;
width: 170px;
padding-top: 25px;
} 


<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;
} 
#bouton {
color: blue;
width: 120px;
height: 850px;
float:left;
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 90%;
}
#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: 120px;
height: 700px;
float:right;
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 80%;
}

#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;
}
#case1 { 
text-align :center ;
font-family: Haettenschweiler;
font-size: 120%;
color: yellow;
float : left;
margin-left : 15px;
margin-right : 15px;
padding-left : px;
padding-top : px;
height : 25px;
width : 705px;
margin-top : 0;
margin-bottom: 15px;
background-image:url("images/recherche.bmp");
background-repeat: no-repeat;
} 
#case7 { 
color: blue;
float : left;
margin-right : px;
margin-left : 20px;
height :280px;
width : 705px;
padding-left : px;
padding-right : 0px;
padding-top : px;
margin-top : 0;
text-align :center ;
margin-bottom : 0px;
} 
#adback1 { 
background-repeat : no-repeat;
margin-right : 100px;
margin-left : 140px;
margin-top : 0;
margin-bottom : 10px;
} 
#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: px;
text-align: center;
} 
#fin{ 
color: white;
float : left;
height : 30px;
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%;
} 
