body {
	margin: 			0px;
	padding: 			0px;
	background-color: #E4F2F3;
	font-family:	verdana, helvetica, sans-serif;
/*	font_size: 100%;	*/
}

.belleu_tablew780{
width: 780px;
border: 0px;
}
.belleu_tablecenter{
width: 100%;
height: 100%;
border: 0px;
}
.haut {
background-image: url("images2/index_banniere.jpg");
height: 245px;
width: 780px;
background-repeat: no-repeat;
}
.banniere{
height: 196px;
width: 780px;
}
.liMenu {
display: list-item;
list-style-type: none;
/* list-style: upper-lower intside url("puce.gif"); */
list-style-image: none;
}
.UlMenu {
display: list-item;
list-style-type: none;
/* list-style: upper-lower intside url("puce.gif"); */
margin: 0px;
}
.menu{
float: left;
display: inline;
height: 49px;
width: 780px;
}
#CalcDecouvrir {
position: absolute; 
left: auto; 
top: auto; 
width: 172px; 
z-index: 10; 
visibility: hidden; 
background-color: #E2EEF4; 
text-align: left;
}
#CalcMunicipale {
position: absolute; 
left: auto; 
top: auto; 
width: 172px; 
z-index: 10; 
visibility: hidden; 
background-color: #EEAEA8; 
text-align: left;
}
#CalcVivre {
position: absolute; 
left: auto; 
top: auto; 
width: 172px; 
z-index: 10; 
visibility: hidden; 
background-color: #A6FDB6; 
text-align: left;
}
#CalcAssoc {
position: absolute; 
left: auto; 
top: auto; 
width: 172px; 
z-index: 10; 
visibility: hidden; 
background-color: #FFEDB1; 
text-align: left;
}
.menug{
height: 49px;
width: 390px;
float: left;
display: inline;
}
.menug_haut{
height: 23px;
width: 390px;
}
.menug_bas{
float: left;
display: inline;
height: 26px;
width: 390px;
}
.cale_decouvrir{
height: 26px;
width: 14px;
float: left;
display: inline;
}
.menu_decouvrir{
height: 26px;
width: 172px;
float: left;
display: inline;
}
.cale_municipale{
height: 26px;
width: 23px;
float: left;
display: inline;
}
.menu_municipale{
height: 26px;
width: 172px;
float: left;
display: inline;
}
.menud{
height: 49px;
width: 390px;
float: left;
display: inline;
}
.menud_haut{
height: 26px;
width: 390px;
}
.cale_vivre{
height: 26px;
width: 13px;
float: left;
display: inline;
}
.menu_vivre{
height: 26px;
width: 172px;
float: left;
display: inline;
}
.cale_assoc{
height: 26px;
width: 23px;
float: left;
display: inline;
}
.menu_assoc{
height: 26px;
width: 172px;
float: left;
display: inline;
}
.menud_bas{
height: 23px;
width: 390px;
}
.milieu {
z-index: 1;
background-image: url("images2/index_milieu.jpg");
height: 178px;
width: 780px;
border: 0px;
}
.cale_actu {
height: 123px;
width: 385px;
}
.actu_table {
width: 385px;
border: 0px;
}
.actu_tdh123 {
height: 123px;
}
.actu_tdh38 {
height: 38px;
}
.actu_tdh38w43 {
height: 38px;
width: 43px;
}
.actu_tdw188 {
width: 188px;
}
.actu_tdw105 {
width: 105px;
}
.espace_actu {
background-color: #FFFFFF;
height: 178px;
width: 395px;
}
.titre_actu {
z-index: 2;
height: 17px;
width: 395px;
}
.contenu_actu {
background-color: #FFFFFF;
z-index: 2;
height: 161px;
width: 395px;
text-align: center;
}
.actu_marquee {
background-color: #FFFFFF;
z-index: 2;
height: 141px;
width: 375px;
}
.cale_parole {
background-color: #DDDDDD;
z-index: 3;
height: 128px;
width: 385px;
}
.parole {
background-color: #DDDDDD;
z-index: 3;
height: 38px;
width: 118px;
}
.index_parole {
		font-family:		Arial, Helvetica, sans-serif;
		font-size:		10pt;
		color:			#16288C;
		font-weight:		bold;
		text-decoration:	none;
		font-style: 	italic;
		letter-spacing: 	-0.02em;
}
.index_parole:hover {
		font-family:		Arial, Helvetica, sans-serif;
		font-size:		10pt;
		color:			#666666;
		font-weight:		bold;
		text-decoration:	underline;
		font-style: 	italic;
		letter-spacing: 	-0.02em;
}
.parole_div {
vertical-align: middle;
}

