html, body{	
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
 	overflow: hidden; 
}

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

#entete{ 
 position: absolute;
 height:10%;
 width: 100%;
 
z-index:2;}


#entetem{ 
 position: absolute;
 height:10%;
 width: 100%;

 

 font-family:Bauhaus 93,;

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

#page{


 position: absolute;
 right:0%;
 height:80%;
 width:84%;
 top:10%;

 border-style: outset;
 border-width: 1%;

 
 background-color: white;
 font-size: 20px;
 overflow: auto;
 filter:alpha(opacity=80);
 opacity: 0.80;
 -moz-opacity:0.80;
 z-index:1;

overflow: auto;

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



}

#pagem{


 position: absolute;
 right:5%;
 height:80%;
 width:90%;
 top:10%;
 background-image:url(mariage.jpg);
 border-style: outset;
 border-width: 1%;


 
 font-size: 20px;
 overflow: auto;

 z-index:1;

 scrollbar-face-color: #60007d;
    scrollbar-shadow-color: #ffb7b7;
    scrollbar-highlight-color: #60007d;
    scrollbar-3dlight-color: #60007d;
    scrollbar-darkshadow-color: #ffb7b7;
    scrollbar-track-color: #ffb7b7;
    scrollbar-arrow-color: #60007d;

}




#pied{

 position: absolute;
 height:10%;
 width: 100%;
 top:90%;
left:0%;

 border-style: outset;
 
 background-color:#dedede;
 font-family:Script MT Bold, Bold;

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


#piedm{

 position: absolute;
 height:5%;
 width: 100%;
 top:92.5%;
left:0%;

  background-image:url(mariage.jpg);

 font-family:Bauhaus 93,;

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

#favoris {

 position: absolute;
 left: 2%;
 
 top: 17%;
 height: 5%;
 width: 15%;
font-family:Script MT Bold, Bold;
 list-style-type: none;
z-index:1;
}

#menu {

 position: absolute;
 left: 0%;
 
 top: 25%;
 height: 20%;
 width: 15%;

 list-style-type: none;
z-index:1;
}



#menu  dl, dt, dd{
 
 display: block;
 margin: 5px 0px;
 background-color:  #dedede;
 text-decoration: none;
 line-height: 25px;
 
 border: 1px solid black;
 text-align: center;
 border-width: 1px 2px 2px 1px;
 border-color: white white black ;
 border-style: solid;
 font-family: Monotype Corsiva;
}

#menu li{

background: #dedede;
}

#menu a:hover, #menu a:focus
{
 background-color: #b3c7ff;
 padding: 0px 12px 0px 12px;
 border-width: 2px 1px 1px 2px;
 border-color: white  white ;
 border-style: solid;
}

#lien
{position: absolute;
top: 77%;
right: 4%;
}







#noel{

 position: absolute;
 right:0%;
 height:80%;
 width:84%;
 top:10%;

 border-style: outset;
 border-width: 1%;

 
  background-image:url(etoiles3.jpg);
 font-size: 20px;
 overflow: auto;
 
 z-index:1;
}

#piednoel{

 position: absolute;
 height:10%;
 width: 100%;
 top:90%;
left:0%;

 border-style: outset;
 
 background-color: #dedede;
 font-family:Script MT Bold, Bold;

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


#menunoel {

 position: absolute;
 left: 0%;
 
 top: 25%;
 height: 20%;
 width: 15%;

 list-style-type: none;
z-index:1;
}



#menunoel  dl, dt, dd{
 
 display: block;
 margin: 5px 0px;
 background-color: #dedede;
 text-decoration: none;
 line-height: 25px;
 
 border: 1px solid black;
 text-align: center;
 border-width: 1px 2px 2px 1px;
 border-color: white white black ;
 border-style: solid;
 font-family: Monotype Corsiva;
}

#menunoel li{

background: #dedede;
}

#menunoel a:hover, #menunoel a:focus
{
 background-color: #b3c7ff;
 padding: 0px 12px 0px 12px;
 border-width: 2px 1px 1px 2px;
 border-color: white  white ;
 border-style: solid;
}

#lien
{position: absolute;
top: 77%;
right: 4%;
}