body {
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	margin: 0;
	padding: 0;
	background-image: url(../imagesFront/fonddepage.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	background-color: #B8E5FC;
}

h1 {
	color: #0184CC; font-size: 24px; 
	font-family: Georgia; font-weight: normal;
	padding: 0; margin: 0;
	}
}

h4 {
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
}

.imagePage {
	padding: 4px;
	border: 1px solid #B8E5FC;
}

table {
	font-size: 12px;
}
	table.compteRendu {
		margin-top: 10px;
		background-color: #DFDFDF;
		border-collapse: collapse;
	}
	table.compteRendu th {
		font-size: 14px;
		padding: 5px;
		border: 1px solid #DFDFDF;
	}
	table.compteRendu td {
		background-color: #FFFFFF;
		border: 1px solid #DFDFDF;
		padding: 5px;
	}

a { outline: none; color: #15A7FC; }

#conteneur {
	width: 920px;
	margin: 0 auto;
	background-color: #FFFFFF;
}

#top {
	float: left;
	height: 25px;
	width: 916px;
	border-bottom: 1px solid #15A7FC;
	color: #FFFFFF; font-size: 11px;
	text-align: right;
	padding: 4px 4px 0 0;
	background-image: url(../imagesFront/fd_top.jpg);
	background-position: left top;
	background-repeat: repeat-x;
}
	#top a {
		color: #FFFFFF;
		text-decoration: none;
	}
	#top form.recherche {
		display: inline;
	}
	#top form.recherch {
		padding: 0; margin: 0;
	}
	#top form.recherche input.txtSearch {
		padding: 2px;
		background-color: transparent;
		border: 1px solid #A7DEFC;
		font-size: 11px; color: #FFFFFF;
	}
	#top form.recherche input.submit {
		width: 70px; 
		text-align: center; padding: 2px; background-color: #0184CC; border: 0; 
		color: #FFFFFF; font-size: 10px;
		margin-left: 2px;
	}

#header {
	float: left;
	width: 920px;
	height: 176px;
	margin: 0; padding: 0;
}
	#header h1 { display: none; }
	#header #bandeauFlash { border: 0; margin: 0; padding: 0; }
	
#menu {
	background-image: url(../imagesFront/fond_menu.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0; padding: 0;
}
	#menu dl { float: left; height: 46px; margin: 0; padding: 0; }
	#menu dt { float: left; height: 46px; cursor: pointer; margin: 0; padding: 0; }
	#menu dt a { display: block; height: 46px; }
	#menu dt a:hover { background-position: left -46px; }
	#menu dt a.presentation { width: 130px; background-image: url(../imagesFront/btPresentation.jpg); background-position: 0 left; background-repeat: no-repeat; }
	#menu dt a.presentation:hover { background-position: left -46px; }
	#menu dt a.economie { width: 92px; background-image: url(../imagesFront/btEconomie.jpg); background-position: 0 left; background-repeat: no-repeat; }
	#menu dt a.economie:hover { background-position: left -46px; }
	#menu dt a.environnement { width: 138px; background-image: url(../imagesFront/btEnvironnement.jpg); background-position: 0 left; background-repeat: no-repeat; }
	#menu dt a.environnement:hover { background-position: left -46px; }
	#menu dt a.vivre { width: 137px; background-image: url(../imagesFront/btVivre.jpg); background-position: 0 left; background-repeat: no-repeat; }
	#menu dt a.vivre:hover { background-position: left -46px; }
	#menu dt a.sortir { width: 160px; background-image: url(../imagesFront/btSortir.jpg); background-position: 0 left; background-repeat: no-repeat; }
	#menu dt a.sortir:hover  { background-position: left -46px; }
	#menu dt a.sports { width: 142px; background-image: url(../imagesFront/btSport.jpg); background-position: 0 left; background-repeat: no-repeat; }
	#menu dt a.sports:hover { background-position: left -46px; }
	#menu dt a.pratique { width: 121px; background-image: url(../imagesFront/btPratique.jpg); background-position: 0 left; background-repeat: no-repeat; }
	#menu dt a.pratique:hover { background-position: left -46px; }
	
	#menu dl dd {
		position: absolute; display: none; z-index: 150;
		width: 350px; 
		margin-top: 46px; margin-left: 0px; *margin-left: -130px;
		background-color: #749928;
	}
	#menu dl dd ul.menu {
		width: 350px;
		list-style-type: none;
		margin: 0; padding: 0;
	}
	#menu dl dd ul.menu li.menu a { 
		width: 340px; display: block;
		padding-left: 10px; 
		color: #FFFFFF; list-style-type: none; line-height: 24px; text-decoration: none;
		
	}
	#menu dl dd ul.menu li.menu a:hover {
		width: 340px; 
		background-color: #4C6E17; 
		text-decoration: none; color: #FFFFFF;
		font-weight: bold;
	}