/* page interne */
.interne_haut {
background-image: url("images2/interne_banniere.jpg");
height: 281px;
width: 780px;
background-repeat: no-repeat;
}
.interne_banniere{
height: 191px;
width: 780px;
}
.interne_menu{
float: left;
display: inline;
height: 49px;
width: 780px;
}
.interne_menug{
height: 49px;
width: 390px;
float: left;
display: inline;
}
.interne_menug_haut{
height: 23px;
width: 390px;
}
.interne_menug_bas{
float: left;
display: inline;
height: 26px;
width: 390px;
}
.interne_cale_decouvrir{
height: 26px;
width: 14px;
float: left;
display: inline;
}
.interne_cale_municipale{
height: 26px;
width: 13px;
float: left;
display: inline;
}
.interne_menud{
height: 49px;
width: 390px;
float: left;
display: inline;
}
.interne_menud_haut{
height: 26px;
width: 390px;
}
.interne_cale_vivre{
height: 26px;
width: 13px;
float: left;
display: inline;
}
.interne_cale_assoc{
height: 26px;
width: 13px;
float: left;
display: inline;
}
.interne_menud_bas{
height: 23px;
width: 390px; 
}
.col_gauche{
height: 1px;
width: 190px;
background-image: url("images2/col_gauche.jpg");
}
.separ{
height: 1px;
width: 1px;
background-color: #16288C; 
}
.col_droite{
height: 400px;
width: 589px;
background-color: #FFFFFF; 
text-align: left;
vertical-align: top;
}
.cale_navigation {
text-align: left;
vertical-align: top;
width: 780px;
height: 21px;
}
.barre_navigation {
width: 780px;
height: 41px;
text-align: right;
vertical-align: top;
}
.LienNavig {
	font-family:	Arial, helvetica, sans-serif;
	font-size:		8pt;
	color:			#FFFFFF;
	font-weight:		none;
	text-decoration:	none;
	font-style: 	none;
}
.LienNavig:hover {
	font-family:		Arial, helvetica, sans-serif;
	color:				#FFFFFF;
	text-decoration:	underline;
	font-style: 	none;
}
	.justifie {  
		text-align: justify; 
		}
	.Liste {
		font-family:		arial;
		font-size:			7pt;
		color:				black;
		}
	.liUne {
		font-family:		arial;
		font-size:		10pt;
		color:			#FCD5B1;
		font-weight:		bold;
		text-decoration:	underline;
		}
	.Champ {
		font-family:		Arial, Helvetica, sans-serif;
		font-size:			7pt;
		border:				1px solid black;
		}

	.Bouton {
		font-family:		Arial, Helvetica, sans-serif;
		font-size:			7pt;
		border:				1px solid white;
		}
	.ModResume {
		font-family:		Arial, Helvetica, sans-serif;
		font-size:		8pt;
		color:			#666666;
		text-decoration:	none;
		}
	.TitreNomPage {
		font-family:		verdana, helvetica, sans-serif;
		font-size:		8pt;
		color:			white;
		font-weight:		bold;
		text-decoration:	none;
		}
	.actu {
		font-family:		Verdana, Arial, Helvetica, sans-serif;
		font-size:		8pt;
		color:			#003366;
		font-weight:		none;
		}
	.FondTitre {
		font-family:		verdana, helvetica, sans-serif;
		font-size:		10pt;
		color:			white;
		font-weight:		normal;
		background-color :	#5B68AF; 
		text-transform: 	uppercase; 
		letter-spacing: 2px
		}
	.LienActu {
		font-family:		Verdana;
		font-size:		8pt;
		font-weight:		bold;
		color:			#16288C;
		text-decoration:	underline;
		letter-spacing: 	1px
		}
	.LienActu:hover {
		font-family:		Verdana;
		font-size:		8pt;
		color:			#295084;
		text-decoration:	none;
		letter-spacing: 	1px


		}	
	.LienListe_decouvrir {
		font-family:		Arial;
		font-size:		8pt;
		color:			#348EAD;
		font-weight:		none;
		text-decoration:	none;
		}
	.LienListe_decouvrir:hover {
		font-family:		Arial;
		color:			#666666;
		text-decoration:	underline;
		}
	.LienListe_municip {
		font-family:		Arial;
		font-size:		8pt;
		color:			#CC1F0E;
		font-weight:		none;
		text-decoration:	none;
		}
	.LienListe_municip:hover {
		font-family:		Arial;
		color:			#666666;
		text-decoration:	underline;
		}
	.LienListe_vivre {
		font-family:		Arial;
		font-size:		8pt;
		color:			#18762A;
		font-weight:		none;
		text-decoration:	none;
		}
	.LienListe_vivre:hover {
		font-family:		Arial;
		color:			#666666;
		text-decoration:	underline;
		}
	.LienListe_assoc {
		font-family:		Arial;
		font-size:		8pt;
		color:			#E0B216;
		font-weight:		none;
		text-decoration:	none;
		}
	.LienListe_assoc:hover {
		font-family:		Arial;
		color:			#666666;
		text-decoration:	underline;
		}
