/**************** body and tag styles ****************/
body
{
	margin: 10px ;
	padding: 0 ;
	text-align: center ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;	
	color: #4d4a79;	 /*ardoise */
	background: #69cdff url("../img/arriere2.jpg") top left repeat; /* bleu clair */
	}


	#container { 
		margin: 0 auto ;  
		text-align : left; 
		clear : both;
		float : left;
		padding: 0px; 
		font-size: 11px; 
		border: 1px solid  #4d4a79;	 /*ardoise */
	}
		
	h1 {
	  font-weight: bold;
	  font-size: 25px;
	  line-height: 1.2em;
	  color: #4d4a79;/* ardoise */ 
	  margin: 30px 10px 30px 10px;
	  }
		
	
		
	a {
	 color: #CC0000; /* rouge */
	  text-decoration: none;
	  font-weight: bold;
	  margin : 0px;
	  padding:0px;
	  }

	a:hover {
	  font-weight: bold;
	  text-decoration: underline;
	  }

/**************** images styles ****************/		
	
	
	a img{
	  border: none;	
	} 
	
	img.left { 
		float: left;
		padding: 4px;
		margin: 10px 15px 10px 15px;
		/*border: 1px solid #a0a0a0;*/
		border : none;	
		display : inline;
	}
	img.right { 
		float: right;
		padding: 4px;
		margin: 10px 15px 10px 15px;
		/*border: 1px solid #a0a0a0;*/
		border : none;
		display : inline;
	}
	
	img.center { 
		padding: 4px;
		margin: 10px 20px 10px 20px;
		/*border: 1px solid #a0a0a0;*/
		border : none;
		display : block;   
		text-align:center;
	}
	
	
		
	
	
/**************** header styles ****************/
	#header {
	 
	  width : 1024px; 
	  height:200px;
	  margin: 0px;
	  padding: 0px;
	  clear : both; 
	  float : left;
	  background:  url("../img/header-lucarne3.jpg") top left no-repeat; /* bleu */ 
	  /*border: 1px solid #999999; /* gris très clair */
	  }
	#header h1{
		margin : 20px 200px 20px 200px;	 
		text-align : center;  
		text-indent : -5000px;
	}


   
/**************************************************/
#contenu {
		 border-top: 1px solid #4d4a79; /* ardoise */
		 clear: both;	 
		 margin: 0px;
		 padding: 0px; 
		 
	  
}
/**************** sidebar styles ****************/
	#sidebar {
				width: 25%;
				margin: 0px;
				padding : 0px;
				float: left; 
				clear: both; 
				/*border: 1px solid #999999; /* gris très clair */ 
				color: #4d4a79; /* ardoise */
				font-size: 1.2em;
	}
	
	
	#sidebar h1 {
	   text-align: left; 
	   margin:20px 0px 0px 10px ;
	   padding: 0px 0px 0px 0px; 
	   /*background:  url("../img/titre2.gif") center left no-repeat; /* blanc */
	   font-size: 1.4em;
	   font-weight: bold;
	   color: #CC0000; /* rouge */
	   }  
	#sidebar ul {
		list-style-type: none ;
		margin: 5px 10px;
		padding:0px;
	}
	#sidebar p { 
		margin:  5px 10px;
		padding:0px;
		text-align: left;
	}
		
	
	  /**************** menu styles ****************/
ul#menu {	  
	
	 margin: 10px;
	 padding:0px;
	 border: 1px solid #4d4a79; /* ardoise */
	 border-bottom: none;
	 background :  #ffffff; /* blanc */
}	 
 
ul#menu  li
{	
	margin: 0px;
	padding:0px;
	border-bottom: 1px solid #4d4a79; /* ardoise */
	text-align : left;
	background :  #ffffff; /* blanc */ 
} 
ul#menu li a {
	padding: 3px; 
	display: block;
	text-decoration : none;
	color : #4d4a79; /* ardoise */ 
	background :  #ffffff; /* blanc */ 
	
}

ul#menu li a:hover, #menu li a:focus, #menu  li a:active, #menu li a.selected {
	color: #ffffff; /* blanc */
	background :  #CC0000; /* rouge */
	
} 
/***** ANNONCE ****/
 #annonce form {
	  
		margin: 0px;
	  	padding: 0px 0px 0px 0px;	
		
	  }	
	  #annonce form input {
	  	background-color: #ffFFFF;/* blanc */
		width : 97%; 
		font-size : 1.2em;
		color : #4d4a79; /* ardoise */ 
	  } 
/**************** content styles ****************/
	#content {
	  width: 70%;
	  margin:0px 10px; 
	  padding: 0px;
	  float: left;
	  font-size: 15px;
	  line-height: 1.6em; 
	  border-left: 2px solid #4d4a79; /* ardoise */
	  }
		
	  #content p {
	  clear:both;
	  margin: 10px; 
	  padding: 0px;
	  text-align : justify; 
	  }	
	  #content p.nonjust {
	  clear:both;
	  margin: 10px; 
	  padding: 0px;
	  text-align : left; 
	  }	 
	  
	   #content h1 {
	   text-align: left; 
	   margin : 30px 10px 10px 10px;
	   padding: 0px 0px 0px 0px;
	   /*background:  url("../img/titre2.gif") center left no-repeat; /* blanc */
	   font-size: 1.4em;
	   color: #CC0000; /* rouge */
	   /*border: 1px solid #4d4a79; /* ardoise */
	   /*background:  #ffffff; /* blanc */ 
	   /*font-style : italic;*/
	   }
	   
	   #content ul {
	   margin: 10px; 
	   padding : 0px;
	   list-style-type: disc ;
	   list-style-position : inside;
	   
	   }
	 
 

/**********/
/* FOOTER */
/**********/ 
 

#footer { 
	margin : 0px; 
	padding : 0px;
	clear: both;
	border-top: 1px solid #4d4a79; /* ardoise */
}

#footer ul
{	
	list-style-type: none ;
	margin: 0px 0px 0px 25%;
	padding: 0px;
} 
#footer ul li
{	
	float: left ;
	margin-left: 10px;
}

#footer  a
{	
	color: #CC0000; /* rouge */
	text-decoration : none;
}
#footer a:hover
{	 
	text-decoration : underline;
}  

/* ************ */
/* *********** */

.spacer {	 /* à utiliser pour que les float restent dans leur conteneur */
clear: both;
visibility: hidden;margin: 0px; padding:0px;
}