body {
	margin: 0;
	background: url(../img/background.jpg) top left repeat-x;
	background-color:  #73b629;
	font-family: arial;
	font-size: 11px;
	color: #333;
}

#container {
	width: 850px;
	margin: 0 auto;
	padding: 0;
	border: 0px solid #fff;
}

#corpsPage {
	display: block;
	float: left;
	width: 850px;
	background: url(../img/bg_corps.jpg) top left repeat-y;
}

#topPage {
	display: block;
	float: left;
	width: 850px;
	margin: 0;
	padding: 0;
	background: url(../img/bg_top01.jpg) top left no-repeat;
}

#header {
	width: 850px;
	height: 160px;
	margin: 0 auto;
	padding: 0;
}

#topLeft {
	display: block;
	float: left;
	width: 203px;
	height: 160px;
	margin: 0;
	padding: 0;
}

#topRight {
	display: block;
	float: right;
	width: 607px;
	height: 160px;
	margin: 0;
	padding: 0;
}

.coloneLeft {
	clear: both;
	display: block;
	float: left;
	width: 243px;
	margin: 0;
	padding: 0;
}

.coloneRight {
	display: block;
	float: right;
	width: 607px;
	margin: 0;
	padding: 0px 0px 0 0;
}

.coloneRight p {
	margin: 0;
	padding: 0px 30px 0 0;
}

#corps {

}

#corpsLeft {
	display: block;
	float: left;
	width: 243px;
	height: 485px;
	margin: 0;
	padding: 0;
}

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

#bottomLeft {
	display: block;
	float: left;
	width: 243px;
	height: 168px;
	margin: 0;
	padding: 0;
}

#bottomRight {
	display: block;
	float: right;
	width: 607px;
	height: 168px;
	margin: 0 0 0px 0;
	padding: 0;
}

#logoTop { margin: 20px 0 0 0; padding: 0 15px 0 0; border: 0px solid #000; }

#topTitle { margin: 50px 0 0 0; border: 0px solid #000; }

#filAriane { 
	margin: 20px 0 5px 0; 
	height: 20px;
	font-weight: bold;
	color: #3399ff;
}
#filAriane a { 
	font-weight: bold;
	color: #3399ff;
	text-decoration: none;
}
#filAriane a:hover { 
	font-weight: bold;
	color: #3399ff;
	text-decoration: underline;
}

.titleMenu { margin: 20px 0 0 15px; }

#titleAlaUne {
	display: block;
	float: left;
	/*margin: 45px 0 0 0;*/
	margin: 0;
	padding: 0;
}

#menuCC {
	display: block;
	float: left;
	width: 190px;
	margin: 15px 0 0 0px;
	padding: 0;
	list-style: none;
	text-align: right;
}

#menuDirect {
	display: block;
	float: left;
	width: 190px;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
}

#onglet01 {
	display: block;
	float: right;
	width: 42px;
	height: 290px;
}

#onglet02 {
	display: block;
	float: right;
	width: 42px;
	height: 269px;
	margin: 0px 0 0 0;
	padding: 0;
}

#moduleFlash {
	width: 575px;
	height: 310px;
	margin: 0;
	padding: 15px 0 0 10px;
	background: url(../img/bg_Module.png) top left no-repeat;
}

* html #moduleFlash {
	width: 575px;
	height: 310px;
	margin: 0;
	padding: 15px 0 0 10px;
	background: url(../img/bg_Module.jpg) top left no-repeat;
}

#moduleTextHeader {
	width: 565px;
	height: 310px;
	margin: 0;
	padding: 15px 0 0 10px;
	background: url(../img/bg_Module.png) top left no-repeat;
}

* html #moduleTextHeader {
	width: 565px;
	height: 310px;
	margin: 0;
	padding: 15px 0 0 10px;
	background: url(../img/bg_Module.jpg) top left no-repeat;
}

#moduleVideos {
	width: 575px;
	height: 305px;
	margin: 0;
	padding: 15px 0 0 10px;
	background: url(../img/bg_Video.png) top left no-repeat;
}

* html #moduleVideos {
	width: 575px;
	height: 269px;
	margin: 0;
	padding: 15px 0 0 10px;
	background: url(../img/bg_Video.jpg) top left no-repeat;
}

.ligne {
	margin: 5px 0;
}

#bougerSortir {
	width: 570px;
	height: 180px;
	margin: 0 0 0 5px;
	padding: 0;
	border: 0px solid #000;
}

* html #bougerSortir {
	width: 575px;
	height: 180px;
	margin: 0 0 0 0px;
	padding: 0;
	border: 0px solid #000;
}

