/* CSS Document */	
/* --------------------------------------------------------------------------------------------- Global */
	#global {
		width:980px;
		margin:0 auto
	}
/* ------------------------------------------------------------------------- Header */
	#header {
		float:left;
		width:958px;
		font-size:1.1em;
		background-image:url(../images/background/header_bleu.jpg);
		background-repeat:no-repeat;
		background-position:left bottom;
		padding:7px 0 0 22px
	}
	body.sous_niveaux_2_noeud_201 #header {background-image:url(../images/background/header_vert2.gif)}		/* vert (Découvrir Melesse) */
	body.sous_niveaux_2_noeud_211 #header {background-image:url(../images/background/header_rose.gif)}		/* rose (Melesse pratique) */
	body.sous_niveaux_2_noeud_8316 #header {background-image:url(../images/background/header_kaki.gif)}		/* kaki (Enfance et jeunesse) */
	body.sous_niveaux_2_noeud_8015 #header {background-image:url(../images/background/header_jaune2.gif)}	/* jaune (Urbanisme) */
	body.sous_niveaux_2_noeud_8314 #header {background-image:url(../images/background/header_orange2.gif)}	/* orange (Culture, Sports et Loisirs) */
	body.sous_niveaux_2_noeud_8315 #header {background-image:url(../images/background/header_bleu2.gif)}	/* bleu (Economie Emploi) */
	body.sous_niveaux_2_noeud_8317 #header {background-image:url(../images/background/header_violet.gif)}	/* violet (Vie municipale) */
/* ----------------------------------------------------- Logo */
	#header #logo {float:left}
/* ----------------------------------------------------- Liens d'accès rapide */
	#header #acces_rapide {
		float:right;
		text-transform:uppercase;
		margin:0 0 8px 0
	}
	#header #acces_rapide li {
		float:left;
		margin:0 12px 0 0
	}
	#header #acces_rapide li a {
		color:#000;
		margin:0 10px 0 0
	}
	#header #acces_rapide li span {color:#34a1cf}
/* ----------------------------------------------------- Tétière */
	#header #tetiere {float:right}
/* ----------------------------------------------------- Menu */
/* --------------------------------- Premier niveau */
	#menu {
		display:inline;
		float:left;
		width:805px;
		text-transform:uppercase;
		font-weight:bold;
		background:#20ae0d url(../images/background/menu.gif) repeat-x;
		margin:0 0 0 153px
	}
	#menu li {
		position:relative;
		float:left;
		text-align:center;
		padding:10px 0 0 0
	}
	#menu li a {
		display:block;
		float:left;
		width:115px;
		color:#fff;
		background:url(../images/background/dotted_vertical_blanc.gif) repeat-y;
		padding:7px 0 7px 0
	}
	#menu li a.sous_niveaux_2_noeud_8015, #menu li a.sous_niveaux_2_noeud_8317 {	/* urbanisme et vie municipale */
		padding-top:12px;
		padding-bottom:15px
	}
	#menu li.on a.sous_niveaux_2_noeud_201, #menu li.on a.sous_niveaux_2_noeud_201:focus, #menu li.on a.sous_niveaux_2_noeud_201.focus, body.sous_niveaux_2_noeud_201 #menu li a.sous_niveaux_2_noeud_201 {background-color:#4ba81c}	/* vert (Découvrir Melesse) */
	#menu li.on a.sous_niveaux_2_noeud_211, #menu li.on a.sous_niveaux_2_noeud_211:focus, #menu li.on a.sous_niveaux_2_noeud_211.focus, body.sous_niveaux_2_noeud_211 #menu li a.sous_niveaux_2_noeud_211 {background-color:#c84a4b}	/* rose (Melesse pratique) */
	#menu li.on a.sous_niveaux_2_noeud_8316, #menu li.on a.sous_niveaux_2_noeud_8316:focus, #menu li.on a.sous_niveaux_2_noeud_8316.focus, body.sous_niveaux_2_noeud_8316 #menu li a.sous_niveaux_2_noeud_8316 {background-color:#89ad29}	/* kaki (Enfance et jeunesse) */
	#menu li.on a.sous_niveaux_2_noeud_8015, #menu li.on a.sous_niveaux_2_noeud_8015:focus, #menu li.on a.sous_niveaux_2_noeud_8015.focus, body.sous_niveaux_2_noeud_8015 #menu li a.sous_niveaux_2_noeud_8015 {background-color:#e1b51e}	/* jaune (Urbanisme) */
	#menu li.on a.sous_niveaux_2_noeud_8314, #menu li.on a.sous_niveaux_2_noeud_8314:focus, #menu li.on a.sous_niveaux_2_noeud_8314.focus, body.sous_niveaux_2_noeud_8314 #menu li a.sous_niveaux_2_noeud_8314 {background-color:#df6117}	/* orange (Culture, Sports et Loisirs) */
	#menu li.on a.sous_niveaux_2_noeud_8315, #menu li.on a.sous_niveaux_2_noeud_8315:focus, #menu li.on a.sous_niveaux_2_noeud_8315.focus, body.sous_niveaux_2_noeud_8315 #menu li a.sous_niveaux_2_noeud_8315 {background-color:#307b9b}	/* bleu (Economie Emploi) */
	#menu li.on a.sous_niveaux_2_noeud_8317, #menu li.on a.sous_niveaux_2_noeud_8317:focus, #menu li.on a.sous_niveaux_2_noeud_8317.focus, body.sous_niveaux_2_noeud_8317 #menu li a.sous_niveaux_2_noeud_8317 {background-color:#bd415b}	/* violet (Vie municipale) */
