@charset "utf-8";
body {
	background-color: #FFFFFF;
	background-image: url(pictures/bg_page.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.77em;
}
td {
	vertical-align:top;
	text-align:left;
}
img {
	border:0;
}
form {
	margin:0;
	padding:0;
	}
a {
	color:#9a0034;
	text-decoration:underline;
}
a:visited, a.spip_out:visited {
	color:#c46201;
}
a:hover, a.spip_out:hover {
	color:#ff3300;
}
.more a {
	color:#FF9900;
}
.more a:visited {
	color:#FF9900;
}
.more a:hover {
	color:#333;
}

	a.spip_out{ 
	color:#333333;
	  padding-right:15px;
	  display:inline-block;
	  }
	a.spip_out { background:transparent url(pictures/link.gif) no-repeat right center; }
	a.spip_out:hover { background:transparent url(pictures/link_on.gif) no-repeat right center; }

.hidden {
	display:none;
}
.visible {
	display:block
}
.aright { text-align:right; 	}
.aleft { text-align:left; }
.smaller { font-size:0.9em; }
#wrapper, #footer {
	width: 990px;
	background-color: #FFFFFF;
	background-image: url(pictures/bg_wrapper.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	margin:0;
	padding:0;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;

}
#contentA {
	background-image: url(pictures/bg_wrapper_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin:0;
	padding:0;
	padding:35px 13px 0 13px;
}
/* Navigation */
#menu {
	background-image: url(pictures/bg_menu_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding:0 0 72px 0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	font-size:0.8em;
	}
#menu li {
	list-style:none;
	text-align:right;
	background-color:#ff9934;
	border-bottom:1px solid #fff;
}
#menu li a {
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	background-color:#ff9934;
	background-image: url(pictures/bg_menu_off.gif);
	background-repeat: repeat-y;
	background-position: right bottom;
}
#menu li.on, .page_auteur li.auteur {
	background-color:#990134;
	background-image: url(pictures/bg_menu_on.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#menu li a .content {
	display:block;
	padding:4px 10px 4px 10px;
}
#menu li a:hover, #menu li.on a, .page_auteur #menu li.auteur a {
	background-color:#990134;
	background-image: url(pictures/bg_menu_on.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#menu li a:hover .content, #menu li.on a .content, .page_auteur #menu li.auteur a .content {
	background-image: url(pictures/bg_menu_on2.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}
#menu ul {
	margin:0;
	position:relative;
	padding:0 0 5px 5px;
	font-size:1.1em;
	font-weight:normal;
	background-image: url(pictures/bg_menu_sub.gif);
	background-repeat: repeat-x;
	background-position: bottom right;
}
.submenutop {
	background-color:#990134;
	width:1px;
	height:1px;
	position:absolute;
	top:0;
	left:5px;
}
.submenubottom {
	background-color:#600020;
	width:1px;
	height:1px;
	position:absolute;
	bottom:5px;
	left:5px;
}
#menu li li {
	list-style:none;
	text-align:right;
	background-color:#ccc;
	border-top:1px solid #fff;
	border-bottom:0;
	text-transform:none;
}
#menu li.on li a {
	display:block;
	color:#333333;
	text-decoration:none;
	background-color:#cccccc;
	background-image: url(pictures/bg_menu_sub_off.gif);
	background-repeat: repeat-y;
	background-position: right bottom;
}
#menu li.on li a .content {
	display:block;
	padding:4px 10px 4px 10px;
	background:none;
}
#menu li li a:hover, #menu li li.on a {
	color:#FFFFFF;
	background-color:#999999;
	background-image: url(pictures/bg_menu_sub_on.gif);
	background-repeat: repeat-y;
	background-position: right bottom;
}
#menu li li a:hover .content, #menu li li.on a .content {
	background-image: url(pictures/bg_menu_sub_on2.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#menu li li ul {
	margin:0;
	padding:0;
	font-size:1em;
	font-weight:normal;
}
#menu li li li {
	list-style:none;
	text-align:right;
	background-color:#FFF;
	border-top:1px solid #CCC;
	border-bottom:0;
	text-transform:none;
}
#menu li.on li.on li a {
	display:block;
	color:#333333;
	text-decoration:none;
	background-color:#ebebeb;
	background-image: url(pictures/bg_menu_sub2_off.gif);
	background-repeat: repeat-y;
	background-position: right bottom;
}
#menu li.on li.on li a .content {
	display:block;
	padding:4px 10px 4px 10px;
	background:none;
}
#menu li.on li.on li a:hover, #menu li li li.on a {
	color:#333333;
	background-color:#d6d6d6;
	background-image: url(pictures/bg_menu_sub2_on.gif);
	background-repeat: repeat-y;
	background-position: right bottom;
}
#menu li.on li.on li a:hover .content, #menu li li li.on a .content {
	background-image: url(pictures/bg_menu_sub2_on2.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
/* Colonne du milieu zone de contenu */
/* ---------------------------- */
#hierarchie {
	padding:10px 20px;
	font-size:0.70em;
	color:#666666;
	background:transparent url(pictures/bg_maincontent_top.gif) bottom left no-repeat;
	margin:0;
}
#hierarchie a {
	color:#666666;
}
#mainContent {
	font-size:1em;
	position:relative;
	padding-bottom:35px;
}
#mainContent .titrerub {
	background:transparent url(pictures/bg_h1.gif) top left repeat-y;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size:1.3em;
	line-height:1em;
	font-weight:bold;
	color:#990033;
	margin:0;
}
#mainContent .titrerub h1 {
	padding:5px 17px;
	font-size:1em;
	color:#990033;
}
#mainContent .titrerub a {
	color:#990033;
	text-decoration:none;
}
#mainContent .titrerub a:hover {
	text-decoration:underline;
}
#mainContent .titrerub .surtitre, #mainContent h1 .soustitre { 
	font-size: 0.7em; 
	color:#666666;
}
#mainContent h2 {
	font-size:1.1em;
	line-height:1em;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	padding:5px 0;
	font-weight:bold;
	margin:0;
	background:transparent url(pictures/bg_h1_bottom.gif) bottom left no-repeat;
}
#mainContent #documents_portfolio h2 {
	background:none;
	padding:10px 0;
}
#mainContent h2 .content {
	display:block;
	padding:0 5px 5px 5px;
	color:#990033;
	border-left:1px solid #CCCCCC;
	background:none;
}
#mainContent h2 .surtitre, #mainContent h2 .soustitre { 
	font-size: 0.7em; 
	color:#666666;
}
#mainContent #conteneur h2 .spip_logos { 
	float:left;
	margin-right:10px
}
#mainContent .liste-articles h2 {
	margin-bottom:1em;
}
#mainContent .content {
	padding:10px 20px;
	color:#333;
	background:transparent url(pictures/bg_h1_bottom.gif) top left no-repeat;
}
#mainContent .contentarticle {
	padding:0 6px;
	background:none;
}
#documents_joints .spip_logos {
	float:left;
	vertical-align:middle;
}
.sousmenuTitle {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-weight:bold;
	padding-left:16px;
	color:#000000;
	margin:1em 0 0 0;
}
#sousmenu {
	margin:0.2em 0 0 0;
	padding:0 0 0 0;
	margin-bottom:0;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-weight:normal;
	color:#000000;
	background:transparent url(pictures/bg_h1_menu.gif) top left repeat-y;
}
#sousmenu li {
	border-top:1px solid #fff;
	padding:5px 15px;
	margin:0;
	line-height:1.2em;
}
#mainContent .titrerub #sousmenu a {
	color:#000000;
	text-decoration:underline;
}

