body {
	background-color: #e6e6e7;
	font-family: arial;
	font-size: 11px;
	color: #000;
}

#container {
	margin: 10px auto;
	width: 1024px;
}

#page {
	display: block;
	float: left;
	margin: 0;
	width: 1024px;
	border: 1px solid #666;
	background-color: #ffffff;
}

#header {
	display: block;
	float: left;
	width: 1024px;
	height: 275px;
	background: #ffffff url(../img/header.jpg) top left no-repeat;
}

*+html #header {
	display: block;
	float: left;
	width: 1024px;
	height: 275px;
	background: #ffffff url(../img/header.jpg) top left no-repeat;
}

#top {
	display: block;
	float: left;
	width: 1024px;
	height: 66px;
	border: 0px solid #000;
}

#logoTop {
	display: block;
	float:left;
	widht: 280px;
	height: 60px;
	margin: 5px 0 0 15px;
	border: 0px solid #ccc;
}

#logoVillefleurie {
	display: block;
	float:left;
	margin: 20px 0 0 30px;
	border: 0px solid #ccc;
}

#cible {
	font-family: arial;
	font-size: 11px;
	color: #999;
}

#recherche {
	display: block;
	float: left;
	padding: 20px 0 0 345px;
}

* html #recherche {
	display: block;
	float: left;
	padding: 20px 0 0 335px;
}

#search {
	width: 137px;
	height: 16px;
	background-color: #fff;
	border: 1px solid #ccc;
	font-family: arial;
	font-size: 11px;
	color: #999;
}

#menuTop {
	display: block;
	float: left;
	width: 1024px;
	height: 27px;
	vertical-align: top;
	margin: 0px;
	padding:0px;
	border: 0px solid #000;
}

*+html #menuTop {
	display: block;
	float: left;
	width: 1024px;
	height: 27px;
	margin: 0px;
	padding:0px;
	border: 0px solid #000;
}

#menuTop li {
	display: block;
	float: left;
	height: 27px;
	padding: 0px;
	margin: 0px;
}

#menuTop li a span {
	visibility: hidden;
}

/* MENU TOP FIREFOX ----------------------------*/
#btn_01{
	display: block;
	float: left;
	width: 73px;
	height: 27px;
	margin: 0 0 0 20px;
	padding: 0px;
	background: url(../img/accueil_off.jpg) top left no-repeat;
	text-decoration: none;
}
#btn_02{
	display: block;
	float: left;
	width: 183px;
	height: 27px;
	margin: 0 0 0 20px;
	background: url(../img/decouverte_off.jpg) top left no-repeat;
	text-decoration: none;
}
#btn_03{
	display: block;
	float: left;
	width: 114px;
	height: 27px;
	margin: 0 0 0 20px;
	background: url(../img/mairie_off.jpg) top left no-repeat;
	text-decoration: none;
}
#btn_04{
	display: block;
	float: left;
	width: 142px;
	height: 27px;
	margin: 0 0 0 20px;
	background: url(../img/vivre_off.jpg) top left no-repeat;
	text-decoration: none;
}
#btn_05{
	display: block;
	float: left;
	width: 209px;
	height: 27px;
	margin: 0 0 0 20px;
	background: url(../img/agenda_off.jpg) top left no-repeat;
	text-decoration: none;
}
#btn_06{
	display: block;
	float: left;
	width: 103px;
	height: 27px;
	margin: 0 0 0 20px;
	background: url(../img/economie_off.jpg) top left no-repeat;
	text-decoration: none;
}