/* --------------------------------- Second niveau */
	#menu li ul {
		position:absolute;
		top:-999px;
		left:1px;
		width:190px;
		text-transform:none;
		font-weight:normal;
		background:#20ae0d;
		margin:0
	}
	#menu li ul.sous_niveaux_2_noeud_8315, #menu li ul.sous_niveaux_2_noeud_8317 {left:-75px}
	#menu li ul.sous_niveaux_2_noeud_201 {background:#4ba81c}	/* vert (Découvrir Melesse) */
	#menu li ul.sous_niveaux_2_noeud_211 {background:#c84a4b}	/* rose (Melesse pratique) */
	#menu li ul.sous_niveaux_2_noeud_8316 {background:#89ad29}	/* kaki (Enfance et jeunesse) */
	#menu li ul.sous_niveaux_2_noeud_8015 {background:#e1b51e}	/* jaune (Urbanisme) */
	#menu li ul.sous_niveaux_2_noeud_8314 {background:#df6117}	/* orange (Culture, Sports et Loisirs) */
	#menu li ul.sous_niveaux_2_noeud_8315 {background:#307b9b}	/* bleu (Economie Emploi) */
	#menu li ul.sous_niveaux_2_noeud_8317 {background:#bd415b}	/* violet (Vie municipale) */
	#menu li ul.actif {top:50px}
	#menu li ul li {
		float:left;
		width:100%;
		text-align:left;
		padding:0
	}
	#menu li ul li a, #menu li.sous_niveaux_2_noeud_201 ul li a, #menu li.sous_niveaux_2_noeud_203 ul li a {
		float:none;
		width:174px;
		background:none;
		border-top-width:1px;
		border-top-style:solid;
		padding:7px 8px 7px 8px
	}
	#menu li ul.sous_niveaux_2_noeud_201 li a {border-top-color:#a3de85}	/* vert (Découvrir Melesse) */
	#menu li ul.sous_niveaux_2_noeud_211 li a {border-top-color:#eb9d9d}	/* rose (Melesse pratique) */
	#menu li ul.sous_niveaux_2_noeud_8316 li a {border-top-color:#d4e5a6}	/* kaki (Enfance et jeunesse) */
	#menu li ul.sous_niveaux_2_noeud_8015 li a {border-top-color:#ead898}	/* jaune (Urbanisme) */
	#menu li ul.sous_niveaux_2_noeud_8314 li a {border-top-color:#ebb696}	/* orange (Culture, Sports et Loisirs) */
	#menu li ul.sous_niveaux_2_noeud_8315 li a {border-top-color:#66aac7}	/* bleu (Economie Emploi) */
	#menu li ul.sous_niveaux_2_noeud_8317 li a {border-top-color:#e27a90}	/* violet (Vie municipale) */
	#menu li ul.sous_niveaux_2_noeud_201 li a:hover {background:#4ba81c}	/* vert (Découvrir Melesse) */
	#menu li ul.sous_niveaux_2_noeud_211 li a:hover {background:#c84a4b}	/* rose (Melesse pratique) */
	#menu li ul.sous_niveaux_2_noeud_8316 li a:hover {background:#89ad29}	/* kaki (Enfance et jeunesse) */
	#menu li ul.sous_niveaux_2_noeud_8015 li a:hover {background:#e1b51e}	/* jaune (Urbanisme) */
	#menu li ul.sous_niveaux_2_noeud_8314 li a:hover {background:#df6117}	/* orange (Culture, Sports et Loisirs) */
	#menu li ul.sous_niveaux_2_noeud_8315 li a:hover {background:#307b9b}	/* bleu (Economie Emploi) */
	#menu li ul.sous_niveaux_2_noeud_8317 li a:hover {background:#bd415b}	/* violet (Vie municipale) */
	#menu li.on ul li a {text-decoration:none}
	#menu li.on ul li a:hover {text-decoration:underline}
	#menu li.on ul li.on a {text-decoration:underline}
