@charset "utf-8";
@import url(remooz.css);
@import url(formcheck.css);
/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
img{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del{text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

/* LAYOUT */
html{
	
}
body{
	background:#fff url(../img/background.png) no-repeat center -34px;
	color:#454444;
}
#document{
	width:965px;
	margin:0 auto;
	overflow:hidden;
	background:transparent url(../img/body.png) repeat-y left top;
}
#section{
	position:relative;
	padding:0 34px;
	background:transparent url(../img/header.png) no-repeat left -34px;
	overflow:hidden;
	zoom:1;
}

/* HEADER */
#header{
	clear:both;
	width:897px;
	float:left;
	height:97px; /*131px*/
	position:relative;
	zoom:1;
}
#header h1{
	margin:0 0 0 3px; /*28px*/
}
#header h1 a{
	display:block;
	width:260px;
	height:85px;
	overflow:hidden;
}
#header form{
	position:absolute;
	right:0px;
	bottom:11px;
	width:175px;
	height:23px;
	overflow:hidden;
	background:transparent url(../img/search.png) no-repeat left top;
	padding:14px 0 0 1px;
}
body.ie6 #header form{
	right:-1px;
	bottom:10px;
}
#header form legend,
#header form label strong{
	display:none;
}
#header form input{
	margin:0;
	border:0;
	width:134px;
	height:20px;
	padding:2px 2px 0 2px;
	background-color:transparent;
	float:left;
}
#header form input.submit{
	display:block;
	width:35px;
	height:22px;
	padding:0;
	margin-left:1px;
	text-indent:-1000px;
	cursor:pointer;
	overflow:hidden;
}
body.ie6 #header form input.submit,
body.ie7 #header form input.submit{
	font-size:0;
}

/* WRAPPERS */
.colmask{
	position:relative;
	clear:both;
	float:left;
	width:100%;
	overflow:hidden;
}
.leftmenu .col1wrap{
	float:right;
	width:50%;
	position:relative;
	right:178px;
}

/* COLONNE DROITE */
.leftmenu .colright{
	float:left;
	width:200%;
	position:relative;
	left:178px;
	background-color:#fff;
}
.leftmenu .col1{
	margin:0 0 0 180px;
	position:relative;
	right:100%;
	overflow:hidden;
}

/* CONTENU */
#content{
	padding:360px 10px 10px 10px;
	/*background:#fff url(../img/content.png) no-repeat left 326px;*/
	zoom:1;
	overflow:hidden;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	min-height:151px;
}
.no-js #content,
.no-content #content{
	padding-top:521px;
	min-height:0;
}
.no-content #content{
	padding-bottom:0;
}
#content #title{
	padding:3px 0;
	overflow:hidden;
	zoom:1;
	cursor:default;
}
#content #title h2{
	height:41px;
	line-height:41px;
	font-size:24px;
	color:#454444;
	font-weight:bold;
	text-transform:uppercase;
	background:transparent url(../img/la-mairie/title-h2.png) no-repeat left top;
	padding-left:50px;
	float:left;
}
#content #title h3{
	font-size:12px;
	line-height:16px;
	padding:17px 0 0 25px;
	color:#454444;
	background:transparent url(../img/la-mairie/title-h3.png) no-repeat 4px bottom;
	overflow:hidden;
	zoom:1;
	float:left;
}
#content #title h3 a.logout{
	font-weight:normal;
	padding-left:20px;
	background:transparent url(../img/icons/lock.png) no-repeat;
}
#content #title h3 a.logout:hover{
	text-decoration:underline;
}
#content h4,
#content h5,
#content h6{
	color:#454444;
	line-height:16px;
	margin:20px 0 15px 0;
	font-weight:normal;
	letter-spacing:-1px;
}
#content h4{
	font-size:22px;
	line-height:22px;
	padding-bottom:4px;
	padding-top:2px;
	border-bottom:1px solid #454444;
	zoom:1;
	text-transform:uppercase;
	clear:both;
}
#content h5{
	font-size:20px;
	line-height:20px;
	padding-bottom:3px;
	border-bottom:1px solid #454444;
	font-style:italic;
}
#content h6{
	font-size:16px;
	padding-bottom:2px;
	border-bottom:1px dotted #454444;
}
#content h2 a,
#content h3 a,
#content h4 a,
#content h5 a,
#content h6 a{
	text-decoration:none;
}
#content p,
#content ul,
#content ol{
	font-size:12px;
	color:#454444;
	line-height:16px;
	margin:15px 0;
}
#content p{
	text-align:justify;
	/*overflow:hidden;*/
}
#content p.align-center,
#content div.align-center{
	text-align:center;
}
#content p.print{
	overflow:hidden;
}
#content p.print a{
	display:block;
	float:right;
	padding-left:28px;
	line-height:16px;
	background:transparent url(../img/print.png) no-repeat 5px top;
	text-decoration:none;
	font-weight:bold;
	margin:0 10px;
}

