/* CSS Document */	
/* --------------------------------------------------------------------------------------------- Global */
	#global {
		width:986px;
		font-size:1.1em;
		padding:27px 0 0 0;
		margin:0 auto;
	}
/* ------------------------------------------------------------------------- Header */
	#header {
		float:left;
		width:100%;
		background:#b7928b url(../images/background/header.gif) repeat-y
	}
/* ----------------------------------------------------- Top */
	#top {
		float:left;
		width:950px;
		color:#fff;
		background:url(../images/background/top.gif) no-repeat;
		padding:9px 20px 0 16px;
		margin:0 0 5px 0
	}
/* --------------------------------- Liens d'accès rapide */
	#acces_rapide {
		float:left;
		padding:2px 0 0 0
	}
	#acces_rapide li {
		float:left;
		margin:0 15px 0 0
	}
	#acces_rapide li a, #acces_rapide li span {
		color:#fff;
		margin:0 13px 0 0
	}
	#acces_rapide li span {font-weight:bold}
/* --------------------------------- Recherche */
	#recherche {float:right}
	#recherche label {
		float:left;
		line-height:1.6em;
		margin:0 5px 0 0
	}
	#recherche input.champ {
		float:left;
		width:133px;
		font-family:arial;
		font-size:1em;
		color:#000;
		border:1px solid #fff;
		padding:1px 5px
	}
	#recherche input.champ:hover, #recherche input.champ:focus, #recherche input.champ.focus {background:#fbf0ee}
	#recherche input.bouton {
		float:left;
		font-family:arial;
		font-size:.9em;
		color:#fff;
		background:#88665f;
		border:1px solid #fff;
		padding:1px 4px 0 4px
	}
	*+html #recherche input.bouton {padding-top:0}
	* html #recherche input.bouton {padding-top:0}
/* ----------------------------------------------------- Tétière */
	#tetiere {
		position:relative;
		display:block;
		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 {
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/extension/saintjeandebraye/design/saintjeandebraye/images/background/tetes.png',sizingMethod='crop');
	}
/* ------------------------------------------------------------------------- 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 */
	#main {
		clear:both;
		width:986px;
		padding:33px 0 7px 0;
		overflow:hidden;
	}
/* ----------------------------------------------------- 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 {
		float:left;
		width:253px;
		margin:0 0 0 3px;
		padding:0;
		overflow:hidden;
	}
	#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}
/* --------------------------------- Agoraville */
/* ------------- Non connecte */
	div.espace_utilisateur {
		padding:0 20px;
		margin:0 0 20px 0
	}
	div.espace_utilisateur label {
		display:block;
		margin:0 0 2px 0
	}
	div.espace_utilisateur p input {
		width:207px;
		font-size:1em;
		border:1px solid #b49b95;
		padding:2px 0 2px 5px;
		margin:0 0 5px 0
	}
	div.espace_utilisateur input.bouton {float:right}
	div.espace_utilisateur form a {
		display:block;
		font-size:.9em;
		color:#000;
		margin:0 40px 0 0
	}
	div.espace_utilisateur form span.masquer {display:none}
/* ------------- Connecte */
	div.espace_utilisateur ul {
		padding:0 0 0 20px;
		margin:10px 0 0 0
	}
	div.espace_utilisateur ul li {
		background:url(../images/background/fleche.gif) no-repeat left 4px;
		padding:0 0 0 10px;
		margin:0 0 5px 0
	}
	div.espace_utilisateur ul li a {
		color:#000
	}
	div.espace_utilisateur ul li strong {
		color:#ff0000
	}
/* --------------------------------- Accès directs */
	#acces_directs {
		padding:0 20px 0 18px;
		margin:0 0 20px 0
	}
	#acces_directs li {
		background-repeat:no-repeat;
		background-position:left center;
		padding:6px 0 6px 30px
	}
	#acces_directs #item_8334 {
		background-image:url(../images/background/actualites.gif);
		background-position:1px center
	}
	#acces_directs #item_10600 {background-image:url(../images/background/forum.gif)}
	#acces_directs #item_8450 {background-image:url(../images/background/marches_publics.gif)}
	#acces_directs #item_10334 {
		background-image:url(../images/background/ecrire_maire.gif);
		background-position:4px center
	}
	#acces_directs #item_10436 {background-image:url(../images/background/annuaire_associations.gif)}
	#acces_directs #item_10335, #acces_directs #item_10824 {
		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_10683 {background-image:url(../images/background/annuaire_services.gif)}
	#acces_directs li a {color:#000}
	#acces_directs li a.on {
		font-weight:bold;
		cursor:text
	}
	#acces_directs li a.on:hover, #acces_directs li a.on:focus, #acces_directs li a.on.focus {text-decoration:none}
/* --------------------------------- Mon carnet de route */
	#acceder_carnet_route {
		background:url(../images/background/carnet_route.gif) no-repeat left top;
		padding:0 20px 10px 30px;
		margin:0 0 0 18px
	}
	#acceder_carnet_route a {
		display:block;
		color:#000;
		margin:0 0 4px 0
	}
	#acceder_carnet_route span {
		font-size:.9em;
		color:#666
	}
	#acceder_carnet_route span span {
		
	}
