*{
	margin: 0;
	padding: 0;
}
body{
	margin-bottom: 10px;
	text-align: center;
	background: #5bab24 url(../images/bg_page.jpg) 50% 96px no-repeat;
	font: .8em/1.3em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
a, a:visited, a:hover {
	color: #000;
	text-decoration: none;
	outline: none;
}
hr{
	visibility: hidden;
	clear: both;
}
img{
	border: none;
}
h3{
	margin-bottom: 1em;
	font-size: 1.5em;
	line-height: 1.2em;
}
h3 a, h3 a:visited{
	text-decoration: underline;
}
h3 a:hover{
	text-decoration: none;
}
h4{
	font-variant: small-caps;
	font-size: 1.2em;
}
p, ul{
	margin-bottom: 1em;
}
/*classes*/
.red{
	color: #f00;
}
/*------------------------------------POSITIONNEMENT----------------------------------------*/
div#conteneur{
	position: relative;
	width: 978px;
	margin: 0 auto;
	background: #fff;
	text-align: left;
	overflow: hidden;
}
/*Header*/
div#header{
	position: relative;
	height: 332px;
}
div.header_accueil{
	background: #5bab24 url(../images/header_presentation.jpg) 0 0 no-repeat;
}
div.header_presentation{
	background: #5bab24 url(../images/header_presentation.jpg) 0 0 no-repeat;
}
div.header_economie{
	background: #5bab24 url(../images/header_economie.jpg) 0 0 no-repeat;
}
div.header_habitat{
	background: #5bab24 url(../images/header_presentation.jpg) 0 0 no-repeat;
}
div.header_emploi{
	background: #5bab24 url(../images/header_presentation.jpg) 0 0 no-repeat;
}
div.header_culture{
	background: #5bab24 url(../images/header_presentation.jpg) 0 0 no-repeat;
}
div.header_marches{
	background: #5bab24 url(../images/header_presentation.jpg) 0 0 no-repeat;
}
div.header_dechetterie{
	background: #5bab24 url(../images/header_dechetterie.jpg) 0 0 no-repeat;
}
div.header_contact{
	background: #5bab24 url(../images/header_presentation.jpg) 0 0 no-repeat;
}
div#header a#logo, div#header a#logo:visited{/*logo*/
	position: absolute;
	display: block;
	width: 136px;
	height: 96px;
	left: 0;
	top: 0;
	text-indent: -5000px;
	background: #5bab24 url(../images/header_logo.jpg) 0 0 no-repeat;
}
div#header h1{/*Titre*/
	padding-left: 150px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2em;
	line-height: 40px;
	font-weight: normal;
}
div#header h1 span{
	color: #fff;
	font-style: italic;
	font-size: 1.3em;
	font-weight: bold;
}
div#header p{/*Liens sup*/
	position: absolute;
	right: 0;
	top: 5px;
	font-size: 1.2em;
}
div#header p a:hover{
	text-decoration: underline;
}
/*Menu*/
div#header ul{
	position: absolute;
	left: 0;
	top: 305px;
	list-style: none;
	background: #fff;
}
div#header ul li{
	display: inline;
}
div#header ul li a, div#header ul li a:visited{
	display: block;
	float: left;
	width: 138px;
	height: 23px;
	margin-right: 2px;
	line-height: 23px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background: #5bab24 url(../images/bg_menu.jpg) 0 0 repeat-x;
}
div#header ul li#bouton1 a, div#header ul li#bouton1 a:visited{/*Presentation*/
	border-bottom: 4px solid #fc0;
}
div#header ul li#bouton2 a, div#header ul li#bouton2 a:visited{/*Economie*/
	border-bottom: 4px solid #c3f;
}
div#header ul li#bouton3 a, div#header ul li#bouton3 a:visited{/*Habitat*/
	border-bottom: 4px solid #f90;
}
div#header ul li#bouton4 a, div#header ul li#bouton4 a:visited{/*Emploi*/
	border-bottom: 4px solid #4095ef;
}
div#header ul li#bouton5 a, div#header ul li#bouton5 a:visited{/*Culture*/
	border-bottom: 4px solid #fe3a00;
}
div#header ul li#bouton6 a, div#header ul li#bouton6 a:visited{/*Marches publics*/
	border-bottom: 4px solid #f39;
}
div#header ul li#bouton7 a, div#header ul li#bouton7 a:visited{/*Dechetterie*/
	border-bottom: 4px solid #f00;
	margin-right: 0;
}
div#header ul li a:hover{
	color: #000;
}
div#header ul li#bouton1 a:hover, div#header ul li#bouton1 a.actif{
	background: #fc0;
}
div#header ul li#bouton2 a:hover, div#header ul li#bouton2 a.actif{
	background: #c3f;
}
div#header ul li#bouton3 a:hover, div#header ul li#bouton3 a.actif{
	background: #f90;
}
div#header ul li#bouton4 a:hover, div#header ul li#bouton4 a.actif{
	background: #4095ef;
}
div#header ul li#bouton5 a:hover, div#header ul li#bouton5 a.actif{
	background: #fe3a00 url(../images/bg_menu5.jpg) 15px 0 no-repeat;
}
div#header ul li#bouton6 a:hover, div#header ul li#bouton6 a.actif{
	background: #f39;
}
div#header ul li#bouton7 a:hover, div#header ul li#bouton7 a.actif{
	background: #f00;
}
/*Contenu*/
div#contenu{
	padding: 20px;
}
/*Footer*/
div#footer{
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #265b01 url(../images/footer.jpg) 0 0 no-repeat;
	border-top: 2px solid #006a00;
	color: #fff;
}
div#footer a, div#footer a:visited{
	color: #fff;
}
div#footer a:hover{
	text-decoration: underline;
}
/*Conception*/
p#conception{
	width: 978px;
	margin: 5px auto 0 auto;
	text-align: right;
	font-size: .8em;
}
p#conception a{
	color: #fff;
	text-decoration: none;
}
p#conception a:hover{
	text-decoration: underline;
}
/*--------------------------------------------Pages-------------------------------------*/
/*Boite gauche*/
div#actu{
	float: left;
	width: 462px;
	padding-top: 20px;
	padding-right: 15px;
	border-right: 1px solid #ccc;
}
div#actu h2{/*Titre principal*/
	margin: 0 10px 20px 10px;
	font-size: 2em;
}
div#actu h3, div#actu h4{/*Sous-titres*/
	margin: 10px;
}
div#actu p{
	margin-right: 10px;
	margin-left: 10px;
}
div#actu p.date{/*Date*/
	margin-bottom: 0;
	padding-left: 20px;
	background: #fff url(../images/calendar.png) 0 50% no-repeat;
	font-size: .9em;
}
div#actu p.date a{
	text-decoration: underline;
}
div#actu p.date a:hover{
	text-decoration: none;
}
div#actu img{/*Images*/
	margin: 10px;
	padding: 1px;
	border: 1px solid #ccc;
}
div#actu p#actuBottom{
	height: 16px;
	margin: 10px 0 0 0;
	background: #fff url(../images/actu_bottom.png) 0 0 no-repeat;
}
div#actu p.lien a:hover{
	text-decoration: underline;
}
/*Boite droite*/
div.info{
	float: right;
	width: 445px;
	padding-bottom: 3em;
}
div.info img{
	float: right;
}
div.info p{
	margin-right: 130px;
	margin-bottom: 1em;
}
div.info a.suite{
	padding-left: 20px;
	color: #c0c;
	text-decoration: none;
	background: #fff url(../images/more.png) 0 50% no-repeat;
}
div.info a.suite:hover{
	color: #606;
}

