/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

body {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6c6b6b;
	margin: 0;
	padding: 0;
	text-align: center;
}

img, table { margin: 0; padding: 0; border: none; }
ul, ol, li, p, form { margin: 0; padding: 0; }
ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

.souligne {
		text-decoration: underline;
}

#conteneur {
	width: 955px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	text-align: left;
}

/* Entete */
#entete {
	width: 100%;
	height: 80px;
}

	.logo_site {
		float: left;
		width: 83px;
		height: 80px;
	}
	
	.titre_surgeres {
		float: left;
		width: 515px;
		height: 80px;
	}
	
	.bloc_entete_recherche {
		float: left;
		width: 357px;
		height: 80px;
		font-size: 11px;
		color: #666666;
	}
	
		.bloc_entete_recherche a {
			font-size: 11px;
			color: #666666;
			text-decoration: none;
		}
		
		.bloc_entete_recherche a:hover {
			font-size: 11px;
			color: #666666;
			text-decoration: underline;
		}
		
		.bloc_entete_recherche .input_recherche_txt {
			float: left;
			width: 224px;
			height: 17px;
			padding-top: 3px;
			padding-left: 15px;
			font-size: 11px;
			color: #7a7979;
			border: none;
			border: 0;
			background: #e0e0de;
		}
		
		.bloc_entete_recherche .input_recherche_image {
			float: left;
			margin-left: 1px;
		}
		
/* navigation menu */
#menu_nav {
	position: relative;
	width: 955px;
	height: 42px;
	z-index: 80;
}

td.cell_nav {
	vertical-align: top;
}

.menu_nav1, .menu_nav2, .menu_nav3, .menu_nav4, .menu_nav5, .menu_nav6, .menu_nav7, .menu_nav11, .menu_nav8 {
	position: absolute;
	width: 132px;
	padding-top: 8px;
	z-index: 90;
}

.menu_nav1_1clic, .menu_nav2_1clic, .menu_nav3_1clic, .menu_nav4_1clic, .menu_nav5_1clic, .menu_nav6_1clic, .menu_nav7_1clic {
	position: absolute;
	width: 132px;
	height: 257px;	/* ons soutrait le padding */
	padding-top: 8px;
	z-index: 90;
}

