html,body {
	margin:0;
	padding: 0;
	height: 100%;
	width: 100%;
 text-align: center;
 overflow: hidden; 
}
#arriere{height: 100%;
	width: 100%;
z-index:0;}


img.droite
{
float: right;
}

img.gauche 
{
float: left;
}




#page01{
position: absolute;
top:5%;
right:10%;
height:90%; 
width: 80% ; 
margin:auto; 
background-color:white;

text-align: center;
overflow: hidden;
border-style: groove ;
z-index:2;
}

#page2{
position: absolute;
top:15%;
right:20%; 
height:80%; 
text-align: center;
overflow: auto;
    scrollbar-face-color: #6484b3;
    scrollbar-shadow-color:#fefbf4;
    scrollbar-highlight-color: #6484b3;
    scrollbar-3dlight-color: #6484b3;
    scrollbar-darkshadow-color: #fefbf4;
    scrollbar-track-color: #fefbf4;
    scrollbar-arrow-color: #fefbf4a;
font-size:20;
}


#menu{
z-index:2;
position:absolute;
height:472px; 
width: 344px ;
background-image:url(rose.png);
top:20%;
left:0%;
font-size:20;
}