/* MENU TOP IE6 --------------------------------------*/
* html #btn_01{
	display: block;
	float: left;
	width: 73px;
	height: 27px;
	margin: 0 0 0 15px;
	padding: 0px;
	background: url(../img/accueil_off.jpg) top left no-repeat;
	text-decoration: none;
}
* html #btn_02{
	display: block;
	float: left;
	width: 183px;
	height: 27px;
	margin: 0 0 0 15px;
	background: url(../img/decouverte_off.jpg) top left no-repeat;
	text-decoration: none;
}
* html #btn_03{
	display: block;
	float: left;
	width: 114px;
	height: 27px;
	margin: 0 0 0 15px;
	background: url(../img/mairie_off.jpg) top left no-repeat;
	text-decoration: none;
}
* html #btn_04{
	display: block;
	float: left;
	width: 142px;
	height: 27px;
	margin: 0 0 0 15px;
	background: url(../img/vivre_off.jpg) top left no-repeat;
	text-decoration: none;
}
* html #btn_05{
	display: block;
	float: left;
	width: 209px;
	height: 27px;
	margin: 0 0 0 15px;
	background: url(../img/agenda_off.jpg) top left no-repeat;
	text-decoration: none;
}
* html #btn_06{
	display: block;
	float: left;
	width: 103px;
	height: 27px;
	margin: 0 0 0 15px;
	background: url(../img/economie_off.jpg) top left no-repeat;
	text-decoration: none;
}

#btn_01:hover {
	background: url(../img/accueil.jpg) top left no-repeat;
}
#btn_02:hover {
	background: url(../img/decouverte.jpg) top left no-repeat;
}
#btn_03:hover {
	background: url(../img/mairie.jpg) top left no-repeat;
}
#btn_04:hover {
	background: url(../img/vivre.jpg) top left no-repeat;
}
#btn_05:hover {
	background: url(../img/agenda.jpg) top left no-repeat;
}
#btn_06:hover {
	background: url(../img/economie.jpg) top left no-repeat;
}

.bandeauTop {
	display: block;
	float: left;
	width: 1024px;
	height: 151px;
}

* html .bandeauTop {
	display: block;
	float: left;
	width: 1024px;
	height: 151px;
}

*+html .bandeauTop {
	display: block;
	float: left;
	width: 1024px;
	height: 151px;
}

#flash {
	display: block;
	float: left;
	width: 1024px;
	height: 150px;
}

#bandeauDate {
	clear: both;
	display: block;
	float: left;
	width: 1024px;
	height: 24px;
	margin: 5px 0 0 0;
	background: url(../img/barreTop.jpg) top left no-repeat;
}

*+html #bandeauDate {
	clear: both;
	display: block;
	float: left;
	width: 1024px;
	height: 24px;
	margin: 5px 0 0 0;
	background: url(../img/barreTop.jpg) top left no-repeat;
}

#bandeauDate p {
	margin: 3px 0 0 0;
	padding: 0 0 0 15px;
	font-family: arial;
	font-size: 13px;
	font-weight: bold;
	color: #000;	
}

#today {
	font-family: arial;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}

#corps {
	display: block;
	width: 1024px;
	background-color: #ffffff;
	border: 0px solid #000;
}

#left {
	clear: both;
	display: block;
	float: left;
	width: 240px;
	margin: 10px 0 0 0;
}

#headerLeft {
	display: block;
	float: left;
	width: 240px;
	height: 6px;
	background: url(../img/barreMenuleft_top.jpg) bottom right no-repeat;
}

#bodyLeft {
	display: block;
	float: left;
	width: 240px;
	background: url(../img/barreMenuleft_middle.jpg) top right repeat-y;
}

#footerLeft {
	display: block;
	float: left;
	width: 240px;
	height: 6px;
	background: url(../img/barreMenuleft_bottom.jpg) top right no-repeat;
}

#titre01 {
	width: 208px;
	margin: 0 0 0 10px;
	background: url(../img/barreEnbref.jpg) top left no-repeat;
}

#titre02 {
	width: 208px;
	margin: 0 0 0 10px;
	background: url(../img/barreE-guichet.jpg) top left no-repeat;
}

#titre03 {
	width: 208px;
	margin: 0 0 0 10px;
	background: url(../img/barreEnfant.jpg) top left no-repeat;
}

#titre04 {
	width: 208px;
	margin: 0 0 0 10px;
	background: url(../img/barreMairie.jpg) top left no-repeat;
}