#content p.more a,
#content p.back a{
	padding-left:28px;
	line-height:16px;
	background:transparent url(../img/next.png) no-repeat 5px top;
	text-decoration:none;
	font-weight:bold;
}
#content p.back a{
	background-image:url(../img/prev.png);
}
#content p.print a:hover,
#content p.more a:hover,
#content p.back a:hover{
	text-decoration:underline;
}
p.help{
	padding-left:28px;
	background:transparent url(../img/icons/help.png) no-repeat 5px top;
}
p.information{
	padding-left:28px;
	background:transparent url(../img/icons/information.png) no-repeat 5px top;
}
p.exclamation{
	padding-left:28px;
	background:transparent url(../img/icons/exclamation.png) no-repeat 5px top;
}
#content p.big{
	font-size:14px;
	line-height:18px;
	background-position:5px 2px;
}
#content ul li,
#content ol li{
	margin:5px 0;
}
#content ul{
	list-style:none;
	margin:15px 5px;
}
#content ul li{
	padding:0 0 0 24px;
	background:transparent url(../img/li.png) no-repeat left top;
	zoom:1;
}
#content ul li.pdf{
	background-image:url(../img/icons/pdf.png);
}
#content ul li.xls{
	background-image:url(../img/icons/xls.png);
}
#content ul li.doc{
	background-image:url(../img/icons/doc.png);
}
#content ul li.ppt{
	background-image:url(../img/icons/ppt.png);
}
#content ul li.txt{
	background-image:url(../img/icons/documents.png);
}
#content ul.errors li{
	background-image:url(../img/icons/cross.png);
}
#content ul.messages li{
	background-image:url(../img/icons/tick.png);
}
#content ul.informations{
	overflow:hidden;
	margin:0;
	padding:0;
	list-style:none;
}
#content ul.informations li{
	float:left;
	margin:0 10px 0 0;
	padding:0 0 0 20px;
}
#content ul.informations li strong{
	display:none;
}
#content ul.informations li.date{
	background-image:url(../img/icons/calendar.png);
}
#content ul.informations li.category{
	background-image:url(../img/icons/category.png);
}
#content ul.informations li.author{
	background-image:url(../img/icons/author.png);
}
#content ul.informations li.source{
	background-image:url(../img/icons/source.png);
}
#content ul.informations li.document{
	background-image:url(../img/icons/document.png);
}
#content ul.actions{
	margin:15px 0;
	padding:0;
	text-align:right;
}
#content ul.actions li{
	display:inline;
	background:none;
	padding:0;
	margin:0;
}
#content ul.actions li a{
	padding-left:20px;
	line-height:16px;
	background-repeat:no-repeat;
	background-position:left top;
	text-decoration:none;
	font-weight:bold;
	margin:0 0 0 10px;
}
#content ul.actions li a:hover{
	text-decoration:underline;
}
#content ul.actions li.print a{
	background-image:url(../img/print.png);
}
#content ul.actions li.top a{
	background-image:url(../img/anchor-top.png);
}
#content ol{
	list-style:outside decimal;
	margin:15px 30px;
}
#content blockquote{
	margin:15px;
	padding:0 15px;
	border:1px dotted #454444;
	border-left:2px solid #454444;
	background:#fff url(../img/blockquote.png) no-repeat right bottom;
	overflow:hidden;
	zoom:1;
}
#content small{
	font-size:10px;
}
#content img{
	margin:10px;
	border:2px solid #454444;
}
#content img.align-left{
	float:left;
	margin:0 10px 10px 0;
}
#content p img.align-left{
	margin:0 10px 10px 0;
}
#content img.align-right{
	float:right;
	margin:0 0 10px 10px;
}
#content p img.align-right{
	margin:0 0 10px 10px;
}
#content img.no-border{
	border:0;
}
#content a{
	color:#454444;
}
#content a:hover{
	text-decoration:none;
	color:#a90231;
}
#content acronym,
#content abbr{
	border-bottom:1px dotted #454444;
	cursor:help;
}
#content dl{
	clear:both;
	overflow:hidden;
	zoom:1;
	margin:15px 0;
}
#content dt{
	background-color:#454444;
	background-position:615px 3px;
	background-repeat:no-repeat;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	font-variant:small-caps;
	padding:3px 10px;
	border-bottom:1px solid #fff;
}
body.js #content dt{
	background-image:url(../img/dt-show.png);
	cursor:pointer;
}
body.js #content dt.visible{
	background-image:url(../img/dt-hide.png);
}
#content dd{
	overflow:hidden;
}
#content table{
	border-collapse:collapse;
	table-layout:fixed;
	margin:0 auto;
	width:auto;
}
#content table.large{
	width:695px;
}
#content table caption{
	position:relative;
	font-size:14px;
	margin:15px 0 0 0;
	padding:0 0 10px 0;
	text-align:center;
}
/*#content table caption a{
	position:absolute;
}
body.ie6 #content table caption a{
	top:2px;
	text-decoration:none;
}
#content table caption a.prev{
	left:15px;
}
#content table caption a.next{
	right:15px;
}*/
#content table th,
#content table td{
	border:1px solid #454444;
	padding:5px;
	font-size:12px;
}
#content table.no-border th,
#content table.no-border td{
	border:0;
}
#content table th.align-center,
#content table td.align-center{
	text-align:center;
}
#content table th p,
#content table td p{
	margin:0;
}
#content table thead td{
	border-width:0;
}
#content table thead th{
	border-bottom-width:2px;
}
#content table tbody th{
	border-right-width:2px;
}
#content table.calendar{
	border:1px solid #e4c467;
}
#content table.calendar caption{
	position:relative;
	zoom:1;
}
#content table.calendar caption a{
	position:absolute;	
	padding:0 20px;
	text-decoration:none;
	font-size:12px;
}
#content table.calendar caption a.prev{
	left:0;
}
#content table.calendar caption a.next{
	right:0;
}
#content table.calendar th{
	border:0;
	color:#987205;
}
#content table.calendar td.empty{
	border:0;
}
#content table.calendar td{
	padding:0;
	border-color:#987205;
}
#content table.calendar td a,
#content table.calendar td span{
	display:block;
	position:relative;
	padding:5px;
}
#content table.calendar td.active a{
	background-color:#ecd38c;
}
#content table.calendar td a:hover{
	background-color:#e4c467;
	color:#454444;
}
#content table.calendar td.current a{
	background-color:#f9b900;
}
#content table.calendar td a{
	font-weight:bold;
	text-decoration:none;
	zoom:1;
}
#content table.calendar td em{
	font-size:10px;
	font-family:Tahoma, Helvetica, sans-serif;
	font-style:normal;
	font-weight:normal;
	position:absolute;
	top:5px;
	right:5px;
	cursor:pointer;
}
#content table.schedules{
	border-bottom:1px solid #454444;
	width:50%;
}
#content table.schedules tr td{
	text-align:left;
	padding:5px;
	font-size:12px;
	text-align:center;
}
#content table.schedules tr th{
	border-bottom:0;
	text-align:right;
}
#content table.schedules tr th.hide{
	border-top:0;
	visibility:hidden;
}
#gmaps-associations{
	width:695px;
	height:300px;
	border:1px solid #999999;
}
#gmaps-associations p{
	text-align:center;
}

/* MEDIATHEQUE */
#content .yms-medias ul{
	margin:15px 0;
	padding:0;
	list-style:none;
	overflow:hidden;
	zoom:1;
	position:relative;
}
#content .yms-medias ul.icons li{
	float:left;
	margin:0 10px 10px 0;
	padding:0;
	background:transparent none;
}
#content .yms-medias ul.icons li a{
	position:relative;
	display:block;
	float:left;
	border:0;
	color:#fff;
	text-decoration:none;
}
#content .yms-medias ul.icons li a img{
	margin:0;
	display:block;
}
#content .yms-medias ul.icons li a span{
	display:block;
	position:absolute;
	right:2px;
	bottom:2px;
	width:16px;
	height:16px;
	overflow:hidden;
	text-indent:-1000px;
	background-position:left top;
	background-repeat:no-repeat;
	background-color:transparent;
	background-image:url(../img/icons/zoom.png);
}
#content .yms-medias ul.icons li.video a span{
	background-image:url(../img/icons/play.png);
}
body.ie6 #content .yms-medias ul.icons li a span{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/icons/zoom.png);cursor:pointer}
body.ie6 #content .yms-medias ul.icons li.video a span{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/icons/play.png);cursor:pointer}

#content .yms-medias ul.icons li.navigation a{
	border:0;
	line-height:52px;
	height:auto;
	width:auto;
	text-align:center;
	font-size:22px;
	text-transform:uppercase;
}
#content .yms-medias ul.list li{
	float:left;
	width:49%;
	font-size:12px;
	color:#fff;
	zoom:1;
}
#content .yms-medias ul.list li a{
	display:block;
	line-height:18px;
	text-indent:24px;
	background-position:left top;
	background-repeat:no-repeat;
	background-color:transparent;
	background-image:url(../img/icons/documents.png);
	zoom:1;
}
#content .yms-medias ul.list li.pdf a{background-image:url(../img/icons/pdf.png)}
#content .yms-medias ul.list li.doc a{background-image:url(../img/icons/doc.png)}
#content .yms-medias ul.list li.xls a{background-image:url(../img/icons/xls.png)}
#content .yms-medias ul.list li.ppt a{background-image:url(../img/icons/ppt.png)}

/* FORM */
#content form{
	
}
#content form fieldset{
	border-top:1px solid #454444;
	margin:15px 0;
}
#content form fieldset.no-border{
	border:0;
}
#content form legend{
	font-size:14px;
	color:#454444;	
	font-weight:bold;
	font-variant:small-caps;
	padding:0 5px 0 0;
}
#content form label,
#content form fieldset div.submit,
#content form fieldset div.gmaps{
	display:block;
	margin:5px 0;
	font-size:12px;
	color:#454444;
	overflow:hidden;
	zoom:1;	
	clear:both;
}
#content form label.checkbox,
#content form label.radio{
	margin:0 25%;
}
#content form label.text strong,
#content form label.textarea strong,
#content form label.select strong{
	font-weight:normal;
	display:block;
	float:left;
	width:24%;
	margin-right:1%;
	padding:4px 0;
	text-align:right;
}
#content form label.checkbox strong,
#content form label.radio strong{
	font-weight:normal;
}
#content form label em{
	display:block;
	float:left;
	padding:4px 0 3px 1%;
	font-style:normal;
}
#content form label.error em{
	color:#a90231;
}
#content form label.error strong{
	color:#a90231;
}
#content form label.text input,
#content form label textarea,
#content form label select{
	display:block;
	float:left;
	width:50%;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#454444;
	border:1px solid #999999;
	margin:0;
	padding:1px 0;
}
#content form .date{
	margin:5px 0;
	clear:both;
	overflow:hidden;
}
#content form .date label{
	display:inline;
	margin:5px 0;
	clear:none;
}
#content form .date label strong{
	font-weight:normal;
	display:block;
	float:left;
	width:24%;
	margin-right:1%;
	padding:4px 0;
	text-align:right;
}
#content form .date input{
	display:block;
	float:left;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#454444;
	border:1px solid #999999;
	margin:0;
	padding:1px 0;
	width:16%;
	margin-right:5px;
	text-align:center;
}
#content form label.readonly input{
	background-color:#DDD;
}
#content form label textarea{
	background:#fff url(../img/blockquote.png) no-repeat right bottom;
}
#content form label.text.error input,
#content form label.error textarea,
#content form label.error select{
	border-color:#a90231;
}
#content form label select{
	padding:0;
}
#content form label.text input:focus,
#content form label textarea:focus,
#content form label select:focus{
	border-color:#454444;
}
#content form div.submit{
	text-align:center;
}
#content form div.submit input{
	margin:0 auto;
	padding:2px;
}
#content form ul.schedules{
	margin:0;
	padding:0;
}
#content form ul.schedules li{
	padding:0;
	margin:5px;
	background:none;
	padding-left:25%;
}
#content form ul.schedules input,
#content form ul.schedules select{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#454444;
	border:1px solid #999999;
	margin:0;
	padding:1px 0;
}
#content form ul.schedules input{
	text-align:center;
}
#content form ul.schedules select{
	padding:0;
}
#content form fieldset.calendar:only-child legend span,
#content form fieldset.calendar ul.schedules li:only-child span{
	display:none;
}
#content form fieldset div.gmaps{
	margin:0;
}
#content form fieldset div.gmaps #gmaps-map{
	border:1px solid #999999;
	display:block;
	float:left;
	margin:0 0 0 25%;
	width:50%;
	height:300px;
}
#content form fieldset div.gmaps #gmaps-map p{
	text-align:center;
}

