html, body{	

margin: 0;
padding: 0;
height: 100%;
width: 100%;
overflow: auto; 
overflow-x:hidden ;

scrollbar-face-color: #ff6500;
    scrollbar-shadow-color: #000000;
    scrollbar-highlight-color: #ff6500;
    scrollbar-3dlight-color: #000000;
    scrollbar-darkshadow-color: #000000;
    scrollbar-track-color: #000000;
    scrollbar-arrow-color: #000000;




}

#arriere{
height: 100%;
width: 100%;
z-index:1;}


ul{display:block;
float: left;
}

li{
background-color: #ff6500;
display: block;
float: left;
width:150px;
padding : 2 2;
margin: 4;
list-style-image:none;
border: outset;


}

li a:hover{
display: block;
color:#5e5b5a;
font-family:Viner Hand ITC;
}



#millieuhf{
position: absolute;
left:0%;
bottom:70%;
height:30%;
width:100%;
z-index:3;
color: #5e5b5a;
font-family:Copperplate Gothic Bold;


}


#millieuh{
position: absolute;
left:0%;
bottom:70%;
height:30%;
width:100%;
z-index:4;
color: #5e5b5a;
font-family:Copperplate Gothic Bold;
}

#millieu{
position: absolute;

left:0%;
right:0%;
top:30%;
width:100%;
z-index:3;
color: white;


}


#contact{
position: absolute;

left:0%;
right:0%;
top:30%;
width:100%;
z-index:3;
color: white;
background-image: url(logo2.png);
background-repeat: no-repeat;
background-position: bottom;
}


.droite{
float:right;}


.gauche{
float:left;}


#pied{

 position: absolute;
 
 width: 66%;
 top:90%;
left:17%;
right:17%;

 border-style: outset;
 
 background-color: #ff6500;
 font-family:Viner Hand ITC;

 text-align: center;
 font-size: 15px;
 z-index:2;}