/* CSS Document */

body {
 background-color: #FFFFFF;
 color: #000000;
 margin: 0; /* pour éviter les marges */ 
 text-align: center; /* pour corriger le bug de centrage IE */ 
}



ul {
 list-style-image: url(puce.gif)
  }

ul li { 
margin-top:0.8em;
}

a:link 
  {
  color: #0000FF;
  text-decoration: underligne; 
  background-color: transparent }
a:visited 
  { 
  color: #0000FF;
  text-decoration: underligne; 
  background-color: transparent }
a:hover 
  {
  color: #FFFFFF;
  text-decoration: underline; 
  background-color: #0000FF  }
a:active 
  {
  color: #0000FF;
  text-decoration: underline; 
  background-color: transparent }


div.centrage {text-align: center;}

/*  ------------------------------------------
/*  Site
/*  ------------------------------------------
*/
  
#site {
	background-color: #FFFFFF;
	position: relative; 
	margin-left: auto; 
    margin-right: auto; 
    width: 96%;
	text-align: left; /* on rétablit l'alignement normal du texte */ 
}


/*  ------------------------------------------
/*  Header - 
/*  ------------------------------------------
*/

#header {
	width:100%
	}

/*  ------------------------------------------
/*  Menu
/*  ------------------------------------------
*/


#menu
	{
	width:100%;
	color: #FFFFFF;
	font-size: 0.9em;
	line-height: 16px;
	background-color: #0000FF;
	letter-spacing: 3px;
	margin-bottom: 15px;
	height: 26px
	padding: 8px 5px 0;
	}

#menu a 
	{
	color: #FFFFFF;
	text-decoration: none  
	}
#menu a:link 
  {
  color: #FFFFFF;
  text-decoration: none; 
  background-color: transparent }
#menu a:visited 
  {
  color: #FFFFFF;
  text-decoration: none; 
  background-color: transparent }
#menu a:hover 
  {
  color: #0000FF; 
  text-decoration: underline; 
  background-color: #FFFFFF
  }
#menu a:active 
  {
  color: #FFFFFF;
  text-decoration: underline; 
  background-color: transparent
  }
  
  
  
  	#blocg {
	position:relative;
	float: left;
	width:50%;
	text-align:right
	}
	#blocd {
	position:relative;
	float: right;
	width:50%;
	}

/*  ------------------------------------------
/*  pub 
/*  ------------------------------------------
*/
#pubgauche {
	position: relative; 
	float: left;

}
#pubdroite {
	position: relative; 
	float: right;

}

div.pubbas {
	position: relative; 
	float: left;
	width: 65%;
}

div.posleft {
	position: relative; 
	float: left;
	width: 50%;
}



/*  ------------------------------------------
/*  colonne gauche
/*  ------------------------------------------
*/

#page {
	position: relative; 
	float: left;
	width: 100%;
}


#gauche {
	position: relative; 
	float: left;
	width: 60%;
	background-color: #FFFFFF;
	color: #000000
}

#margegauche {
	position: relative; 
	float: left;
	width: 15%;
	background-color: #FFFFFF;
	color: #000000
}


/*  ------------------------------------------
/*  colonne droite
/*  ------------------------------------------
*/

#droite {
	position: relative; 
	float: right;
	width: 25%;
	background-color: #FEEEB8; 
	font: 0.9em Garamond,Georgia,"Times New Roman",Times,serif;
	color: #FF0000
	}

#droite a 
	{
	color: #FF0000;
	text-decoration: none  
	}
#droite a:link 
  {
  color: #FF0000;
  text-decoration: none; 
  background-color: transparent }
#droite a:visited 
  {
  color: #FF0000;
  text-decoration: none; 
  background-color: transparent
  }
#droite a:hover 
  {
  color: #FFFFFF; 
  text-decoration: underline; 
  background-color: #FF0000
  }
#droite a:active 
  {
  color: #FF0000;
  text-decoration: underline; 
  background-color: transparent
  }


#droiteM {
	border: 1px ridge   #FF0000;
	}



/*  ------------------------------------------
/*  article
/*  ------------------------------------------
*/

.article {
position: relative;
float:left;
width: 100%
}

.article h1 {
	font: bold 1.1em Garamond,Georgia, "Times New Roman", Times, serif;
	padding-left: 1px;
	letter-spacing: 0.2em;
	word-spacing: 0.2em;
	margin-bottom: 1em;
	margin-top: 0em
}

.article h2 {
	font: bold 1.0em Garamond,Georgia, "Times New Roman", Times, serif;
	background: url(tache.gif) no-repeat;
	padding-left: 19px;
	margin-bottom: 0.5em;
	margin-left: 10px;
	margin-top: 1em	
	}
	
	.article h3 {
	font: bold 0.9em Garamond,Georgia, "Times New Roman", Times, serif;
	padding-left: 19px;
	margin-bottom: 0.5em;
	margin-left: 10px;
	margin-top: 0.9em	
	}
	
	.article h4 {
	font: bold 0.8em Garamond,Georgia, "Times New Roman", Times, serif;
	padding-left: 19px;
	margin-bottom: 0.5em;
	margin-left: 10px;
	margin-top: 0.9em	
	}
	
	.article h5 {
	font: bold 0.7em Garamond,Georgia, "Times New Roman", Times, serif;
	padding-left: 19px;
	margin-bottom: 0.5em;
	margin-left: 10px;
	margin-top: 0.9em	
	}

.article p {
font: 1.1em Garamond,Georgia,"Times New Roman",Times,serif;
}





/*  ------------------------------------------
/*  credit
/*  ------------------------------------------
*/


#credits a {
	color: #FFFFFF;
}

p#credits {
	text-align: center;
	width:100%;
	height: 26px;
	clear: both;
	background-color: #0000FF;
	color: #FFFFFF;
	font-size: 15px !important;
	line-height: 16px;	letter-spacing: 6px;
	margin-bottom: 15px;
	height: 26px
	}
	
div.creditbas {
	position: relative; 
	float: left;
	width: 100%;
}

/*  ------------------------------------------
/*  Recherches
/*  ------------------------------------------
*/
.recherche {
	background-color:#FFFFCC;
 	border-style:solid 1px;
 	border:#000000;
	font-size:medium;
	position:relative;
	float:right
	
 }
 .recherche span
	{
	font-size: small;
	color="#008000; 
	}