/* RECHERCHE */
#content ul.results{
	list-style:none;
	padding:0;
	margin:0;
}
#content ul.results li{
	padding:0;
	margin:15px 0;
	line-height:12px;
	background:none;
}
#content ul.results li a{
	text-decoration:none;
	clear:both;
	font-size:10px;
	display:block;
	color:#999999;
}
#content ul.results li a img{
	display:block;
	float:left;
	margin:0;
	padding:0 5px 0 2px;
	border:0;
	vertical-align:middle;
}
#content ul.results li a strong{
	font-size:12px;
	line-height:16px;
	color:#454444;
}
#content ul.results li a:hover strong{
	color:#a90231;
}
#content ul.results li a em{
	padding:2px 0;
	display:block;
	clear:both;
	font-style:normal;
	text-align:justify;
	color:#666666;
}
#content ul.multipage{
	list-style:none;
	margin:15px 0;
	padding:0;
	display:block;
	overflow:hidden;
	clear:both;
}
#content ul.multipage li{
	float:left;
	width:50%;
	text-align:left;
	list-style:none;
	text-indent:0;
	padding:0;
	margin:0;
	background:none;
}
#content ul.multipage li.suivant{
	float:right;
	text-align:right;
}
#content ul.multipage li a{
	border:0;
	text-decoration:none;
}

/* INFORMATIONS */
#document #informations{
	zoom:1;
}
#document #informations h2{
	height:30px;
	overflow:hidden;
	text-indent:-1000px;
}
#document #informations .colapse h2{
	cursor:pointer;
	background:transparent url(../img/colapse.png) no-repeat left top;
}
#document #informations .colapsed h2{
	background:transparent url(../img/colapse-colapsed.png) no-repeat left top;
}
#document #informations #news{
	position:absolute;
	top:328px;
	right:0;
	height:193px;
	width:358px;
	overflow:hidden;
}
#document #informations #guide{
	position:absolute;
	top:328px;
	left:0;
	height:193px;
	width:358px;
	overflow:hidden;
}
body.ie6 #document #informations #guide{
	left:-1px;
}
#document #informations #guide{
	background:transparent url(../img/guide-interactif.png) no-repeat left top;
}
#document #informations #news{
	background:transparent url(../img/actualites-breves.png) no-repeat left top;
}
#document #informations #guide.colapsed{
	background-image:url(../img/guide-interactif-colapsed.png);
}
#document #informations #news.colapsed{
	background-image:url(../img/actualites-breves-colapsed.png);
}
#document #informations .content{
	overflow:hidden;
}
#document #informations #guide p{
	margin:0;
	padding:0 10px;
	line-height:14px;
	overflow:hidden;
	width:338px;
		height:154px;
}
#document #informations #guide p a{
	display:block;
	position:relative;
	padding-left:160px;
	color:#fff;
	text-decoration:none;
	zoom:1;
}
#document #informations #guide p a strong{
	display:block;
	padding:7px 0;
	margin-left:-15px;
}
#document #informations #guide p a img{
	margin:0;
	padding:0;
	position:absolute;
	left:0;
	top:0;
	border:5px solid #04857a;
	filter: none;
}
#document #informations #guide p a:hover img{
	border-color:#046860;
}
#document #informations #news ul.news{
	height:124px;
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	width:10000px;
}
#document #informations #news ul.news li{
	margin:0;
	padding:0 10px;
	background:transparent none;
	width:338px;
	float:left;
	font-size:12px;
	color:#fff;
	line-height:14px;
	text-align:justify;
}
#document #informations #news ul.news li a{
	display:block;
	position:relative;
	padding-left:140px;
	color:#fff;
	text-decoration:none;
	zoom:1;
}
#document #informations #news ul.news li a strong{
	display:block;
	padding:7px 0;
	text-transform:uppercase;
}
#document #informations #news ul.news li a img{
	margin:0;
	padding:0;
	position:absolute;
	left:0;
	top:0;
	border:5px solid #740423;
	background:#740423;
	filter: none;
}
#document #informations #news ul.news li a:hover img{
	border-color:#470518;
	background-color:#470518;
}
#document #informations #news ul.navigation{
	margin:8px 10px;
	padding:0;
	list-style:none;
	overflow:hidden;
}
#document #informations #news ul.navigation li{
	float:left;
	font-size:11px;
	line-height:22px;
	color:#fff;
	margin:0 3px 0 0;
	padding:0;
	background:transparent none;
}
#document #informations #news ul.navigation li.count{
	padding:0 3px;
}
#document #informations #news ul.navigation li a{
	display:block;
	float:left;
	background-color:#740423;
	line-height:22px;
	width:22px;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	background-image:url(../img/navigation.png);
	text-indent:-1000px;
	overflow:hidden;
}
#document #informations #news ul.navigation li.next a{
	background-position:right top;
}
#document #informations #news ul.navigation li.all a{
	width:133px;
	background-image:none;
	text-indent:0;
}
#document #informations #news ul.navigation li a:hover{
	background-color:#470518;
}

/* COLONNE GAUCHE */
.leftmenu{
	background:#0d76a0 url(../img/sidebar.png) no-repeat left 492px;
}
.leftmenu .col2{
	float:left;
	width:178px;
	position:relative;
	right:178px;
}
#left-navigation{
	
}

/* MENU */
#left-navigation #menu{
	height:492px;
	/*background:#fff url(../img/menu.png) no-repeat right top;*/
	background-color:#fff;
}
#left-navigation #menu h2{
	display:none;
}
#left-navigation #menu ul{
	margin:0;
	padding:0;
	list-style:none;
}
#left-navigation #menu ul li{
	display:block;
	margin:0 0 1px 0;
	padding:0;
	overflow:hidden;
	background-color:transparent;
	background-image:url(../img/menu.png);
	background-repeat:no-repeat;
}
#left-navigation #menu ul li a{
	display:block;
	height:40px;
	margin:0;
	padding:0;
	overflow:hidden;
	text-indent:-1000px;
	background-color:transparent;
	background-image:url(../img/menu.png);
	background-repeat:no-repeat;
}
body.ie6 #left-navigation #menu ul li,
body.ie7 #left-navigation #menu ul li{
	margin:0;
}

