html, body 
{
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: #b0c4de;
    height: 100%;
    width: 100%;
}
    
#conteneur
{
    position: absolute;
    top : 10%;
    left : -30%;
    margin-left: 50%;
    width: 60%;
    height: 80%;
    border : 1px solid #fff;
    background-color : #A95AA7;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    khtml-opacity: 0.5;
	
    -moz-box-shadow: 8px 8px 12px #aaa;  
    -webkit-box-shadow: 8px 8px 12px #aaa;  
    box-shadow: 8px 8px 12px #555;

	-moz-border-radius: 20px 20px 20px 20px; 
    -webkit-border-radius: 20px 20px 20px 20px; 
    border-radius: 20px 20px 20px 20px;         
    -webkit-borderradius: 20px; /* pour Chrome */
}

#conteneur:hover 
{
    filter:alpha(opacity=80);
    -moz-opacity: .8;
    opacity: .8;
    -khtml-opacity: .8;
	
    -moz-box-shadow: 8px 8px 12px #aaa;  
    -webkit-box-shadow: 8px 8px 12px #aaa;  
    box-shadow: 8px 8px 12px #555;
	
	-moz-border-radius: 20px 20px 20px 20px; 
    -webkit-border-radius: 20px 20px 20px 20px; 
    border-radius: 20px 20px 20px 20px;         
    -webkit-border-radius: 20px; /* pour Chrome */ 
}
    
#contenu
{
    position: relative;
    margin: 1%;
    width: 98%;
    height: 96%;
    border : 2px dotted #d88;
    color : #FEFEFE;
    font-family: Verdana, Optima, Papyrus, sans-serif;
}

#fond 
{
    display : block;
    width : 100%;
    height : 100%;
}

#corps
{
    padding: 2%;
    width: 98%;
    height: 96%;
    color : #FEFEFE;
    font-family: Verdana, Optima, Papyrus, sans-serif;

}

#conteneur2
{
    position: absolute;
    top : 10%;
    left : 3%;
    width: 15%;
    height: 40%%;
    border : 1px solid #fff;
    background-color : #A95AA7;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    khtml-opacity: 0.5;
	
	-moz-box-shadow: 8px 8px 12px #aaa;  
    -webkit-box-shadow: 8px 8px 12px #aaa;  
    box-shadow: 8px 8px 12px #555;
	
	-moz-border-radius: 20px 20px 20px 20px; 
    -webkit-border-radius: 20px 20px 20px 20px; 
    border-radius: 20px 20px 20px 20px;         
    -webkit-border-radius: 20px; /* pour Chrome */ 
}

#conteneur2:hover 
{
    filter:alpha(opacity=80);
    -moz-opacity: .8;
    opacity: .8;
    -khtml-opacity: .8;
	
    -moz-box-shadow: 8px 8px 12px #aaa;  
    -webkit-box-shadow: 8px 8px 12px #aaa;  
    box-shadow: 8px 8px 12px #555; 

	-moz-border-radius: 20px 20px 20px 20px; 
    -webkit-border-radius: 20px 20px 20px 20px; 
    border-radius: 20px 20px 20px 20px;         
    -webkit-border-radius: 20px; /* pour Chrome */ 	
}
    
#contenu2
{
    position: relative;
    margin: 1%;
    width: 96%;
    height: 96%;
    border : 2px dotted #d88;
    color : #FEFEFE;
    font-family: Verdana, Optima, Papyrus, sans-serif;
}

/*MENU DEROULANT*/

#menuDeroulant
{ 
	width: 100%; 
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	border: 0;  
	position: absolute;
	top: 0;
	background-image: url("img/main.gif");
	background-repeat:repeat-x;
}
 

#menuDeroulant li
{ 
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	background-image: url("img/main.gif");
	background-repeat:repeat-x;	 	
} 

#menuDeroulant li:hover > .sousMenu 
{
	display: block;
	background-image: url("img/button.gif");
	background-repeat:repeat-x;
} 

#menuDeroulant .sousMenu
{ 
	list-style-type: none;
	margin: 0; 
	padding: 0; 
	border: 0;  
	display: none; 
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	border: 0;
} 

#menuDeroulant .sousMenu li
{ 
	float: none;
	margin: 0; 
	padding: 0; 
	border: 0;
 }

#menuDeroulant li
{ 
	float: left; 
	width: 25%;
	 margin: 0; 
	 padding: 0; 
	 border: 0; 
	 font-size:12px;
	background-image: url("img/main.gif");
	background-repeat:repeat-x;
 } 

#menuDeroulant li a:link, #menuDeroulant li a:visited
{ 
	display: block;
	 height: 1%; 
	 color: #FFFFFF;
	 background: #3B4E77; 
	 margin: 0; 
	 padding: 4px 8px; 
	 border-right: 1px solid #FFFFFF; 
	 text-decoration: none;
	background-image: url("img/main.gif");
	background-repeat:repeat-x;
 }
 
#menuDeroulant li a:hover 
{ 
	background-color: #99CCFF; 
	background-image: url("img/purple.gif");
}

#menuDeroulant li a:active 
{ 
	background-color: #FF3300;
	background-image: url("img/purple.gif");
}

#menuDeroulant .sousMenu li a:link,#menuDeroulant .sousMenu li a:visited
{ 
	display: block; 
	color: #FFFFFF; 
	margin: 0; 
	border: 0; 
	text-decoration: none; 
	background-color:#CCCCCC;
	width:250px;
}

#menuDeroulant .sousMenu li a:hover
{ 
	background-image: url("img/purple.gif");
	background-repeat:no-repeat;
	background-color: #FF3300;
}


/*CALENDRIER*/
.main 
{  
	font: normal 11px arial;  
	text-align: center;  
	margin: 0 auto;
	color : black;
	background-color: #A95AA7;  
}  
  .month {  
  font-weight: bold;  
  background-color: #DDDEDE;  
  }  
  .daysofweek {  
 background-color: #fff;  
}  
.days {  
 padding: 3px 5px;  
background-color: #C9CACA;  
 }  
.today{  
 color: black;  
 background-color: #fffeee;  
 }
 
 /*PDF*/
 .pdf
 {
 width : 210%;
 height : 300 px;
 }