/*Fil*/
p#fil{
	height: 20px;
	width: 938px;
	padding-left: 5px;
	background: #fff url(../images/bg_fil.png) 0 0 no-repeat;
	line-height: 20px;
	color: #666;
}
p#fil a{
	padding-right: 16px;
	background: url(../images/arrow_fil.png) 100% 0 no-repeat;
	color: #666;
}
p#fil a:hover{
	text-decoration: underline;
}

/*Titre*/
h2#titre{
	margin: 15px 0 25px 0;
	padding-bottom: 3px;
	font-size: 2em;
	font-variant: small-caps;
}
/*-------------------------------ACCUEIL--------------------------------*/
.catAutre{/*Categorie Autre*/
	color: #fc0;
}
.catEco{/*Categorie Economie*/
	color: #c0c;
}
.catHabitat{/*Categorie Habitat*/
	color: #f90;
}
.catEmploi{/*Categorie Emploi*/
	color: #4095ef;
}
.catCulture{/*Categorie Culture*/
	color: #fe3a00;
}
/*Agenda*/
table#agenda{
	width: 445px;
	font-weight: bold;
	font-size: .9em;
}
table#agenda a{
	text-decoration: underline;
}
table#agenda a:hover{
	text-decoration: none;
}
table#agenda td.cat{
	width: 90px;
	padding: 5px 0;
	text-transform: uppercase;
}
table#agenda td.date{
	width: 160px;
	padding: 5px 0 5px 20px;
	background: #fff url(../images/date.png) 0 50% no-repeat;
	color: #666;
}
table#agenda td.date span{
	margin-left: 5px;
	font-style: italic;
	color: #999;
}
table#agenda td.lieu{
	width: 175px;
	padding: 5px 0;
	text-align: right;
}
table#agenda td.lieu a{
	padding-left: 16px;
	background: #fff url(../images/bullet_go.png) 0 0 no-repeat;
	color: #666;
}
table#agenda td.evenement{
	padding: 5px;
	font-size: 1.1em;
}
table#agenda td.today{
	background: #ffc;
}
table#agenda td.description{
	padding: 0 5px 20px 5px;
	border-bottom: 1px solid #ccc;
	font-weight: normal;
	color: #666;
}
table#agenda td.description p{
	width: 100%;
	font-size: 1.1em;
	margin-bottom: .5em;
}
table#agenda td.description p.more{
	text-align: right;
}
table#agenda td.description p.more a{
	text-decoration: none;
	color: #5bab24;
}
table#agenda td.description p.more a:hover{
	text-decoration: underline;
}
table#agenda td.description p img{
	float: left;
	margin: 0 5px 5px 0;
}
a.even_suivants{
	display: block;
	margin-top: 10px;
	padding-left: 20px;
	text-decoration: none;
	color: #5bab24;
	background: #fff url(../images/more.png) 0 50% no-repeat;
}
a.even_suivants:hover{
	text-decoration: underline;
}
/*-------------------------------PRESENTATION--------------------------------*/
div#contenu ul{
	list-style: none;
	margin-left: 10px;
	line-height: 1.4em;
}
div#contenu ul li{
	padding-left: 15px;
	background: #fff url(../images/bullet_orange.png) 0 2px no-repeat;
}
div#contenu ul.communes{
	float: left;
	width: 40%;
}
/*-------------------------------CULTURE--------------------------------*/
h6{
	margin: 10px;
	font-size: 1.1em;
	padding-bottom: 2px;
	border-bottom: 1px solid #ccc;
}
/*sous menu*/
div#contenu ul#smenuCulture{
    padding: 3px 0;
	margin-left: 0;
	border-bottom: 1px solid #ccc;
}
div#contenu ul#smenuCulture li{
	padding-left: 0;
	display: inline;
	background: none;
}
div#contenu ul#smenuCulture li a{
    padding: 3px 0.5em;
	margin-left: 5px;
	border: 1px solid #ccc;
	border-bottom: none;
	background: #f2f2f2;
	text-decoration: none;
	color: #999;
}
div#contenu ul#smenuCulture li a:hover{
	color: #000;
}
div#contenu ul#smenuCulture li a#current{
	background: #fff;
	border-bottom: 1px solid #fff;
	color: #000;
}
div#actu ul.culture li{
	margin-bottom: 1em;
	background: #fff url(../images/bullet_rouge.png) 0 2px no-repeat;
}
div#actu ul.culture li em{
	color: #666;
}
div#actu ul.culture ul li{
	margin-bottom: 0;
	background: #fff url(../images/bullet_orange.png) 0 2px no-repeat;
}
div.info.culture img{
	float: none;
}
div.info.culture h6{
	margin: 10px 0;
}
div.info.culture p{
	margin-right: 0;
	margin-top: 1em;
}
div.info.culture a{
	text-decoration: underline;
}
div.info.culture a:hover{
	text-decoration: none;
}
div#complements {
	margin: 0 10px;
	border-top: 1px dotted #999;
}
div#complements p{
	margin: 10px 0;
}
div#complements a{
	font-weight: bold;
	text-decoration: underline;
}
div#complements a:hover{
	text-decoration: none;
}
/*-------------------------------ECONOMIE--------------------------------*/
div.info p.legende{
	float: right;
	clear: right;
	width: 120px;
	margin: 5px 0 0 0;
}
table#achat{/*achat-location*/
	width: 100%;
}
table#achat td{
	padding: 4px 2px;
	border-bottom: 1px solid #ccc;
}
table#achat img{
	float: left;
	display: block;
	margin-right: 2px;
}
table#achat dt{
	font-size: .9em;
	color: #666;
}
table#achat dd{
	margin-top: .5em;
}
table#achat a{
	font-weight: bold;
	color: #000;
	text-decoration: underline;
}
table#achat a:hover{
	color: #c0c;
}
a#allAnnonces{
	margin: 10px 0;
	display: block;
	width: 173px;
	height: 27px;
	background: #fff url(../images/button.png) 0 0 no-repeat;
}
a#allAnnonces span{
	display: none;
}
/*----------------------------------HABITAT------------------------------------*/
div#contenu ul.habitatList li{
	background: #fff url(../images/bullet_or.png) 0 2px no-repeat;
	margin-bottom: .2em;
}
/*----------------------------------EMPLOI------------------------------------*/
div#contenu ul.emploiList li{
	background: #fff url(../images/bullet_blue.png) 0 2px no-repeat;
	margin-bottom: .2em;
}
div#contenu ul.emploiList li span{
	color: #4095ef;
	font-variant: small-caps;
	font-weight: bold;
}
/*------------------------------MARCHES PUBLICS--------------------------------*/
dl.marches{
	width: 100%;
}
dl.marches dt{
	width: 20%;
	float: left;
	padding: .3em 0;
	font-weight: bold;
}
dl.marches dd{
	width: 79.9%;
	float: left;
	padding: .3em 0;
}
dl.marches dd.links{
	width: 99.9%;
	margin: .5em 0 2em 0;
	padding: .5em 0;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}
