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: #000 url(/documents/images/2016/f_web.jpg) no-repeat 50% 0;
background-attachment:fixed;
text-align:center;
letter-spacing: normal;
}
/* Modifier ici les couleurs */ 
a:link {text-decoration: underline; color:#444784;}/*444784*/
a:visited {text-decoration: underline;color:#333566;} /*03a0b3*/
a:active {text-decoration: none;color:#666666;}
a:hover{text-decoration: none;color:#666666;}
h5 {color: #444784;}
h6 {color: #333566;}
/* 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;
}
#oLavraievie{
  width: 821px;
  height: 190px;
  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: 192px;
  background: #fff url(/images/f_entete1.jpg) no-repeat;
  overflow:hidden;
  margin:0 auto;
}
#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;
}
#menu {
  text-align:right;
  padding: 0;
  margin: 0;
  width: 820px;
  height: 43px;
  overflow:hidden;
  background: #fff url(/images/f_menu.png) repeat-x;
}
a.menu:link, a.menu:visited {
  text-decoration: none;
  text-align: center;
  float: left;
  display: block;
  height: 34px;
  padding-left: 7px;
  padding-top: 16px;
  padding-right: 7px;
  padding-bottom: 0;
  margin: 0;
  color: #319d91;
  font-size:9px;
  font-weight: bold;
  background: #fff url(/images/f_menu.png) repeat-x;
}
a.menu#selected:link, a.menu#selected:visited {
  text-decoration: none;
  color: #000;
}
a.menu:hover {
  text-decoration: none;
  background-color: #fff;
  color: #319d91;
  background: #fff url(/images/f_menur.png) repeat-x;
}

a.menu:active {
  background-color: #fff;
  color: #319d91;
}
.twsous-menuHorizontal {
	text-align: left;
	display: none;
	visibility: hidden;
	top:290px;
  position: absolute; 
  z-index: 2000;
  background-color: #eeeeee; 
  background-image : url(/images/f_sousmenu.png);  
  background-position: top right;
  background-repeat: repeat-x;
  -moz-box-shadow: 2px 2px 3px #969696; /* for Firefox 3.5+ */
	-webkit-box-shadow: 2px 2px 3px #969696; /* for Safari and Chrome */
	box-shadow: 2px 2px 3px #969696;
	/* filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=3)
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=3)"; */
  border-left: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
}
ul.twsous-menuHorizontal{
visibility: hidden;
display: block;
margin: 0;
padding: 0;
list-style-type: none;
font: bold 9px Verdana;
}
ul.twsous-menuHorizontal li{
border-bottom: 1px solid #e3e3e3;
list-style-type: none;
min-width:200px;
}
ul.twsous-menuHorizontal li a{
display: block;
color: #319d91;
text-decoration: none;
padding: 6px;
padding-right:20px;
}
ul.twsous-menuHorizontal li a:link {text-decoration: none;color:#319d91;background-color: transparent;}
ul.twsous-menuHorizontal li a:visited {text-decoration: none;color:#333333;background-color: transparent;}
ul.twsous-menuHorizontal li a:active {text-decoration: none;color:#000000;background-color: transparent;}
ul.twsous-menuHorizontal li a:hover{text-decoration: none;color:#319d91;background-color: #e3e3e3;}

a.twchoix{background-color: #000;background: url(/images/f_smenu.gif) no-repeat 97% 50%;}
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;}
#menugauche .date {
	text-align : center;
	margin:0;
	padding-left: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 10px;
	color: #0067b1;
	font-weight: bold;
	border-bottom: dashed 1px #e3e8ef;
	font-family : Georgia, 'Times New Roman', Times, serif;
}
.bandedroite {
	width : 189px;
	margin: 0;
	padding:0;
	background-image : url(/images/f_menurouge.jpg);
	background-position: top left;
	background-repeat: repeat-y;
}
.titremenu {
	color:#ffffff;
	padding:5px;
	margin:0;
	text-align:left;
	font-size:.87em;
	font-weight: normal;
}
.titremenuorg {background:url(/images/t_menuorg.jpg) no-repeat 0 0;text-align:center;font-weight: bold;font-size:1em;}
.titremenuvert {background:url(/images/t_menuvert.jpg) no-repeat 0 0;}
.titremenubleu {background:url(/images/t_menubleu.jpg) no-repeat 0 0;}
.titremenurouge {background:url(/images/t_menurouge.jpg) no-repeat 0 0;}
.bandedroite ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 9px Verdana;
width: 187px;
}
.bandedroite ul li{
position: relative;
border-bottom: 1px solid #e3e3e3;
}
.bandedroite ul li a{
display: block;
overflow: auto;
color: #000;
text-decoration: none;
padding: 6px;
}
.bandedroite ul li a:link, .bandedroite ul li a:visited, .bandedroite ul li a:active{background-color: transparent;}
.bandedroite ul li a:visited{color: #000;}
.bandedroite ul li a:hover{background-color: #eee;}
.bandedroite ul li ul{
position: absolute;
top: 0;
visibility: hidden;
border-left: 1px solid #e3e3e3;
border-top: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
color: #1265b1;
}
.bandedroiteorg ul li ul{background-color: #f6eeee;}
.bandedroitebleu ul li ul{background-color: #dce7f1;}
.bandedroitevert ul li ul{background-color: #eff0d4;}
.bandedroiterouge ul li ul{background-color: #ede0e4;}
.bandedroite a.florg{background: url(/images/f_smenu-org.gif) no-repeat 97% 50%;}
.bandedroite a.flbleu{background: url(/images/f_smenu-bleu.gif) no-repeat 97% 50%;}
.bandedroite a.flvert{background: url(/images/f_smenu-vert.gif) no-repeat 97% 50%;}
.bandedroite a.flrouge{background: url(/images/f_smenu-rouge.gif) no-repeat 97% 50%;}
/* IE \*/
* html .bandedroite ul li { float: left; height: 1%; }
* html .bandedroite ul li a { height: 1%; }
/* End */
#textebasrss {border-top:1px dashed #E4E3D7;color:#ccc;padding-top:5px;}
#textebasrss span.petit {color:#ccc;}
#apparentetitre {
  height: 15px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#BB5211;  
  vertical-align: middle;
  font-weight: bold;
  padding:5px;
  border-bottom : 1px solid #E9EAF1; 
  /* background: #F1F3F7 url(/images/f_apparente.jpg) repeat-x; */
}
#apparente {
  border : 1px solid #E9EAF1;
  background-color : #FCFCFC;
}
#apparente p {
  margin:0;
  padding: 10px;
  font-size:.8em; 
  color:#999; 
}
hr { margin:0;padding :0; margin-top:1em;margin-bottom:1em;border: 0; height: 1px; width: 99%;clear : both; background-color:#E4E3D7; color: #E4E3D7; }
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:#999999;
  text-shadow: 0 1px 0 #ffffff;
  background-color: transparent;
  text-decoration: none;
  margin-bottom:0;
  padding-bottom:0;
}
#ctrlActualite a:visited {
  color:#666666;
  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;
}
#actu ul {margin:0px;padding:0;}
#actu ul li {padding-left:20px;list-style-type: none;list-style:none;line-height:140%;background-image:url(/images/g_babillard14.gif);background-repeat:no-repeat;background-position: 0px 2px;}
#actu ul li.babillard13 {background-image:url(/images/g_babillard13.gif);}
#actu ul li.babillard14 {background-image:url(/images/g_babillard14.gif);}
#actu ul li.babillard15 {background-image:url(/images/g_babillard14.gif);}
/* /images/g_babillard15.gif TERRE - /images/g_babillard16.gif PDF  - /images/g_babillard17.gif Exclamation */
#actu ul li.babillard16 {background-image:url(/images/g_babillard14.gif);}
#actu ul li.babillard17 {background-image:url(/images/g_babillard14.gif);}
#actu ul li.babillard18 {background-image:url(/images/g_babillard18.gif);}
#actu a:link {
  color:#1265b1;
  padding:8px;
  display : block;
  background-color: transparent;
  text-decoration: none;
}
#actu a:visited {
  color:#000000;
  padding:8px;
  display : block;
  background-color: transparent;
  text-decoration: none;
}
#actu a:hover {
	color:#000000;
	background-image : url(/images/f_actu.jpg);
	background-position: top right;
	background-repeat: repeat-y;
	text-decoration: none;
}

#ctrlAgendaFond {
	width : 189px;
	margin: 0;
	padding:0;
	background-image : url(/images/f_agenda.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
#ctrlAgendaFond .titreagenda {
	color:#fff;
	padding:5px;
	margin:0;
	font-weight: bold;
}
#ctrlAgendaFond a.titre {
	color:#fff;
	font-weight: bold;
	text-decoration: none;
}
#ctrlAgenda {
	width : 189px;
	height: 86px;
	margin: 0;
	padding:0;
	overflow:hidden;
}
#ctrlAgenda p {
	text-align:left;
	font-size: .8em;
	margin:2px;
	padding:0;
	background-color: #fff;
}
#ctrlAgenda a:link {
  color:#1265b1;
  padding:6px;
  display : block;
  text-decoration: none;
}
#ctrlAgenda a:visited {
  color:#000000;
  padding:8px;
  display : block;
  text-decoration: none;
}
#ctrlAgenda a:hover {
	color:#000000;
	text-decoration: none;
}
.datetexte {
	color: #999999;
	background-color: #ffffff;
	font : 8pt/8pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
	text-align: left;
	padding:5px;
	margin-bottom:10px;
}
.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-family:Georgia;font-weight:normal;padding-bottom:11px;margin-bottom:9px;font-size:14px;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;}
.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;
}
#ctrlEmploisFond {
	width : 189px;
	margin: 0;
	padding:0;
	background-image : url(/images/f_emplois.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
#ctrlEmploisFond .titreemplois {
	color:#fff;
	padding:5px;
	margin:0;
	font-weight: bold;
}
#ctrlEmploisFond a.titre {
	color:#fff;
	font-weight: bold;
	text-decoration: none;
}
#ctrlEmplois {
	width : 189px;
	margin: 0;
	padding:0;
}
#ctrlEmplois p {
	text-align:left;
	margin:2px;
	font-size: .8em;
	padding:0;
	background-color: #fff;
}
#ctrlEmplois a:link {
  color:#1265b1;
  padding-left:6px;
  padding-top:6px;
  padding-right:6px;
  padding-bottom:0;
  display : block;
  background-color: #fff;
  text-decoration: none;
}
#ctrlEmplois a:visited {
  color:#000000;
  padding-left:6px;
  padding-top:6px;
  padding-right:6px;
  padding-bottom:0;
  display : block;
  background-color: #fff;
  text-decoration: none;
}
#ctrlEmplois a:hover {
	color:#000000;
	text-decoration: none;
}
#ctrlDocFond {
	width : 189px;
	margin: 0;
	padding:0;
	background-image : url(/images/f_document.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
#ctrlDocFond .titredoc {
	color:#fff;
	padding:5px;
	margin:0;
	font-weight: bold;
}
#ctrlDocFond a.titre {
	color:#fff;
	font-weight: bold;
	text-decoration: none;
}
#ctrlDoc {
	width : 189px;
	margin: 0;
	padding:0;
	text-align: right;
}
#ctrlDoc a:link {
  color:#1265b1;
  font-size: .8em;
  padding-left:8px;
  padding-top:8px;
  padding-right:8px;
  padding-bottom:0;
  display : block;
  background-color: transparent;
  text-decoration: none;
}
#ctrlDoc a:visited {
  color:#000000;
  font-size: .8em;
  padding-left:8px;
  padding-top:8px;
  padding-right:8px;
  padding-bottom:0;
  display : block;
  background-color: transparent;
  text-decoration: none;
}
#ctrlDoc a:hover {
	color:#000000;
	text-decoration: none;
}
.vert {
	color: #666;
}
.menuvide{
	background-image : url(/images/f_vide.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
}
.fCitoyen{
	background-image : url(/images/ban_citoyen2.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
}
#menucitoyen{
	width: 701px;
	height:140px;
	margin: 0;
	padding:0;
}

#encartCitoyen {
	text-align : left;
	padding:10px;
	margin:0;
	color: #ffffff;
	font-weight: bold;
	background-image : url(/images/f_bleu_n.gif);  
  background-position: top left;
  background-repeat: no-repeat;
}
#encartCitoyen-a {
	text-align : left;
	padding:10px;
	margin:0;
	color: #ffffff;
	font-weight: bold;
	background-image : url(/images/f_bleu.gif);  
  background-position: top left;
  background-repeat: no-repeat;
}
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;}
a.mCitoyen-a {
	display:block;
	width:223px;
	height:24px;
	padding-top : 10px;
	padding-left : 10px;
	padding-right : 0;
	padding-bottom :0;
	margin:0;
	color: #ffffff;
	text-decoration:none;
	font-weight: bold;
	background:url(/images/f_bleu_dyn.gif) no-repeat 0 0;
	background-position:0 -34px;
  color:#0067b1;
}
a.mCitoyen {
	display:block;
	width:223px;
	height:24px;
	padding-top : 10px;
	padding-left : 10px;
	padding-right : 0;
	padding-bottom :0;
	margin:0;
	color: #ffffff;
	text-decoration:none;
	font-weight: bold;
	background:url(/images/f_bleu_dyn.gif) no-repeat 0 0;
}
a.mCitoyen:hover {
	background-position:0 -34px;
	color:#0067b1;
}
.cadre { padding: 5px; border: 1px solid #aaa; } 
.twSMcadre	{
	top:76px;
	width:700px;
	height:122px;
  position: absolute; 
  z-index: 10;
  visibility: hidden;
  background-image : url(/images/f_onglet1.jpg);  
  background-position: bottom left;
  background-repeat: no-repeat;
}
.twSMcadreCitoyen	{
	top:76px;
	width:700px;
	height:140px;
  position: absolute; 
  z-index: 10;
  visibility: hidden;
  background-image : url(/images/f_ongletCitoyen.jpg);  
  background-position: bottom left;
  background-repeat: no-repeat;
}
.twOnglet	{
	top:76px;
	width:233px;
  position: absolute; 
  z-index: 12;
  visibility: hidden;
  background-image : url(/images/f_onglet.jpg);  
  background-position: bottom left;
  background-repeat: no-repeat;
}
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;}
#encartDernieresheures span.titre {color:#319d91;}
#twConteneurPop{	position: absolute;	left: 0;	width: 100%;	z-index: 1000;	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: 999;	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: transparent 1px solid;font-size: .9em;}
#calendrier table.agenda {font-size: .8em;background: transparent;}
#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: transparent;	text-align: center;	font-weight: bold;	}
#calendrier table.agenda td {color:#ccc;margin:0;padding:3px;border: 1px solid transparent;font-family: Tahoma, Verdana, sans-serif;	font-size: 10px;	background: transparent;	text-align: center;	 }
#calendrier table.agenda td.findesemaine { background: transparent;}
#calendrier table.agenda td.aujourdhui, #calendrier table.agenda td.aujourdhui a { background: #ccc;font-weight: bold;color:#000;}
#calendrier table.agenda a { display:block;font-weight: bold;color:#eee;}
#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;
}
/* Commented Backslash Hack hides rule from IE5-Mac  (exploding-boy.com) \*/
#menupied a span {float:none;}
/* End 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;}
.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;
}
/* Neural 5.2 */
figure img {max-width:100%;width:100%;height:auto;}
.img-fluid {max-width:100%;width:100%;height:auto;}
.imageGauche {margin:5px 30px 20px 5px!important;float:left;max-width:300px;}
.imageDroite {margin:5px 5px 20px 30px!important;float:right;max-width:300px;}