/* CSS Document */
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
body {
	min-width: 967px;
	background: black;
	font-family: arial, helvetica, sans-serif;
	color: black;
	text-align: center;
}
div, dl, dt, dd, span {
	border: 0;
	margin: 0;
	padding: 0;
}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%			INTERIEUR				%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

table#fond {
	margin: 0;
	width: 967px;
	height: 100%;
	background: white;
	border-left: 1px solid white;
	border-right: 1px solid white;
	text-align: left;
}
td#sfond {
	padding: 0;
	vertical-align: top;
}
div#banniere {
	position: relative;
	width: 965px;
	height: 174px;
	background: url(images2/banniere.jpg) left top no-repeat;
	text-align: right;
}
div#imgRef {
	position: absolute;
	width: 200px;
	height: 152px;
	left: 780px;
	top: 31px;
	background: url(images2/mouette.gif) left top no-repeat;
	visibility: visible;
	z-index: 200;
}
#banniere table {
	margin: 0;
	width: 750px;
}
#banniere td {
	padding: 0;
	text-align: left;
	vertical-align: middle;
	font-size: 10pt;
	color: white;
}
#banniere td a {
	color: white;
	text-decoration: none;
}
#banniere td a:hover {
	color: white;
	text-decoration: underline;
}
#banniere td img {
	border: 0;
	vertical-align: middle;
}
td.acces {text-align: center !important;}
td.acces a {color: black !important;}

/* ------------ menu du haut -------------- */
.calendrier {
	z-index: 1;
}
div#hmenu {
	z-index: 1000;
	padding-right: 108px;
	width: 857px;
	height: 27px;
	background: url(images2/f_menu.jpg) left top repeat-x;
	border-top: 1px solid white;
}
#hmenu dl {
	height: 27px;
	float: right;
	text-align: left;
}
#hmenu dt {
	height: 23px;
	padding-top: 4px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px;
	font-weight: bold;
	font-family: "trebuchet MS", arial, helvetica;
	text-align: center;
	color: white;
	border-right: 1px dashed white;
}
#hmenu dt a {
	color: white;
	text-decoration: none;
}
#hmenu dt a:hover {
	color: yellow;
}
#hmenu dd {
	position: absolute;
	z-index: 1000;
	width: 170px;
	visibility: hidden;
	background: #FCA86A;
	font-size: 12px;
	color: black;
}
#hmenu dd ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#hmenu dd li {
	padding-top: 3px;
	padding-bottom: 3px;
	border: 1px solid #E9631E;
	padding-left: 2px;
}
#hmenu dd a {
	display: block;
	color: white;
	text-decoration: none;
}
#hmenu dd a:hover {color: black;}
img.flecheRub {
	border: 0;
	float: right;
	vertical-align: middle;
}
div.divn3 {
	position: absolute;
	float: right;
	margin: 0;
	padding: 0;
	width: 150px;
	margin-left: 166px;
	margin-top: -4px;
	padding: 0.2em;
	background: #FCA86A;
	border: 1px solid black;
	visibility: hidden;
}
div.OpenGauche {
	position: absolute;
	float: left;
	margin: 0;
	padding: 0;
	width: 150px;
	margin-left: -168px;
	padding: 0.2em;
	background: #FCA86A;
	border: 1px solid black;
	visibility: hidden;
}

/* ---------- Espace de navigation ------------ */
div#rechnav {
	width: 965px;
	height: 42px;
	background: url(images2/f_rechnavig.jpg) left top no-repeat;
}
#rechnav table {
	margin: 0;
	border: 0;
	width: 100%;
	height: 40px;
}
td.rech {
	padding-left: 10px;
	width: 385px;
	text-align: left;
	vertical-align: middle;
	font-size: 10pt;
}
.rech form {display: inline;}
input#cle {width: 110px;}
td.navig {
	text-align: left;
	vertical-align: bottom;
	font-size: x-small;
	color: #5B80A4;
}
.navig a {
	color: #8CA6BF;
	text-decoration: none;
}
.navig a:hover {
	color: #5B80A4;
	text-decoration: underline;
}

/* ------------ Bas de page ------------ */
div#baspage {
	width: 965px;
	height: 33px;
	background: url(images2/f_baspage.jpg) left top no-repeat;
}
#baspage table {
	width: 100%;
	margin-top: 3px;
}
td.techno {
	margin: 0;
	padding: 0;
	width: 225px;
	height: 30px;
	font-size: small;
	text-align: center;
	vertical-align: middle;
}
.techno a {
	color: white;
	text-decoration: none;
}
.techno a:hover {text-decoration: underline;}
td.invarB {
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	font-size: small;
	color: white;
}
.invarB a {
	color: white;
	text-decoration: none;
}
.invarB a:hover {text-decoration: underline;}

/* --------- Espace central ----------- */
table#mainer {
	margin: 0;
	border: 0;
	width: 965px;
	height: 150px;
}