/* --------------------------------- Troisième niveau */
	#menu li ul.actif li ul {
		top:0;
		left:191px;
		font-size:.9em
	}
	#menu li ul.actif.sous_niveaux_2_noeud_8315 li ul, #menu li ul.actif.sous_niveaux_2_noeud_8317 li ul {left:-191px}
	#menu li.on ul.actif li.on ul li a {text-decoration:none}
	#menu li.on ul.actif li.on ul li a:hover {text-decoration:underline}
/* ------------------------------------------------------------------------- Main */
	#main {
		float:left;
		width:100%;
		font-size:1.1em
	}
/* ----------------------------------------------------- Blocs */
	div.bloc {
		background-image:url(../images/background/arrondi_bottom_droit.gif);
		background-color:#20ae0d;
		background-repeat:no-repeat;
		padding:0 0 7px 0;
		margin:0 0 25px 0
	}
	#left div.bloc {background-position:right bottom}
	#right div.bloc {background-position:left bottom}
	div.bloc.bleu {	/* bleu (Services pratiques) */
		background-image:url(../images/background/arrondi_bottom_droit_bleu.gif);
		background-color:#4d98b8
	}
	body.sous_niveaux_2_noeud_201 div.bloc.flat_left {		/* vert (Découvrir Melesse) */
		background-image:url(../images/background/arrondi_bottom_droit_vert2.gif);
		background-color:#4ba81c
	}
	body.sous_niveaux_2_noeud_211 div.bloc.flat_left {		/* rose (Melesse pratique) */
		background-image:url(../images/background/arrondi_bottom_droit_rose.gif);
		background-color:#c84a4b
	}
	body.sous_niveaux_2_noeud_8316 div.bloc.flat_left {		/* kaki (Enfance et jeunesse) */
		background-image:url(../images/background/arrondi_bottom_droit_kaki.gif);
		background-color:#89ad29
	}
	body.sous_niveaux_2_noeud_8015 div.bloc.flat_left {		/* jaune (Urbanisme) */
		background-image:url(../images/background/arrondi_bottom_droit_jaune2.gif);
		background-color:#e1b51e
	}
	body.sous_niveaux_2_noeud_8314 div.bloc.flat_left {		/* orange (Culture, Sports et Loisirs) */
		background-image:url(../images/background/arrondi_bottom_droit_orange2.gif);
		background-color:#df6117
	}
	body.sous_niveaux_2_noeud_8315 div.bloc.flat_left {		/* bleu (Economie Emploi) */
		background-image:url(../images/background/arrondi_bottom_droit_bleu2.gif);
		background-color:#307b9b
	}
	body.sous_niveaux_2_noeud_8317 div.bloc.flat_left {		/* violet (Vie municipale) */
		background-image:url(../images/background/arrondi_bottom_droit_violet.gif);
		background-color:#bd415b
	}
	div.bloc.orange {		/* orange (agenda) */
		background-color:#df8a15;
		padding-bottom:12px
	}
	#left div.bloc.orange {background-image:url(../images/background/arrondi_bottom_droit_orange.gif)}		/* orange (agenda) */
	#right div.bloc.orange {background-image:url(../images/background/arrondi_bottom_gauche_orange.gif)}	/* orange (agenda) */
	div.bloc span.titre {
		display:block;
		text-transform:uppercase;
		font-size:1.1em;
		font-weight:bold;
		color:#fff;
		background-repeat:no-repeat;
		padding:10px 5px 0 10px;
		margin:0 0 13px 0
	}
	#left div.bloc span.titre {background-position:right top}
	#right div.bloc span.titre {background-position:left top}
	#left div.bloc.bleu span.titre {background-image:url(../images/background/arrondi_top_droit_bleu.gif)}
	body.noeud_200 #left div.bloc.bleu span.titre {background-image:none}
	#left div.bloc.orange span.titre {background-image:url(../images/background/arrondi_top_droit_orange.gif)}
	#right div.bloc.orange span.titre {background-image:url(../images/background/arrondi_top_gauche_orange.gif)}
	div.bloc ul {padding:0 5px 0 13px}
	div.bloc ul li {
		background:url(../images/background/puce_blanche.gif) no-repeat left 4px;
		padding:0 0 0 14px;
		margin:0 0 10px 0
	}
	div.bloc.orange ul li {
		background:none;
		padding-left:0;
		margin-bottom:15px
	}
	div.bloc ul li a {color:#fff}
	div.bloc ul li a.current {
		font-weight:bold;
		cursor:text
	}
	div.bloc ul li a.current:hover, div.bloc ul li a.current:focus, div.bloc ul li a.current.focus {text-decoration:none}
	div.bloc ul li ul {
		font-size:.9em;
		padding-top:6px;
		padding-left:0
	}
	div.bloc ul li ul li {
		background:url(../images/background/fleche_blanc.gif) no-repeat left 4px;
		padding:0 0 0 9px;
		margin-bottom:6px
	}
	div.bloc.orange ul li p {line-height:1.3em}
	div.bloc.orange ul li p span {font-weight:bold}
	#tous_evenements {
		font-weight:bold;
		color:#fff;
		background:url(../images/background/plus_blanc.gif) no-repeat left center;
		padding:0 0 0 13px;
		margin:0 0 0 13px
	}
