/* CSS Document */
	
	
#page{
	position: relative;
	margin: auto;
	margin-top:0;
	width: 990px;
	margin-top: 10px;
   

}

body {
	margin: 0;
	padding: 0;
	background-color: #f2f2f2;
}

#recherche {
  text-align: right;
  padding-right: 43px;
  font-size: 10px;
  color: #8f8c99;
  font-weight: bold;
}

#fil {
	color: #798390;
	font-size: 11px;
	padding-bottom: 15px;
}

#fil a {
	color: #798390;
}
#fil a:hover {
	color: #9ec7ac;
}

#fil span {
	font-weight: bold;
}

/*---------------------------
/* Entete
/**/
#entete {
  position: relative;
  background-image: url(/images/entete.jpg);
  background-repeat: no-repeat;
  background-position: 211px 0;
  height: 197px;
  width: 990px;
}


#entete-texte {
  position: relative;
  background-image: url(/images/entete-texte.jpg);
  background-repeat: no-repeat;
  background-position: 211px 0;
  height: 197px;
  width: 990px;
}

#logo {
  position: absolute;
  top: 7px;
  left: 25px;
}

#logo img {
  border: 0;
}

#message-entete {
  position: absolute;
  left: 254px;
  top: 45px;
  width: 300px;
  color: #202867;
  font-size: 12px;
}

#message-entete .titre {
  font-weight: bold;
  font-size: 14px;
}

#message-entete a {
	color: #202867;
}

#date-du-jour {
  position: absolute;
  right: 430px;
  /*top: 21px;*/
  bottom: 160px;
  font-size: 10px;
}



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

#principal {
  position: relative;
  width: 990px;
  	
}

/*---------------------------
/* menu
/**/


#menu,
#menu ul, 
#menu li {
	margin : 0;
	padding : 0;
	list-style-type : none;

}

#menu {
  float: left;
  width: 213px;
  padding-left: 23px;

} 

#menu li {
  margin-bottom: 5px;
}



#menu a {
  text-transform: uppercase;
	font-weight: bold;
	color : #445047;
	text-decoration : none;
	
	font-size: 16px;
}

#menu  a:hover {
	
	color : #9ec7ac;
	
	
}

#menu .itemActif {
	color: #9ec7ac !important;
}

#menu .sous-menu li {
   margin-bottom: 0;
}

#menu .sous-menu a {
  color: #333333;
  font-weight: normal;
  font-size: 12px;
  text-transform: none;
}

#menu .sous-menu a:hover,
#menu .sous-menu .itemActif {
	
	color : #04812d !important; /*#9ec7ac;*/
	
}



#contenu {
  float: left;
  width: 565px;
  line-height: 1.5em;
}

.texte #contenu a {
	color: #04812d;
}

.texte #contenu a:hover {
	color: #000;
}

#contenu h1 {
  font-size: 20px;
  margin: 0;
  padding: 0;
}

#bloc-bienvenue p {
	padding: 0;
	margin: 0;
	margin-top: 5px;
}

#bloc-bienvenue a {
	color: #fff;
}

.texte #contenu h1 {
  display: block;
  background-image: url(/images/titre-texte.gif);
  background-repeat: no-repeat;
  background-position: top left;
  color: #04812d;
  padding-top: 4px;
  min-height: 20px;
  font-size: 20px;
  text-transform: uppercase;
  
}

* html .texte #contenu h1 {
	height: 20px;
}

.texte #contenu h2 {

  color: #202867;
  border-bottom: 1px solid #202867;
  font-size: 18px;
  font-weight: normal;
 
}

#bloc-bienvenue {
  background-image: url(/images/bloc-bienvenue.jpg);
  height: 150px;
  width: 439px;
  padding-top: 8px;
  padding-left: 110px;
  padding-right: 15px;
  color: #fff;
  font-size: 12px;
}

h2.actualites {
  display: block;
  background-image: url(/images/titre-actualites.gif);
  background-repeat: no-repeat;
  background-position: top left;
  color: #fff;
  font-size: 20px;
  text-transform: uppercase;
  padding-top: 3px;
  min-height: 19px;
 
}

* html h2.actualites {
	height: 20px;
}

/*----------------------
/* actualite
/**/
#actualites {
  width: 312px;
  padding-right: 21px;
  float: left;
  
}

.actualite {
  margin-bottom: 20px;
  font-size: 12px;
}

.actualite a {

  color: #202867;
}

.actualite .titre {
  color: #202867;
  font-weight: bold;
  font-size: 12px;
  text-decoration: none;
}

.actualite .titre:hover {

  text-decoration: underline;
}

/*-----------------------
/* Calendrier
/**/

#lien-calendrier {
	width: 100px;
	height: 100px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
#calendrier {
	position: relative;
	background-position: top;
	background-repeat: no-repeat;
	width: 219px;
	float: left;
	padding-top: 87px;
	background-color: #ffffff;
	
  
}

#calendrier h2 {
  position: absolute;
  padding:0;
  margin:0;
  left: 100px;
  top: 20px;
  
  font-size: 13px;
}

#calendrier a {
	color: #353c75 !important;
}

#calendrier h2 .titre {
  font-size: 22px;
}

#les-evenements {
  border-left: 1px solid #a7b4c4;
  border-right: 1px solid #a7b4c4;
  border-bottom: 1px solid #a7b4c4;
}

.evenement {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #e4dfdc;
  color: #404742;
  font-size: 12px;

}

.evenement a {
  color: #202867;
  font-weight: bold;
  font-size: 12px;
}

/*-------------------------
/* lien-rapides
/**/
#lien-rapides img {
  border: 0;
}

#lien-rapides {
  float: right;
  width: 141px;
  padding-right: 23px;
  padding-bottom: 29px;
}


/*-------------------------
/* pied
/**/
#pied {
  padding-top: 5px;
  margin: auto;
  margin-top: 15px;
  height: 25px;
  font-size: 10px;
  font-weight: bold;
  border-top: 1px solid #b6b8b2;
  color: #b6b8b2;
  width: 944px;
  
}

#pied a {
  color: #b6b8b2;
  text-decoration: none;
}

#pied a:hover {
  text-decoration: underline;
}

#realisation {
  float: right;
}

#copyright {
  float: left;
}


.messageValidationOK {
	border : 1px solid #83AB6F;
	background-color : #EAFFDF;
	font-weight : bold;

	padding-left : 12px;
	padding-right : 12px;
	

	margin-top : 1em;
	margin-bottom : 1em;

	color : #333;
}

.erreursValidation {
	border : 1px solid #AB836F;
	background-color : #FFEADF;
	/*font-weight : bold;*/

	padding-left : 12px;
	padding-right : 12px;
	/*padding-top : 1em;*/
	/*padding-bottom : 1em;*/

	margin-top : 1em;
	margin-bottom : 1em;

	color : #333;
}

/*--------------------------------------------------------------------
/* ALBUM PHOTOS
/**/

.lesMiniatures {
	/*margin-left : 20px;*/
	margin-top : 1em;
}

.lesMiniatures img {
	border: 0;
}

.uneMiniature {
	padding : 1px;
	border : 1px solid #999;
	background-color : #fafaff;

	margin-right : 5px;
	margin-bottom : 10px;

	float : left;

	text-align : center;
}

.uneMiniature img {
	/*margin-bottom : 4px;*/
}

.barreLiensPages {
	text-align : center;

	margin-top : 1em;
	margin-bottom : 1em;
}

.barreLiensPages .pageEnCours {
	font-weight : bold;
}