/* CSS Document */
html {margin:0; padding:0}
body {margin:0; padding:0; text-align:center; background:#F1EFE2 url(images2/fond.gif) 50% top repeat-y; font:normal 80%/1em arial,helvetica,sans-serif; color:#000}
form {margin:0; padding:0; border:0}

/* ============== Mise en page ============== */

/* Menu banniere */
#conteneur_site {
	position: absolute;
	width:780px;
	text-align:center;
	margin-left:-390px;
	float:left;
	left:50%;
	top: 0px;
}


#hmenu {
	position: relative;
	height: 36px;
	width:780px;
	clear: both;
	z-index: 100;
	margin-left:10px;
}
#hmenu ul, #hmenu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#hmenu ul {
	position: absolute;
	height: 36px;
	width: 760px;
	left: 0;
}
#hmenu li {
	float: left;
}
#hmenu a.menu {
	display: block;
	height: 36px;
	width: 190px;
	color: #769712;
	font: 15px/33px Arial,Helvetica,Sans-Serif;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	background: #003200 url(images2/puce.gif) left top no-repeat;
}
#hmenu a.menu:hover {
	color: #fff;
}
.ssm {
	background:#fff;
	padding:0.5em;
	border:1px solid #000;
	text-align:left;
}
#smenu1 {
	position:absolute;
	width: 175px;
	z-index: 10;
	visibility:hidden;
}
#smenu2 {
	position:absolute;
	width: 175px;
	z-index: 20;
	visibility:hidden;
}
#smenu3 {
	position:absolute;
	width: 175px;
	z-index: 30;
	visibility:hidden;
}
#smenu4 {
	position:absolute;
	width: 175px;
	z-index: 30;
	visibility:hidden;
}
.ssm a {
	display:block;
	height:20px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}
.ssm a:hover {
	text-decoration: none;
	background:#78A980;
}

/* navigation */
#navig {
	position: relative;
	height: 23px;
	width:760px;
	clear: both;
	margin: 2px auto;
	background: #003200 url(images2/fond_navig.jpg) left 1px repeat-y;
	text-align:left;
}
#navig p {
	display: block;
	height: 23px;
	color: #fff;
	font: 11px/21px Arial,Helvetica,Sans-Serif;
	background: url(images2/bord_g_navig.gif) left top no-repeat;
	padding-left:23px;
}
#navig a {
	color: #fff;
	font: 11px/21px Arial,Helvetica,Sans-Serif;
	text-decoration: none;
}
#navig a:hover {text-decoration: underline;}

/* sommaire + contenu */
#content {
	position: relative;
	margin: 1em auto;
	width:760px;
	text-align:left;
	background: url(images2/fond_puzzle.gif) left top no-repeat;
	z-index: 5;
}
#content h2 a {
	color: #fff;
	text-decoration:none;
}
#content h2 a:hover {color: #FDEA6C;}
#sommaire {
	float:left;
	width:230px;
	text-align:left;
}
#sommaire h2 {
	position: relative;
	color: #fff;
	width: 220px;
	height: 30px;
	padding-left: 35px;
	background-position: 0% 40%;
	background-repeat: no-repeat;
	font: bold 14px/28px Arial,Helvetica,Sans-Serif;
	background-image: url(images2/sommaire.jpg);
}
#sommaire ul {list-style-type: circle;}
#tourisme {background-image: url(images2/invar_tourisme.jpg) !important;}
#mediatheque {background-image: url(images2/invar_mediatheque.jpg) !important;}
#piscine {background-image: url(images2/invar_piscine.jpg) !important;}
#sondage {background-image: url(images2/invar_sondage.jpg) !important;}
.niv2 {
	list-style-type: circle;
	color: #000;
	line-height: 1.2em;
}
.niv2 a {
	font-weight: bold;
	text-decoration: none;
	color: #000;
}
.niv2 a:hover {text-decoration: underline;}
.niv3 {
	margin: 0 0 1em 1.2em;
	list-style-type: circle;
	color: #777;
	padding: 0;
	line-height: 1.2em;
}
.niv4 a {font-weight: normal !important;}

#liste {
	position:relative;
	width: 495px;
	text-align: left;
	float: left;
}
#thema {
	position:relative;
	float: left;
	width: 495px;
	height: 30px;
	text-align: left;
	color: #fff;
	font: bold 16px/28px Arial,Helvetica,Sans-serif;
	background: url(images2/fond_theme.jpg) left top repeat-y;
}
.tiret {
	background: url(images2/px.gif) left top repeat-x;
	margin-top:1px;
	padding: 0;
	width: 495px;
	height: 1px;
	border: 0;
	margin-bottom: 2em;
}
.nomcontenu {display: none;}
.TListe {
	width: 100%;
	margin-bottom: 2em;
	line-height: 1em;
}
.TContenu {
	width: 100%;
	margin-bottom: 2em;
	line-height: 1.5em;
}
.TListe .imgpuce {
	width: 15px;
	margin-right: 1em;
}

.TContenu .imgpuce {margin-right: 0.5em}
.titre {padding-bottom: 1em;}
.TListe img, .TContenu img {
	border:0;
}

/* Actualités multi-critères */
.menutype {
	width:100%;
	height:20px;
	background:#fde96c;
	margin-bottom:10px;
}
.mentype td {
	text-align:center !important;
	font-weight:bold !important;
	color:#000 !important;
}
.menutype a {
	display:inline;
	font-weight:bold !important;
	text-decoration:none !important;
}
.menutype a:hover, .MenuActu-over  {
	color:white !important;
	background:#DF9C00;
}

/* bas de page */
#bas {
	position: relative;
	height: 30px;
	width:760px;
	clear: both;
	background: #003200;
	text-align:center;
}
#bas p {
	display: block;
	height: 30px;
	color: #fff;
	font: 11px/28px Arial,Helvetica,Sans-Serif;
	background: url(images2/bord_g_bas.gif) left top no-repeat;
	padding-left:35px;
}
#bas a {
	color: #fff;
	font: 11px/21px Arial,Helvetica,Sans-Serif;
	text-decoration: none;
}
#bas a:hover {
	text-decoration: underline;
}

/* ======= Ajout V7 ======== */
#multicritere fieldset{
	margin: 1em 0;
}
#multicritere .btn{
	margin-bottom:1em;
}