.tableYear {
	border-bottom: 2px solid #666;
	background-color:#E8E8E8;
	padding:5px;
	font-weight:bold;
}
.tableBorderBottom {
	border-bottom: 1px solid #ccc;
	padding-bottom:5px;
	padding-top:5px;
}


/* Colonne de droite */
/* ---------------------------- */
	/* Recherche */
	.formulaire_recherche {
		background-color:#990033;
		font-size:0.7em;
		border-bottom:1px solid #fff;
		width:100%;
	}
	.formulaire_recherche .content {
		padding:5px 5px 8px 8px;
	}
	.formulaire_recherche label {
		color:#fff;
		display:block;
	}
	.formulaire_recherche #recherche {
		border:1px solid #CCCCCC;
		font-size:0.9em;
		vertical-align:middle;
		width:150px;
	}
	.formulaire_recherche input.submit {
		border:none;
		margin-left:10px;
		vertical-align:middle;
	}
	/* Agenda */

	#calendar h2, #download h2, #meteo h2 {
		background-color:#6c414b;
		background-image: url(pictures/bg_agenda_title_top.gif);
		background-repeat: no-repeat;
		background-position: top left;
		font-size:0.9em;
		margin:0;
	}
	#calendar a.title, #download a.title, #meteo a.title {
		color:#FFFFFF;
		text-decoration:none;
	}
	#calendar a.title:hover h2, #download a.title:hover h2, #meteo a.title:hover h2 {
		background-color:#990134;
	}
	#calendar h2 .content, #download h2 .content, #meteo h2 .content {
		display:block;
		background-color:transparent;
		background-image: url(pictures/bg_agenda_title_bottom.gif);
		background-repeat: no-repeat;
		background-position: bottom left;
		color:#FFFFFF;
		font-weight:normal;
		text-transform:uppercase;
		padding:7px 5px 5px 10px;
	}
	#calendar .content, #download .content, #meteo .content {
		background-color:#efebec;
		color:#333;
		font-size:0.9em;
		text-align:left;
		padding:10px 12px;
	}
	#calendar table {
		position:relative;
		z-index:100;
		}
	#calendar .dechets {
		position:absolute;
		z-index:0;
		}
	#calendar td, #calendar th {
		text-align:center;
	}
	#calendar td.horsperiode {
		color:#999999;
		border:1px solid #efebec;
	}
	#calendar td.libre {
		border:1px solid #efebec;
	}
	#calendar td.occupe {
		border:1px dashed #666666;
		background-color:#ead3db;
	}
	#calendar td.today {
		border:1px solid #ff9934;
	}
	#calendar table.dechets td.occupe {
		border:1px dashed #999999;
		background-color:#CCCCCC;
	}
	#calendar td.occupe a {
		text-decoration:none;
		font-weight:bold;
		color:#990134;
		display:block;
	}
	#calendar td.occupe a:hover {
		text-decoration:none;
		font-weight:bold;
		color:#fff;
		background-color:#990134;
	}
	#calendar #agenda h3 {
		margin:1em 0;
	}
	#calendar #agenda ul, #calendar #agenda li {
		margin:0;
		padding:0;
		list-style:none;
	}
	#calendar #agenda li {
	}
	#calendar #agenda li a {
		display:block;
		z-index:100;
		color:#333;
		text-decoration:none;
	}
	#calendar #agenda li a:hover {
		text-decoration:underline;
	}
	#calendar #agenda .color {
		float:left;
		height:1em;
		width:15px;
		margin-right:5px;
		vertical-align:middle;
	}
	#calendar #voirDechets, #calendar #cacherDechets {
	margin:4px 0;
	}
