/* CSS Document */
/* ------------------------------------------------------------------------- Header */
/* ----------------------------------------------------- Tétière */
	#tetiere {
		position:relative;
		display:inline;
		float:left;
		width:978px;
		height:189px;
		background:#fff url(../images/background/tetiere.jpg) no-repeat right bottom;
		padding:1px 0 0 0;
		margin:0 4px
	}
	#tetiere img {float:left}
	#tetes {
		position:absolute;
		left:590px;
		top:80px;
		display:block;
		width:304px;
		height:9px;
		background:url(../images/background/tetes.png);
		font-size:0
	}
	* html #tetes {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/extension/saintjeandebraye/design/saintjeandebraye/images/background/tetes.png',sizingMethod='crop');
		background-image:none
	}
/* ------------------------------------------------------------------------- Menu */
	#menu {
		float:left;
		width:100%;
		letter-spacing:0.1em;
		text-transform:uppercase;
		font-size:1.1em;
		font-weight:bold;
		background:url(../images/background/menu.gif) no-repeat;
		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}
/* ------------------------------------------------------------------------- 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
	}
/* ----------------------------------------------------- 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_bottom {background-position:right top}
/* --------------------------------- 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_8450 {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}