#header2 {
	float: left;
	width: 920px; height: 232px;
	margin: 0; padding: 0;
}
	#header2 .bandeauImage {
		float: left;
		width: 602px; height: 236px;
		background-image: url(../imagesFront/fondFlashNuages.jpg);
		background-position: left top;
		background-repeat: no-repeat;
	}
	#header2 .carteFlash { 
		float: right; display: block;
		width: 309px; height: 236px; 
	}

#page {
	float: left;
	width: 920px;
	background-color: #FFFFFF;
	padding-top: 1px;
	background-image: url(../imagesFront/fd_page_right.jpg);
	background-position: left top;
	background-repeat: repeat-y;
}

a.fgshd { cursor: pointer; }
.cacher { display: none; }


#contenu {
	float: left;
	width: 585px;
	padding: 0 0 0 0; margin: 0 0 0 15px;
}
	#contenu .bandeauImage {
		float: left;
		width: 582px; height: 225px;
		margin-top: 13px;
		border: 1px solid #91BB1B;
	}
	#contenu .carteFlash { 
		float: right; display: block;
		width: 309px; height: 236px; 
	}
	#contenu .chapeau {
		color: #0184CC;
		font-size: 12px; font-weight: bold;
		margin-bottom: 10px;
	}
	#contenu h2 {
		color: #0184CC;
		font-size: 18px; font-weight: normal;
	}
	#introCommune {
		float: left;
		width: 584px;
		font-size: 11px;
		margin: 10px 0;
		color: #0184CC;
	}
		#introCommune .imgTitre {
			float: left;
			margin: 0; padding: 0;
			width: 584px; height: 38px;
		}
		#introCommune p {
			float: left;
			width: 570px;
			padding: 0 0 15px 14px; margin: 0;
			background-image: url(../imagesFront/bas_fd_commune.jpg);
			background-position: left bottom;
			background-repeat: no-repeat;
		}
		#introCommune p a {
			color: #0184CC;
		}
		
	#galerieSimple .imgGalerie {
		float: left;
		width: 130px;
		height: 100px;
		padding: 1px;
		overflow: hidden;
		margin-right: 5px;
		margin-bottom: 5px;
		border-bottom: 1px solid #EBEBEB;
		text-align: left;
	}
		#galerieSimple .imgGalerie span {
			font-size: 11px;
			color: #15A7FC;
		}
		#galerieSimple .imgGalerie a img {
			border: 0;
		}
		
	#contenu .btsPage {
		float: left;
		width: 576px; padding: 10px 15px 0 0;
		text-align: left;
		font-size: 11px;
	}
	#contenu .btsPage a {
		color: #000000; text-decoration: none; font-family: Arial;
	}
	#contenu .btsPage a:hover {
		text-decoration: underline;
	}
	#contenu .autresPages {
		margin-top: 30px;
		padding: 5px 0;
		border: 0;
		border-bottom: 1px solid #0184CC;
		font-size: 11px; color: #0184CC;
	}
		#contenu .autresPages a {
			color: #0184CC;
		}
		

#accueil {
	float: left;
	width: 585px;
}	

