/* CSS Document */
/* --------------------------------------------------------------------------------------------- Espacements */
	.sans_espacement {margin:0}
	.petit_espacement {margin-bottom:5px}
	.espacement {margin-bottom:10px}
	.grand_espacement {margin-bottom:20px}
	.tres_grand_espacement {margin-bottom:30px}
/* --------------------------------------------------------------------------------------------- Forcer le retour à la ligne */
	.passer_ligne {clear:both}
/* --------------------------------------------------------------------------------------------- Séparation */
	div.separation {
		float:left;
		width:100%;
		border-bottom:1px dashed #ccc;
		padding:0 0 5px 0;
		margin:0 0 10px 0
	}
/* --------------------------------------------------------------------------------------------- Titres */
	div.contenu 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 h1 {margin-bottom:0}
	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
	}
	body.sous_niveaux_2_noeud_201 h1 {border-bottom-color:#4ba81c}	/* vert (Découvrir Melesse) */
	body.sous_niveaux_2_noeud_201 h1 span {	/* vert (Découvrir Melesse) */
		background-color:#4ba81c;
		background-image:url(../images/background/titre_vert2.gif)
	}
	body.sous_niveaux_2_noeud_211 h1 {border-bottom-color:#c84a4b}	/* rose (Melesse pratique) */
	body.sous_niveaux_2_noeud_211 h1 span {	/* rose (Melesse pratique) */
		background-color:#c84a4b;
		background-image:url(../images/background/titre_rose.gif)
	}
	body.sous_niveaux_2_noeud_8316 h1 {border-bottom-color:#89ad29}	/* kaki (Enfance et jeunesse) */
	body.sous_niveaux_2_noeud_8316 h1 span {	/* kaki (Enfance et jeunesse) */
		background-color:#89ad29;
		background-image:url(../images/background/titre_kaki.gif)
	}
	body.sous_niveaux_2_noeud_8015 h1 {border-bottom-color:#e1b51e}	/* jaune (Urbanisme) */
	body.sous_niveaux_2_noeud_8015 h1 span {	/* jaune (Urbanisme) */
		background-color:#e1b51e;
		background-image:url(../images/background/titre_jaune2.gif)
	}
	body.sous_niveaux_2_noeud_8314 h1 {border-bottom-color:#df6117}	/* orange (Culture, Sports et Loisirs) */
	body.sous_niveaux_2_noeud_8314 h1 span {	/* orange (Culture, Sports et Loisirs) */
		background-color:#df6117;
		background-image:url(../images/background/titre_orange2.gif)
	}
	body.sous_niveaux_2_noeud_8315 h1 {border-bottom-color:#307b9b}	/* bleu (Economie Emploi) */
	body.sous_niveaux_2_noeud_8315 h1 span {	/* bleu (Economie Emploi) */
		background-color:#307b9b;
		background-image:url(../images/background/titre_bleu2.gif)
	}
	body.sous_niveaux_2_noeud_8317 h1 {border-bottom-color:#bd415b}	/* violet (Vie municipale) */
	body.sous_niveaux_2_noeud_8317 h1 span {		/* violet (Vie municipale) */
		background-color:#bd415b;
		background-image:url(../images/background/titre_violet.gif)
	}
	body.sous_niveaux_2_noeud_8333 h1 {border-bottom-color:#4d98b8}	/* bleu (Services pratiques) */
	body.sous_niveaux_2_noeud_8333 h1 span {		/* bleu (Services pratiques) */
		background-color:#4d98b8;
		background-image:url(../images/background/titre_bleu.gif)
	}
	body.sous_niveaux_3_noeud_7644 h1 {border-bottom-color:#df8a15}	/* orange (Agenda) */
	body.sous_niveaux_3_noeud_7644 h1 span {		/* orange (Agenda) */
		background-color:#df8a15;
		background-image:url(../images/background/titre_orange.gif)
	}
	h2 {
		font-size:1.3em;
		color:#333;
		margin-bottom:7px
	}
	body.sous_niveaux_2_noeud_201 h2 {color:#4ba81c}	/* vert (Découvrir Melesse) */
	body.sous_niveaux_2_noeud_211 h2 {color:#c84a4b}	/* rose (Melesse pratique) */
	body.sous_niveaux_2_noeud_8316 h2 {color:#89ad29}	/* kaki (Enfance et jeunesse) */
	body.sous_niveaux_2_noeud_8015 h2 {color:#e1b51e}	/* jaune (Urbanisme) */
	body.sous_niveaux_2_noeud_8314 h2 {color:#df6117}	/* orange (Culture, Sports et Loisirs) */
	body.sous_niveaux_2_noeud_8315 h2 {color:#307b9b}	/* bleu (Economie Emploi) */
	body.sous_niveaux_2_noeud_8317 h2 {color:#bd415b}	/* violet (Vie municipale) */
	body.sous_niveaux_2_noeud_8333 h2 {color:#4d98b8}	/* bleu (Services pratiques) */
	body.sous_niveaux_2_noeud_7644 h2 {color:#df8a15}	/* orange (Agenda) */
	h3 {
		font-size:1.2em;
		color:#666;
		margin-bottom:5px
	}
	h4 {
		font-size:1em;
		margin-bottom:2px
	}
	h5, h6 {font-size:1em}
/* --------------------------------------------------------------------------------------------- Paragraphes */
	div.contenu p {
		line-height:1.5em;
		text-align:justify;
		margin-bottom:10px
	}
/* ------------------------------------------------------------------------- Espacement */
	div.contenu p.sans_espacement {margin:0}
	div.contenu p.petit_espacement {margin-bottom:5px}
	div.contenu p.grand_espacement {margin-bottom:20px}
	div.contenu p.tres_grand_espacement {margin-bottom:30px}
/* ------------------------------------------------------------------------- Alignement */
	div.contenu p.alignement_gauche {text-align:left}
	div.contenu p.alignement_droite {text-align:right}
	div.contenu p.alignement_centre {text-align:center}
/* ------------------------------------------------------------------------- Introduction */
	div.contenu p.introduction {margin-bottom:15px}
	div.contenu p.introduction:first-letter {
		line-height:1em;
		font-size:1.5em;
		font-weight:bold;
		color:#666;
		margin:0 2px 0 0
	}
/* ------------------------------------------------------------------------- Mise en avant */
	div.contenu p.mis_en_avant {
		overflow:hidden;
		background:#d3ecf7;
		padding:5px 10px
	}
	* html div.contenu p.mis_en_avant {clear:both}
/* ------------------------------------------------------------------------- Citation */
	div.contenu p.citation {
		overflow:hidden;
		font-style:italic;
		background:#efefef url(../images/background/citation.gif) no-repeat 97% 5px;
		padding:10px 60px 10px 10px
	}
	* html div.contenu p.citation {clear:both}
/* --------------------------------------------------------------------------------------------- Liens */
	div.contenu a {
		color:#1a8b0b;
		text-decoration:underline
	}
	body.sous_niveaux_2_noeud_201 div.contenu a {color:#4ba81c}	/* vert (Découvrir Melesse) */
	body.sous_niveaux_2_noeud_211 div.contenu a {color:#c84a4b}	/* rose (Melesse pratique) */
	body.sous_niveaux_2_noeud_8316 div.contenu a {color:#89ad29}	/* kaki (Enfance et jeunesse) */
	body.sous_niveaux_2_noeud_8015 div.contenu a {color:#e1b51e}	/* jaune (Urbanisme) */
	body.sous_niveaux_2_noeud_8314 div.contenu a {color:#df6117}	/* orange (Culture, Sports et Loisirs) */
	body.sous_niveaux_2_noeud_8315 div.contenu a {color:#307b9b}	/* bleu (Economie Emploi) */
	body.sous_niveaux_2_noeud_8317 div.contenu a {color:#bd415b}	/* violet (Vie municipale) */
	body.sous_niveaux_2_noeud_8333 div.contenu a {color:#4d98b8}	/* bleu (Services pratiques) */
	body.sous_niveaux_2_noeud_7644 div.contenu a {color:#df8a15}	/* orange (Agenda) */
	div.contenu a:hover, div.contenu a:focus, div.contenu a.focus {text-decoration:none}
/* ------------------------------------------------------------------------- Savoir plus */
	div.savoir_plus {
		float:left;
		width:100%;
		text-align:right;
		border-bottom:1px dashed #ccc;
		padding:0 0 10px 0;
		margin:0 0 10px 0
	}
	div.savoir_plus a {
		background:url(../images/background/puce.gif) no-repeat right 4px;
		padding-right:13px;
		margin-right:10px
	}
	body.sous_niveaux_2_noeud_201 div.savoir_plus a {background-image:url(../images/background/plus_vert2.gif)}		/* vert (Découvrir Melesse) */
	body.sous_niveaux_2_noeud_211 div.savoir_plus a {background-image:url(../images/background/plus_rose.gif)}		/* rose (Melesse pratique) */
	body.sous_niveaux_2_noeud_8316 div.savoir_plus a {background-image:url(../images/background/plus_kaki.gif)}		/* kaki (Enfance et jeunesse) */
	body.sous_niveaux_2_noeud_8015 div.savoir_plus a {background-image:url(../images/background/plus_jaune2.gif)}	/* jaune (Urbanisme) */
	body.sous_niveaux_2_noeud_8314 div.savoir_plus a {background-image:url(../images/background/plus_orange.gif)}	/* orange (Culture, Sports et Loisirs) */
	body.sous_niveaux_2_noeud_8315 div.savoir_plus a {background-image:url(../images/background/plus_bleu2.gif)}	/* bleu (Economie Emploi) */
	body.sous_niveaux_2_noeud_8317 div.savoir_plus a {background-image:url(../images/background/plus_violet.gif)}	/* violet (Vie municipale) */
	body.sous_niveaux_2_noeud_8333 div.savoir_plus a {background-image:url(../images/background/plus_bleu.gif)}		/* bleu (Services pratiques) */
	body.sous_niveaux_2_noeud_7644 div.savoir_plus a {background-image:url(../images/background/plus_orange2.gif)}	/* orange (Agenda) */
/* --------------------------------------------------------------------------------------------- Listes */
/* ------------------------------------------------------------------------- Premier niveau */
	div.contenu ul, div.contenu ol {
		overflow:hidden;
		line-height:1.5em;
		text-align:justify;
		padding:0 0 10px 20px
	}
	div.contenu ul li {
		background-image:url(../images/background/puce.gif);
		background-position:0 5px;
		background-repeat:no-repeat;
		padding:0 0 0 10px;
		margin:0 0 3px 0
	}
	div.contenu ol li {
		list-style-type:decimal;
		list-style-position:inside;
		margin:0 0 3px 0
	}
/* ------------------------------------------------------------------------- Second niveau */
	div.contenu ul li ul, div.contenu ol li ol {padding:3px 0 0 20px}
/* --------------------------------------------------------------------------------------------- Tableaux */
	div.contenu table.tableau_donnees {
		float:left;
		width:100%;
		border-collapse:collapse;
		border-top:1px solid #ccc;
		margin:0 0 15px 0
	}
	div.contenu table.tableau_donnees caption {
		font-weight:bold;
		padding:5px 0
	}
	div.contenu table.tableau_donnees tr p {
		line-height:normal;
		margin-bottom:0
	}
	div.contenu table.tableau_donnees tr th {
		background:#d3ecf7;
		border-bottom:1px solid #ccc;
		padding:4px
	}
	div.contenu table.tableau_donnees tr td {
		vertical-align:top;
		border-bottom:1px dashed #ccc;
		padding:6px 4px
	}
	div.contenu table.tableau_donnees tr.alterne td {background:#ededed}
	div.contenu table.tableau_donnees tr.survol td {background:#e6e6e6}
	div.contenu table.tableau_donnees tr td.alignement_centre {text-align:center}
	div.contenu table.tableau_donnees tr td.alignement_droite {text-align:right}
/* --------------------------------------------------------------------------------------------- Object */
	div.object-none {
		display:inline;
		float:left
	}
	div.object-left {
		float:left;
		margin-right:15px;
		margin-bottom:10px
	}
	div.object-right {
		float:right;
		margin-left:15px;
		margin-bottom:10px
	}
	div.object-center {
		text-align:center;
		margin-bottom:10px
	}
/* --------------------------------------------------------------------------------------------- Image */
	div.image img {vertical-align:middle}
/* ------------------------------------------------------------------------- Légende */
	div.image span.legende {
		overflow:hidden;
		display:block;
		font-size:.9em;
		font-style:italic;
		padding:2px 1px 6px 1px
	}
	div.object-center div.image span.legende {
		text-align:left;
		margin-left:auto;
		margin-right:auto
	}
/* --------------------------------------------------------------------------------------------- Fichier joint */
	div.attribute-pdf, div.attribute-msword {padding:2px 0 2px 24px}
	div.attribute-pdf {background:url(../images/background/pdf.gif) no-repeat}
	div.attribute-msword {background:url(../images/background/word.gif) no-repeat}
/* --------------------------------------------------------------------------------------------- Zone contextuelle */
	div.zone_contextuelle {
		float:right;
		width:200px;
		padding:5px 10px;
		background:#c5e9c0;
		border:1px dotted #eedb0a;
		margin:0 0 5px 15px
	}
/* --------------------------------------------------------------------------------------------- Vidéo */
	div.contenu pre.video, div.contenu div.video {
		text-align:center;
		margin-bottom:15px
	}
/* --------------------------------------------------------------------------------------------- Recherche */
	div.line.resultat_recherche {
		float:left;
		width:100%;
		border-bottom:1px dashed #ccc;
		padding:10px 0 0 0
	}
	div.contenu div.line.resultat_recherche h3 a {text-decoration:none}
	div.contenu div.line.resultat_recherche h3 a:hover, div.contenu div.line.resultat_recherche h3 a:focus, div.contenu div.line.resultat_recherche h3 a.focus {text-decoration:underline}
/* --------------------------------------------------------------------------------------------- Commentaires */
	div.contenu h2.commentaire {
		clear:both;
		font-size:1.7em;
		color:#20ae0d;
		border-bottom:1px dashed #ccc;
		padding:40px 0 5px 0;
		margin:0 0 10px 0
	}
	div.contenu div.commentaire {
		float:left;
		width:100%;
		border-bottom:1px dashed #ccc;
		padding:0 0 5px 0;
		margin:0 0 10px 0
	}
	div.contenu div.commentaire p.citation {clear:both}
/* --------------------------------------------------------------------------------------------- Infos (date/auteur/catégorie/lieu/horaires) */
	div.contenu div.infos {
		float:left;
		width:100%;
		margin:2px 0 4px 0
	}
	div.contenu div.infos span.date {
		font-style:italic;
		color:#666
	}
	div.contenu div.infos span.auteur {font-weight:bold}
	div.contenu div.infos span.categorie, div.contenu div.infos span.lieu, div.contenu div.infos span.horaires {
		display:block;
		margin:4px 0 0 0
	}
	div.contenu div.infos span span {font-weight:bold}
/* --------------------------------------------------------------------------------------------- Agenda */
/* ------------------------------------------------------------------------- Calendrier */
	#calendrier {
		float:right;
		width:170px;
		border:1px solid #20ae0d;
		background:#e1f4df;
		padding:8px 4px 8px 4px;
		margin:0 0 10px 20px
	}
	#calendrier a:hover, #calendrier a:focus, #calendrier a.focus {text-decoration:overline}
/* ----------------------------------------------------- Navigation mois par mois */
	#calendrier #navigation_mois {
		float:left;
		width:100%;
		text-align:center;
		text-transform:uppercase;
		font-weight:bold;
		color:#333;
		padding:0;
		margin:0 0 8px 0
	}
	#calendrier #navigation_mois li {
		display:block;
		float:left;
		width:15%;
		background:none;
		padding:0;
		margin:0
	}
	#calendrier #navigation_mois li a {color:#1a8b0b}
	#calendrier #navigation_mois #mois_courant {width:69%}
/* --------------------------------- Tableau */
	#calendrier table {
		float:left;
		width:100%;
		table-layout:fixed;
		border-collapse:collapse;
		text-align:center
	}
/* ------------- Jours de la semaine */
	#calendrier table tr th {
		color:#fff;
		background:#df8a15;
		padding:3px 0
	}
	#calendrier table tr th abbr {border-color:#fff}
/* ------------- Cellule de tableau */
	#calendrier table tr td {padding:4px 0}
	#calendrier table tr td a {
		color:#1a8b0b;
		font-weight:bold
	}
/* ------------- Jour sélectionné */
	#calendrier table tr td.jour_selectionne a {
		display:block;
		background:#df8a15;
		color:#fff;
		cursor:text;
		text-decoration:none;
		padding:2px 0
	}
	#calendrier table tr td.jour_selectionne a:hover, #calendrier table tr td.jour_selectionne a:focus, #calendrier table tr td.jour_selectionne a.focus {text-decoration:none}
/* ------------- Jour "J" */
	#calendrier table tr td.jour_j {
		font-weight:bold;
		color:#df8a15
	}
	#calendrier table tr td.jour_j a {color:#df8a15}
	#calendrier table tr td.jour_j.jour_selectionne a {color:#fff}
/* ------------------------------------------------------------------------- Evenements */
	div.contenu div.evenement {
		border-bottom:1px dashed #ccc;
		padding:0 0 18px 0;
		margin:0 0 18px 0
	}
	div.contenu div.evenement div.infos {
		float:none;
		width:auto
	}
	div.contenu a.evenements {
		font-weight:bold;
		color:#3c6b86;
		text-decoration:none;
		background-repeat: no-repeat
	}
	div.contenu a.evenements.passes {
		background-image:url(../images/background/retour.gif);
		background-position:0 50%;
		padding-left:20px
	}
	div.contenu a.evenements.suivants {
		float:right;
		background-image:url(../images/background/suivant.gif);
		background-position:right center;
		padding-right:20px
	}
	div.contenu a.evenements:hover, div.contenu a.evenements:focus, div.contenu a.evenements.focus {text-decoration:underline}
/* --------------------------------------------------------------------------------------------- Pagination */
	div.contenu div.pagenavigator {
		float:left;
		width:100%;
		padding-top:20px
	}
	div.contenu div.pagenavigator span {float:left}
	div.contenu div.pagenavigator a {
		display:block;
		float:left;
		color:#fff;
		background:#20ae0e;
		border:1px solid #20ae0e;
		padding:0 4px;
		text-decoration:none;
	}
	div.contenu div.pagenavigator a span, #contenu div.pagenavigator span a {color:#fff}
	div.contenu div.pagenavigator span.current {
		display:block;
		color:#20ae0e;
		border:1px solid #20ae0e;
		padding:0 4px;
	}
	div.contenu div.pagenavigator span, #contenu div.pagenavigator a {margin:0 3px}
/* --------------------------------------------------------------------------------------------- Formulaire */
	.obligatoire {color:#1a8f0b}
	p.obligatoire {font-size:.9em}
	div.contenu input:focus, div.contenu input.focus, div.contenu textarea:focus, div.contenu textarea.focus, div.contenu select:focus, div.contenu select.focus {background:#d3f4cf}
	div.contenu input.bouton:focus, div.contenu input.bouton.focus, div.contenu div.content-action input, div.contenu div.content-action input:focus, div.contenu div.content-action input.focus {
		cursor:pointer;
		background:#df9115;
		border:1px solid #df9115
	}
	#boutons input.bouton {
		float:right;
		margin-left:10px
	}
	div.boutons_tipafriend {padding-right:5px}
	div.boutons_commentaire {padding-right:60px}
/* --------------------------------------------------------------------------------------------- Formulaire "statique" */
	div.contenu div.conteneur {
		float:left;
		width:100%;
		padding-bottom:8px
	}
	div.contenu div.conteneur label, div.contenu div.conteneur span.label {
		display:block;
		float:left;
		width:170px;
		line-height:1.7em;
		text-align:right;
		padding-right:5px
	}
	div.contenu div.conteneur label.long, div.contenu div.conteneur span.long {width:250px}
	div.contenu div.conteneur input, div.contenu div.conteneur textarea, div.contenu div.conteneur select, div.contenu div.conteneur input.champ_fichier {
		float:left;
		font-family:verdana, arial, helvetica, sans-serif;
		font-size:1em;
		color:#2e3136;
		border:1px solid #666;
		padding:2px 0 2px 3px;
		margin-right:3px
	}
	div.form_item input, div.form_item textarea, div.form_item select {border:1px solid #666}
	div.contenu div.conteneur textarea {height:100px}
	.tres_court {width:35px}
	.court {width:80px}
	.normal {width:150px}
	.long {width:250px}
	.tres_long {width:300px}
	div.contenu div.conteneur select {padding:0}
	div.contenu div.conteneur select option {padding-right:10px}
	div.contenu div.conteneur span.statut {
		line-height:1.6em;
		padding:0 3px
	}
	div.contenu div.conteneur span.active {color:#3ab318}
	div.contenu div.conteneur span.desactive {color:#ff0000}
/* --------------------------------------------------------------------------------------------- Formulaire "builder" */
	/* FORMULAIRES : */
.form_element { margin-bottom:1em; }
.form_element input, .form_element textarea { width:98%; }
.cnil {margin-top:1em;}
label span { font-weight:normal; }
	/*extension formulaire*/
	.class-feedback-form .defaultbutton { clear:both; }
	.class-feedback-form label { display:inline; vertical-align:top;}
	.class-feedback-form .date_et_heure label ,
	.class-feedback-form .date label { display:block; font-weight:normal; }
	.class-feedback-form .date_et_heure .element,
	.class-feedback-form .date .element { float:left; margin-right:6px; }
	.class-feedback-form .date_et_heure,
	.class-feedback-form .date { display:inline;  }
	.class-feedback-form .date_et_heure img,
	.class-feedback-form .date img { margin-top:-2px;margin-right:6px;  }
	.class-feedback-form .date_et_heure label.main_label ,
	.class-feedback-form .date label.main_label  { font-weight:bold; }
	.class-feedback-form .jour,
	.class-feedback-form .mois,
	.class-feedback-form .heure,
	.class-feedback-form .minute { width:20px; }
	.class-feedback-form .annee { width:40px; }
	.class-feedback-form label { }
	
	.your_email { width:50%; }
	.form_item { display:inline; overflow:hidden; float:left; padding:0 1em 1em 0; }
	.form_break { clear:left; }
/* --------------------------------------------------------------------------------------------- Captcha */
	fieldset.captcha {
		clear:both;
		width:493px;
		border:1px dashed #ccc;
		padding:10px;
		margin:0 0 10px 0
	}
	fieldset.captcha legend {
		font-size:1.2em;
		font-weight:bold;
		background:#fff;
		padding:0 5px
	}
	* html fieldset.captcha legend {margin-bottom:10px}
	*+html fieldset.captcha legend {margin-bottom:10px}
	fieldset.captcha img {
		float:left;
		margin:0 10px 0 0
	}
	fieldset.captcha a {display:block}
	fieldset.captcha input {
		width:50px;
		font-family:verdana;
		font-size:1em;
		border:1px solid #666;
		padding:2px 0 2px 3px
	}