dl.marches a:hover{
	text-decoration: underline;
}
dl.marches dd.links a.acrobat{
	padding-left: 20px;
	background: #fff url(../images/acrobat.png) 0 50% no-repeat;
}
dl.marches dd.links a.link{
	padding-left: 20px;
	background: #fff url(../images/world.png) 0 50% no-repeat;
}
dl.marches dd.links a.question{
	padding-left: 20px;
	background: #fff url(../images/comment.png) 0 100% no-repeat;
}
/*-------------------------------------CONTACT--------------------------------*/
p.mail a{
	padding-left: 20px;
	background: #fff url(../images/email.png) 0 50% no-repeat;
}
p.mail a:hover{
	text-decoration: underline;
}
p.adresse{
	padding-left: 20px;
	background: #fff url(../images/house.png) 0 0 no-repeat;
}
p.tel{
	padding-left: 20px;
	background: #fff url(../images/telephone.png) 0 50% no-repeat;
}
p.fax{
	padding-left: 20px;
	background: #fff url(../images/page.png) 0 50% no-repeat;
}
p.infos{
	padding-left: 20px;
	background: #fff url(../images/information.png) 0 0 no-repeat;
}
/*---------------------------------DECHETTERIE--------------------------------*/
dl.dechets{
	width: 216px;
	float: left;
}
dl.dechets dt{
	width: 90%;
	float: left;
	padding: .3em 0;
	height: 16px;
	line-height: 16px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
dl.dechets dd{
	width: 9.9%;
	float: left;
	padding: .3em 0;
	height: 16px;
	line-height: 16px;
	border-bottom: 1px solid #ccc;
	text-align: center;
}

div#actu dl.dechets dd img{
	margin: 0;
	padding: 0;
	border: none;
}
dl#acces{
	width: 100%;
}
dl#horaires dt, dl#acces dt{
	width: 50%;
	float: left;
	padding: .3em 0;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}