/* --------- A gauche ------------ */
td.gauche {
	padding: 0;
	width: 225px;
	background: #FBE386;
	vertical-align: top;
}

/* ---------- Sommaire ------------ */
td.th_somm {
	color: #5C633F;
	font-weight: bold;
	font-size: 10pt;
}
ul.sommaire {
	margin: 0;
	margin-top: 5px;
	margin-bottom: 15px;
	padding: 0;
	list-style-type: none;
	border-bottom: 1px solid white;
}
ul.sommaire li {
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
	padding-left: 10px;
	font-weight: bold;
}
ul.sommaire a {
	color: black;
	font-size: small;
	text-decoration: none;
}
ul.sommaire a:hover {color: white;}
li.nivSomm {
	background: #FCDC5F;
}
li.niv3 {
	font-weight: normal !important;
/*	margin-left: 5px !important;	*/
	font-size: x-small !important;
	list-style-type: square !important;
}
li.niv4 {
	font-weight: normal !important;
	margin-left: 10px !important;
	font-size: x-small !important;
}
.survol_rub {color: #EB612B !important;}


ul.invariant {
	margin: 0;
	margin-top: 5px;
	margin-left: 10px;
	padding: 0;
	list-style-type: none;
}
ul.invariant li {
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
}
ul.invariant a {
	color: black;
	font-size: small;
	text-decoration: none;
}
ul.invariant a:hover {color: white;}
img.puce_invar {
	border: 0;
	margin-right: 5px;
	vertical-align: middle;
}
/* invariants spéciaux */
table.invarspeG {width: 225px;}
table.invarspeG img {border: 0;}
table.invarspeG th {
	height: 41px;
	text-align: center;
	vertical-align: middle;
}
td#td_planville {
	height: 71px;
	background: url(images2/ftd_planville.jpg) left top no-repeat;
}
td#td_assoc {
	height: 90px;
	background: url(images2/ftd_assoc.jpg) left top no-repeat;
	vertical-align: top;
}
ul.srubassoc {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.srubassoc li {margin-left: 56px;}
.srubassoc a {
	color: white;
	font-size: 10pt;
	text-decoration: none;
}
.srubassoc a:hover {text-decoration: underline;}

/*	------------- Espace des contenus --------------- */
div.contenu {margin-top: 20px;}
td.principal {vertical-align: top;}
table.TListe, table.TContenu {
	margin: 10px;
	width: 100%;
}
.TContenu td, .TListe td {padding-bottom: 10px;}
.TContenu .titre {padding-bottom: 20px;}
td.vignette img {border: 0;}
img.imgpuce {
	border: 0;
	margin-right: 10px;
}

/* ------------ Espace élus -------------- */
td.maire {
	color: black;
	font-size: small;
}
td.maire span {
	color: #F1722B;
	font-size: medium;
}

/* --------------- Contenus de l'index --------------- */
div#une {
	width: 705px;
/*	border: 1px solid black;	*/
	padding: 15px;
}
#une h2 {
	color: #FA9652;
	font-family: tahoma, helvetica, sans-serif;
}
#une h4 {
	color: #FA9652;
}
#une p {
	color: #999;
	font-size: small;
}
a.btn {
	margin-top: 20px;
	color: #FA9652;
	text-decoration: underline;
}
a.btn:hover {
	font-weight: bold;
	text-decoration: none;
}

/* ---------------- Actualités + Agenda -------------------- */
table.actuagenda {
	margin: 0;
	width: 100%;
}
td.actugauche, td.actudroite {
	padding: 10px;
	text-align: left;
	vertical-align: top;
	font-size: small;
}
td.actugauche {width: 60%;}
.actugauche h5 {color: #315EC8;}
table.critere td {
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background: #E3E8EC;
	border: 1px solid white;
}
.critere a {
	color: #6F8795;
	text-decoration: none;
}
.critere a:hover {
	color: white;
	text-decoration: none;
}
td.MenuActu-over {
	background: #97A9B6 !important;
}
.MenuActu-over a {
	color: white;
	font-weight: bold !important;
	text-decoration: none;
}
img.puce2 {
	border: 0;
	margin-right: 10px;
	vertical-align: middle;
}


.actudroite h4 {
	color: #7087D8;
	font-family: tahoma, helvetica, sans-serif;
}

/* calendrier */
td.calMois, td.Calsemaine {color: #17A9AA;}
.Calsemaine {
	border-top: 1px solid #E37438;
	border-bottom: 1px solid #E37438;
}
td.calJour {color: #17A9AA;}
a.CalJourManif {
	color: black;
	text-decoration: none;
	font-weight: bold;
}
a.CalJourManif:hover {color: #E37438;}

/* Agenda content */
table.date {
	margin-top: 20px;
	background: #7087D8;
	color: white;
	font-weight: bold;
	font-size: small;
	width:100%;
}
.date td {
	padding: 5px;
}
.actudroite h5 {color: #F2925A;}
.actudroite {color: #666;}

/* ===== AJOUT V7 ====== */
.fincontenu hr{display:none;}