/* --------------------------------- Menu contextuel */
/* ------------- Premier niveau */
	#menu_contextuel {
		font-weight:bold;
		padding:0 20px 0 18px
	}
	#menu_contextuel li {margin:0 0 8px 0}
	#menu_contextuel li a {color:#f5600f}
	#menu_contextuel li strong  {
		color:#fff;
		background:#f5600f;
		padding:0 5px
	}
/* ------------- Second niveau */
	#menu_contextuel li ul {
		font-weight:normal;
		padding:0 0 0 20px;
		margin:5px 0 0 0
	}
	#menu_contextuel li ul li {
		background:url(../images/background/tiret.gif) no-repeat left 6px;
		padding:0 0 0 10px;
		margin-bottom:6px
	}
	#menu_contextuel li ul li a {color:#000}
	#menu_contextuel li ul li strong {
		font-weight:bold;
		color:#000;
		background:none;
		padding:0
	}
/* ----------------------------------------------------- Contenu */
	#contenu {
		float:right;
		width:724px;
		margin:0;
		padding:0;
		overflow:hidden; 
	}
	#contenu #contenu_top, #contenu #contenu_bottom {
		float:left;
		width:100%;
		height:13px;
		background:url(../images/background/contenu_top.gif) no-repeat;
		font-size:0
	}
	#contenu #contenu_bottom {background-image:url(../images/background/contenu_bottom.gif)}
	#contenu #contenu_middle {
		float:left;
		width:680px;
		background:#fff url(../images/background/contenu_middle.gif) repeat-y;
		padding:10px 22px 0 22px
	}
	div.contenu {
		width:680px;
		height:100%;
		overflow:hidden;
		/*
		float:left;
		width:100%
		*/
	}
/* --------------------------------- H1 */
	div.contenu h1 {
		overflow:hidden;
		text-transform:uppercase;
		font-size:1.4em;
		font-weight:normal;
		color:#fff;
		margin:5px 0
	}
	* html div.contenu h1 {
		float:left;
		width:100%;
		margin-bottom:0
	}
	div.contenu h1 span {
		float:left;
		background:#f5600f url(../images/background/titre_large.gif) no-repeat right bottom;
		padding:8px 30px 19px 12px
	}
/* --------------------------------- Fil d'arianne */
	#fil_arianne {
		color:#797979;
		margin:0 0 10px 0
	}
	#fil_arianne a {
		color:#797979;
		text-decoration:underline
	}
	#fil_arianne a:hover, #fil_arianne a:focus, #fil_arianne a.focus {text-decoration:none}
/* --------------------------------- Plan du site */
	#plan_site {
		float:left;
		width:100%;
		table-layout:fixed;
		border-collapse:collapse
	}
	#plan_site tr td {
		vertical-align:top;
		padding:0 10px 20px 5px
	}
	#plan_site tr td a {text-decoration:none}
	#plan_site tr td a:hover, #plan_site tr td a:focus, #plan_site tr td a.focus {text-decoration:underline}
	#plan_site tr td h2 {
		font-size:1.3em;
		font-weight:bold;
		margin-bottom:5px
	}
	#plan_site tr td h2 a {color:#6eab6a}
	#plan_site tr td ul {
		clear:both;
		font-size:1.1em;
		padding:0 0 0 15px
	}
	#plan_site tr td ul li {
		background:url(../images/background/puce.gif) no-repeat 0 4px;
		padding:0 0 0 10px;
		margin:0 0 3px 0
	}
	#plan_site tr td ul li a {color:#000}
	#plan_site tr td ul li ul {
		font-size:.9em;
		margin:3px 0 5px 0
	}
	#plan_site tr td ul li ul li {background:url(../images/background/tiret.gif) no-repeat 0 6px}
/* --------------------------------- Outils */
	#outils {
		float:left;
		width:100%;
		padding:20px 0 10px 0
	}
	#outils a {
		float:left;
		color:#000;
		background-repeat:no-repeat;
		background-position:left center;
		padding:0 0 1px 25px;
		margin:0 50px 0 0
	}
	#outils #envoyer_ami {background-image:url(../images/background/envoyer_page.gif)}
	#outils #imprimer {
		background-repeat:no-repeat;
		background-image:url(../images/background/imprimer.gif);
		padding-left:25px
	}
	#outils #ajout_carnet_route {
		background-image:url(../images/background/ajouter_carnet_route.gif)
	}
	#outils #haut_page {
		background-image:url(../images/background/haut_page.gif);
		margin-right:0;
		padding-bottom:2px
	}
/* --------------------------------- Cas du js désactivé */
	#outils p {
		background-position:left 3px;
		margin-top:6px;
		margin-bottom:6px
	}
	#outils p a {
		padding-left:0;
		margin-right:0;
		text-decoration:underline
	}
	#outils p a:hover, #outils p a:focus, #outils p a.focus {text-decoration:none}
/* ------------------------------------------------------------------------- Bottom */
	#bottom {
		position:relative;
		clear:both;
		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 a {margin:0 10px 0 0}
/* ----------------------------------------------------- Copyright */
	#bottom #copyright {
		position:absolute;
		top:-2px;
		right:20px
	}