dl#horaires, dl#acces{
	width: 100%;
}
dl#horaires dt, dl#acces dt{
	width: 50%;
	float: left;
	padding: .3em 0;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
dl#acces dt{
	width: 25%;
	border: none;
}
dl#horaires dd, dl#acces dd{
	width: 25%;
	float: left;
	padding: .3em 0;
	border-bottom: 1px solid #ccc;
}
dl#acces dd{
	width: 74.9%;
	border: none;
}
/*-------------------------------AGENDA DETAILS-------------------------------*/
div#contenu ul#agendaDetails{
	margin-left: 0;
}
div#contenu ul#agendaDetails li{
	background: none;
	padding-left: 0;
	margin-bottom: 5px;
}
/*Genre*/
div#contenu ul#agendaDetails li#genre{
	float: right;
}
div#contenu ul#agendaDetails li#genre span{
	background: #5bab24;
	color: #fff;
	font-weight: bold;
	padding: 5px;
	text-transform: uppercase;
}
/*Evenement*/
div#contenu ul#agendaDetails li#evenement{
	font-size: 1.2em;
	font-weight: bold;
}
/*Artiste*/
div#contenu ul#agendaDetails li#artiste{
	margin-bottom: 15px;
	padding-left: 16px;
	background: #fff url(../images/bullet_goOrange.png) 0 .1em no-repeat;
}
/*Date*/
div#contenu ul#agendaDetails li#date{
	margin-left: 16px;
	padding-left: 20px;
	background: #fff url(../images/calendar.png) 0 .1em no-repeat;
}
div#contenu ul#agendaDetails li#date span{
	margin-left: 5px;
	font-style: italic;
	color: #666;
}
/*Lieu*/
div#contenu ul#agendaDetails li#lieu{
	margin-left: 16px;
	padding-left: 20px;
	background: #fff url(../images/house.png) 0 .1em no-repeat;
}
div#contenu ul#agendaDetails li#lieu span{
	margin-left: 5px;
	font-style: italic;
	color: #666;
}
/*Public*/
div#contenu ul#agendaDetails li#public{
	margin-left: 16px;
	padding-left: 20px;
	background: #fff url(../images/group.png) 0 .1em no-repeat;
}
/*Durée*/
div#contenu ul#agendaDetails li#duree{
	margin-left: 16px;
	padding-left: 20px;
	background: #fff url(../images/hourglass.png) 0 .1em no-repeat;
}
/*Distribution*/
div#contenu ul#agendaDetails li#distribution{
	margin-left: 16px;
	padding-top: 2px;
	border-top: 1px solid #ccc;
}
/*Complements*/
div#contenu ul#agendaDetails li#complements{
	margin-left: 16px;
	font-style: italic;
}
/*Url*/
div#contenu ul#agendaDetails li#url{
	margin-left: 16px;
}
div#contenu ul#agendaDetails li#url a{
	color: #5bab24;
	font-weight: bold;
	text-decoration: underline;
}
div#contenu ul#agendaDetails li#url a:hover{
	text-decoration: none;
}
/*Retour*/
p#back{
	margin-top: 30px;
	margin-left: 16px;
}
p#back a{
	padding-left: 20px;
	background: #fff url(../images/arrow_redo.png) 0 .1em no-repeat;
	text-decoration: underline;
}
p#back a:hover{
	text-decoration: none;
}