html { min-height:101%; margin-bottom: 2px; }
body{
margin:0;
padding:0;
font-family: verdana, arial, helvetica, sans-serif;
font-size:12px;
color:#000;
background: #fff url(/images/f_web.png) no-repeat 50% 0;
background-attachment:fixed;
text-align:center;
letter-spacing: normal;
}
/* Modifier ici les couleurs */ 
a:link {text-decoration: underline; color:#54484a;}
a:visited {text-decoration: underline;color:#003300;}
a:active {text-decoration: none;color:#666666;}
a:hover{text-decoration: none;color:#666666;}
h5 {color: #54484a;}
h6 {color: #003300;}
/* Modifier ici les couleurs */ 
div {padding:0;margin:0;}
table{font-size:inherit;font-size:100%;border-spacing: 0;border-collapse: collapse; }
#doc {
width: 820px;
margin: 0 auto;
text-align:left;
}
#entete {
	display: none !important;
}
#nouvelle{
  width: 821px;
  height: 56px;
  background: #fff url(/images/f_lavraievie.jpg) repeat-x;
  vertical-align:middle;
}
#oLavraievie{
  width: 821px;
  height: 0;
  background: #000 url(/images/f_lavraievie.png) repeat-y;
  overflow:hidden;
  color:#999999;
  text-shadow: 0 1px 0 #ffffff;
}
a.titrelavraievie:link {text-decoration: none; color:#a1dbeb;font-size:16px;text-shadow: 0 1px 0 #ffffff;}
a.titrelavraievie:visited {text-decoration: none;color:#a1dbeb;font-size:16px;text-shadow: 0 1px 0 #ffffff;}
a.titrelavraievie:active {text-decoration: none;color:#8FBDEF;font-size:16px;text-shadow: 0 1px 0 #ffffff;}
a.titrelavraievie:hover{text-decoration: none;color:#000000;font-size:16px;text-shadow: 0 1px 0 #ffffff;}
#haut{
  width: 821px;
  height: 199px;
  background: #fff url(/images/f_entete1.jpg) no-repeat;
  overflow:hidden;
}
#milieu{
  float: left;
  width: 821px;
  background: #fff url(/images/f_texte.png) repeat-y;
  text-align:center;
}
#titre {
	width: 821px;
  height: 70px;
  background: #fff url(/images/f_text-h.png) no-repeat;
  text-align:left;
  overflow:hidden;
}
#titrebottin {
	width: 821px;
  height: 70px;
  background: #fff url(/images/f_bottin.png) no-repeat;
  text-align:left;
  overflow:hidden;
}
#titreagenda {
	width: 821px;
  height: 70px;
  background: #fff url(/images/f_agenda.png) no-repeat;
  text-align:left;
  overflow:hidden;
}
#titrecommuniques {
	width: 821px;
  height: 70px;
  background: #fff url(/images/f_communiques.png) no-repeat;
  text-align:left;
  overflow:hidden;
}
#titrebabillard {
	width: 821px;
  height: 70px;
  background: #fff url(/images/f_babillard.png) no-repeat;
  text-align:left;
  overflow:hidden;
}
#titreplan {
	width: 821px;
  height: 70px;
  background: #fff url(/images/f_plan.png) no-repeat;
  text-align:left;
  overflow:hidden;
}
#titrebulletin {
	width: 821px;
  height: 70px;
  background: #fff url(/images/f_bulletin.png) no-repeat;
  text-align:left;
  overflow:hidden;
}
#titrecontrat {
	width: 821px;
  height: 70px;
  background: #fff url(/images/f_contrats.png) no-repeat;
  text-align:left;
  overflow:hidden;
}
#titrerecherche {
	width: 821px;
  height: 70px;
  background: #fff url(/images/f_recherche.png) no-repeat;
  text-align:left;
  overflow:hidden;
}
#titretourisme {
	width: 821px;
  height: 70px;
  background: #fff url(/images/f_tourisme.png) no-repeat;
  text-align:left;
  overflow:hidden;
}
#titrenousjoindre {
	width: 821px;
  height: 70px;
  background: #fff url(/images/f_nous_joindre.png) no-repeat;
  text-align:left;
  overflow:hidden;
}
#hierarchique {margin-left:35px;margin-top:5px;margin-right:35px;margin-bottom:5px;font-family: Arial, Verdana, Helvetica, Sans-Serif;font-size:10px;color: #666;}
#hierarchique a:link {text-decoration: none; color:#666;}
#hierarchique a:visited {text-decoration: none;color:#666;}
#hierarchique a:active {text-decoration: none;color:#8FBDEF;}
#hierarchique a:hover{text-decoration: underline;color:#000000;}
#lettre a:link {text-decoration: none; width:25px; height:22px; color:#666;background:url(/images/f_lettrer.png) no-repeat 0 0;}
#lettre a:visited {text-decoration: none; width:25px; height:22px; color:#666;}
#lettre a:active {text-decoration: none width:25px; height:22px; ;color:#8FBDEF;background-color: #ffffff;}
#lettre a:hover{text-decoration: none; width:25px; height:22px; color:#000000;background-color: #ffffff;background:url(/images/f_lettren.png) no-repeat 0 0;}
#texte {
	margin: 0 auto;
  width:710px;
  text-align:left;
}
p.centre {text-align:center;}
p.centrepetit {text-align:center;font-size:.8em;}
p.petit {font-size:.8em;}
p.droite {text-align:right;}
p.gauche {text-align:left;}
.petit {font-size:.8em;}
.droite {text-align:right;}
.gauche {text-align:left;}
.centre {text-align:center;}
a.boutong {
	display:block;
	text-align:center;
	width:200px;
	height:22px;
	padding:3px 0 0 0;
	margin:0;
	font-size: 12px;
	color:#ffffff;
	text-decoration:none;
	background:url(/images/f_bouton_gn.gif) no-repeat 0 0;
}
a.boutong:hover {color:#ffffff;background:url(/images/f_bouton_ga.gif) no-repeat 0 0;}
span.petit {font-size: 8pt;font-family: Arial, Verdana, Helvetica, Sans-Serif;}
#langue {border-bottom:1px dashed #E4E3D7;margin-bottom:10px;height:16px;vertical-align:middle;font-family: Arial, Verdana, Helvetica, Sans-Serif;font-size:10px;color: #397219;}
#textebasrss {border-top:1px dashed #E4E3D7;color:#ccc;padding-top:5px;}
#textebasrss span.petit {color:#ccc;}
hr { margin:0;padding :0; margin-top:1em;margin-bottom:1em;border: 0; height: 1px; width: 99%;clear : both;color : transparent; background-color : transparent;background:url(/images/point.png) repeat-x 0 100%; }
hr.vert { margin:0;padding :0;margin-top:1em;margin-bottom:1em;border: 0; height: 21px; width: 99%;background-image : url(/images/f_hr.gif);background-position: top center;background-repeat: no-repeat;background-color: #fff; color: #fff; }
#ctrlActualite {
	overflow:hidden;
}
#ctrlActualite a:link {
  color:#666666;
  text-shadow: 0 1px 0 #ffffff;
  background-color: transparent;
  text-decoration: none;
  margin-bottom:0;
  padding-bottom:0;
}
#ctrlActualite a:visited {
  color:#999999;
  background-color: transparent;
  text-decoration: none;
}
#ctrlActualite a:hover {
	color:#999999;
	text-decoration: none;
}
#actu {
	margin: 0;
	padding:0;
}
#actu p {
	text-align:left;
	font-size: .8em;
	margin:0;
	padding:0;
	border-bottom: dashed 1px #e3e8ef;
}
#actu ul {
	margin:0;padding:5px;
  font-size:.9em;
}
.colonne140{width:140px;position:relative;float:left;margin-right:5px;margin-left:5px;text-align:left;}
.premier{margin-left:0;}
.dernier{margin-right:0;}
.empattement h3{font-weight:normal;padding-bottom:11px;margin-bottom:9px;font-size:11px;line-height:14px;}
.empattement h3 img{display:inline;float:left;margin:0 10px 0 0;}
.empattement h3 span{font-size:11px;font-style:italic;display:block;color:#000;}
.empattement a {text-decoration: none;}
.dateagenda {
	color: #02a5b6;
	background-color: #f2f2f2;
	text-align: center;
	padding:5px;
	margin-bottom:10px;
  border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.vert {
	color: #666;
}
a.menuhaut {color: #ffffff;text-decoration:none;font-weight: bold;}
a.gris {color: #666;text-decoration:none;font-size:.8em;}
a.gris:hover {color: #000000;text-decoration:underline;font-size:.8em;}
.cadre { padding: 5px; border: 1px solid #aaa; } 
p.compteur {text-align:center;color:#eee;font-size:8px;}
#encartDernieresheures {
  width:320px;
  float:right;
  background-image : url(/images/f_dernieresheures.gif);  
  background-position: bottom left;
  background-repeat: no-repeat;
	margin-left:25px;
	margin-top:0;
	margin-right:0;
	margin-bottom:25px;
	overflow:hidden;
}
#encartDernieresheures a:link {text-decoration: none;}
#twConteneurPop{	position: absolute;	left: 0;	width: 100%;	z-index: 1001;	text-align: center;	line-height: 0;	visibility: hidden;}
#twExterieurImage{	position: relative;	background-color: #fff;	width: 250px;	margin: 0 auto;	visibility: hidden;}
#twConteneurImage{	padding: 10px;	visibility: hidden;}
#twChargeur{	position: absolute;	top: 40%;	left: 0%;	height: 25%;	width: 100%;	text-align: center;	line-height: 0;	}
#twConteneurLegende{	font: 10px Verdana, Helvetica, sans-serif;	background-color: #fff;	margin: 0 auto;	line-height: 1.4em;	overflow: auto;	width: 250px;		visibility: hidden;	background-image : url(/images/b_fermer.gif);background-position: bottom right;background-repeat: no-repeat;}
#twImageLegende{ padding-left: 10px;padding-top: 0;padding-right: 70px;color: #666;padding-bottom: 10px; float: left; text-align: left; font-weight: bold;}	
#twTrameGrise{	position: absolute;	top: 0;	left: 0;	z-index: 1000;	width: 100%;	height: 500px;	background-color: #000;	-moz-opacity:0.40;	KhtmlOpacity:0.40;	opacity:0.40;	filter:alpha(opacity: 40);	visibility: hidden;}
#calendrier table.titre {border: #ffffff 1px solid;font-size: .9em;}
#calendrier table.agenda {margin:0;padding:0;font-size: .8em;}
#calendrier table.agenda th {margin:0;padding-right:3px;padding-top:0;padding-right:3px;padding-bottom:0;font-family: Tahoma, Verdana, sans-serif;	font-size: 10px;	background: #ffffff;	text-align: center;	font-weight: bold;	}
#calendrier table.agenda td {margin:0;padding:3px;border: 1px solid #ffffff;font-family: Tahoma, Verdana, sans-serif;	font-size: 10px;	background: #ffffff;	text-align: center;	 }
#calendrier table.agenda td.findesemaine { background: #eeeeee; }
#calendrier table.agenda td.aujourdhui { background: #999999;font-weight: bold;}
#calendrier table.agenda a { display:block;font-weight: bold;}
#calendrier table.agenda a:hover { color:#000000;background: #cccccc;}
#calendrier td.centre {text-align:center;}
#calendrier td.droite{text-align:center;}
div.datecal {margin-right:10px;float:left;text-align:center;font-weight:bold;background-image : url(/images/f_date.png);background-position: top left;background-repeat: no-repeat;width:42px;height:45px;color:#4588c1;font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;font-size:9px;}
div.an {color:#fff;padding-top:2px;margin-bottom:3px;}
div.dateunique {padding-top:8px;}
.saisie {
   background-color:#FFFFFF;
   background-image:url(/images/saisie.png);
   background-position:top left;
   background-repeat:no-repeat;
   border-color:#a2a8aa;
   border-style:solid;
   border-width:1px;
}
input.focused, textarea.focused, option:hover {
   background-color:#DBEBF9;
}
#pied{
  clear: left;
  width: 100%;
  text-align: center;
  padding: 0;
}
#menupied {
	text-align:right;
	width: 821px;
  font-size:93%;
  line-height:normal;
 }
#menupied ul {
  margin:0;
  padding:0px 0px 0px 126px;
  list-style:none;
}
#menupied li {
  display:inline;
  margin:0;
  padding:0;
}
#menupied a {
  float:left;
  background:url("/images/tableftB.gif") no-repeat left bottom;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
}
#menupied a span {
  float:left;
  display:block;
  background:url("/images/tabrightB.gif") no-repeat right bottom;
  padding:5px 15px 4px 6px;
  color:#666;
}
/* Caché pour IE5-Mac  (exploding-boy.com) \*/
#menupied a span {float:none;}
/* Fin IE5-Mac hack */
#menupied a:hover span {
  color:#000;
}
#menupied a:hover {
  background-position:0% -19px;
}
#menupied a:hover span {
  background-position:100% -19px;
}
#menupied a.contact:hover {
  background-position:0% -17px;
}
#menupied a:hover span.contact {
  background-position:100% -17px;
}
#saut {height: 0; width:0;visibility: hidden;}
#menuhorizontal {position:relative; top:0px;left:0px; z-index:1000;font-size:9.3px;background:url(/images/f_menu.png) repeat-x;}
#menuhorizontal, #menuhorizontal ul {padding: 0;margin: 0;list-style: none;line-height: 1;}
#menuhorizontal a {display: block; text-align:center; padding:18px 7px 7px 10px ;text-decoration:none;font-size:9.3px;font-weight: bold;text-shadow: 0 1px 0 #ffffff;}
#menuhorizontal li {font-size:9.3px; background:url(/images/f_menu.png) repeat-x;float: left;height:43px; /* Opera */}
#menuhorizontal li:hover, #menuhorizontal li.fAllume {background:url(/images/f_menur.png) repeat-x;}
#menuhorizontal li.ON {background:url(/images/f_menur.png) repeat-x;}
#menuhorizontal li div {position: absolute;width: 270px; padding:0;left: -999em; top:43px; 
  -moz-box-shadow: 2px 2px 3px #969696;
	-webkit-box-shadow: 2px 2px 3px #969696;
	box-shadow: 2px 2px 3px #969696;
  border-left: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
  }