#left-navigation #menu ul li#menu-la-mairie a{background-position:left top;}
#left-navigation #menu ul li#menu-les-demarches-administratives a{background-position:left -41px;}
#left-navigation #menu ul li#menu-le-social a{background-position:left -82px;}
#left-navigation #menu ul li#menu-urbanisme-travaux-et-projets a{background-position:left -123px;}
#left-navigation #menu ul li#menu-le-tourisme-histoire-de-la-ville a{background-position:left -164px;}
#left-navigation #menu ul li#menu-l-environnement a{background-position:left -205px;}
#left-navigation #menu ul li#menu-la-culture a{background-position:left -246px;}
#left-navigation #menu ul li#menu-l-enfance a{background-position:left -287px;}
#left-navigation #menu ul li#menu-les-sports a{background-position:left -328px;}
#left-navigation #menu ul li#menu-les-associations a{background-position:left -369px;}
#left-navigation #menu ul li#menu-la-vie-economique-et-les-finances a{background-position:left -410px;}
#left-navigation #menu ul li#menu-communication a{background-position:left -451px;}

body.no-js #left-navigation #menu ul li#menu-la-mairie a:hover,
#left-navigation #menu ul li#menu-la-mairie,
#left-navigation #menu ul li#menu-la-mairie.current a{background-position:right top;}
body.no-js #left-navigation #menu ul li#menu-les-demarches-administratives a:hover,
#left-navigation #menu ul li#menu-les-demarches-administratives,
#left-navigation #menu ul li#menu-les-demarches-administratives.current a{background-position:right -41px;}
body.no-js #left-navigation #menu ul li#menu-le-social a:hover,
#left-navigation #menu ul li#menu-le-social,
#left-navigation #menu ul li#menu-le-social.current a{background-position:right -82px;}
body.no-js #left-navigation #menu ul li#menu-urbanisme-travaux-et-projets a:hover,
#left-navigation #menu ul li#menu-urbanisme-travaux-et-projets,
#left-navigation #menu ul li#menu-urbanisme-travaux-et-projets.current a{background-position:right -123px;}
body.no-js #left-navigation #menu ul li#menu-le-tourisme-histoire-de-la-ville a:hover,
#left-navigation #menu ul li#menu-le-tourisme-histoire-de-la-ville,
#left-navigation #menu ul li#menu-le-tourisme-histoire-de-la-ville.current a{background-position:right -164px;}
body.no-js #left-navigation #menu ul li#menu-l-environnement a:hover,
#left-navigation #menu ul li#menu-l-environnement,
#left-navigation #menu ul li#menu-l-environnement.current a{background-position:right -205px;}
body.no-js #left-navigation #menu ul li#menu-la-culture a:hover,
#left-navigation #menu ul li#menu-la-culture,
#left-navigation #menu ul li#menu-la-culture.current a{background-position:right -246px;}
body.no-js #left-navigation #menu ul li#menu-l-enfance a:hover,
#left-navigation #menu ul li#menu-l-enfance,
#left-navigation #menu ul li#menu-l-enfance.current a{background-position:right -287px;}
body.no-js #left-navigation #menu ul li#menu-les-sports a:hover,
#left-navigation #menu ul li#menu-les-sports,
#left-navigation #menu ul li#menu-les-sports.current a{background-position:right -328px;}
body.no-js #left-navigation #menu ul li#menu-les-associations a:hover,
#left-navigation #menu ul li#menu-les-associations,
#left-navigation #menu ul li#menu-les-associations.current a{background-position:right -369px;}

body.no-js #left-navigation #menu ul li#menu-la-vie-economique-et-les-finances a:hover,
#left-navigation #menu ul li#menu-la-vie-economique-et-les-finances,
#left-navigation #menu ul li#menu-la-vie-economique-et-les-finances.current a{background-position:right -410px;}
body.no-js #left-navigation #menu ul li#menu-communication a:hover,
#left-navigation #menu ul li#menu-communication,
#left-navigation #menu ul li#menu-communication.current a{background-position:right -451px;}

/* SIDEBAR */
#left-navigation #associations{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	margin:8px;
}
#left-navigation #associations h2{
	font-size:12px;
	color:#fff;
}
#left-navigation #associations h2 a{
	cursor:pointer;
	color:#fff;
	text-decoration:none;
}
#left-navigation #associations p{
	color:#fff;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:8px 0;
}
#left-navigation #associations p a{
	display:block;
	line-height:16px;
	color:#fff;
	padding:0 0 0 24px;
	text-decoration:none;
	background:transparent url(../img/icons/password.png) no-repeat left top;
}
body.ie6 #left-navigation #associations p a{
	background-image:url(../img/icons/password-ie6.png);
	zoom:1;
}
#left-navigation #associations p#associations-logout a{
	background-image:url(../img/icons/lock.png);
}
body.ie6 #left-navigation #associations p#associations-logout a{
	background-image:url(../img/icons/lock-ie6.png);
}
#left-navigation form fieldset{
	border:0;
	margin:10px 0 0 0;
	padding:0;
	position:relative;
}
#left-navigation form fieldset legend{
	display:none;
}
#left-navigation form fieldset label{
	display:block;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#fff;
	padding:0 0 0 24px;
	background:transparent url(../img/icons/user.png) no-repeat left 15px;
}
body.ie6 #left-navigation form fieldset label{
	background-image:url(../img/icons/user-ie6.png);
}
#left-navigation form fieldset label.password{
	background-image:url(../img/icons/password.png);
}
body.ie6 #left-navigation form fieldset label.password{
	background-image:url(../img/icons/password-ie6.png);
}
#left-navigation form fieldset label.email{
	background-image:url(../img/icons/email.png);
}
#left-navigation form fieldset label strong{
	display:block;
	font-weight:normal;
	margin:5px 0 2px 0;
}
#left-navigation form fieldset label input{
	border:0;
	margin:0;
	padding:2px;
	background-color:#84a0ab;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	width:110px;
}
#left-navigation form fieldset div.submit input{
	display:block;
	float:left;
	margin:0;
	padding:0;
	border:0;
	text-indent:-1000px;
	width:22px;
	height:22px;
	position:absolute;
	bottom:0;
	right:1px;
	background:#84a0ab url(../img/icons/login.png) no-repeat center center;
	cursor:pointer;
}
#left-navigation #sidebar-help form fieldset div.submit input{
	background-image:url(/img/icons/email-add.png);
}
body.ie6 #left-navigation form fieldset div.submit input,
body.ie7 #left-navigation form fieldset div.submit input{
	font-size:0;
	bottom:1px;
}
body.ie6 #left-navigation form fieldset div.submit input{
	background-image:url(../img/icons/login-ie6.png);	
}
#left-navigation form fieldset div.submit input:hover{
	background-color:#fff;
}
#left-navigation #sidebar-help{
	margin:8px;
}
#left-navigation #sidebar-help p{
	color:#fff;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	text-align:center;
	margin:25px 0 8px 0;
}
#left-navigation #sidebar-help p#sidebar-contacts,
#left-navigation #sidebar-help p#sidebar-sitemap{
	margin:8px 0;
	font-size:12px;
	font-weight:bold;
	text-align:left;
}
#left-navigation #sidebar-help p#sidebar-contacts a,
#left-navigation #sidebar-help p#sidebar-sitemap a{
	display:block;
	color:#fff;
	text-decoration:none;
	padding:0 0 0 20px;
	background:transparent url(../img/puce-verte.png) no-repeat 2px center;
	zoom:1;
}
#left-navigation #sidebar-help p#sidebar-contacts a:hover{
	color:#00a093;
}
#left-navigation #sidebar-help p#sidebar-sitemap a{
	background-image:url(../img/puce-rouge.png);
}
#left-navigation #sidebar-help p#sidebar-sitemap a:hover{
	color:#a90231;
}
#section.no-content #left-navigation #associations form,
#section.no-content #left-navigation #associations p,
#section.no-content #left-navigation #sidebar-help{
	display:none;
}

