/*****************************************************
********************** RESUME FORUM ******************
******************************************************/

#resume_forum
{
	width:255px;
	height:235px;
	color:#000000;
	background-color:#3D8EC4;
}

/*****************************************************
********************** EDITO *************************
******************************************************/

#edito{
	width: 390px;
	height: 362px;/*208px;*/
	background:url(../images/decor/a_la_une.png) top left no-repeat;
	overflow:hidden;
	background-color:#000;
}
#edito, #edito a{
	color:#FFF;
}

#titre_edito{
	width: 390px;
	height: 48px;
}

#contenu_edito{
/*	font-size:11pt;*/
}

#plan_interactif{
	background:url(../images/decor/plan_interactif.png) top left no-repeat;
}

#espace_titre_calendrier{height:10px;}

/*****************************************************
********************** ACTUALITE *********************
******************************************************/

#actualite{
	width:391px;
	height:322px;
	background:url(../images/decor/en_bref.png) top left no-repeat;
	color:#FFFFFF;
	background-color:#000;
}

#slider a{
  color:#FFFFFF;
}

#titre_actualite{
	width:391px;
	height:15px;
}

#contenu_actualite{
	width:391px;
	height:270px;
	overflow:hidden;
}


/*****************************************************
********************** MESSAGES **********************
******************************************************/

.message{
	position:relative;
	width:100%;
}

.miniature{
	position:relative;
	float:left;
	/*margin-right:10px;*/
}
.miniature img{
	position:relative;
}

.resume{/*avec miniature accueil*/
	width:90%;
	/*width:97%;*/
}

.lire{
	text-decoration:none;
	color:#fecc0b;
}
#message_actualite{
	width:55%;
}


/*****************************************************
********************** EVENMENTS A VENIR *************
******************************************************/

#conteneur_evenement_a_venir{
	width:391px;
	height:362px;
	background:url(../images/decor/agenda.png) top left no-repeat;
}

#evenement_a_venir{
	width:194px;
	height:350px;
}


#contenu_evenement_a_venir{
	width:174px;
}

#contenu_evenement_a_venir li{
	position:relative;
	display : list-item;
}

#contenu_evenement_a_venir li span{
	position:relative;
	font-weight:bold;
}

.titre_evenement_a_venir, .titre_evenement_a_venir a{
	font-size:9pt;
	color:#2D4B9B;
	text-decoration:none;
}
.date_evenement_a_venir{
	font-size:8pt;
	color:#2D4B9B;
}
.suite_evenement_a_venir, .suite_evenement_a_venir a{
	font-size:8pt;
	color:#000;
	/*text-decoration:none;*/
}

/*****************************************************
********************** HORAIRES ***********************
******************************************************/

#horaires_gauche {
  width:10px;
	height: 109px;
}
#horaires_centre {
  width:205px;
}
#horaires_droite {
  width:10px;
}

#horaires{
	/*background: url(../images/decor/contact.png) top left repeat;*/
	color: #FFFFFF;
	width: 222px;
	height: 309px;
}
#titre_horaires{
	width:100%;
	color: #FFFFFF;
}
#titre_horaires h1{
	font-size:10pt;
	font-weight:bold;
}
#contenu_horaires{
	position:relative;
	width:100%;
	font-size:9pt;
	top:30px;
}

#horaires img{
	position:relative;
	top:-10px;
}

#photo_horaires {
}
#virgule_horaires {
	position:relative;
	float:right;	
}
#virgule{
	width:76px;
	height:137px;
  background: url(../images/decor/virgule.png) top right no-repeat;
}

#bas_horaires{
	width:100%;
}