.lienlisteMenu {
		font-family:		Arial, helvetica, sans-serif;
		font-size:		9pt;
		color:			#666666;
		font-weight:		bold;
		text-decoration:	none;
		letter-spacing: 	0.04em;
}
.lienlisteMenu:hover {
		font-family:		Arial, helvetica, sans-serif;
		font-size:		9pt;
		color:			#666666;
		font-weight:		bold;
		text-decoration:	none;
}
.lienlisteOK {
		font-family:		Arial, helvetica, sans-serif;
		font-size:		8pt;
		color:			#666666;
		font-weight:		none;
		text-decoration:	none;
}
.lienlisteOK:hover {
		font-family:		Arial, helvetica, sans-serif;
		font-size:		8pt;
		color:			#666666;
		font-weight:		none;
		text-decoration:	none;
}
.decouvrir_titre {
		font-family:		Arial, Helvetica, sans-serif;
		font-size:		11pt;
		color:			#348EAD;
		font-weight:		bold;
		text-transform: none;
		font-style: 	none;
		letter-spacing: 	0.06em;
}
.decouvrir_texte {
		font-family:		Arial, helvetica, sans-serif;
		font-size:		9pt;
		color:			#348EAD;
		font-weight:		bold;
		text-decoration:	none;
		letter-spacing: 	0.04em;
}
.decouvrir_texte:hover {
		font-family:		Arial, helvetica, sans-serif;
		font-size:		9pt;
		color:			#666666;
		font-weight:		bold;
		text-decoration:	underline;
		letter-spacing: 	0.04em;
}
.municipale_titre {
		font-family:		Arial, Helvetica, sans-serif;
		font-size:		11pt;
		color:			#CC1F0E;
		font-weight:		bold;
		text-transform: none;
		font-style: 	none;
		letter-spacing: 	0.06em;
}
.municipale_texte {
		font-family:		Arial, helvetica, sans-serif;
		font-size:		9pt;
		color:			#CC1F0E;
		font-weight:		bold;
		text-decoration:	none;
		letter-spacing: 	0.04em;
}
.municipale_texte:hover {
		font-family:		Arial, helvetica, sans-serif;
		font-size:		9pt;
		color:			#666666;
		font-weight:		bold;
		text-decoration:	underline;
		letter-spacing: 	0.04em;
}
.vivre_titre {
		font-family:		Arial, Helvetica, sans-serif;
		font-size:		11pt;
		color:			#18762A;
		font-weight:		bold;
		text-transform: none;
		font-style: 	none;
		letter-spacing: 	0.06em;
}
.vivre_texte {
		font-family:		Arial, helvetica, sans-serif;
		font-size:		9pt;
		color:			#18762A;
		font-weight:		bold;
		text-decoration:	none;
		letter-spacing: 	0.03em;
}
.vivre_texte:hover {
		font-family:		Arial, helvetica, sans-serif;
		font-size:		9pt;
		color:			#666666;
		font-weight:		bold;
		text-decoration:	underline;
		letter-spacing: 	0.04em;
}
.assoc_titre {
		font-family:		Arial, Helvetica, sans-serif;
		font-size:		11pt;
		color:			#E0B216;
		font-weight:		bold;
		text-transform: none;
		font-style: 	none;
		letter-spacing: 	0.06em;
}
.assoc_texte {
		font-family:		Arial, helvetica, sans-serif;
		font-size:		9pt;
		color:			#E0B216;
		font-weight:		bold;
		text-decoration:	none;
		letter-spacing: 	0.04em;
}
.assoc_texte:hover {
		font-family:	Arial, helvetica, sans-serif;
		font-size:		9pt;
		color:			#666666;
		font-weight:		bold;
		text-decoration:	underline;
		letter-spacing: 	0.04em;
}
.contenu div{
	font-size:x-small;
}
td {
		font-family:		verdana, helvetica, sans-serif;
/*		font-size:		8pt;	*/
		font-size:small;
		color:			black;
		font-weight:		normal;
		}
a {color:#16288C; text-decoration:underline}
a:hover {color:#295084; text-decoration:none}
a:active {color:#5B68AF; text-decoration:none}

.lien_inv {color:#16288C; text-decoration:none}

/* style du pied de page */

.PiedsPage {
	width: 780px;
	height: 27px;
	border: 0px;
	margin: 0px;
	background: #16288C;
	}
.PiedsPage td {
	text-align: right;
	vertical-align: middle;
	padding-right: 10px;
	font-family: Arial, helvetica, sans-serif;
	font-size: 0.7em;
	color: #FFF;
}
.PiedsPage a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}	
.PiedsPage a:hover {
	color: #FFF;
	text-decoration: underline;
}
.ModTitre{padding-top:4px; padding-left:10px; padding-bottom:4px; text-align:left; letter-spacing:0.1em; text-transform:uppercase; font:bold 10pt verdana,helvetica,sans-serif; color:#16288C; font-style:italic; background: #C8DCE6;}
.table_contenu {width:100%; border:10px solid #FFFFFF; border-collapse:collapse; margin-left:2px; margin-top:5px; margin-right:5px; margin-bottom:5px}