/* NAVIGATION */
#top-navigation{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	position:absolute;
	left:180px;
	top:0;
	height:326px;
	width:717px;
	overflow:hidden;
	background:#fff url(../img/top.png) no-repeat right top;
}
#top-navigation h3{
	display:none;
}
#top-navigation #media{
	width:717px;
	height:326px;
	background-position:right top;
	background-repeat:no-repeat;
	background-color:transparent;
}
#top-navigation #submenu{
	position:absolute;
	top:0;
	left:0;
	width:263px;
	height:326px;
	background-position:left top;
	background-repeat:no-repeat;
	background-color:transparent;
}
#top-navigation #submenu ul{
	margin:32px 2px 0 2px;
	padding:0;
	list-style:none;

}
#top-navigation #submenu ul li{
	background-position:right bottom;
	background-repeat:no-repeat;
	background-color:transparent;
	margin:0 0 1px 0;
	font-size:12px;
	color:#fff;
}
#top-navigation #submenu ul li a{
	display:block;
	background-position:left bottom;
	background-repeat:no-repeat;
	background-color:transparent;
	color:#fff;
	text-decoration:none;
	zoom:1;
}
#top-navigation #submenu ul li a span{
	display:block;
	line-height:16px;
	padding:3px 20px 3px 20px;
	position:relative;
}
#top-navigation #submenu ul li a span em{
	font-style:normal;
	position:absolute;
	top:3px;
	right:20px;
}
#top-navigation #submenu ul li a:hover,
#top-navigation #submenu ul li.current a{
	background-position:right bottom;
}
#top-navigation #submenu ul li.current a span{
	background-position:3px 3px;
	background-repeat:no-repeat;
	background-color:transparent;
}
#top-navigation #related{
	position:absolute;
	top:0;
	left:264px;
	width:453px;
	height:396px;
	/*overflow:auto;*/
}
#top-navigation #related h4{
	position:absolute;
	top:0;
	left:0;
	width:453px;
	height:396px;
	background-position:left top;
	background-repeat:no-repeat;
	background-color:transparent;
	overflow:hidden;
	text-indent:-1000px;
}
#top-navigation #related #related-content{
	position:absolute;
	top:0;
	left:0;
	height:276px;
	width:393px;
	padding:50px 0 0 60px;
	overflow:auto;
}
#top-navigation #related h5{
	font-size:12px;
	color:#fff;
	line-height:18px;
	text-transform:uppercase;
	border-bottom:1px solid #fff;
	padding:0 0 0 24px;
	margin:0 0 10px 0;
	background-position:left top;
	background-repeat:no-repeat;
	background-color:transparent;
	zoom:1;
}
#top-navigation #related h5 a{
	text-decoration:none;
	color:#fff;
}
#top-navigation #related h5 em{
	text-transform:none;
	font-style:normal;
	font-weight:normal;
}
#top-navigation #related .videos h5{background-image:url(../img/icons/videos.png)}
#top-navigation #related .pictures h5{background-image:url(../img/icons/pictures.png)}
#top-navigation #related .documents h5{background-image:url(../img/icons/documents.png)}
#top-navigation #related .date h5{background-image:url(../img/icons/date.png)}

body.ie6 #top-navigation #related .videos h5{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/icons/videos.png, sizingMethod=crop)}
body.ie6 #top-navigation #related .pictures h5{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/icons/pictures.png, sizingMethod=crop)}
body.ie6 #top-navigation #related .documents h5{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/icons/documents.png, sizingMethod=crop);}
body.ie6 #top-navigation #related .date h5{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/icons/date.png, sizingMethod=crop);}

#top-navigation #related p{
	font-size:12px;
	line-height:14px;
	color:#fff;
	text-align:justify;
	margin:10px 10px 10px 0;
}
#top-navigation #related p a{
	color:#fff;
	font-weight:bold;
}
#top-navigation #related p a:hover{
	text-decoration:none;
}
#top-navigation #related img{
	float:right;
	margin:0 10px 10px 10px;
	border:1px solid #fff;
}

#top-navigation #related ul{
	margin:0 0 0 0;
	padding:0;
	list-style:none;
	overflow:hidden;
	zoom:1;
	position:relative;
}
body.ie6 #top-navigation #related ul,
body.ie7 #top-navigation #related ul{
	margin:0 0 10px 0;
}
#top-navigation #related ul.icons li{
	float:left;
	margin:0 10px 10px 0;
}
#top-navigation #related ul.icons li a{
	position:relative;
	display:block;
	float:left;
	width:50px;
	height:50px;
	border:1px solid #fff;
	color:#fff;
	text-decoration:none;
}
#top-navigation #related ul.icons li a span{
	display:block;
	position:absolute;
	right:2px;
	bottom:2px;
	width:16px;
	height:16px;
	overflow:hidden;
	text-indent:-1000px;
	background-position:left top;
	background-repeat:no-repeat;
	background-color:transparent;
	background-image:url(../img/icons/zoom.png);
}
#top-navigation #related ul.icons li.video a span{
	background-image:url(../img/icons/play.png);
}
body.ie6 #top-navigation #related ul.icons li a span{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/icons/zoom.png);cursor:pointer}
body.ie6 #top-navigation #related ul.icons li.video a span{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/icons/play.png);cursor:pointer}
#top-navigation #related ul.icons li img{
	float:none;
	border:0;
	margin:0;
}

#top-navigation #related ul.icons li.navigation a{
	border:0;
	line-height:52px;
	height:auto;
	width:auto;
	text-align:center;
	font-size:22px;
	text-transform:uppercase;
}
#top-navigation #related ul.list li{
	float:left;
	width:49%;
	font-size:12px;
	color:#fff;
	zoom:1;
}
#top-navigation #related ul.list li a{
	display:block;
	line-height:18px;
	text-indent:24px;
	background-position:left top;
	background-repeat:no-repeat;
	background-color:transparent;
	background-image:url(../img/icons/documents.png);
	zoom:1;
}
#top-navigation #related ul.list li.pdf a{background-image:url(../img/icons/pdf.png)}
#top-navigation #related ul.list li.doc a{background-image:url(../img/icons/doc.png)}
#top-navigation #related ul.list li.xls a{background-image:url(../img/icons/xls.png)}
#top-navigation #related ul.list li.ppt a{background-image:url(../img/icons/ppt.png)}

body.ie6 #top-navigation #related ul.list li a{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/icons/documents.png, sizingMethod=crop);cursor:pointer}
body.ie6 #top-navigation #related ul.list li.pdf a{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/icons/pdf.png, sizingMethod=crop);cursor:pointer}
body.ie6 #top-navigation #related ul.list li.doc a{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/icons/doc.png, sizingMethod=crop);cursor:pointer}
body.ie6 #top-navigation #related ul.list li.xls a{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/icons/xls.png, sizingMethod=crop);cursor:pointer}
body.ie6 #top-navigation #related ul.list li.ppt a{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/icons/ppt.png, sizingMethod=crop);cursor:pointer}

#top-navigation #related ul.list li a{
	color:#fff;
	text-decoration:none;
}
#section #top-navigation #related ul li a:hover{
	color:#fff;
	text-decoration:underline;
}

/* ACCUEIL */
#section.accueil #top-navigation #media{background-image:url(../img/accueil/media.jpg)}

/* LA MAIRIE */
#section.la-mairie #top-navigation #media{background-image:url(../img/la-mairie/media.jpg)}
#section.la-mairie #top-navigation #submenu{background-image:url(../img/la-mairie/submenu.png)}
#section.la-mairie #top-navigation #submenu ul li,
#section.la-mairie #top-navigation #submenu ul li a{background-image:url(../img/la-mairie/submenu-item.png)}
#section.la-mairie #top-navigation #related ul li a:hover{border-color:#454444;}
#section.la-mairie #top-navigation #submenu ul li.current a span{background-image:url(../img/la-mairie/submenu-item-current.png)}
#section.la-mairie #top-navigation #related h4{background-image:url(../img/la-mairie/related.png)}
#section.la-mairie #content #title h2{background-image:url(../img/la-mairie/title-h2.png)}
#section.la-mairie #content #title h3{background-image:url(../img/la-mairie/title-h3.png)}
#section.la-mairie #content h4, #section.la-mairie #content h5, #section.la-mairie #content h6, #section.la-mairie #content img, #section.la-mairie #content blockquote{border-color:#454444}
#section.la-mairie #content h2, #section.la-mairie #content h3, #section.la-mairie #content h4, #section.la-mairie #content h5, #section.la-mairie #content h6, #section.la-mairie #content a{color:#454444}
#section.la-mairie #content dt{background-color:#454444;}
body.ie6 #section.la-mairie #top-navigation #related h4{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/la-mairie/related.png);}
body.ie6 #section.la-mairie #top-navigation #submenu ul li,
body.ie6 #section.la-mairie #top-navigation #submenu ul li a{background-image:url(../img/la-mairie/submenu-item-ie6.png)}