.menu_nav1, .menu_nav1_1clic { background: #88a72e url('images/bordure-blanche.gif') top left no-repeat; }	/* la ville */
.menu_nav2, .menu_nav2_1clic { background: #a46f2e url('images/bordure-blanche.gif') top left no-repeat; }	/* la mairie */
.menu_nav3, .menu_nav3_1clic { background: #a73a31 url('images/bordure-blanche.gif') top left no-repeat; }	/* vivre à surgères */
.menu_nav4, .menu_nav4_1clic { background: #a92fad url('images/bordure-blanche.gif') top left no-repeat; }	/* économie */
.menu_nav5, .menu_nav5_1clic { background: #cd7c13 url('images/bordure-blanche.gif') top left no-repeat; }	/* temps libre */
.menu_nav6, .menu_nav6_1clic { background: #2e88ad url('images/bordure-blanche.gif') top left no-repeat; }	/* vie associative */
.menu_nav7, .menu_nav7_1clic { background: #305fa1 url('images/bordure-blanche.gif') top left no-repeat; }	/* jeunesse */
.menu_nav41, .menu_nav41_1clic { background: #2e88ad url('images/bordure-blanche.gif') top left no-repeat;  }	/* jeunesse */
.menu_nav11 { background: #5d4b49 url('images/bordure-blanche.gif') top left no-repeat; }	/* agenda */
.menu_nav8 { background: #a92fad url('images/bordure-blanche.gif') top left no-repeat; }	/* actualités */

.menu_nav1 li, .menu_nav1_1clic li { border-top: 1px solid #acc26d; }
.menu_nav2 li, .menu_nav2_1clic li { border-top: 1px solid #bf9a6d; }
.menu_nav3 li, .menu_nav3_1clic li { border-top: 1px solid #c47570; }
.menu_nav4 li, .menu_nav4_1clic li { border-top: 1px solid #c26ec6; }
.menu_nav5 li, .menu_nav5_1clic li { border-top: 1px solid #e18a19; }
.menu_nav6 li, .menu_nav6_1clic li { border-top: 1px solid #6cacc7; }
.menu_nav7 li, .menu_nav7_1clic li { border-top: 1px solid #6f8fbe; }
.menu_nav41 li, .menu_nav41_1clic li {  border-top: 1px solid #6cacc7; }
.menu_nav11 li { border-top: 1px solid #7c7371; }
.menu_nav8 li { border-top: 1px solid #a165a4; }

.menu_nav1 li.li_border_bottom1, .menu_nav1_1clic li.li_border_bottom1 { border-top: 1px solid #acc26d; border-bottom: 1px solid #acc26d; }
.menu_nav2 li.li_border_bottom2, .menu_nav2_1clic li.li_border_bottom2 { border-top: 1px solid #bf9a6d; border-bottom: 1px solid #bf9a6d; }
.menu_nav3 li.li_border_bottom3, .menu_nav3_1clic li.li_border_bottom3 { border-top: 1px solid #c47570; border-bottom: 1px solid #c47570; }
.menu_nav4 li.li_border_bottom4, .menu_nav4_1clic li.li_border_bottom4 { border-top: 1px solid #c26ec6; border-bottom: 1px solid #c26ec6; }
.menu_nav5 li.li_border_bottom5, .menu_nav5_1clic li.li_border_bottom5 { border-top: 1px solid #e18a19; border-bottom: 1px solid #e18a19; }
.menu_nav6 li.li_border_bottom6, .menu_nav6_1clic li.li_border_bottom6 { border-top: 1px solid #6cacc7; border-bottom: 1px solid #6cacc7; }
.menu_nav7 li.li_border_bottom7, .menu_nav7_1clic li.li_border_bottom7 { border-top: 1px solid #6f8fbe; border-bottom: 1px solid #6f8fbe; }
.menu_nav41 li.li_border_bottom41, .menu_nav41_1clic li.li_border_bottom41 { border-top: 1px solid #6cacc7; border-bottom: 1px solid #6cacc7; }
.menu_nav11 li.li_border_bottom11 { border-top: 1px solid #7c7371; border-bottom: 1px solid #7c7371; }
.menu_nav8 li.li_border_bottom8 { border-top: 1px solid #a165a4; border-bottom: 1px solid #a165a4; }

.menu_nav1 a, .menu_nav2 a, .menu_nav3 a, .menu_nav4 a, .menu_nav5 a, .menu_nav6 a, .menu_nav7 a, .menu_nav11 a, .menu_nav8 a, .menu_nav41 a,
.menu_nav1_1clic a, .menu_nav2_1clic a, .menu_nav3_1clic a, .menu_nav4_1clic a, .menu_nav5_1clic a, .menu_nav6_1clic a, .menu_nav7_1clic a , .menu_nav41_1clic a{
	display: block;
	min-height: 13px;	/* soustrait le padding */
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	padding: 2px 10px 2px 7px;
	background: url('images/puce-nav.gif') center right no-repeat;
}

.menu_nav1 a:hover, .menu_nav2 a:hover, .menu_nav3 a:hover, .menu_nav4 a:hover, .menu_nav5 a:hover, .menu_nav6 a:hover, .menu_nav7 a:hover, .menu_nav11 a:hover, .menu_nav8 a:hover,
.menu_nav1_1clic a:hover, .menu_nav2_1clic a:hover, .menu_nav3_1clic a:hover, .menu_nav4_1clic a:hover, .menu_nav5_1clic a:hover, .menu_nav6_1clic a:hover, .menu_nav7_1clic a:hover {
	display: block;
	min-height: 13px;	/* soustrait le padding */
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	padding: 2px 10px 2px 7px;
}

.menu_nav1 a:hover, .menu_nav1_1clic a:hover { background: #5f7520 url('images/puce-nav.gif') center right no-repeat; }
.menu_nav2 a:hover, .menu_nav2_1clic a:hover { background: #724d20 url('images/puce-nav.gif') center right no-repeat; }
.menu_nav3 a:hover, .menu_nav3_1clic a:hover { background: #752822 url('images/puce-nav.gif') center right no-repeat; }
.menu_nav4 a:hover, .menu_nav4_1clic a:hover { background: #762179 url('images/puce-nav.gif') center right no-repeat; }
.menu_nav5 a:hover, .menu_nav5_1clic a:hover { background: #ad6b14 url('images/puce-nav.gif') center right no-repeat; }
.menu_nav6 a:hover, .menu_nav6_1clic a:hover { background: #205f79 url('images/puce-nav.gif') center right no-repeat; }
.menu_nav7 a:hover, .menu_nav7_1clic a:hover { background: #224270 url('images/puce-nav.gif') center right no-repeat; }
.menu_nav11 a:hover { background: #413433 url('images/puce-nav.gif') center right no-repeat; }
.menu_nav8 a:hover { background: #762179 url('images/puce-nav.gif') center right no-repeat; }

.menu_nav1 a.lien_nav_on, .menu_nav1_1clic a.lien_nav_on { background: #5f7520 url('images/puce-nav.gif') center right no-repeat; }
.menu_nav2 a.lien_nav_on, .menu_nav2_1clic a.lien_nav_on { background: #724d20 url('images/puce-nav.gif') center right no-repeat; }
.menu_nav3 a.lien_nav_on, .menu_nav3_1clic a.lien_nav_on { background: #752822 url('images/puce-nav.gif') center right no-repeat; }
.menu_nav4 a.lien_nav_on, .menu_nav4_1clic a.lien_nav_on { background: #762179 url('images/puce-nav.gif') center right no-repeat; }
.menu_nav5 a.lien_nav_on, .menu_nav5_1clic a.lien_nav_on { background: #ad6b14 url('images/puce-nav.gif') center right no-repeat; }
.menu_nav6 a.lien_nav_on, .menu_nav6_1clic a.lien_nav_on { background: #205f79 url('images/puce-nav.gif') center right no-repeat; }
.menu_nav7 a.lien_nav_on, .menu_nav7_1clic a.lien_nav_on { background: #224270 url('images/puce-nav.gif') center right no-repeat; }
.menu_nav11 a.lien_nav_on { background: #413433 url('images/puce-nav.gif') center right no-repeat; }
.menu_nav8 a.lien_nav_on { background: #762179 url('images/puce-nav.gif') center right no-repeat; }


/* contenu hp */
#contenu_hp {
	width: 100%;
	margin-top: 1px;
	position: relative;
}

/* agenda */
.bloc_agenda_tout {
	float: left;
	width: 132px;
	height: 132px;
}

.bloc_agenda {
	float: left;
	width: 132px;
	height: 132px;
	margin-left: 1px;
	background: #333333;
	position: relative;
	z-index: 10;
}

	.menu_agenda_hp li {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	.menu_agenda_hp a {
		font-size: 11px;
		color: #ffffff;
		text-decoration: none;
	}
	
	.menu_agenda_hp a:hover {
		font-size: 11px;
		color: #ffffff;
		text-decoration: underline;
	}
	
#visionneuse_hp {
	float: left;
	margin-left: -132px;
}

.bloc_pratique {
	float: left;
	width: 132px;
	height: 265px;
	margin-left: 1px;
	background: #a73a31;
}

	.menu_nav10 {
		width: 132px;
		padding-top: 8px;
	}
	
	.menu_nav10 li { border-top: 1px solid #b9615a; }
	
	.menu_nav10 a {
		display: block;
		min-height: 16px;	/* soustrait le padding */
		font-size: 11px;
		color: #ffffff;
		text-decoration: none;
		padding: 2px 0px 2px 14px;
		background: url('images/puce-nav-pratique.gif') center left no-repeat;
	}
	
	.menu_nav10 a:hover {
		display: block;
		min-height: 16px;	/* soustrait le padding */
		font-size: 11px;
		color: #ffffff;
		text-decoration: none;
		padding: 2px 0px 2px 14px;
	}
	
	.menu_nav10 a:hover { background: #752822 url('images/puce-nav-pratique.gif') center left no-repeat; }
	
	.menu_nav10 li.li_border_bottom10 { border-top: 1px solid #b9615a; border-bottom: 1px solid #b9615a; }
	
	/* navigation de gauche */
	.bloc_navigation_secteur1 {
			width: 132px;
			background: #88a72e;
	}
	
	/* bordure sous nav */
	
	.bordure_sous_nav1 {
			float: left;
			width: 132px;
			height: 7px;
	}
	.bordure_sous_nav2 {
			float: left;
			width: 132px;
			height: 38px;
			margin-left: 1px;
	}
	.bordure_sous_nav3 {
			float: left;
			width: 132px;
			height: 7px;
			margin-left: 1px;
	}
	.bordure_sous_nav4 {
			float: left;
			width: 132px;
			height: 7px;
			margin-left: 1px;
	}
	.bordure_sous_nav5 {
			float: left;
			width: 132px;
			height: 7px;
			margin-left: 1px;
	}
	.bordure_sous_nav6 {
			float: left;
			width: 132px;
			height: 7px;
			margin-left: 1px;
	}
	.bordure_sous_nav7 {
			float: left;
			width: 132px;
			height: 7px;
			margin-left: 1px;
	}
	.bordure_sous_nav41 {
		float: left;
		width: 132px;
		height: 7px;
		margin-left: 1px;
	}
	
.bloc_pratique_push {
	float: left;
	width: 132px;
	height: 132px;
	margin-left: 1px;
	margin-top: 133px;
}

.bloc_actualite_tout {
	float: left;
	width: 132px;
	height: 132px;
	margin-top: 1px;
}

.bloc_actualite {
	float: left;
	width: 132px;
	height: 132px;
	margin-top: 1px;
	margin-left: 1px;
	background: #a92fad;
}

	.bloc_actualite a {
		font-size: 11px;
		color: #FFFFFF;
		text-decoration: none;
	}
	
	.bloc_actualite a:hover {
		font-size: 11px;
		color: #FFFFFF;
		text-decoration: none;
	}

	strong.titre_hp {
		font-size: 12px;
	}
	
.bloc_une_push {
	float: left;
	width: 132px;
	height: 132px;
	margin-top: 1px;
	margin-left: 1px;
}

.bloc_une1 {
	float: left;
	width: 265px;
	height: 132px;
	margin-top: 1px;
	margin-left: 1px;
	background: #2e88ad;
}

	.bloc_une1 a {
		font-size: 11px;
		color: #FFFFFF;
		text-decoration: none;
	}
	
	.bloc_une1 a:hover {
		font-size: 11px;
		color: #FFFFFF;
		text-decoration: none;
	}
	
.push_carte_decouvrir {
	float: left;
	width: 132px;
	height: 132px;
	margin-top: 1px;
	margin-left: 1px;
}

.push_carte {
	float: left;
	width: 132px;
	height: 132px;
	margin-top: 1px;
	margin-left: 1px;
}

.bloc_une2 {
	float: left;
	width: 265px;
	height: 132px;
	margin-top: 1px;
	margin-left: 1px;
	background: #88a72e;
}

	.bloc_une2 a {
		font-size: 11px;
		color: #FFFFFF;
		text-decoration: none;
	}
	
	.bloc_une2 a:hover {
		font-size: 11px;
		color: #FFFFFF;
		text-decoration: none;
	}

.photo_bas_hp {
	float: left;
	width: 132px;
	width: 132px;
	margin-top: 1px;
	margin-left: 1px;
}

/* contenu */
#contenu {
		width: 100%;
		margin-top: 1px;
}

	.col_gauche {
			float: left;
			width: 265px;
			margin-top: 1px;
	}
	
			.logo_gauche {
					float: left;
					width: 132px;
			}
			
			.navigation_gauche {
					float: left;
					width: 132px;
					margin-left: 1px;
			}

#contenu_1_clic {
		width: 100%;
		margin-top: 265px;
}
			
.contenu_central {
	float: left;
	width: 474px;		/* soustrait le padding */
	padding-left: 23px;
	padding-right: 36px;
	margin-top: 1px;
}

.fil_ariane {
		font-size: 11px;
		color: #333333;
		position: relative;
}

		.fil_ariane a {
				font-size: 11px;
				color: #333333;
				text-decoration: underline;
		}
		
		.fil_ariane a:hover {
				font-size: 11px;
				color: #333333;
				text-decoration: underline;
		}
		
		.bloc_impression {
				position: absolute;
				top: 0;
				right: 0;
		}
		
			.bloc_impression a {
					font-size: 11px;
					color: #333333;
					text-decoration: underline;
			}
			
			.bloc_impression a:hover {
					font-size: 11px;
					color: #333333;
					text-decoration: underline;
			}

.bloc_image {
		width: 100%;
		margin-top: 25px;
}

		.bloc_gauche_document {
				float: left;
				width: 132px;
				height: 132px;
				padding-left: 133px;
		}
		
			.bloc_gauche_document_fond {
				width: 132px;
				height: 132px;
			}
		
		#bloc_document {
				float: left;
				margin-left: 1px;
				width: 533px;
		}
		
		#bloc_document_impression {
			float: left;
			margin-left: 1px;
			width: 533px;
			display: none;
		}
		
		.bloc_droite_documents {
				float: left;
				width: 132px;
				height: 132px;
		}

.col_droite {
		float: left;
		width: 132px;
}

		.bloc_haut_logo {
				width: 132px;
				height: 132px;
				margin-top: 95px;
		}
		
		.logo_article {
				width: 132px;
				height: 132px;
				margin-top: 1px;
		}
		
.bloc_agenda_article {
	padding-top: 10px;
	padding-bottom: 10px;
}

/* contact */
.bloc_contact label {
	float: left;
	text-align: left;
	width: 200px;
}

.bloc_contact p {
	padding-top: 7px;
}

.champs_texte {
	width: 230px;
	font-size: 12px;
	border: 1px solid #989898;
}

.textarea_form {
	width: 230px;
	height: 130px;
	font-size: 12px;
	border: 1px solid #989898;
}

.select_form {
	font-size: 11px;
	border: 1px solid #989898;
}

.mention_form {
	font-size: 9px;
	font-style: italic;
}

.message-confirm {
	font-weight: bold;
	color: #009900;
}

.message-erreur {
	font-weight: bold;
	color: #cc0000;
}

/* footer */
#footer_hp {
	float: left;
	width: 398px;
	font-size: 11px;
	color: #666666;
}

	#footer_hp a {
		font-size: 11px;
		color: #666666;
		text-decoration: none;
	}
	
	#footer_hp a:hover {
		font-size: 11px;
		color: #666666;
		text-decoration: underline;
	}
	
#footer {
		width: 100%;
}
	
	#footer a {
		font-size: 11px;
		color: #666666;
		text-decoration: none;
	}
	
	#footer a:hover {
		font-size: 11px;
		color: #666666;
		text-decoration: underline;
	}
	
/* balises */
h1.titre_article {
		font-size: 18px;
		margin-top: 10px;
		margin-bottom: 10px;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 4px;
}

h2 {
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 4px;
}

p.chapo {
		font-size: 12px;
		font-weight: bold;
		font-style: italic;
		margin-bottom: 20px;
}

h1.titre_agenda {
	font-size: 12px;
	color: #5d4b49;
	font-weight: bold;
}

p.date_agenda {
	font-size: 12px;
	color: #5d4b49;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 5px;
}

h1.titre_actualites {
	font-size: 12px;
	color: #a92fad;
	font-weight: bold;
}

p.date_actualites {
	font-size: 12px;
	color: #a92fad;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 5px;
}

a.lien_plan_site {
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}

a:hover.lien_plan_site {
	font-size: 12px;
	color: #333333;
	text-decoration: underline;
}

h3.resultat_recherche {
	font-size: 12px;
	color: #6c6b6b;
	font-weight: normal;
	font-style: normal;
}

a.lien_resultat_recherche {
	color: #4d4d4d;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

a:hover.lien_resultat_recherche {
	color: #4d4d4d;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}

.spip_surligne {
	color: #0000ff;
	font-weight: bold;
}

.rubrique_resultat_recherche {
	color: #4d4d4d;
	font-size: 12px;
	font-weight: bold;
}

.liste_recherche li {
	margin-bottom: 10px;
}