#pagesAccueil {
	float: left;
	width: 585px;
	margin-top: 20px;
}
	#pagesAccueil p {
		float: left;
		width: 585px;
		margin: 0; padding: 0;
	}
	#pagesAccueil p span.titlePage {
		color: #91BB1B;
		font-size: 18px;
		margin: 0; padding: 0;
	}
	#pagesAccueil p span {
		font-size: 11px;
	}
	#pagesAccueil p img.pictureHomePage {
		float: left;
		border: 1px solid #91BB1B;
		margin: 0 5px 0 0; padding: 2px;
	}
	#pagesAccueil p a {
		font-size: 11px;
	}

	
#planSite .rubrique h1 {
	font-size: 20px; font-weight: bold; color: #0184CC; font-family: Georgia;
	margin: 0; padding: 0; 
}
#planSite .rubrique h2 {
	font-size: 16px; font-weight: normal; color: #15A7FC; font-family: Georgia; text-decoration: none;
	display: block; text-indent: 20px; 
}
#planSite .rubrique ul {
	padding: 0 0 5px 35px;
}
#planSite .rubrique ul li {
	list-style-type: circle;
	color: #15A7FC;
}
#planSite .rubrique ul li a {
	padding-top: 5px;
	text-decoration: none;
}
#planSite .rubrique ul li a:hover {
	text-decoration: underline;
}
	

#evenement {
	float: left;
	width: 575px;
	margin-bottom: 15px;
	color: #15A7FC; font-weight: bold;
}
#evenement .titreEvenement {
	font-size: 20px; color: #15A7FC;
}
#evenement a.enSavoirPlus {
	font-size: 12px; font-weight: normal;
}
#evenement .txtEvenement {
	font-size: 12px; font-weight: normal; color: #000000;
}
#evenement .dateMois {
	display: block; 
	float: left; 
	width: 110px; height: 98px;
	margin: 0 10px 10px 0; padding: 0 10px;
	text-align: center; font-size: 12px;
	background-image: url(../imagesFront/fd_postIt.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
#evenement .dateMois span.mois {
	float: left;
	display: block; width: 110px;
	border-bottom: 1px solid #CDA324;
	padding: 20px 0 5px 0;
}
#evenement .dateMois span.an {
	float: left;
	display: block;  width: 110px;
	font-size: 14px; font-weight: bold; color: #9F7F1D;
	padding: 5px 0 0 0;
}
	
	
#right {
	float: right;
	width: 309px;
	background-color: #B8E5FC;
	margin-right: 1px;
}
	#right #contact {
		height: 45px; width: 309px;
		margin-top: 10px;
	}
	#right #publication h2.publication {
		height: 50px;
		margin: 35px 0 0 0; 
		padding: 15px 20px 0 0;
		background-image: url(../imagesFront/cartouche_trait_dunion.jpg); background-position: left top; background-repeat: no-repeat;
		text-align: right;
		font-size: 11px;
	}
	#right #publication p {
		width: 200px;
		margin: 0; 
		padding: 0 0 0 10px;
		font-size: 11px;
	}
	#right #communes {
		height: 45px; width: 309px;
		background-image: url(../imagesFront/cartouche_communes.jpg); background-position: left top; background-repeat: no-repeat;
		text-align: right;
	}
	#right #communes select {
		width: 120px;
		margin: 12px 13px 0 0;
		font-size: 11px;
	}
	#right #news {
		width: 309px;
	}
		#right #news h2.news {
			height: 30px;
			margin: 0; padding: 15px 20px 0 0;
			background-image: url(../imagesFront/cartouche_actualites.jpg); background-position: left top; background-repeat: no-repeat;
			text-align: right;
			font-size: 11px;
		}
			#right #news h2.news a {
				text-decoration: none; font-weight: normal;
				color: #FFFFFF;
			}
		#news .oneNews {
			width: 290px;
			margin: 0;
			padding: 0 10px 0 10px;
			font-size: 11px; line-height: 14px; color: #000000;
		}
		#news .oneNews h1.titreNews {
			color: #FFFFFF;
			font-size: 12px; font-weight: bold; line-height: 12px;
			padding: 0 margin: 0;
		}
		#news .oneNews .pictureNews {
			float: left;
			width: 60px;
			margin: 2px 15px 0 0;
		}
		#news .oneNews .pictureNews img {
			width: 60px;
			border: 1px solid #FFFFFF;
			padding: 2px;
		}
		#news .oneNews a {
			font-size: 11px; color: #000000;
		}
		#news .oneNews a:hover {
			text-decoration: none;
		}
		#news .oneNews h6 {
			float: left;
			display: block;
			font-size: 10px;
		}
		
