body {
margin-top:0;
margin-left:0;
background-image:url(images/fondJauneClair.jpg);
 


}
#container {
position:relavive;
width:100%;
height::100%;
margin:0 auto;
background-image:url(images/fondJauneClair.jpg);
}

/* Formattage des titres des menus */
.titreMenus {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
color: #990033 ;

}

#calendrier {
height:280px;
width:720px;
padding:5px Opx 5px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
overflow: auto;
border-width:1px;
border-color:#FFCC00;
scrollbar-face-color:rgb(235,226,217); 
scrollbar-arrow-color: #FFCC00 ; 
scrollbar-track-color: rgb(255,255,204); 
scrollbar-3dlight-color: #FFCC00; 
scrollbar-darkshadow-color: #FFCC00; 
}

#chequeCadeau {
height:400px;
width:720px;
padding:5px Opx 5px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
overflow: auto;
border-width:1px;
border-color:#FFCC00;
scrollbar-face-color:rgb(235,226,217); 
scrollbar-arrow-color: #FFCC00 ; 
scrollbar-track-color: rgb(255,255,204); 
scrollbar-3dlight-color: #FFCC00; 
scrollbar-darkshadow-color: #FFCC00; 
}




/* les 5 menus principaux et les roll over */
#menu1 a
{
	display: block ; /* On passe les liens en lments de type block pour leur donner des proprits de taille */
	width: 109px ;
	line-height: 77px ;
	color: #000 ;
	text-indent: 40px ; /* On dcale le texte de 40px du bord gauche */
	

	text-decoration: none ;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	 

	background:  url("images/Menus/Menu1RO1.jpg") no-repeat 0 -77px ; /* On met une image de background, que l'on positionne  0px du bord gauche et 0px du bord haut */
	
	border: 1px solid #dbd ;
}
#menu2 a
{
	display: block ; /* On passe les liens en lments de type block pour leur donner des proprits de taille */
	width: 109px ;
	line-height: 77px ;
	color: #000 ;
	text-indent: 40px ; /* On dcale le texte de 40px du bord gauche */
	

	text-decoration: none ;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	 

	background:  url("images/Menus/Menu2RO.jpg") no-repeat 0 -77px ; /* On met une image de background, que l'on positionne  0px du bord gauche et 0px du bord haut */
	
	border: 1px solid #dbd ;
}
#menu3 a
{
	display: block ; /* On passe les liens en lments de type block pour leur donner des proprits de taille */
	width: 109px ;
	line-height: 77px ;
	color: #000 ;
	text-indent: 40px ; /* On dcale le texte de 40px du bord gauche */
	

	text-decoration: none ;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	 

	background:  url("images/Menus/Menu3RO.jpg") no-repeat 0 -77px ; /* On met une image de background, que l'on positionne  0px du bord gauche et 0px du bord haut */
	
	border: 1px solid #dbd ;
}
#menu4 a
{
	display: block ; /* On passe les liens en lments de type block pour leur donner des proprits de taille */
	width: 109px ;
	line-height: 77px ;
	color: #000 ;
	text-indent: 40px ; /* On dcale le texte de 40px du bord gauche */
	

	text-decoration: none ;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	 

	background:  url("images/Menus/Menu4RO.jpg") no-repeat 0 -77px ; /* On met une image de background, que l'on positionne  0px du bord gauche et 0px du bord haut */
	
	border: 1px solid #dbd ;
}
#menu5 a
{
	display: block ; /* On passe les liens en lments de type block pour leur donner des proprits de taille */
	width: 109px ;
	line-height: 77px ;
	color: #000 ;
	text-indent: 40px ; /* On dcale le texte de 40px du bord gauche */
	

	text-decoration: none ;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	 

	background:  url("images/Menus/Menu5RO.jpg") no-repeat 0 -77px ; /* On met une image de background, que l'on positionne  0px du bord gauche et 0px du bord haut */
	
	border: 1px solid #dbd ;
}
#menu1 a:hover
{
	background:  url("images/Menus/Menu1RO1.jpg") no-repeat 0 0 ; /* Et ici on dcale l'image du background de 30px vers le haut pour laisser apparatre la 2eme partie de l'image */
	
}

#menu2 a:hover
{
	background:  url("images/Menus/Menu2RO.jpg") no-repeat 0 0 ; /* Et ici on dcale l'image du background de 30px vers le haut pour laisser apparatre la 2eme partie de l'image */
	
}
#menu3 a:hover
{
	background:  url("images/Menus/Menu3RO.jpg") no-repeat 0 0 ; /* Et ici on dcale l'image du background de 30px vers le haut pour laisser apparatre la 2eme partie de l'image */
	
}
#menu4 a:hover
{
	background:  url("images/Menus/Menu4RO.jpg") no-repeat 0 0 ; /* Et ici on dcale l'image du background de 30px vers le haut pour laisser apparatre la 2eme partie de l'image */
	
}
#menu5 a:hover
{
	background:  url("images/Menus/Menu5RO.jpg") no-repeat 0 0 ; /* Et ici on dcale l'image du background de 30px vers le haut pour laisser apparatre la 2eme partie de l'image */
	
}

/* FIN des 5 menus principaux et des roll over */

	
.texte {
	font-size: 11px;
	color: #583114;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.texteEnValeur {
	font-size: 11px;
	color: #FF9900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.titreAroyah {
	font-size: 11px;
	color: #583114;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
}




a {
	color: #663300;
	text-decoration: underline;

}

a:hover {
	color: #FF6600;
	text-decoration:none;
}
.navigation {
	color: #FFFFFF;
	background-color: #B9B7AA;
	text-align: center;
	font-weight: lighter;
	font-size: 12px;
		
}

.titreContact {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #B9B7AA;
	text-align: center;
	font-weight: lighter;
	font-size: 12px;
	width:100%;
		
}



.titreProgamme {
	color: #996633;
	background-color: #FFFF99;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	
		
}
.Style4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #CCCCCC;
}
.Style6 {font-size: medium}
.Style7 {
	color: #CCCCCC;
	font-style: italic;
	font-size: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.Style8 {font-size: x-small}
.style16 {font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic;}
.style17 {color: #CCCCCC}