html
{
	height: 100%;
	background-image:url("site_web_perso copie2.jpg");
	background-position:top;
	background-repeat:no-repeat;
	background-color:#f2f2f2;
}

body
{
	width:840px;
	margin:auto; 
	margin-top:180px; 
	background-color:white;
}

a img
{
border:0px;
}

#menu ul 
{
    margin: 0;
    padding : 0;
    list-style : none;
}

#menu li a
 {
    display : block;
    width : 120px;
    height : 50px; 
	background : url("bouton css2.jpg") left top no-repeat;
    text-decoration : none;
	font :  1.2em Verdana, Helvetica, sans-serif;
    color : white;
    text-align : center;
    line-height : 50px;
}

#menu li a:hover
 {
    background-position : 0 -50px;
    color : white;
}

#menu li 
{
    float : left;
}

#bas
{
height:25px;
width:840px;
background-image: url("banniere.jpg");
color:white;
text-align:center;
}

.marge
{
margin-left:10px;
margin-top:60px;
font : bold 20px Verdana, Helvetica, sans-serif;
color : #2e2e2e;
}

.couleur
{
color:#c0c0c0;
text-decoration: none;
}

.design
{
	height:20px;
	color:white;
	background-color:#2e2e2e;
	text-align:left;
	font :  12px Verdana, Helvetica, sans-serif;
    color : white;
}

.decdroite
{
	margin-left:10px;
}

.ecriture
{
margin-left:10px;
font :  22px Verdana, Helvetica, sans-serif;
}

.ecriture1
{
margin-left:11px;
text-align:left;
font : 15px Verdana, Helvetica, sans-serif;
}

.centrer
{
text-align:center;
}

.casedroite
{
   float: right; 
   width: 250px; 
   height:150px;
   margin-right:10px;
   text-align:right;
}