html, body {
	
	margin: 0;
	right:0;
	padding: 0;
	bottom: 0;
	height: 100%; /* Nécessaire si on veut que la couleur de #page se poursuive jusqu'au pied de page*/
	font: 90%/149% verdana, arial, helvetica, sans-serif;
	background-color: orange;
	
}
#page {
	width: 100%;
	margin: 0 auto;
	background-color:white;

	background-image:url(images/bg_nuages.jpg); 
	background-repeat:no-repeat;
	background-position:bottom;
	min-height: 100% /* Nécessaire si on veut que la couleur de #page se poursuive jusqu'au pied de page*/
}
#contenu { color: #000000;
       background-color: white;
       font-size: 12pt;
       font-family: comic sans ms;
       margin-left: 250px;
	   margin-right: 20px;
	   background-color: transparent;
	   /*margin-top: 140px;*/
	   
	   } 
	   
#pied {
width : 100%;
position: relative;  /* Nécessaire pour Safari */
left:0;
right:0;
bottom: 0;
padding:0.1px;
padding-top:0px;
background-color: orange;
}



#entete{
width : 100%;
/*position: absolute;*/
background-color: transparent;
left:0;
right:0;
top: 0;
}
	   
#soustitre{

color: orange;
font-size: 14pt;
font-family: Comic sans ms;
font-weight:bold;
text-align:center;
}


	   /* 	   
#bodymenu { color: #000000;
       background-color: #fff;
       font-size: small;
       font-family: Arial;
       margin: 10; } */

 
  
  
#menu {
/*margin-right: 0.5em; inutile car on a mis une marge gauche dans le #contenu*/
/*margin-top: 60px;*/
margin-left: 0.1em; 
float: left;
font-size: 14pt;
font-family: Times new roman;


}

 
/*style de l'élément par défaut (non survolé, non actif)*/
#menu A.noclic {
width: 219px;
display: block;
padding: 0.6em;/*marge intérieur*/
margin: 0.1em;
color: orange; 
/*color: #33CCFF;*/
/*border: 1px solid #ffffff;/*blanc*/
border-bottom: 1px dotted orange;
/*border-bottom: 1px dotted #33CCFF;*/
/*border-top: 1px dotted orange;*/
font-size: small;
font-weight: bolder;
text-decoration: none;
text-align: left;
}

/*lorsqu'un élément du menu est survolé par la souris*/
#menu A.noclic:hover {
/*border: 1px solid orange;*/
/*border: 1px solid #33CCFF;*/
text-decoration: none;
background-color: #FFCC66;  /*orange clair*/
/*background-color: #99CCFF;*/
color: #FFFFFF;
}

A.clike,A.clike:visited, A.clike:hover, A.clike:active {
width: 219px;
display: block;
padding: 0.6em;/*marge intérieur*/
margin: 0.1em;
color: orange; 
 /*color: #33CCFF;*/
/*border: 1px solid orange;*/
/*border: 1px solid #6699FF;*/
font-size: small;
font-weight: bolder;
text-decoration: none;
background-color: #FF9900;
/*background-color:#6699FF;*/
color: #FFFFFF;

} 

/*lorsqu'un élément du menu est actif, cad que l'on est sur la page correspondant au lien de l'élément sélectionné*/
/*#menu A:active { 
border: 1px solid orange;
text-decoration: none;
background-color: #FF9900;
color: #FFFFFF;
 }*/ 
 

	   