#titre05 {
	width: 208px;
	margin: 0 0 0 10px;
	background: url(../img/barreOfficetourisme.jpg) top left no-repeat;
}

.titre {
	font-family: arial;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	padding: 0px;
	margin: 0 0 0 20px;
}

.lien {
	font-family: arial;
	font-size: 12px;
	color: #000;
	text-decoration: none;
}

.lien:hover {
	text-decoration: underline;
}

.lienLeft {
	font-family: arial;
	font-size: 12px;
	color: #000;
	text-decoration: none;
}

#right {
	display: block;
	float: left;
	width: 740px;
	margin: 16px 0 0 10px;
}

* html #right {
	display: block;
	float: left;
	width: 740px;
	margin: 16px 0 0 10px;
}

#titre06 {
	display: block;
	float: left;
	width: 506px;
	height: 200px;
	margin: 0 0 0 10px;
	background: url(../img/barreCinema.jpg) top left no-repeat;
	border: 0px solid #000;
}

* html #titre06 {
	display: block;
	float: left;
	width: 506px;
	height: 200px;
	margin: 0 0 0 5px;
	background: url(../img/barreCinema.jpg) top left no-repeat;
	border: 0px solid #000;
}

#affiche {
	display: block;
	float: left;
}
.paragraphe {
	display: block;
	float: left;
	width: 380px;
	font-family: arial;
	font-size: 11px;
	text-align: justify;
	color: #000;
	margin: 0 0 0 10px
}

.paragraphe span {
	font-family: arial;
	font-size: 13px;
	font-weight: bold;
	color: #000;
}

#titre07 {
	display: block;
	float: right;
	width: 208px;
	margin: 0 0 0 10px;
	background: url(../img/barreCentreculturel.jpg) top left no-repeat;
	border: 0px solid #000;
}

#encartPub {
	display: block;
	float: left;
	width: 776px;
	height: 246px;
	background: url(../img/bgPub.jpg) top left no-repeat;
	margin: 0px 0 0 -5px;
	padding: 0px;
}

#pub01 {
	display: block;
	float: left;
	width: 213px;
	margin: 17px 0 0 15px;
}

* html #pub01 {
	display: block;
	float: left;
	width: 213px;
	margin: 17px 0 0 0px;
	border: 0px solid #000;
}

#titre08 {
	display: block;
	float: left;
	width: 213px;
	margin: 0 0 0 10px;
	background: url(../img/barrePub01.jpg) top left no-repeat;
}

#lecteur {
	display: block;
	float: left;
	width: 60px;
}

.player {
	margin: 5px 0 5px 5px;
}

#radio {
	display: block;
	float: right;
	width: 141px;
}

* html #radio {
	display: block;
	float: right;
	width: 141px;
	margin: -5px 0 0 0;
}

*+html #radio {
	display: block;
	float: right;
	width: 141px;
	margin: -5px 0 0 0;
}

#pubSeparator {
	display: block;
	float: left;
	width: 6px;
	height: 212px;
	background: url(../img/pubSeparator.jpg) top left no-repeat;
	margin: 17px 0 0 20px;
}

#pub02 {
	display: block;
	float: left;
	width: 213px;
	margin: 17px 0 0 15px;
}

* html #pub02 {
	display: block;
	float: left;
	width: 213px;
	margin: 17px 0 0 0px;
	border: 0px solid #000;
}

#titre09 {
	display: block;
	float: left;
	width: 213px;
	margin: 0 0 0 10px;
	background: url(../img/barrePub02.jpg) top left no-repeat;
}

#mediatheque {
	display: block;
	float: left;
	width: 226px;
	height: 178px;
}

#pub03 {
	display: block;
	float: left;
	width: 213px;
	margin: 17px 0 0 15px;
}

* html #pub03 {
	display: block;
	float: left;
	margin: 17px 0 0 10px;
	border: 0px solid #000;
}

#titre10 {
	display: block;
	float: left;
	width: 213px;
	margin: 0 0 0 10px;
	background: url(../img/barrePub03.jpg) top left no-repeat;
}

