/*
 Général
 -----------------------------------------------
*/

*{
 font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
 font-size: 1em;
 color: #000;
 margin: 0;
 padding: 0;
 border: none;
 }


body{
 margin: 10px;
 padding: 0;
 background-color: #fff;
}

li{
	list-style-type:none;
}

h1{
 font-size: 1.5em;
 letter-spacing: 0.02em;
 font-variant: small-caps;
 color: #6eaeda;
  font-weight: bold;
  padding: 0 0 0.8em 0; 
}

h2{
 font-size: 1.6em;
 line-height: 1.3em;
 margin: 0;
 font-weight: bold;
 font-style: normal;  
 padding: 0;
}


h3{
 font-size: 1.1em;
 color: #666;
 margin: 0;
 font-weight: bold;
 font-style: normal; 
 padding: 0.3em 0 1em 0; 
}

h4{
 font-size: 0.9em;
 color: #666;
 margin: 0;
 font-weight: bold;
 font-style: normal; 
 padding: 0.3em 0 1em 0; 
}

h5{
 font-size: 0.9em;
 color: #6eaeda;
 margin: 0;
 font-weight: bold;
 padding: 0.3em 0 1em 0; 
}

p{
 font-size: 0.9em;
 margin: 0;
 padding: 0 0 0.9em 0;
}

em{
 font-style: italic;
}

strong{
 font-weight: bold;
}





/*
 En-tête
 -----------------------------------------------
*/

#entete{
	background-color: #fff;
	border: 1px solid #6eaeda;
	padding: 5px 0 5px 17px;
}




/*
 Principal
 -----------------------------------------------
*/

#principal{
border: 1px solid #6eaeda;
border-top: none;
 background-color: #A9A5AB;
 background-image: url("./images/bg.jpg");
 background-repeat: no-repeat;
 background-position: left top;
 }
 
 

/*
 Navigation
 -----------------------------------------------
*/

#navigation{
 position: absolute;
 top: 130px;
 left: auto;
 bottom: auto;
 right: auto;
}

 #navigation ul{ 
padding-top:30px;
padding-left: 210px;
}
 

#navigation li{ 
 width: 165px; 
 border: 1px solid #6eaeda;  
 background-color: #fff;
 margin: 0 0 5px 0;
}

 


#navigation a{
	 padding-left: 15px;
	 font-size: 0.9em;
  text-decoration: none;
  color: #6eaeda;
  font-weight: bold;
}


#navigation a:hover{
 background-color: #fff;
 color: #6eaeda; 
}


#navigation .rubrique{  
 background-color: #d6dff5;
 width: 190px;
 	 padding-left: 15px;
	 font-size: 0.9em;
  text-decoration: none;
  color: #6eaeda;
  font-weight: bold;
}

#navigation .image_rubrique{  
 height: 200px;
 margin-top: 25px;
}


#navigation .image2_rubrique{  
 height: 200px;
 margin-top: 25px;
}


/*
 Contenu
 -----------------------------------------------
*/

#contenu{
 margin-left: 400px;
background-color: #fff;
 padding: 20px 10px 10px 40px;

}

#contenu ul{
	 font-size: 0.9em;
 padding: 0 0 0.9em 0;
 }

#contenu li{
	list-style-type:none;
	background-image: url("./images/puce.gif");
background-repeat: no-repeat;
background-position: top left;
padding-left: 15px;
}


#contenu  img{
 border: 1px solid #6eaeda;
 margin: 0 0 0 0; 
 clear: both;
}





#contenu .annonce{
	border: 1px solid #6eaeda;	
		background-color: #fff;
		margin-bottom: 10px;

}

#contenu .intro{
		background-color: #6eaeda;
		padding: 5px;
}

#contenu .intro p{
		color: #fff;
}

#contenu .poste{
		background-color: #fff;
		  text-align: center;
}

#contenu .poste h3{
		padding: 0px;
		padding-top: 10px;
}

#contenu .poste h4{
		padding: 0px;
}


#contenu .detail p{
padding: 10px 5px 15px 55px;
}



#contenu textarea{
width: 500px;
background-color: #ddd;
	border: 1px solid #999;
	 font-size: 0.8em;

}



#contenu .annonce {
	padding: 8px;
}

#contenu .data p{
	padding: 0;
}


#contenu .data_blog textarea{
	height: 300px;
}

#contenu .data_blog p{
	text-align: center;
}