html {
height: 100%;
min-height:500px;
}
body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}

#header {
background-color:#333333;
height:30px;
text-align:center;
margin-top:0px;
text-align:right;
padding-right:15px;
color:# CCC;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-weight:bold;
}
.homeclass {
padding-left:7px;
padding-right:8px;
padding-bottom:8px;
padding-top:6px;
color:#FFF;
font-size:12px;
font-weight:bold;
border-top: solid 2px #C30;
}
ul {
 margin:0;
 list-style-type:none;
}
li {
margin-left:2px;
float:left; /*pour IE*/
}
ul li a {
display:block;
float:left;  
background-color:# 666;
color:#CCC;
font-size:12px;
text-decoration:none;
text-align:center;
padding-left:7px;
padding-right:8px;
padding-bottom:8px;
padding-top:8px;
/*pour avoir un effet "outset" avec IE :*/
border-color:#DCDCDC #696969 #696969 #DCDCDC;
}
ul li a:hover {
 background-color:#666;
} 
#home-link {
padding-top:8px;
}
a.homelink{
color:#CCC;
font-style:normal;
text-decoration:none;
font-size:12px;
}
#entete {
background-color:#FFFFFF;
text-align:center;
margin-left:auto;
margin-right:auto;
width:700px;
margin-top:120px;
}
#logo{
margin-left:auto;
margin-right:auto;
width:467px;
}
#footer-f {
bottom: 0px;
width: 100%;
position: fixed;
height:0px;
}
#footer-spacer {
background-color: #DFDFDF;
position:relative;
bottom:26px;
width: 100%;
height: 1px;
z-index:1;
} 
#footer {
background-color:#FFFFFF;
position:relative;
bottom:26px;
width: 100%;
font-size:14px;
color: #666;
text-align: center;
z-index:1;
height:20px;
padding-top:5px;
}
a.fclass2{
width: 100%;
font-size:14px;
color: #666;
text-align: center;
z-index:1;
text-decoration:none;
}


#icon{
	position:absolute;
	top:500px;
	margin-left:auto;
	margin-right:auto;
	width:600px;
	
	
}