#menuhorizontal li ul { margin:0px;padding:0; overflow:hidden; height:1%}
#menuhorizontal li li {height:auto; width: 270px; padding:0px; margin:0px; background:url(/images/f_sousmenu.png) repeat-x left top #fff;}
#menuhorizontal li li a {display:block;font-size:9.3px; width: 270px; text-align:left; padding:7px 7px 7px 10px; border-bottom: 1px solid #e3e3e3;}
#menuhorizontal li ul a:hover {background:#e3e3e3;}
#menuhorizontal li:hover div, #menuhorizontal li.fAllume div {left: auto;}
#menuhorizontal li li:hover, #menuhorizontal li li.fAllume {background:url(/images/f_sousmenu.png) repeat-x left top #fff;}
.clearfix:after { content: "."; display: block; font-size: 1px; height: 0; line-height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/*\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */
.innertube{margin: 1px;}
#oAccordeon{
	padding:0;margin:0;
	width:710px;
	font-size:12px;
}

.accordeon_entete{
	padding:5px;
	background:#f2f2f2;
	color:#666666;
	border:1px solid #FFF;
	cursor:pointer;
}

.accordeon_entete:hover{
	color:#666666;
	background:#cccccc;
}

.accordeon_contenu{
	padding:15px;
	background:#fbfafa;
}