#txtBougerSortir {
	display: block;
	float: left;
	width: 320px;
	margin: 0 0 0 5px;
	padding: 5px;
	list-style: none;
	text-align: justify;
}

* html #txtBougerSortir {
	display: block;
	float: left;
	width: 320px;
	margin: 0;
	padding: 10px;
	list-style: none;
	text-align: justify;
}

#imgBougerSortir {
	display: block;
	float: right;
	margin: 5px 0px 0 0px;
	border: 3px solid #ccc;
}

#actualite {
	width: 575px;
	height: 180px;
	margin: 0 0 0 5px;
	padding: 0;
}

* html #actualite {
	width: 575px;
	height: 180px;
	margin: 0 0 0 0px;
	padding: 0;

}

#imgActu {
	display: block;
	float: left;
	margin: 5px 0px 0 0px;
	border: 3px solid #ccc;
}

#txtActualite {
	display: block;
	float: right;
	width: 320px;
	margin: 0;
	padding: 10px 0px 0 0;
	list-style: none;
	text-align: justify;
}

* html #txtActualite {
	display: block;
	float: right;
	width: 320px;
	margin: 0;
	padding: 10px 0px 0 0;
	list-style: none;
	text-align: justify;
}

#procheDeVous {
	display:block;
	float: left;
	width: 607px;
	height: 140px;
	margin: 0 0 10px 0;
	padding: 0;
	border: 0px solid #000;
}

.txtFooter {
	padding: 5px 0;
	margin: 0;
}

#txtProchedeVousL {
	display: block;
	float: left;
	width: 250px;
	margin: 0;
	padding: 10px 10px 10px 15px;
	list-style: none;
	text-align: justify;
}

#txtProchedeVousR {
	display: block;
	float: right;
	width: 290px;
	margin: 0;
	padding: 10px 30px 0 0;
	list-style: none;
	text-align: justify;
}

* html #txtProchedeVousL {
	display: block;
	float: left;
	width: 250px;
	margin: 0;
	padding: 10px 10px 10px 15px;
	list-style: none;
	text-align: justify;
}

* html #txtProchedeVousR {
	display: block;
	float: right;
	width: 290px;
	margin: 0;
	padding: 10px 30px 0 0;
	list-style: none;
	text-align: justify;
}

#menuFooter {
	display: block;
	float: right;
	margin: 0px 5px 0 0;
	padding: 0;
	list-style: none;
}

* html #menuFooter {
	display: block;
	float: right;
	margin: 0px 2px 0 0px;
	padding: 0;
	list-style: none;
	border: 0px solid #fff;
}

#menuFooter li {
	display: block;
	float: left;
	margin: 0 18px 0 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}

* html #menuFooter li {
	display: block;
	float: left;
	margin: 0;
	padding: 0 18px 0 0;
	list-style: none;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}

#menuFooter li a {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

#menuFooter li a:hover {
	text-decoration: underline;
}

.communaute {
	display: block;
	float: left;
	width: 575px;
	margin: 0 0 0 10px;
}

.logoVille {
	display: block;
	float: left;
	margin: 0 0 0 15px;
}

#titleCommunaute {
	display: block;
	float: left;
	/*margin: 45px 0 0 0;*/
	margin: 0;
	padding: 0;
}

#titleCommunaute2 {
	display: block;
	float: left;
	margin: 0px 0 0 0;
	padding: 0;
}

.sousTitreCommunaute {
	font-weight: bold;
	color: #2A69B5;
}

.txtCommunaute {
	display: block;
	float: left;
	width: 530px;
}

.txtCommunauteB {
	width: 530px;
	margin: 10px 0 0 10px
}

.imgMembres {
	border: 1px solid #ddd;
}

.nomVille {
	display: block;
	float: left;
}

.lienSite {
	
	display: block;
	float: right;
	margin-right: 45px;
	font-size:12px;
	text-align: right;
	color: #0066CC;
}

.descVille {
	display: block;
	float: right;
	width: 380px;
	margin: 10px 40px 0 10px
}

.descVille a {
	color: #333;
	text-decoration: none;
}

.descVille a:hover {
	color: #0066CC;
	text-decoration: underline;
}

#encartMairie {
	display: block;
	float: left;
	width: 532px;
	margin: 0 0 0 15px;
	padding: 0;
	background: url(../img/communaute/infoMairieCorps.gif) top left repeat-y;
}

#intitule {
	display: block;
	float: left;
	width: 127px;
	font-weight: bold;
	font-size: 12px;
	color: #FF9900;
	text-align: right;
	margin: 0;
	padding: 0;
}

#information {
	display: block;
	float: right;
	width: 400px;
	font-weight: bold;
	font-size: 12px;
	margin: 0 0 0 5px;
	padding: 0;
}