/* LES DEMARCHES ADMINISTRATIVES */
#section.les-demarches-administratives #top-navigation #media{background-image:url(../img/les-demarches-administratives/media.jpg)}
#section.les-demarches-administratives #top-navigation #submenu{background-image:url(../img/les-demarches-administratives/submenu.png)}
#section.les-demarches-administratives #top-navigation #submenu ul li,
#section.les-demarches-administratives #top-navigation #submenu ul li a{background-image:url(../img/les-demarches-administratives/submenu-item.png)}
#section.les-demarches-administratives #top-navigation #related ul li a:hover{border-color:#2f2d2d;}
#section.les-demarches-administratives #top-navigation #submenu ul li.current a span{background-image:url(../img/les-demarches-administratives/submenu-item-current.png)}
#section.les-demarches-administratives #top-navigation #related h4{background-image:url(../img/les-demarches-administratives/related.png)}
#section.les-demarches-administratives #content #title h2{background-image:url(../img/les-demarches-administratives/title-h2.png)}
#section.les-demarches-administratives #content #title h3{background-image:url(../img/les-demarches-administratives/title-h3.png)}
#section.les-demarches-administratives #content h4, #section.les-demarches-administratives #content h5, #section.les-demarches-administratives #content h6, #section.les-demarches-administratives #content img, #section.les-demarches-administratives #content blockquote{border-color:#2f2d2d}
#section.les-demarches-administratives #content h2, #section.les-demarches-administratives #content h3, #section.les-demarches-administratives #content h4, #section.les-demarches-administratives #content h5, #section.les-demarches-administratives #content h6, #section.les-demarches-administratives #content a{color:#2f2d2d}
#section.les-demarches-administratives #content dt{background-color:#2f2d2d;}
body.ie6 #section.les-demarches-administratives #top-navigation #related h4{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/les-demarches-administratives/related.png);}
body.ie6 #section.les-demarches-administratives #top-navigation #submenu ul li,
body.ie6 #section.les-demarches-administratives #top-navigation #submenu ul li a{background-image:url(../img/les-demarches-administratives/submenu-item-ie6.png)}

/* LE SOCIAL */
#section.le-social #top-navigation #media{background-image:url(../img/le-social/media.jpg)}
#section.le-social #top-navigation #submenu{background-image:url(../img/le-social/submenu.png)}
#section.le-social #top-navigation #submenu ul li,
#section.le-social #top-navigation #submenu ul li a{background-image:url(../img/le-social/submenu-item.png)}
#section.le-social #top-navigation #related ul li a:hover{border-color:#a83d09;}
#section.le-social #top-navigation #submenu ul li.current a span{background-image:url(../img/le-social/submenu-item-current.png)}
#section.le-social #top-navigation #related h4{background-image:url(../img/le-social/related.png)}
#section.le-social #content #title h2{background-image:url(../img/le-social/title-h2.png)}
#section.le-social #content #title h3{background-image:url(../img/le-social/title-h3.png)}
#section.le-social #content h4, #section.le-social #content h5, #section.le-social #content h6, #section.le-social #content img, #section.le-social #content blockquote{border-color:#a83d09}
#section.le-social #content h2, #section.le-social #content h3, #section.le-social #content h4, #section.le-social #content h5, #section.le-social #content h6, #section.le-social #content a{color:#a83d09}
#section.le-social #content dt{background-color:#a83d09;}
body.ie6 #section.le-social #top-navigation #related h4{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/le-social/related.png);}
body.ie6 #section.le-social #top-navigation #submenu ul li,
body.ie6 #section.le-social #top-navigation #submenu ul li a{background-image:url(../img/le-social/submenu-item-ie6.png)}

/* URBANISME */
#section.urbanisme-travaux-et-projets #top-navigation #media{background-image:url(../img/urbanisme-travaux-et-projets/media.jpg)}
#section.urbanisme-travaux-et-projets #top-navigation #submenu{background-image:url(../img/urbanisme-travaux-et-projets/submenu.png)}
#section.urbanisme-travaux-et-projets #top-navigation #submenu ul li,
#section.urbanisme-travaux-et-projets #top-navigation #submenu ul li a{background-image:url(../img/urbanisme-travaux-et-projets/submenu-item.png)}
#section.urbanisme-travaux-et-projets #top-navigation #related ul li a:hover{border-color:#55031a;}
#section.urbanisme-travaux-et-projets #top-navigation #submenu ul li.current a span{background-image:url(../img/urbanisme-travaux-et-projets/submenu-item-current.png)}
#section.urbanisme-travaux-et-projets #top-navigation #related h4{background-image:url(../img/urbanisme-travaux-et-projets/related.png)}
#section.urbanisme-travaux-et-projets #content #title h2{background-image:url(../img/urbanisme-travaux-et-projets/title-h2.png)}
#section.urbanisme-travaux-et-projets #content #title h3{background-image:url(../img/urbanisme-travaux-et-projets/title-h3.png)}
#section.urbanisme-travaux-et-projets #content h4, #section.urbanisme-travaux-et-projets #content h5, #section.urbanisme-travaux-et-projets #content h6, #section.urbanisme-travaux-et-projets #content img, #section.urbanisme-travaux-et-projets #content blockquote{border-color:#55031a}
#section.urbanisme-travaux-et-projets #content h2, #section.urbanisme-travaux-et-projets #content h3, #section.urbanisme-travaux-et-projets #content h4, #section.urbanisme-travaux-et-projets #content h5, #section.urbanisme-travaux-et-projets #content h6, #section.urbanisme-travaux-et-projets #content a{color:#55031a}
#section.urbanisme-travaux-et-projets #content dt{background-color:#55031a;}
body.ie6 #section.urbanisme-travaux-et-projets #top-navigation #related h4{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/urbanisme-travaux-et-projets/related.png);}
body.ie6 #section.urbanisme-travaux-et-projets #top-navigation #submenu ul li,
body.ie6 #section.urbanisme-travaux-et-projets #top-navigation #submenu ul li a{background-image:url(../img/urbanisme-travaux-et-projets/submenu-item-ie6.png)}

/* ENVIRONNEMENT */
#section.l-environnement #top-navigation #media{background-image:url(../img/l-environnement/media.jpg)}
#section.l-environnement #top-navigation #submenu{background-image:url(../img/l-environnement/submenu.png)}
#section.l-environnement #top-navigation #submenu ul li,
#section.l-environnement #top-navigation #submenu ul li a{background-image:url(../img/l-environnement/submenu-item.png)}
#section.l-environnement #top-navigation #related ul li a:hover{border-color:#3f6235;}
#section.l-environnement #top-navigation #submenu ul li.current a span{background-image:url(../img/l-environnement/submenu-item-current.png)}
#section.l-environnement #top-navigation #related h4{background-image:url(../img/l-environnement/related.png)}
#section.l-environnement #content #title h2{background-image:url(../img/l-environnement/title-h2.png)}
#section.l-environnement #content #title h3{background-image:url(../img/l-environnement/title-h3.png)}
#section.l-environnement #content h4, #section.l-environnement #content h5, #section.l-environnement #content h6, #section.l-environnement #content img, #section.l-environnement #content blockquote{border-color:#3f6235}
#section.l-environnement #content h2, #section.l-environnement #content h3, #section.l-environnement #content h4, #section.l-environnement #content h5, #section.l-environnement #content h6, #section.l-environnement #content a{color:#3f6235}
#section.l-environnement #content dt{background-color:#3f6235;}
body.ie6 #section.l-environnement #top-navigation #related h4{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/l-environnement/related.png);}
body.ie6 #section.l-environnement #top-navigation #submenu ul li,
body.ie6 #section.l-environnement #top-navigation #submenu ul li a{background-image:url(../img/l-environnement/submenu-item-ie6.png)}