* html #titre10 {
	display: block;
	float: right;
	width: 213px;
	margin: 0 0 0 0px;
	background: url(../img/barrePub03.jpg) top left no-repeat;
}

#detourFrance {
	display: block;
	float: right;
	width: 150px;
	height: 178px;
	margin-left: 50px;
}

#footer {
	display: block;
	float: left;
	width: 1024px;
	height: 27px;
	margin: 0;
	padding: 0;
	background: url(../img/footer.jpg) top left no-repeat;
}

#menuFooter {
	width: 590px;
	height: 27px;
	margin: 0px auto;
	padding: 0px;
}

#menuFooter li {
	display: block;
	float: left;
	height: 27px;
	padding: 0px;
	margin: 0px;
}

#menuFooter li a span {
	visibility: hidden;
}

/* FOOTER FIREFOX -------------------------------------------*/
#btnFooter_01{
	display: block;
	float: left;
	width: 57px;
	height: 27px;
	margin: 0px;
	padding: 0px;
	background: url(../img/footer-accueil_off.jpg) top left no-repeat;
	text-decoration: none;
}
#btnFooter_02{
	display: block;
	float: left;
	width: 41px;
	height: 27px;
	margin: 0 0 0 20px;
	padding: 0px;
	background: url(../img/footer-aide_off.jpg) top left no-repeat;
	text-decoration: none;
}
#btnFooter_03{
	display: block;
	float: left;
	width: 133px;
	height: 27px;
	margin: 0 0 0 20px;
	padding: 0px;
	background: url(../img/footer-infolegales_off.jpg) top left no-repeat;
	text-decoration: none;
}
#btnFooter_04{
	display: block;
	float: left;
	width: 86px;
	height: 27px;
	margin: 0 0 0 20px;
	padding: 0px;
	background: url(../img/footer-lien_off.jpg) top left no-repeat;
	text-decoration: none;
}
#btnFooter_05{
	display: block;
	float: left;
	width: 82px;
	height: 27px;
	margin: 0 0 0 20px;
	padding: 0px;
	background: url(../img/footer-plansite_off.jpg) top left no-repeat;
	text-decoration: none;
}
#btnFooter_06{
	display: block;
	float: left;
	width: 62px;
	height: 27px;
	margin: 0 0 0 20px;
	padding: 0px;
	background: url(../img/footer-contact_off.jpg) top left no-repeat;
	text-decoration: none;
}

/* FOOTER IE6 ------------------------------------------------------*/
* html #btnFooter_01{
	display: block;
	float: left;
	width: 57px;
	height: 27px;
	margin: 0px;
	padding: 0px;
	background: url(../img/footer-accueil_off.jpg) top left no-repeat;
	text-decoration: none;
}
* html #btnFooter_02{
	display: block;
	float: left;
	width: 41px;
	height: 27px;
	margin: 0 0 0 10px;
	padding: 0px;
	background: url(../img/footer-aide_off.jpg) top left no-repeat;
	text-decoration: none;
}
* html #btnFooter_03{
	display: block;
	float: left;
	width: 133px;
	height: 27px;
	margin: 0 0 0 10px;
	padding: 0px;
	background: url(../img/footer-infolegales_off.jpg) top left no-repeat;
	text-decoration: none;
}
* html #btnFooter_04{
	display: block;
	float: left;
	width: 86px;
	height: 27px;
	margin: 0 0 0 10px;
	padding: 0px;
	background: url(../img/footer-lien_off.jpg) top left no-repeat;
	text-decoration: none;
}
* html #btnFooter_05{
	display: block;
	float: left;
	width: 82px;
	height: 27px;
	margin: 0 0 0 10px;
	padding: 0px;
	background: url(../img/footer-plansite_off.jpg) top left no-repeat;
	text-decoration: none;
}
* html #btnFooter_06{
	display: block;
	float: left;
	width: 62px;
	height: 27px;
	margin: 0 0 0 10px;
	padding: 0px;
	background: url(../img/footer-contact_off.jpg) top left no-repeat;
	text-decoration: none;
}