#newsPage {
	float: left;
	text-align: left;
}
	#newsPage h2 {
		float: left;
		color: #C8911C;
	}
#newsPage .oneNewsPage {
	float: left;
	width: 585px;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #C8911C;
	color: #000000;
}
		#newsPage .oneNewsPage h1.titreNewsPage {
			color: #C8911C;
			font-size: 21px; line-height: 24px;
			padding: 0 margin: 0;
		}
		#newsPage .oneNewsPage .pictureNewsPage {
			float: left;
			width: 60px;
			border: 1px solid #B7DB6F;
			margin: 0 10px 0 0px;
		}
		#newsPage .oneNewsPage .pictureNewsPage img {
			width: 60px;
			border: 0;
		}
		#newsPage .oneNewsPage a:hover {
			text-decoration: none;
		}
		#newsPage .oneNewsPage h6 {
			float: left;
			display: block;
			font-size: 10px; color: #C8911C;
			margin: 15px 0 0 0; padding: 0;
		}
		
		
	#right #agenda {
		width: 309px; height: 150px;
		background-image: url(../imagesFront/image_agenda.jpg); background-position: left 40px; background-repeat: no-repeat;
		padding: 0; margin: 0;
	}
		#right #agenda h2.agenda {
			height: 45px;
			margin: 0; padding: 0;
			background-image: url(../imagesFront/cartouche_agenda.jpg); background-position: left top; background-repeat: no-repeat;
			text-align: right;
		}
		#right #agenda p.agendaCalendar {
			margin: 0; padding: 0;
			width: 309px; height: 110px;
		}
	#right #annuaire {
		height: 65px; width: 309px;
		margin-top: 15px;
		font-size: 11px; color: #6E2530;
	}
		#right #annuaire h2.annuaire {
			height: 45px;
			margin: 0; padding: 0;
			background-image: url(../imagesFront/cartouche_annuaires.jpg); background-position: left top; background-repeat: no-repeat;
			text-align: right;
		}
		#right #annuaire p {
			width: 285px; height: 50px;
			margin: 0; padding: 0 0 0 10px; 
		}
		.fiche {
			border-bottom: 1px solid #B8E5FC; 
			padding: 10px 0;
		}
		.fiche a {
			font-size: 11px; color: #0184CC;
		}
		.fiche img.vignette {
			float: right; 
			height: 45px; 
			border: 0;
		}
		
		
		
	#right #homeNewsletter {
		height: 140px; width: 309px;
		margin-top: 30px;
		font-size: 11px; color: #000000;
	}
		#right #homeNewsletter h2.newsletter {
			height: 45px;
			margin: 0; padding: 0;
			background-image: url(../imagesFront/cartouche_newsletter.jpg); background-position: left top; background-repeat: no-repeat;
			text-align: right;
		}
		#homeNewsletter form.news {
			float: left;
			padding-left: 10px;
			width: 285px; height: 90px;
			font-size: 11px;
		}
		#homeNewsletter form.news input.Txt {
			float: left;
			background-color: #7FD5FF;
			border: 0;
			padding: 3px; margin-right: 5px;
			font-size: 12px; font-family: Arial; color: #000000;
			width: 220px;
		}
		#homeNewsletter form.news input.submit {
			float: left;
			display: block;
			width: 50px; height: 21px;
			background-color: #15A7FC;
			text-align: center; padding: 2px; border: 0; 
			color: #FFFFFF; font-size: 13px; font-family; Arial;
		}
		

