body {
background:url(fuji.jpg) repeat 100% 100% fixed;
	height: 100%;
   width: 100%
text-align: center;/* pour centrer le cadre dans IE */ 
     font-family: 'Trebuchet MS', Arial, sans-serif;
    color: #181818;
    }
	

.wrap{
	margin: 0 auto;
	width:210px;
}

.menu{
	padding:0;
	list-style:none;
	width:210px;
	border: none;
}

.menu li a{
	display: block;
	border:none;
	text-decoration:none;
	color:#5d90b5;
	padding:10px;
	padding-left:20px;
}

.menu li ul li a{
	color:#5d90b5;
}

.menu li a:hover{
	background-color:#e9eefb;
color:black;
}

.menu ul{
	margin:0;
	padding:0;
	list-style:none;
	height:0;
	overflow: hidden;
	transition:1s;
	-moz-transition:1s;
	-webkit-transition:1s;
}

.menu li:hover ul{
	height:120px;
	overflow-y:auto;
	overflow-x:hidden;
}

.menu ul li a{
}

.menu ul li{
font-size:14px;
padding-left:15px;
}

.menu ul li a:hover{
	background-color:#e9eefb;
}

.cadre{
position:absolute;
left:250px;
top:50px;
padding:10px;
border : 2px #F5F5F5 outset;
border-radius:10px;
margin:auto; /*marge de 10 px en haut et des marges égales entre elles à gauche et à droite, la valeur est calculée automatiquement, en fonction de la largeur du cadre*/
overflow:auto;
width:900px; /*la largeur de mon cadre */ 
height:500px;
box-shadow: 6px 6px 3px gray;
text-align:left;
color: rgb(0,0,0);
}

.fond{
position:absolute;
left:250px;
top:50px;
padding:10px;
margin:auto; /*marge de 10 px en haut et des marges égales entre elles à gauche et à droite, la valeur est calculée automatiquement, en fonction de la largeur du cadre*/
overflow:auto;
border-radius:10px;
width:900px; /*la largeur de mon cadre */ 
height:500px;
text-align:left;
background-color: #F5F5F5; 
filter:alpha(opacity=70); 
-moz-opacity:0.7; 
opacity: 0.7;
color:#F5F5F5;
}

.pied{
text-shadow: 2px 2px 4px black;
}

h1 /* Nom */
{text-align: right;
}

a /* Liens par défaut (non survolés) */
{
   text-decoration: none;
   color: #5d90b5;
   font-style: italic;
}
 
a:hover /* Apparence au survol des liens */
{
   text-decoration: underline;
   background-color:#e9eefb;
color:black;
}
a:visited /* Quand le visiteur a déjà vu la page concernée */
{
    text-decoration: none;
   color: #5d90b5; 
}