#information a {
	color: #333;
	text-decoration: none;
}

#information a:hover {
	color: #0066CC;
	text-decoration: underline;
}

.listeAgenda {
	display: block;
	float: left;
	width: 530px;
	list-style-image: url(../img/puceDokyoViolet.png);
	font-weight: normal;
	color: #333;
}

.listeAgenda li span {
	font-weight: bold;
	color: #663399;
}
.listeAgenda li span a {
	color: #663399;
	text-decoration: none;
}

.listeCulture {
	display: block;
	float: left;
	width: 530px;
	list-style-image: url(../img/puceDokyoRouge.png);
	font-weight: normal;
	color: #333;
}

.listeCulture li span {
	font-weight: bold;
	color: #C40085;
}
.listeCulture li span a {
	color: #C40085;
	text-decoration: none;
}

.listeTourisme {
	display: block;
	float: left;
	width: 530px;
	list-style-image: url(../img/puceDokyoTurquoise.png);
	font-weight: normal;
	color: #333;
}

.listeTourisme li span {
	font-weight: bold;
	color:#0099CC;
}
.listeTourisme li span a {
	color:#0099CC;
	text-decoration: none;
}

.listeHebergement {
	display: block;
	float: left;
	width: 530px;
	list-style-image: url(../img/puceDokyoVert.png);
	font-weight: normal;
	color: #333;
}

.listeHebergement li span {
	font-weight: bold;
	color:#BBD133;
}
.listeHebergement li span a {
	color:#BBD133;
	text-decoration: none;
}

.listePatrimoine {
	display: block;
	float: left;
	width: 530px;
	list-style-image: url(../img/puceDokyoOrange.png);
	font-weight: normal;
	color: #333;
}

.listePatrimoine li span {
	font-weight: bold;
	color:#E6C224;
}
.listePatrimoine li span a {
	color:#E6C224;
	text-decoration: none;
}

.listeEquipement {
	display: block;
	float: left;
	width: 530px;
	list-style-image: url(../img/puceDokyoTurquoise.png);
	font-weight: normal;
	color: #333;
}

.listeEquipement li span {
	font-weight: bold;
	color:#0099CC;
}
.listeEquipement li span a {
	color:#0099CC;
	text-decoration: none;
}

.blocInfo {
	display: block;
	float: left;
	width: 530px;
	margin: 10px 0 0 15px;
}

.txtInfo {
	display: block;
	float: left;
	width: 400px;
	margin: 0 5px 0 0;
}

.sousTitreInfo {
	font-size: 12px;
	color: #C40085;
	font-weight: bold;
}

.linkInfo {
	color: #C40085;
	font-weight: bold;
	text-align: right;
}

.photoInfo {
	display: block;
	float: right;
	margin: 0 0 10px 10px;
}

.event-img {
	margin: 10px;
	padding: 0;
	border: 1px solid #666;
	max-width: 575px;
}

.mappe {
	display: block;
	float: right;
	margin: 15px;
}

.coordonneesCine {
	display: block;
	float: left;
	width: 510px;
	margin: 0 0 0 20px
}

.ficheCine {
	display: block;
	float: right;
	width: 575px;
	margin: 0;
	padding: 15px 0 0 10px;
}

.afficheFilm {
	display: block;
	float: left;
	width: 109px;
	height: 143px;
	margin: 10px;
	border: 1px solid #999;
}

.descFilm {
	display:block;
	float: right;
	width: 400px;
	margin: 0 0 0 5px;
	padding: 0;
}

.titreFilm {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	color: #FF9900;
}

.genreFilm {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
}

.detailFilm {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 410px;
	text-align: justify;
}

.detailFilm p {
	margin: 0;
	padding: 0 20px 0 0;
	text-align: justify;
}

.titreInfoCine {
	clear: both;
	display: block;
	float: right;
	width: 575px;
	margin: 0;
}

.tarifsCine {
	
	display: block;
	float: left;
	width: 300px;
	margin: 5px 0 0 20px
}

.horairesCine {
	display: block;
	float: left;
	width: 200px;
	margin: 5px 0 0 0px
}

.sousTitreCine {
	font-size: 12px;
	font-weight: bold;
	color:#C40085;
}

.blockInfo {
	display: block;
	float: left;
	width: 575px;
	height: 310px;
	margin: 10px 0 0 10px;
	padding: 15px 0 0 10px;
}

#encartInfo {
	display: block;
	float: left;
	width: 531px;
	margin: 0;
	padding: 0;
	background: url(../img/encartInfoMiddle.jpg) top left repeat-y;
}

#encartInfoTop {
	display: block;
	float: left;
}

#infoLeft {
	display: block;
	float: left;
	width: 230px;
	margin: 10px 0 0 5px;
	padding: 0;
}

