/* CSS Document */
/* ------------------------------------------------------------------------- Header */
/* ----------------------------------------------------- Tétière */
	#tetiere {
		position:relative;
		height:150px;
		border-bottom: 1px solid #ab9995;
	}
	.tetiere-inner {
		width:978px;
		padding:5px 0 0 0;
		margin:0 auto;
	}
	.tetiere-left {
		float: left
	}
	.tetiere-right {
		float:left;
	}
/*	#tetiere img {float:left}
*/
/*	#tetes {
		position:absolute;
		left:590px;
		top:80px;
		display:block;
		width:304px;
		height:9px;
		font-size:0
	}*/
/* ------------------------------------------------------------------------- Menu */
/*	#menu {
		float:left;
		width:100%;
		letter-spacing:0.1em;
		text-transform:uppercase;
		font-size:1.1em;
		font-weight:bold;
		padding:1px 0 0 0
	}
	#menu li {display:inline}
	#menu li a, #menu li strong {
		display:block;
		float:left;
		width:184px;
		text-align:center;
		color:#565656;
		background:#fff url(../images/background/menu_a.jpg) no-repeat left top;
		padding:15px 0 14px 5px;
		margin:0 3px
	}
	#menu li a:hover, #menu li a:focus, #menu li a.focus, #menu li strong {background-position:right top}*/

	#menu {
		margin: 10px 0 10px 0;
		clear: both;
		position:relative;
	}
	#menu li {
		float:left;
	}
	#menu li a, #menu li strong {
		font-size: 14px;
		text-transform: uppercase;
		color: #1a181c;
		padding: 2px 10px 2px 10px;
		border-right: 1px solid #a3a2a4;
		line-height:1em;
	}
	#menu li a.last, #menu li strong.last {
		border-right: 0px;
	}
	#menu li a:hover, #menu li a:focus, #menu li a.focus, #menu li strong {
		background: #766076;
		text-decoration: none;
		color: #fff;
	}

	#menu .menu_level2 {
		display: none;
		background: #766076;
	}
	#menu .menu_level2 a, #menu .menu_level2 strong {
		color: #fff;
		text-transform: none;
		border-right: 1px solid #fff;
		font-size: 12px;
		display: block;
		margin-top: 2px;
	}
	#menu .menu_level2 a:hover {
		text-decoration: underline;
	}
	#menu li:hover ul.menu_level2 {
		display:block; padding:5px; margin:0; position:absolute; left:0;width:840px;
	}
/* ------------------------------------------------------------------------- Main */
/* ----------------------------------------------------- Colonnes */
	div.colonne_top, div.colonne_bottom {
		float:left;
		width:100%;
		height:13px;
		background:url(../images/background/colonne_top.gif) no-repeat;
		font-size:0
	}
	div.colonne_middle {
		float:left;
		width:100%;
		background-color:#fff;
		background-repeat:repeat-y
	}
	div.colonne_middle span.titre {
		display:block;
		width:196px;
		text-transform:uppercase;
		font-size:1.5em;
		color:#fff;
		background-repeat:no-repeat;
		background-position:left bottom;
		border-top:1px solid #fff;
		padding:2px 0 13px 7px;
		margin:0 0 5px 0
	}
	div.colonne_bottom {
		height:12px;
		background-image:url(../images/background/colonne_bottom.gif);
		margin-bottom:20px
	}
	div.colonne_middle {
/*		padding:10px;
*/	}
/* ----------------------------------------------------- Left */
	#left {
		display:inline;
		float:left;
		width:253px;
		margin:0 6px 0 3px
	}
	#left div.colonne_top {background-position:right top}
	#left div.colonne_middle {background-image:url(../images/background/left_middle.gif)}
	#left div.colonne_middle span.titre {
		background-color:#f1880b;
		background-image:url(../images/background/titre_left.jpg)
	}
	#left div.colonne_middle span.titre_cultural_events {
		background-color:#649c15;
		background-image:url(../images/background/culturla_events_bg.png);
		font-size: 1.5em;
		display:block;
		width:228px;
		text-transform:uppercase;
		color:#fff;
		background-repeat:no-repeat;
		background-position:left bottom;
		padding:1px 0 13px 7px;
		margin:0 0 5px 0
	}
	#left div.colonne_middle span.titre_cultural_events span {
		top: 2px;
		display: block;
		position: relative;
	}
	#left div.colonne_bottom {background-position:right top}
	#left div.colonne_middle.cultural_events p {
		width: 210px;
		margin: 10px auto;
	}
	#left div.colonne_middle.cultural_events span.sub-title {
		font-weight: bold;
		display: block;
		margin:5px 0 5px 20px;
		text-transform: uppercase;

	}
	#left div.colonne_middle.cultural_events a.lire_suite {
		font-weight: bold;
		color: #747474;
		background: url(../images/background/triple_fleches.gif) no-repeat right 5px;
		padding: 0 21px 0 0;
		text-decoration: none;
		float:right;
		margin-right:20px;
	}
/* --------------------------------- Accès directs */
	#acces_directs {
		padding:0 20px 0 18px;
		margin:0 0 20px 0
	}
	#acces_directs #item_8334 {
		background-image:url(../images/background/actualites.gif);
		background-position:1px center
	}
	#acces_directs #item_14254 {background-image:url(../images/background/marches_publics.gif)}
	#acces_directs #item_10431 {
		background-image:url(../images/background/guichets_virtuels.gif);
		background-position:4px center
	}
	#acces_directs #item_10334 {
		background-image:url(../images/background/ecrire_maire.gif);
		background-position:4px center
	}
	#acces_directs #item_8509 {background-image:url(../images/background/annuaire_services.gif)}
	#acces_directs #item_10436 {background-image:url(../images/background/annuaire_associations.gif)}
	#acces_directs #item_12290 {
		background-image:url(../images/background/recrutement.gif);
		background-position:4px center
	}
	#acces_directs #item_10336 {background-image:url(../images/background/publications.gif)}
	#acces_directs #item_10394 {
		background-image:url(../images/background/lettre_information.gif);
		background-position:3px center
	}
	
		#acces_directs #item_11024 {
		background-image:url(../images/background/carte_interactive.gif);
		background-position:3px center
		}
		
		#acces_directs #item_12929 {
		background-image:url(../images/background/travaux.png);
		background-position:3px center
		}				
		
/* ------------------------------------------------------------------------- Bottom */
	#bottom {
		position:relative;
		float:left;
		width:100%;
		text-align:center;
		color:#6c534d;
		padding:0 0 20px 0
	}
	#bottom a {color:#6c534d}
	#bottom ul li {
		display:inline;
		margin:0 10px 0 0
	}
	#bottom ul li.last {display:none}
	#bottom ul li a {margin:0 10px 0 0}
/* ----------------------------------------------------- Copyright */
	#bottom #copyright {right:20px}


	#portail_associatif, #mediatheque, #portail_eau {
		width:166px;
		height:42px;
		background:#105d93 url(../images/background/menu_bg.png) no-repeat;	
		float:left;
		margin-right: 10px;

	}
	#portail_associatif a, #mediatheque a, #portail_eau a {
		color: #fff;
		text-transform: uppercase;
		padding: 5px 0 0 7px;
		display: block;
	}