/* Remise à zéro de toutes les marges de toutes les balises */
* {
margin: 0;
padding: 0;
border: 0;
font-family: sans-serif;
font-size: 1em;
}

/* Compatibilité IE des images, considérées comme block et pas comme texte */
img {
  display: block;
}

/* Couleurs utilisées :
le rouge : color : #663300 ;
le jaune : color : #eed594 ;
*/

body {
     margin: 0 0; /* pour éliminer les marges  gauche/droite et mettre haut/bas à 0px */
	 padding: 0 ;
     text-align: center; /* pour corriger le bug de centrage IE */
	 font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	 background: #999966 ;
}

/*       Centrage de la page  ---------------------------------*/ 

#global 
{
     position: relative; /* on positionne le conteneur */
	 margin-left: auto;
     margin-right: auto;
	 width: 948px; /* largeur obligatoire pour être centré */
	 padding: 0 ;
	 text-align: left; /* on rétablit l'alignement normal du texte */
	 /* overflow: auto ;  */
	 border: 0px  ;
	 background: #D9CCBF;
	 border-left: solid 1px #663300;
	 border-right: solid 1px #663300;
}

/*   Bandeau supérieur, avec images    
composé d'une image de fond, sur laquelle viennent deux image : une pour l'église, une pour le titre  ---------------------------------*/	 

#bandeau_haut {
	height: 150px ;

	text-align: left; 
	}
	#bandeau_haut_droit {
		margin-left: 330px ;
		margin-top: -150px ;
	}
	
	#bandeau_haut_titre 	{
		margin-top: -79px ;
		margin-left: 349px ;
	}
	
	
/*      Le menu horizontal   ---------------------------------*/

#bandeau_menu {
	position: relative;
	height: 25px ;
	background: #663300 ;	
	border-top: solid 1px #999966;

	
}
	#bandeau_menu ul 	{
		margin-left: 180px ;
		font-size: 1.2em;
		font-weight: bold;
	}
	#bandeau_menu  li  { /*  Définition de chaque case menu : nécessiter de chevaucher les "fausses" cases  */
		display: inline ; /*  Met les élements de la liste cote à cote  */
		list-style-type: none ; /*  enlève les bulettes  */
		float: left ; /*  cale le menu à gauche   */
		border-right: solid 1px #fff;
		border-left: solid 1px #fff;
		margin-left: -1px; /*  permet la superposition  avec celle de gauche  */
		line-height: 25px; /*  permet le "centrage" vertical du texte  */
		background: #CCE680 ; /*  Le fond de la liste est "jaune"   */
	}
	#bandeau_menu  a 	{
		display: block ; /*  Pour gérer le fond de couleur   */
		padding: 0 10px 0; /*  à mettre à ce niveau et à l'identique de "span" pour  la couleur sur toute la largeur  */
		text-decoration : none ;
		color: #FFFFFF ;
		background: #663300 ; /*  Les onglet actifs (avec un lien) sont rouges   */
	}
	#bandeau_menu  a:hover {  /* Changement de couleur au survol   */
		color: #CCE680 ;
	}
	#bandeau_menu  span  {
		display: block ;
		padding: 0 10px 0; /*  à mettre à ce niveau et à l'identique de "a" pour  la couleur sur toute la largeur  */
		color: #555 ;
		border-top: solid 1px #663300;
		margin-top: -1px; 
	}

/*     sous menu de gauche   ---------------------------------*/