/* ----------------------------------------------------- Left */
	#main #left {
		float:left;
		width:175px
	}
/* ----------------------------------------------------- Middle */
	#main #middle {
		float:left;
		width:575px
	}
/* --------------------------------- Navigation (contact - newsletter - recherche) */
	#main #middle #navigation  {
		float:left;
		width:555px;
		background:#df9115;
		padding:5px 10px
	}
	#main #middle #navigation a {
		display:block;
		float:left;
		color:#fff;
		background-repeat:no-repeat;
		background-position:left center;
		padding:4px 0 4px 0;
		margin:0 40px 0 0
	}
	#main #middle #navigation span.node_8022 a {	/* Contact */
		background-image:url(../images/background/contact.gif);
		padding-left:29px
	}
	#main #middle #navigation #newsletter_link {
		background-image:url(../images/background/lettre_information.gif);
		padding-left:23px
	}
	#main #middle #navigation #recherche {float:right}
	#main #middle #navigation #recherche label {
		float:left;
		margin:0 8px 0 0
	}
	#main #middle #navigation #recherche input.champ {
		float:left;
		width:154px;
		font-family:verdana;
		font-size:1em;
		color:#000;
		border:1px solid #fff;
		padding:2px 0 2px 8px
	}
	* html #main #middle #navigation #recherche input.champ {padding-bottom:3px}
	*+html #main #middle #navigation #recherche input.champ {padding-bottom:3px}
	#main #middle #navigation #recherche input.bouton {float:left}