#btnFooter_01:hover {
	background: url(../img/footer-accueil.jpg) top left no-repeat;
}
#btnFooter_02:hover {
	background: url(../img/footer-aide.jpg) top left no-repeat;
}
#btnFooter_03:hover {
	background: url(../img/footer-infolegales.jpg) top left no-repeat;
}
#btnFooter_04:hover {
	background: url(../img/footer-lien.jpg) top left no-repeat;
}
#btnFooter_05:hover {
	background: url(../img/footer-plansite.jpg) top left no-repeat;
}
#btnFooter_06:hover {
	background: url(../img/footer-contact.jpg) top left no-repeat;
}

#reflet {
	display: block;
	float: left;
	width: 1026px;
	height: 85px;
	background: url(../img/reflet.jpg) top left no-repeat;
}

#corpsContaint {
	width: 1018px;
	margin: 0px auto;
	background: url(../img/bodyCorps.jpg) top left repeat-x;
}

#corpsTop {
	display: block;
	float: left;
	width: 1018px;
	height: 22px;
	background: url(../img/bodyTop.jpg) top left no-repeat;
}

#corpsMiddle {
	display: block;
	float: left;
	width: 1018px;
	/*height: 960px;*/
	background: url(../img/bodyCorps.jpg) top left repeat-y;
}

*+html #corpsMiddle {
	display: block;
	float: left;
	width: 1018px;
	height: auto;
	background: url(../img/bodyCorps.jpg) top left repeat-y;
}

#corpsBottom {
	display: block;
	float: left;
	width: 1018px;
	height: 22px;
	background: url(../img/bodyFooter.jpg) top left no-repeat;
}

#leftContaint {
	display: block;
	float: left;
	margin: 3px 0 0 5px;
}

.info {
	margin: 10px 0 0 20px;
	font-size: 12px;
}

.info span {
	font-size: 15px;
	color: #CC66CC;
}


#titleCorps {
	display: block;
	float: left;
	width: 770px;
	height: 24px;
	margin: 0px 0 0 10px;
	background: url(../img/barreCorps_violet.jpg) top left no-repeat;
}

#titleCorps p {
	margin: 3px 0 0 0;
	padding: 0 0 0 15px;
	font-family: arial;
	font-size: 13px;
	color: #000;	
}

.paragrapheBody {
	display: block;
	float: right;
	width: 770px;
	margin: 10px 0 0 10px;
}

.paragrapheBody p {
	text-align: justify;
	margin: 0px 15px 0 0px;
}

.imageLeft {
	display: block;
	float: left;
	width: 120px;
}

.afficheCine {
	border: 1px solid #ccc;
	margin: 15px 0 0 0;
}

.contenuRight {
	display: block;
	float: left;
	width: 630px;
}

.contenuRight p {
	text-align: justify;
}

.titreContaint {
	font-size: 14px;
	color: #CC66CC;
}

.sousTitreContaint {
	font-size: 12px;
	color: #000;
	font-weight: bold;
}

.horaires {
	display: block;
	float: left;
	background-color: #fff;
	padding: 0px;
	width: 442px;
	height: 37px;
}

.cineLink {
	display: block;
	float: right;
	width: 151px;
	margin: 0 10px;
}

#btnBO {
	margin: 0 0 5px 0;
}

#separatorH {
	display: block;
	float: left;
	width: 759px;
	height: 8px;
	margin: 15px 0;
	background: url(../img/separatorH.png) top left no-repeat;
}

#lienRubrique {
	display:block;
	float: right;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-align: right;
	text-decoration: none;
}

#lienRubrique:hover {
	text-decoration: underline;
}

.lienTxt {
	font-weight: bold;
	color: #800080;
	text-decoration: none;
}

.lienTxt:hover {
	text-decoration: underline;
}

.tableBorder {
	border: 1px solid #ccc;
}