.accordeon_entete_choix{
	font-weight:bold;
	color:#666666;
	background:#cccccc;
	background-image : url(/images/f_lavraievie.jpg);background-position: top left;background-repeat: repeat-x;
}
.dateLigne {
	width: 32px; height: 40px;
	background: #fcfcfc; 
	background: linear-gradient(top, #fcfcfc 0%,#dad8d8 100%); 
	background: -moz-linear-gradient(top, #fcfcfc 0%, #dad8d8 100%); 
	background: -webkit-linear-gradient(top, #fcfcfc 0%,#dad8d8 100%); 
	border-top: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0px 0px 7px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.1);
}
.dateLigne p {
	  margin: 0; padding: 0;
		font-family: Helvetica, sans-serif;
		font-size: 16px; text-align: center; color: #555555; 
	}
.dateLigne p span {
	  margin: 0; padding: 0; border: 0;
		background: #1265b1; 
		background: linear-gradient(top, #66b9e3 0%, #1265b1 100%);
		background: -moz-linear-gradient(top, #66b9e3 0%, #1265b1 100%);
		background: -webkit-linear-gradient(top, #66b9e3 0%, #1265b1 100%);
		/* background: -webkit-linear-gradient(top, #d10000 0%, #7a0909 100%);  d10000 a13838*/
		font-size: 10px; font-weight: bold; color: #fff; text-transform: uppercase; 	
		display: block;
		border-top: 1px solid #999999;
		border-radius: 0 0 3px 3px;
		-moz-border-radius: 0 0 3px 3px;
		-webkit-border-radius: 0 0 3px 3px;
		padding: 1px 0 1px 0;
}