#footer {
	float: left;
	margin: 0 auto;
	width: 903px; height: 70px; border-top: 1px dotted #FFFFFF;
	padding: 10px 0 10px 17px;
	font-size: 11px; color: #0085CA;
	border-top: 1px solid #0184CC;
	background-color: #B8E5FC;
}
	#footer h1 { 
		margin-bottom: 5px;
		font-size: 15px; font-weight: bold; color: #FFFFFF;
	}
	#footer p { 
		font-weight: normal; 
		text-align: left;
	}
	#footer a { 
		font-weight: normal; color: #0085CA; text-decoration: none;
	}
	#footer span a { 
		display: block; float: right;
		margin-right: 22px;
		color: #0085CA; font-size: 10px; text-decoration: none; font-family: Arial;
	}
	#footer a:hover { 
		color: #000000;
	}
	
	
form {
	width: 550px; height: 540px;
	font-size: 12px; font-family: Arial;
	padding: 0; margin: 0;
}
	form span {
		font-size: 10px; line-height: 12px;
	}
	form p { 
		float: left;
		padding: 2px; margin: 6px 0;
		width: 100%; 
	}
	form p label {
		float: left;
		margin-top: 3px; padding: 0 5px; width: 150px;
		text-align: right; line-height: 12px; 
		}
	form p input, form p textarea {
		float: left;
		padding: 3px; width: 300px;
		background-color:#FFFFFF; border: 1px solid #0184CC;
		font-size: 13px;
	}
	form p input.small {
		width: 150px;
	}
	form p input.case {
		margin: 0 5px 0 0; padding: 0; 
		width: 10px;
		}
	form p input.submit {
		width: 170px; 
		text-align: center; padding: 2px; background-color: #0184CC; border: 0; 
		color: #FFFFFF; font-size: 12px; font-family: Arial;
	}
	form p.infosLegales {
		width: 450px;
		font-size: 10px; line-height: 12px;
	}
	
	

/*-----FORM-----*/
form.habillageSite {
	float: left;
	width: 580px;
	padding: 0; margin: 0;
}
	form.habillageSite span { 
		font-size: 11px;
	}
	form.habillageSite fieldset {
		width: 580px;	
		border: 0;
		border-top: 1px solid #EBEBEB;
		border-bottom: 1px solid #EBEBEB;
		margin-bottom: 15px;
		padding: 5px 5px 5px 0;
	}
	form.habillageSite p {
		float: left;
		width: 580px;
		padding: 2px; 
		margin: 6px 0; 
	}
	form.habillageSite p { 
		width: 350px;
		padding: 2px; 
		margin: 6px 0; 
	}
	form.habillageSite p label {
		float: left;
		margin-top: 3px; 
		padding: 5px; 
		width: 150px;
		text-align: right; 
		line-height: 12px; 
	}
	form.habillageSite p input.small, form.habillageSite p textarea.small, form.habillageSite p select.small {
		width: 150px;
	}
	form.habillageSite p input.large, form.habillageSite p textarea.large, form.habillageSite p select.large {
		width: 300px;
	}
	form.habillageSite p input.small, form.habillageSite p input.large, form.habillageSite p textarea.large, form.habillageSite p select.small, form.habillageSite p select.large {
		padding: 5px;
		border: 1px solid #DFDFDF;
	}
	form.habillageSite p input.submit {
		width: 185px;
		height: 33px;
		text-align: center;
		display: block;	
		background-color: #15A7FC;
		border: 0;
		color: #FFFFFF;
	}
	form.habillageSite p.resultForm {
		margin: 10px 0;
		font-weight: bold;
		color: red;
	}


/////////////////////////////////////////////////////////////////////
//                                                                 //
// styles pour easynews                                            //
//                                                                 //
/////////////////////////////////////////////////////////////////////

.mynewsdis {
	width: 250px;
	margin: 0; padding: 0;
}
.mynews {
	width: 250px;
}
.news_style {
	display: none;
}
.news_show {
	float: left: width: 200px; height: 70px; margin-right: 10px;
	color: #C8911C; text-align: right;
}
	.news_show img {
		float: right;
		margin-left: 5px;
	}
	.news_show a {
		font-size: 11px; color: #C8911C; text-decoration: none;
	}
	.news_show a:hover {
		text-decoration: underline;
	}
.news_border {
	float: left:
	width: 200px;
}

.news_title {
	display: none;
}
.buttondiv {
	display: none;
}