/* LA CULTURE */
#section.la-culture #top-navigation #media{background-image:url(../img/la-culture/media.jpg)}
#section.la-culture #top-navigation #submenu{background-image:url(../img/la-culture/submenu.png)}
#section.la-culture #top-navigation #submenu ul li,
#section.la-culture #top-navigation #submenu ul li a{background-image:url(../img/la-culture/submenu-item.png)}
#section.la-culture #top-navigation #related ul li a:hover{border-color:#987205;}
#section.la-culture #top-navigation #submenu ul li.current a span{background-image:url(../img/la-culture/submenu-item-current.png)}
#section.la-culture #top-navigation #related h4{background-image:url(../img/la-culture/news.png)}
#section.la-culture #content #title h2{background-image:url(../img/la-culture/title-h2.png)}
#section.la-culture #content #title h3{background-image:url(../img/la-culture/title-h3.png)}
#section.la-culture #content h4, #section.la-culture #content h5, #section.la-culture #content h6, #section.la-culture #content img, #section.la-culture #content blockquote{border-color:#987205}
#section.la-culture #content h2, #section.la-culture #content h3, #section.la-culture #content h4, #section.la-culture #content h5, #section.la-culture #content h6, #section.la-culture #content a{color:#987205}
#section.la-culture #content dt{background-color:#987205;}
body.ie6 #section.la-culture #top-navigation #related h4{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/la-culture/related.png);}
body.ie6 #section.la-culture #top-navigation #submenu ul li,
body.ie6 #section.la-culture #top-navigation #submenu ul li a{background-image:url(../img/la-culture/submenu-item-ie6.png)}

/* L'ENFANCE */
#section.l-enfance #top-navigation #media{background-image:url(../img/l-enfance/media.jpg)}
#section.l-enfance #top-navigation #submenu{background-image:url(../img/l-enfance/submenu.png)}
#section.l-enfance #top-navigation #submenu ul li,
#section.l-enfance #top-navigation #submenu ul li a{background-image:url(../img/l-enfance/submenu-item.png)}
#section.l-enfance #top-navigation #related ul li a:hover{border-color:#0d6587;}
#section.l-enfance #top-navigation #submenu ul li.current a span{background-image:url(../img/l-enfance/submenu-item-current.png)}
#section.l-enfance #top-navigation #related h4{background-image:url(../img/l-enfance/related.png)}
#section.l-enfance #content #title h2{background-image:url(../img/l-enfance/title-h2.png)}
#section.l-enfance #content #title h3{background-image:url(../img/l-enfance/title-h3.png)}
#section.l-enfance #content h4, #section.l-enfance #content h5, #section.l-enfance #content h6, #section.l-enfance #content img, #section.l-enfance #content blockquote{border-color:#0d6587}
#section.l-enfance #content h2, #section.l-enfance #content h3, #section.l-enfance #content h4, #section.l-enfance #content h5, #section.l-enfance #content h6, #section.l-enfance #content a{color:#0d6587}
#section.l-enfance #content dt{background-color:#0d6587;}
body.ie6 #section.l-enfance #top-navigation #related h4{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/l-enfance/related.png);}
body.ie6 #section.l-enfance #top-navigation #submenu ul li,
body.ie6 #section.l-enfance #top-navigation #submenu ul li a{background-image:url(../img/l-enfance/submenu-item-ie6.png)}

/* LES SPORTS */
#section.les-sports #top-navigation #media{background-image:url(../img/les-sports/media.jpg)}
#section.les-sports #top-navigation #submenu{background-image:url(../img/les-sports/submenu.png)}
#section.les-sports #top-navigation #submenu ul li,
#section.les-sports #top-navigation #submenu ul li a{background-image:url(../img/les-sports/submenu-item.png)}
#section.les-sports #top-navigation #related ul li a:hover{border-color:#ba6b0c;}
#section.les-sports #top-navigation #submenu ul li.current a span{background-image:url(../img/les-sports/submenu-item-current.png)}
#section.les-sports #top-navigation #related h4{background-image:url(../img/les-sports/related.png)}
#section.les-sports #content #title h2{background-image:url(../img/les-sports/title-h2.png)}
#section.les-sports #content #title h3{background-image:url(../img/les-sports/title-h3.png)}
#section.les-sports #content h4, #section.les-sports #content h5, #section.les-sports #content h6, #section.les-sports #content img, #section.les-sports #content blockquote{border-color:#ba6b0c}
#section.les-sports #content h2, #section.les-sports #content h3, #section.les-sports #content h4, #section.les-sports #content h5, #section.les-sports #content h6, #section.les-sports #content a{color:#ba6b0c}
#section.les-sports #content dt{background-color:#ba6b0c;}
body.ie6 #section.les-sports #top-navigation #related h4{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/les-sports/related.png);}
body.ie6 #section.les-sports #top-navigation #submenu ul li,
body.ie6 #section.les-sports #top-navigation #submenu ul li a{background-image:url(../img/les-sports/submenu-item-ie6.png)}

/* LES ASSOCIATIONS */
#section.les-associations #top-navigation #media{background-image:url(../img/les-associations/media.jpg)}
#section.les-associations #top-navigation #submenu{background-image:url(../img/les-associations/submenu.png)}
#section.les-associations #top-navigation #submenu ul li,
#section.les-associations #top-navigation #submenu ul li a{background-image:url(../img/les-associations/submenu-item.png)}
#section.les-associations #top-navigation #related ul li a:hover{border-color:#0d759e;}
#section.les-associations #top-navigation #submenu ul li.current a span{background-image:url(../img/les-associations/submenu-item-current.png)}
#section.les-associations #top-navigation #related h4{background-image:url(../img/les-associations/related.png)}
#section.les-associations #content #title h2{background-image:url(../img/les-associations/title-h2.png)}
#section.les-associations #content #title h3{background-image:url(../img/les-associations/title-h3.png)}
#section.les-associations #content h4, #section.les-associations #content h5, #section.les-associations #content h6, #section.les-associations #content img, #section.les-associations #content blockquote{border-color:#0d759e}
#section.les-associations #content h2, #section.les-associations #content h3, #section.les-associations #content h4, #section.les-associations #content h5, #section.les-associations #content h6, #section.les-associations #content a{color:#0d759e}
#section.les-associations #content dt{background-color:#0d759e;}
body.ie6 #section.les-associations #top-navigation #related h4{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/les-associations/related.png);}
body.ie6 #section.les-associations #top-navigation #submenu ul li,
body.ie6 #section.les-associations #top-navigation #submenu ul li a{background-image:url(../img/les-associations/submenu-item-ie6.png)}