/* --------------------------------- Fil info */
	#main #middle #fil_info {
		float:left;
		width:567px;
		font-size:.9em;
		background:#f9f092;
		padding:4px;
		margin:0 0 10px 0
	}
	body.noeud_200 #main #middle #fil_info {margin-bottom:20px}
/* --------------------------------- Contenu */
	#main #middle div.contenu {
		overflow:hidden;
		float:left;
		width:515px;
		padding:0 30px 0 30px
	}
/* ------------- Fil d'arianne */
	#fil_arianne {
		text-align:left;
		font-size:.9em;
		color:#696969;
		margin:0 0 15px 0
	}
	#fil_arianne a {
		color:#696969;
		text-decoration:underline
	}
	#fil_arianne a:hover, #fil_arianne a:focus, #fil_arianne a.focus {text-decoration:none}
/* ------------- Sommaire */
	#sommaire {
		clear:both;
		padding:10px 0 5px 20px;
		margin:20px 0 0 0
	}
	#sommaire h2 {
		color:#018316;
		margin-bottom:10px
	}
	#sommaire ul {
		font-size:1.1em;
		padding-left:60px
	}
	#sommaire ul li {background-position:0 6px}
	#sommaire ul li a {color:#000}
/* ------------- Plan du site */
	#plan_site h1 {
		float:left;
		width:100%;
		line-height:1em;
		text-transform:uppercase;
		font-size:1.8em;
		font-weight:normal;
		color:#fff;
		border-bottom-style:solid;
		border-bottom-width:2px;
		border-bottom-color:#20ae0d;
		margin:0 0 10px 0
	}
	* html #plan_site h1 {margin-bottom:0}
	#plan_site h1 span {
		overflow:hidden;
		float:left;
		background-color:#20ae0d;
		background-image:url(../images/background/titre_vert.gif);
		background-repeat:no-repeat;
		background-position:right top;
		padding:0 40px 0 10px
	}
	#plan_site table {
		float:left;
		width:100%;
		border-collapse:collapse
	}
	#plan_site table tr td {
		vertical-align:top;
		padding:0 10px 20px 10px
	}
	#plan_site table tr td h2 {
		float:none;
		width:auto;
		line-height:normal;
		text-transform:none;
		font-size:1.5em;
		border:none;
		margin-bottom:3px
	}
	#plan_site table tr td h2 a {color:#4d98b8}
	#plan_site table tr td ul {padding:0 0 0 10px}
	#plan_site table tr td ul li {
		background:url(../images/background/puce.gif) no-repeat 0 4px;
		padding:0 0 0 10px;
		margin:0 0 2px 0
	}
	#plan_site table tr td ul li a {color:#090708}
/* ----------------------------------------------------- Right */
	#main #right {
		float:left;
		width:230px
	}
/* --------------------------------- Illustration */
	#main #right img {margin:0 0 30px 0}
/* ------------------------------------------------------------------------- Bottom */
	#bottom {
		position:relative;
		float:left;
		width:100%;
		background:#20ae0d url(../images/background/bottom.gif) no-repeat
	}
/* ----------------------------------------------------- Footer */
	#bottom ul {
		text-transform:uppercase;
		text-align:center;
		font-size:1.1em;
		color:#fff;
		padding:62px 0 15px 0
	}
	#bottom ul li {
		display:inline;
		margin:0 18px 0 0
	}
	#bottom ul li a {
		color:#fff;
		margin:0 18px 0 0
	}
/* ----------------------------------------------------- Copyright */
	#bottom #copyright {
		position:absolute;
		right:30px;
		top:30px;
		font-size:.9em;
		color:#117b17
	}
	#bottom #copyright a {color:#fff}