#infoRight {
	display: block;
	float: right;
	width: 290px;
	margin: 10px 0 0 0;
	padding: 0;
}

.listCommunes {
	display: block;
	float: left;
	height: 180px;
	list-style-image: url(../img/puceDokyoBleu.png);
}

.listCommunes li {
	height: 30px;
}

.listCommunes li a {
	font-size:12px;
	font-weight: bold;
	color: #2A69B5;
	text-decoration: none;
}

.listCommunes li a:hover {
	text-decoration: underline;
}

/* LES SOUS_TITRES DE LA HOME */

.sousTitreActu {
	font-weight: bold;
	color: #7E55A3;
}

.sousTitreBougerSortir {
	font-weight: bold;
	color: #990000;
}

.sousTitreProchedeVous {
	font-weight: bold;
	color: #3399FF;
}

/* LES SOUS-TITRES DANS LES PAGES */

.sousTitreOrange {
	font-size: 14px;
	font-weight: bold;
	color: #da9d27;
}

.sousTitreViolet {
	font-size: 14px;
	font-weight: bold;
	color: #930986;
}

.sousTitreFuxia {
	font-size: 14px;
	font-weight: bold;
	color: #c40085;
}

.sousTitreBleu {
	font-size: 14px;
	font-weight: bold;
	color: #2577c0;
}

.sousTitreJaune {
	font-size: 14px;
	font-weight: bold;
	color: #e7c324;
}

.sousTitreTurquoise {
	font-size: 14px;
	font-weight: bold;
	color: #0aa0e1;
}

.sousTitreVert {
	font-size: 14px;
	font-weight: bold;
	color: #bbd133;
}

/* Coloration texte pour mise en relief */

.txtOrange {
	font-weight: bold;
	color: #da9d27;
}

.txtViolet {
	font-weight: bold;
	color: #930986;
}

.txtFuxia {
	font-weight: bold;
	color: #c40085;
}

.txtBleu {
	font-weight: bold;
	color: #2577c0;
}

.txtJaune {
	font-weight: bold;
	color: #e7c324;
}

.txtTurquoise {
	font-weight: bold;
	color: #0aa0e1;
}

.txtVert {
	font-weight: bold;
	color: #bbd133;
}

/* les liens */

.lienOrange {
	font-weight: bold;
	color: #da9d27;
	text-decoration: none;
}
.lienOrange:hover {
	text-decoration: underline;
}

.lienViolet {
	font-weight: bold;
	color: #930986;
	text-decoration: none;
}
.lienViolet:hover {
	text-decoration: underline;
}

.lienFuxia {
	font-weight: bold;
	color: #c40085;
	text-decoration: none;
}
.lienFuxia:hover {
	text-decoration: underline;
}

.lienBleu {
	font-weight: bold;
	color: #2577c0;
	text-decoration: none;
}
.lienBleu:hover {
	text-decoration: underline;
}

.lienJaune {
	font-weight: bold;
	color: #e7c324;
	text-decoration: none;
}
.lienJaune:hover {
	text-decoration: underline;
}

.lienTurquoise {
	font-weight: bold;
	color: #0aa0e1;
	text-decoration: none;
}
.lienTurquoise:hover {
	text-decoration: underline;
}

.lienVert {
	font-weight: bold;
	color: #bbd133;
	text-decoration: none;
}
.lienVert:hover {
	text-decoration: underline;
}

/* LISTES A PUCE */

.listOrange {
	margin: 0 0 0 5px;
	padding: 10px 0 0 20px;
	list-style-image: url(../img/puceDokyoOrange.png);
	text-align: justify;
}

.listViolet {
	margin: 0 0 0 5px;
	padding: 10px 0 0 20px;
	list-style-image: url(../img/puceDokyoViolet.png);
	text-align: justify;
}

.listRouge {
	margin: 0 0 0 5px;
	padding: 10px 0 0 20px;
	list-style-image: url(../img/puceDokyoRouge.png);
	text-align: justify;
}

.listBleu {
	margin: 0 0 0 5px;
	padding: 10px 0 0 20px;
	list-style-image: url(../img/puceDokyoBleu.png);
	text-align: justify;
}


.listTurquoise {
	margin: 0 0 0 5px;
	padding: 10px 0 0 20px;
	list-style-image: url(../img/puceDokyoTurquoise.png);
	text-align: justify;
}

.listVert {
	margin: 0 0 0 5px;
	padding: 10px 0 0 20px;
	list-style-image: url(../img/puceDokyoVert.png);
	text-align: justify;
}

#lienAsso a {
	color: #006633;
}

#lienService a {
	color: #0066CC;
}