/* TOURISME */
#section.le-tourisme-histoire-de-la-ville #top-navigation #media{background-image:url(../img/le-tourisme-histoire-de-la-ville/media.jpg)}
#section.le-tourisme-histoire-de-la-ville #top-navigation #submenu{background-image:url(../img/le-tourisme-histoire-de-la-ville/submenu.png)}
#section.le-tourisme-histoire-de-la-ville #top-navigation #submenu ul li,
#section.le-tourisme-histoire-de-la-ville #top-navigation #submenu ul li a{background-image:url(../img/le-tourisme-histoire-de-la-ville/submenu-item.png)}
#section.le-tourisme-histoire-de-la-ville #top-navigation #related ul li a:hover{border-color:#15746c;}
#section.le-tourisme-histoire-de-la-ville #top-navigation #submenu ul li.current a span{background-image:url(../img/le-tourisme-histoire-de-la-ville/submenu-item-current.png)}
#section.le-tourisme-histoire-de-la-ville #top-navigation #related h4{background-image:url(../img/le-tourisme-histoire-de-la-ville/related.png)}
#section.le-tourisme-histoire-de-la-ville #content #title h2{background-image:url(../img/le-tourisme-histoire-de-la-ville/title-h2.png)}
#section.le-tourisme-histoire-de-la-ville #content #title h3{background-image:url(../img/le-tourisme-histoire-de-la-ville/title-h3.png)}
#section.le-tourisme-histoire-de-la-ville #content h4, #section.le-tourisme-histoire-de-la-ville #content h5, #section.le-tourisme-histoire-de-la-ville #content h6, #section.le-tourisme-histoire-de-la-ville #content img, #section.le-tourisme-histoire-de-la-ville #content blockquote{border-color:#15746c}
#section.le-tourisme-histoire-de-la-ville #content h2, #section.le-tourisme-histoire-de-la-ville #content h3, #section.le-tourisme-histoire-de-la-ville #content h4, #section.le-tourisme-histoire-de-la-ville #content h5, #section.le-tourisme-histoire-de-la-ville #content h6, #section.le-tourisme-histoire-de-la-ville #content a{color:#15746c}
#section.le-tourisme-histoire-de-la-ville #content dt{background-color:#15746c;}
body.ie6 #section.le-tourisme-histoire-de-la-ville #top-navigation #related h4{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/le-tourisme-histoire-de-la-ville/related.png);}
body.ie6 #section.le-tourisme-histoire-de-la-ville #top-navigation #submenu ul li,
body.ie6 #section.le-tourisme-histoire-de-la-ville #top-navigation #submenu ul li a{background-image:url(../img/le-tourisme-histoire-de-la-ville/submenu-item-ie6.png)}

/* HISTOIRE DE LA VILLE */
#section.la-vie-economique-et-les-finances #top-navigation #media{background-image:url(../img/la-vie-economique-et-les-finances/media.jpg)}
#section.la-vie-economique-et-les-finances #top-navigation #submenu{background-image:url(../img/la-vie-economique-et-les-finances/submenu.png)}
#section.la-vie-economique-et-les-finances #top-navigation #submenu ul li,
#section.la-vie-economique-et-les-finances #top-navigation #submenu ul li a{background-image:url(../img/la-vie-economique-et-les-finances/submenu-item.png)}
#section.la-vie-economique-et-les-finances #top-navigation #related ul li a:hover{border-color:#8f0144;}
#section.la-vie-economique-et-les-finances #top-navigation #submenu ul li.current a span{background-image:url(../img/la-vie-economique-et-les-finances/submenu-item-current.png)}
#section.la-vie-economique-et-les-finances #top-navigation #related h4{background-image:url(../img/la-vie-economique-et-les-finances/related.png)}
#section.la-vie-economique-et-les-finances #content #title h2{background-image:url(../img/la-vie-economique-et-les-finances/title-h2.png)}
#section.la-vie-economique-et-les-finances #content #title h3{background-image:url(../img/la-vie-economique-et-les-finances/title-h3.png)}
#section.la-vie-economique-et-les-finances #content h4, #section.la-vie-economique-et-les-finances #content h5, #section.la-vie-economique-et-les-finances #content h6, #section.la-vie-economique-et-les-finances #content img, #section.la-vie-economique-et-les-finances #content blockquote{border-color:#8f0144}
#section.la-vie-economique-et-les-finances #content h2, #section.la-vie-economique-et-les-finances #content h3, #section.la-vie-economique-et-les-finances #content h4, #section.la-vie-economique-et-les-finances #content h5, #section.la-vie-economique-et-les-finances #content h6, #section.la-vie-economique-et-les-finances #content a{color:#8f0144}
#section.la-vie-economique-et-les-finances #content dt{background-color:#8f0144;}
body.ie6 #section.la-vie-economique-et-les-finances #top-navigation #related h4{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/la-vie-economique-et-les-finances/related.png);}
body.ie6 #section.la-vie-economique-et-les-finances #top-navigation #submenu ul li,
body.ie6 #section.la-vie-economique-et-les-finances #top-navigation #submenu ul li a{background-image:url(../img/la-vie-economique-et-les-finances/submenu-item-ie6.png)}

/* COMMUNICATION */
#section.communication #top-navigation #media{background-image:url(../img/communication/media.jpg)}
#section.communication #top-navigation #submenu{background-image:url(../img/communication/submenu.png)}
#section.communication #top-navigation #submenu ul li,
#section.communication #top-navigation #submenu ul li a{background-image:url(../img/communication/submenu-item.png)}
#section.communication #top-navigation #related ul li a:hover{border-color:#73a006;}
#section.communication #top-navigation #submenu ul li.current a span{background-image:url(../img/communication/submenu-item-current.png)}
#section.communication #top-navigation #related h4{background-image:url(../img/communication/related.png)}
#section.communication #content #title h2{background-image:url(../img/communication/title-h2.png)}
#section.communication #content #title h3{background-image:url(../img/communication/title-h3.png)}
#section.communication #content h4, #section.communication #content h5, #section.communication #content h6, #section.communication #content img, #section.communication #content blockquote{border-color:#73a006}
#section.communication #content h2, #section.communication #content h3, #section.communication #content h4, #section.communication #content h5, #section.communication #content h6, #section.communication #content a{color:#73a006}
#section.communication #content dt{background-color:#73a006;}
body.ie6 #section.communication #top-navigation #related h4{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/communication/related.png);}
body.ie6 #section.communication #top-navigation #submenu ul li,
body.ie6 #section.communication #top-navigation #submenu ul li a{background-image:url(../img/communication/submenu-item-ie6.png)}

/* ACTUALITES */
#section.actualites #content #title h2{background-image:url(../img/actualites/title-h2.png)}
#section.actualites #content #title h3{background-image:url(../img/actualites/title-h3.png)}
#section.actualites #content h4, #section.actualites #content h5, #section.actualites #content h6, #section.actualites #content img, #section.actualites #content blockquote{border-color:#55031a}
#section.actualites #content h2, #section.actualites #content h3, #section.actualites #content h4, #section.actualites #content h5, #section.actualites #content h6, #section.actualites #content a{color:#55031a}
#section.actualites #content dt{background-color:#55031a;}

body.ie6 #top-navigation #related a{
	position:relative;
	z-index:1;
}

/* FOOTER */
#footer{
	clear:both;
	width:897px;
	float:left;
	background:#fff url(../img/footer.png) no-repeat left bottom;
	padding:0px 34px 40px 34px;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
}
#footer ul{
	list-style:none;
	padding:0;
	margin:2px 0;
	text-align:center;
}
body.ie6 #footer ul,
body.ie7 #footer ul{
	margin-top:6px;
}
#footer ul li{
	display:inline;
	font-size:11px;
	color:#070401;
	margin:0 10px 0 0;
}
#footer ul li a{
	color:#070401;
	text-decoration:none;
	padding: 0 0 0 20px;
	background:transparent url(../img/puce-rouge.png) no-repeat left center;
}
#footer ul li a:hover{
	color:#a90231;
}
#footer ul li#footer-legals a{
	background-image:url(../img/puce-jaune.png);
}
#footer ul li#footer-legals a:hover{
	color:#f2b400;
}
#footer ul li#footer-contacts a{
	background-image:url(../img/puce-verte.png);
}
#footer ul li#footer-contacts a:hover{
	color:#00a093;
}
#footer ul li#footer-bulletins a{
	background-image:url(../img/puce-verte2.png);
}
#footer ul li#footer-bulletins a:hover{
	color:#86b90b;
}

div.yms-texte{
	clear:both;
	overflow:hidden;
}

#document{
	position:relative;
}
#quicklinks ul{
	position:absolute;
	left:931px;
	top:373px;
}
#quicklinks ul li{
	margin:2px 0 0 2px;
}
#quicklinks ul li a{
	display:block;
	width:16px;
	height:16px;
	overflow:hidden;
	text-indent:-1000px;
}
#quicklinks ul li#quicklinks-home a{
	background-image:url(../img/home.png);
}
body.ie6 #quicklinks ul li#quicklinks-home a{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/home.png, sizingMethod=crop);
	cursor:pointer;
}
#quicklinks ul li#quicklinks-contacts a{
	background-image:url(../img/contacts.png);
}
body.ie6 #quicklinks ul li#quicklinks-contacts a{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/contacts.png, sizingMethod=crop);
	cursor:pointer;
}