#sousmenus {
	visibility: visible ;
	width: 150px ;
	float: left ;
	padding-left: 15px ;
	margin-left: -180px; /*  décalage pour l'illustration - grappe de raisin */
	margin-top: 60px ;
	text-align: left; 

}
	#sousmenus ul {
		font-size: 1.1em;
		font-weight: bold;
		color: #555;
	}
	#sousmenus  li {
		font-size: 1em;
		font-weight: normal;
		list-style-type: circle ;
		color: #663300 ;
		margin-left: 14px ;
		margin-bottom: 5px ;
	}
	#sousmenus ul.petit {
		font-size: 0.9em;

	}
	#sousmenus  li.petit {
		font-size: 0.9em;

	}
	#sousmenus  a {
		text-decoration : none ;
		color: #663300 ;
	}
	#sousmenus  a:hover  { /* Changement de couleur au survol   */
		color: #fff ;
		background-color: #663300;
	}
	#sousmenus  span  {
		font-weight: bold;
	}

/*     Retour à la page d'accueil    ---------------------------------*/

#accueil  {
	position: absolute;
	margin-top: 154px;
	width: 180px ;
	visibility: visible ;
	float: left ;
	text-align: center ;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF ;
	z-index: 100;
}
	#accueil  a 	{
		text-decoration : none ;
		color: #FFFFFF ;
		background: #663300 ; /*  Les onglet actifs (avec un lien) sont rouges   */
	}
	#accueil a:hover {  /* Changement de couleur au survol   */
		color: #CCE680 ;
	}

/*     Fond de menu de gauche    ---------------------------------*/

#menu_gauche  {

	
	visibility: visible ;
	float: left ;
	text-align: center ;
	width: 180px ;
	height: 520px ; /* pour donner une hauteur minimale à la page  */
	background: #D9CCBF;
	background: url(img/saintpierre_gauche.gif) no-repeat ; /*  illustration st pierre */
	
}
	
/*      Le contenu de la page   ---------------------------------*/	

#contenu {
	margin-left: 180px; /*  pas de largeur définie :  s'aligne sur le menu  */
	margin-right: 200px; /*  pas de largeur définie : évite les bloc d'information */
	padding-left: 20px;
	padding-right: 15px; 
	padding-top: 15px;
	padding-bottom: 25px;
	text-align: left; 
	background: #fff;

	}

	#contenu h1 {
		margin-top: 15px;
		font-size: 1.2em;
		color: #663300 ;
	}
	#contenu p {
		margin-top: 5px;
		font-size: 1em;
		text-align: justify ;	
	}
	
	#contenu p.descriptif 	{
		margin-top: 5px;
		font-size: 1em;
		text-align: justify ;
		color: #555 ;
		margin-bottom: 35px;
	}
	
	#contenu a {
		color: #663300 ;
		text-decoration: none ;			
	}
	#contenu a:hover {
		color: #fff ;
		background-color: #663300 ;
	}
	.titrepage 	{
		display: block;
		margin-top: 15px;
		font-size: 1.3em;
		font-weight: bold;
		color: #555 ;
	}
	.intertitre 	{
		display: block;
		margin-top: 15px;
		font-size: 1.2em;
		font-weight: bold;
		color: #555 ;
	}
	
	

/*     Illustration de droite    ---------------------------------*/

#illustrations  {
	visibility: visible ;
	float: right ;
	text-align: center ;
	padding-right: 0px;
	margin-top: 0px;
	width: 200px ;
	/* background: #E6F2BF ; */
	/*height: 320px ; /* pour donner une hauteur minimale à la page  */
}

#illustrations  img {
	display: inline ; /*  pour autoriser le centrage des images (mises en block pour IE)  */
}	
	
/*  Pied de page      ---------------------------------*/

#pied {
	clear: both ; /*  permet de se placer en dessous de l'éditio et du bloc info - flotants */
	height: 25px ;
	width: 66% ;
	margin-top: 25px;
	margin-left: auto;
    margin-right: auto;
	text-align: center; 
	padding: 5px;
	border-top: solid 1px #663300;
}

/* Tableaux SPIP */
table.spip {
	margin: auto;
	margin-bottom: 1em;
	margin-top: 1em;
	border: 0px solid;
	border-collapse: collapse; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 4px;
	font-weight: bold; }
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 4px; text-align: left; vertical-align: middle; }