#tooltip.fancy {
	background:transparent url('pictures/shadow2.png') top left no-repeat;
	padding:5em 0 0 10px;
	height: 110px;
	width:250px;
	text-align:left;
}
#tooltip.fancy.viewport-right {
	background:transparent url('pictures/shadow2-reverse.png') top left no-repeat;
	margin-left:15px;
}

	/* Download */
	#download h2 {
		background-color:#4c4d4f;
	}
	#download h2 .content {
		display:block;
		background-color:transparent;
		color:#FFFFFF;
	}
	#download .content {
		background-color:#fff;
		padding:8px 8px 8px 10px;
		color:#000;
	}
	#download ul {
		padding:0 0 0 0;
		margin:0;
	}
	#download h3,
	.page_mot .liste-articles h3 {
		padding-bottom:0.5em;
	}
	#download h3 a:link, #download h3 a:visited,
	.page_mot .liste-articles h3 a:link, .page_mot .liste-articles h3 a:visited {
		color:#333;
		font-weight:bold;
		font-size:1.1em;
	}
	#download h3 a:hover,
	.page_mot .liste-articles h3 a:hover {
		color:#333;
		font-weight:bold;
	}
	#download li,
	.page_mot .liste-articles li {
		background:transparent url(pictures/bullet.gif) top left no-repeat;
		list-style:none;
		padding:3px 0 8px 10px;
		margin:0;
	}
	#download li li,
	.page_mot .liste-articles li li {
		list-style:none;
		padding:3px 0 8px 22px;
	}
	#download li li .spip_doc_titre,
	.page_mot .liste-articles li li .spip_doc_titre {
		font-weight:normal;
		font-size:1em;
	}
	#download .spip_doc_descriptif,
	.page_mot .liste-articles .spip_doc_descriptif {
		font-size:0.9em;
	}

	/* Meteo */
	#meteo h2 {
		background-color:#ff9933;
	}
	#meteo h2 .content {
		display:block;
		position:relative;
		background-color:transparent;
		color:#FFFFFF;
		border-left:0;
	}
	#meteo .content {
		background:#ededed url(pictures/bg_meteo_bottom.gif) bottom left no-repeat;
		color:#000;
		padding:0 0 16px 0;
		border-left:2px solid #fff;
	}
	#meteo .sstitre {
		color:#000;
		font-weight:bold;
		background:#ededed url(pictures/bg_meteo_h3.gif) top left repeat-y;
		border-top:2px solid #fff;
		padding:5px 5px 3px 5px;
		margin:0;
		font-size:1em;
	}
	#meteo table {
		margin:0 10px;
	}
	#meteo .firstcol {
		width:60px;
	}
	#meteo4jours, #meteo1jours, #voirDechets, #cacherDechets {
	background-image: url(pictures/view_more.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left:15px;
	margin:4px 13px;
	}
	#meteo1jours, #cacherDechets {
	background-image: url(pictures/view_less.gif);
	}
/* Footer */
#footer {
	background-image: url(pictures/bg_wrapper_bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom:16px;
	position:relative;
	font-size:0.8em;
}
#footer a {
	color:#FFFFFF;
}
#footer .content {
	background-color:#4c4d4f;
	padding:3px 60px 3px 10px;
	margin-left:13px;
	margin-right:13px;
	color:#FFFFFF;
	text-align:right;
}
#footer .logo {
	position:absolute;
	right:25px;
	bottom:6px;
}
#footer img {
	vertical-align:middle;
	}
.nettoyeur { display:block; clear: both; margin: 0; padding: 0; border: none; height: 0px; line-height: 1px; font-size: 1px;  }

.more {
	text-align:right;
}