#en_tete
{
margin: auto;
   width: 252px;
   height: 121px;
   background-image: url("images/logo_vita.jpg");
   background-repeat: no-repeat;
   margin-bottom: 80px;
   border: 4px double silver
   
}

.logo
{
position: relative;
margin-bottom: 80px;
margin-left: 260px;
border: 4px double silver

}

/* Le menu */

body
{
   width: 760px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;   
   background-color: black;
   font-family: verdana, "Arial Black", "Times New Roman", Times, serif;
   font-size: small;
}

#corps
{
	text-align: justify;
	width: 800px;
	margin: auto;
	margin-top: 0px;
	background-color: black;
	font-family: verdana, "Arial Black", "Times New Roman", Times, serif;
	font-size: 12px;
	color: silver;
	background-color: black;
	line-height: normal;
	position: absolute;
}


/* L'en-tête */

#menu
<style type="text/css" media="screen">
 
body { 
width: 800px;
margin: auto;
margin-top: 5px;
margin-bottom: 20px;   

background-color: black;
font-family: verdana, "Arial Black", "Times New Roman", Times, serif;
font-size: small;
color: silver;
}
dl, dt, dd, ul, li {
margin: 0;
margin-left: 0px;
padding: 0;
list-style-type: none;
color: yellow;
}
#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
margin-bottom: 100px;
top: 150;
left: 20 ;
z-index:100;
width: 100%; /* correction pour Opera */
color: fuchsia;
}
#menu dl {

float: left;
width: 12em;
color: aqua;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: silver;
border: ;
margin: 1px;
color: #001674;
}
#menu dd {
display: none;

color: maroon;

}
#menu li {
text-align: center;
background: black;
}
#menu dt a {
color: navy;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}

#menu li a{
color: silver;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}

#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
color: #9b1b30;
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: red;
background-color: black;
padding: 5px;
border: 1px solid gray; 
}

</style>




#corps
{
   margin-left: 150px;
   margin-bottom: 20px;
   padding: 5px;
   
   color: black;
   background-repeat: repeat-x;
   text-align: justify;
     }

#corps h1
{
margin-top: 100px;
margin-bottom: 50px;
   color:#9b1b30;
   text-align: center;
   font-family: verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
   height: 30px;

  
   color: #7aba20;
 text-align: center;
 font-family: verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
}


/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
	padding: 5px;
	text-align: center;
	color: silver;
	background-repeat: repeat-x;
	bottom: inherit;
	cursor: auto;
	margin-top: 700px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	height: auto;
	width: auto;
	background-position: center bottom;
	position: static;
      
}





.ici
{
text-decoration: none;
color: #9b1b30;
}

.w3c
{
border:none;
}


.ici:hover
{
color: #7abe17;
}

.plan
{
border: 4px double silver
}

.voituresolaire
{
margin: 20px;
float: left;
border: 4px double silver
}

.securiteauto1
{
margin: 20px;
float: right;
border: 4px double silver
}

.massenaext
{
margin: 20px;
float: left;
border: 4px double silver
}

.jambettes
{
margin: 20px;
float: right;
border: 4px double silver
}



.twingo
{
float: left;
margin: 35px;
border: 4px double silver
}

.Véranda1
{
float: right;
margin: 35px;
border: 4px double silver
}

.clairefontaine
{
margin-left: 110px;
margin-bottom: 15px;
border: 4px double silver; 
}

.day
{
float: left;
margin: 55px;
border: 4px double silver
}

.night
{
float: right;
margin: 55px;
border: 4px double silver
}

.clark 
{
float: right;
margin-left: 20px; 
border: 4px double silver; 
}

.apres_vente
{
float: left;
margin-right: 20px;
border: 4px double silver; 
}

#adresse
{
text-align: center;
font-size: medium;
}

#tel
{
text-align: center;
}

.plan
{
margin-left: 70px;
}

.ambulance
{
	float: right;
	margin-left: 20px;
	border: 4px double silver;
}

.arc
{
float: right;
margin-left: 20px; 
border: 4px double silver; 
}

.casse_batiment1
{
	margin: 20px;
	margin-left: 130px;
	border: 4px double silver;
	position: fixed;
}

.twingo1
{
margin:20px;
border: 4px double silver;
float: left;
}

.casse_batiment
{
float: left;
margin: 30px;
border: 4px double silver;
}


.nacelle
{
float: right;
margin: 20px;
border: 4px double silver;
}

.vitre
{
float: left;
margin: 20px;
border: 4px double silver;
}

.eprouvette
{
float: right;
border: 4px double silver;
margin: 20px
}

.position_eprouvette
{
float: left;
border: 4px double silver;
margin: 20px;
}
#corps p em u {
	font-size: 14px;
}
#corps p {

}