/* CSS Document */
/* concerne l'actualité et l'agenda de la page d'accueil */
#actuhome {
	width:480px;
	float:left;
	}
#actuhome .actu {
	clear:both;
	margin-bottom:15px;
	background:#FFFFFF url(/images/pave-actu.png) no-repeat 0 0;
	height:114px;
	width:480px;
	border-right:#9c0 solid 1px;
	}
#actuhome .actu h2 {
	font-size: 1.2em;
	font-weight: bold;	
	}
#actuhome .actu img.spip_logos {
	border:#FFFFFF solid 1px;
	}
#actuhome .actu .intro {
	padding:10px;
	}
#actuhome .actu .liresuite {
	text-align:right;
	font-size:0.85em;
	font-style:italic;
	}
#actuhome .actu .liresuite a {
	text-decoration:underline;
	color:#666666;
	}
#agenda	ul {
	width:222px;
	margin:0px;
	padding-top:28px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	background: transparent url(/images/fond_agenda.png) no-repeat left top;
	}
#agenda	li {
	clear:both;
	list-style: none;
	margin: 0px;
	padding: 3px 14px 7px 7px;
	}
#agenda {
	float:right;
	margin-top:80px;
	padding-bottom:22px;
	background: transparent url(/images/fond_agenda.png) no-repeat left bottom;
}
#agenda	img {
	border:#FFFFFF solid 1px;
	}
#agenda .agenddate {
	border-bottom:#333333 solid 1px;
	font-size: 10px;
	font-style: italic;
	color: #333333;
}
#agenda .agendtitre {
	font-size: 11px;
	font-weight: bold;
	}
#agenda .agendtitre a {
	color:#2156AA;
	text-decoration:none;
	}
#agenda .agendtitre a:hover {
	text-decoration:underline;
	}

/* fin agenda et page d'accueil */

.maire, .autre {
	font-size: 0.85em;
	text-align: center;
	border: 1px dotted #CCCCCC;
	margin: 3px;
	padding: 5px;
}
.adjoints, .conseillers {
	margin: 3px;
	padding: 5px 3px;
	float: left;
	height: 140px;
	width: 105px;
	border: 1px dotted #CCCCCC;
	font-size: 0.75em;
	text-align: center;
}
.autre {
	float: right;
}
#perman1, #perman2 {
	margin:auto; 
	overflow:hidden;
	}
#perman1 {
	width:445px;
	}
#perman2 {
	width:595px;
	}
#perman1 .adjoint, #perman2 .adjoint {
	font-weight:bold;
	margin:0px;
	font-size: 1em;
	}
#perman1 .nom, #perman2 .nom {
	margin-top:5px;
	margin-bottom:2px;
	}
.perma {
	float: left;
	height: 200px;
	width: 200px;
	display:inline;
}
.permadj {	
	height: 200px;
	display:inline;
}
.perma p, .adjoints .parmadj p {
	background: #EFEFEF;
	margin: 2px 0px;
	padding: 2px;	
}
/* général */
body {
	margin: 0px;
	padding: 0px;
	background: #FFFFFF url(/images/menu_fond_vert.png) no-repeat 0px 144px;
	text-align:left;
}
body.home {
	background: #FFFFFF url(/images/menu_fond_vert.png) no-repeat 0px 144px;
}
.ombre /* une ombre sous une image attribuer au div */

	{
	background :url(/images/ombre.png) no-repeat 6px 6px;
	padding: 0px 6px 6px 0px;
}
/* .ombre2 {
	display:block;
	margin:auto;
	background-position : 24px 24px;
	margin-top:24px;
	padding: 0px 24px 24px 0px;
	} */
/*  concerne le bandeau du haut */

#logoSite {
	height: 150px;
	z-index: 9;
	position: absolute;
	top: 0px;
	background-color: transparent;
}
#logoSite img {
	margin: 0px;
	padding: 0px;
	border-style: none;
}
.logoarticle {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	}
#bandimG {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 142px;
	width: 451px;
	overflow: hidden;
	float: right;
	background-position: right center;
}
#bandFlash1 {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 142px;
	width: 100%;
	overflow: hidden;
	float: right;
	background-color:#FFF;
	text-align:right;
	
	}
#bandFlash2 {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 142px;
	width: 100%;
	overflow: hidden;
	background-color:transparent;
	z-index:8;
	position:absolute;
	top:0;
	left:0;
	
	}
#illus1, #illus2 {
	position:absolute;
	top:0px;
	right:0px;
	height:142px;
	background-repeat:no-repeat;
	}
#illus1 {
	z-index:8;
	width:776px;
	background-position: 0 0;
	}
#illus2 {
	z-index:9;
	width:100%;
	background-position: right bottom;
	}
#ombreSSbandeau {
	background: url(/images/ombre_ss_bandeau.png) repeat-x 0px 0px;
	height: 12px;
	width: 100%;
	position: absolute;
	z-index: 8;
	top: 144px;
	font-size: 0px;
}
#bandgrD {
	z-index: 5;
	position: absolute;
	text-align: right;
	width: 100%;
	height: 142px;
	background: url(/images/degraD_mask_bandeau.png) repeat-y right top;
	top: 0px;
}
#bandVign {
	position: absolute;
	z-index: 60;
	/* width: 500px; */
	top: 5px;
	right: 360px;
}
#bandVign table {
	border:none;
}
#bandVign td {
	vertical-align:middle;
	padding:0px 0px 0px 5px;
	margin:0px;
}
#bandVign img.spip_logos {
	border: solid 1px #FFFFFF;
}
#bandVign a {
	color: #FFFFFF;
}
/* contenant comme son nom ... contient le menu, le contenu, le second menu */

#frcontenant {
	background:transparent url(/images/ombre_ss_bandeau.png) repeat-x 0px -12px;
	margin-top:12px;
	height:100px;
}

/* composants de la page : menu contenu et second menu */
/* composants du menu */

#frmenu {
	width: 220px;
	float: left;
	display: block;
	width:230px;
	margin-top:18px;
}
#frmenu ul {
	margin:0px 0px 0px 0px;
	padding:0px;
	font:1.25em "Trebuchet MS", verdana, tahoma, arial, helvetica;
	list-style: none;
	}
#frmenu  ul ul {
	font-size:0.75em ;
	}
#frmenu li {
	margin:13px 0px 0px;
	padding:0px 0px 0px 41px;
	background: url(/images/filet_blanc_menu.png) no-repeat left bottom;
	font-weight:bold;
	}
#frmenu li.on {
	background: url(/images/filet_blanc_menu_on.png) no-repeat left bottom;
	}
#frmenu li li {
	margin:0px 15px 0px 5px;
	padding:1px 0px 2px 3px;
	text-align:left;
	/* background: none; */
	font-weight:normal;
	}
#frmenu li li.on {
	margin:0px 13px 0px 5px;
	padding:0px 0px 0px 5px;
	background-color:#9C3;
	background-image:none;
	}
#frmenu li a {
	color:#000;
	text-decoration:none;
	}
#frmenu li a.on {
	color:#FFF;
	font-weight:bold;
	}
#frmenu li li a {	
	padding-left:6px;
	background: url(/images/fleche_sousmenu.gif) no-repeat -1px center;
	}
#frmenu li li.on a {	
	background-image:none;
	}
#frmenu li li a.on {
	padding-left:0px;
	}
#frmenu li li a:hover {
	text-decoration:underline;
	background: url(/images/fleche_sousmenu_black.gif) no-repeat -1px center;
	}
#frmenu li li a.on:hover {
	background: url(none);
	}
#frmenu li a.on:hover {
	text-decoration:none;
	cursor:default;
	}
.ssmenu {
	z-index:90;
	padding:0px;
	left:140px;
	position:absolute;
	margin-top:-20px;
	visibility:hidden;
	}
.content, .fermerssmenu {
	float:left;
	}
.content {
	background:url(/images/sousmenu_fond.png) no-repeat left bottom;
	padding: 0px 0px 15px;
	width:156px;
	}
.contentdeb {
	background:url(/images/sousmenu_fond.png) no-repeat left top;
	height:10px;
	font-size:0px;
	margin-top:-5px;
	width:156px;
	}
/* ************** logo petite cite de caractere ************ */
.petitecite {
	margin-left:50px;
	margin-top:25px;
	}
/* ************** contenu ************* */	
.frsurtitre {
	font-weight:bold;
	background-color:#EEE;
	padding-left:6px;
	margin-bottom:12px;
	}
#frcontenu {
	padding: 20px;
	/* border: 1px dashed #0033CC; */
	display: block;
 	width:58%; 
	float: left;
	}
.home #frcontenu {
 	width:740px; 
	padding-right:0px;
	position:absolute;
	left:230px;
	/* overflow:hidden; */
}
.page_plan h2 {
	background: #EEEEEE none repeat scroll 0 0;
	}
.page_plan #frcontenu li {
	margin: 2px;
	padding: 2px;
	}
.align_droite p,  .align_droite h3.spip {
	text-align:right;
	}
.align_centrer p, .align_centrer h3.spip {
	text-align:center;
	}
.align_justifier p {
	text-align:justify;
	}
/* couleur dominantes - */
#frcontenu h1, #frcontenu h2, #frcontenu h3, #frcontenu h4, #frcontenu h5 {
	font-family: "Trebuchet MS","Century Gothic", "Gill Sans", "Gill Sans MT", Arial, Helvetica;
	}
#frcontenu h1 {
	color: #255AAD;
	font-size: 1.7em;
	}
#frcontenu h3 {
	background-color:#EEEEEE;
	margin-top:16px;
	padding-left:5px;
	padding-right:5px;
	}
#frcontenu .menu h4 {
	padding-left:8px;
	background: url(/images/fleche_sousmenu.gif) no-repeat left center;
	margin-left:6px;
	margin-top:3px;
}
.dom {
	color: #255AAD;
	}
/* formulaire de contact */	
.contact table{
	border:#EEE solid 1px;
	}
.contact .texte-normal /* form textes */ 
{
	text-align:right;
}
.contact .combos/* form combos */
{
	background:#fff url(/images/reflet_legendes2.png) no-repeat right bottom;
	border:#CCCCCC solid 1px;
	}
/* documents joints */

#documents_joints .vignette {
	height:110px;
	width:100px;
	margin:2px;
	float:left;
	text-align:center;
	padding-top:5px;
	border: #EEEEEE solid 1px;
	font-size:0.8em;
	}
#grandocument /* affiche le document en grand */{
	z-index:99;
	text-align:center;
	font-size:0.8em;
	color:#FFFFFF;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: url(/images/fond_trans.png) repeat;
	}
#grandocument img {
	margin:0px;
	border:#EEE solid 12px;
}
#grandocument .closeIMG {
	margin:auto;
	text-align:center;
	height:14px;
	display:block;
	}
#grandocument table.centrage {
	height:100%;
	margin:auto;
	border:none;
	}
#grandocument table.centrage td {
	vertical-align:middle;
	}
#grandocument .closeIMG a {
	font-size:12px;
	padding-right:15px;
	text-decoration:none;
	background:url(/images/masquer_menu.png) no-repeat right center;
	font-weight: bold;
	color: #FFFFFF;
	}
/* racourcis */

#racourcico {
	text-align:right;
	z-index:50;
	position:absolute;
	top:160px;
	right:0px;}
		
/* formulaire recherche */

#frrecherche #recherche {
	width:8em;
}
#frrecherche label {
	display:none;
}
#frrecherche {
/*	display: block; */
	float: right;
	margin-right:10px;
	margin-top:10px;
}

/* menu lateral des articles de la mm rubrique */
#frrubriquesclosed {
	float: right;
	display: block;
	z-index:51;
	position:absolute;
	top:255px;
	right:10px;
	visibility:hidden;
}
#frrubriques {
	float: right;
	display: block;
	width:142px;
	z-index:50;
	position:absolute;
	top:255px;
	right:10px;
	font-size:0.85em;
	/* background-color:#FFFFFF; */
}
#frrubriques h4 {
	font: bold 1.3em "Trebuchet MS","Century Gothic", "Gill Sans", "Gill Sans MT", Arial, Helvetica ;
	color:#81AA2B;
	background:url(/images/sous_titre_rub.png) no-repeat left bottom;
}
#frrubriques h4 img.afmask {
	float:right;
	}
#frrubriques #listing {
	background: url(/images/menu_rub_fond.png) no-repeat left top;
	width:142px;
	}
#listing .evene a {
	font-weight:bold;
	color:#999999;
	}
#frrubriques #talon {
	background: url(/images/menu_rub_fond.png) no-repeat left bottom;
	width:142px;
	font-size:0px;
	height:10px;
	margin:0px;
	padding:0px;
	}
#frrubriques ul {
	padding-top:5px;
	padding-bottom:5px;
	padding-left:0px;
	padding-right:0px;
	margin:0px;
	list-style: none;
	background: url(/images/menu_rub_reflet.png) no-repeat center 15px;
}
#frrubriques li {
	margin:5px 5px 2px;
	padding:0px 5px;
	background: url(/images/filet_blanc_menu.png) no-repeat left bottom;
	line-height:1.25em;
}
#frrubriques a.on, #frrubriques a.on:hover {
	font-weight:bold;
	text-decoration:none;
	cursor:default;
	color:#666666;
}
/* documents emb ou doc */
dt {
	text-align:center;
	}
dt.imageDStext {
	}
dt.imageDStext img {
	border:#FFFFFF solid 1px;
	}
.spip_documents_center {
	display:block;
	text-align:center;
	margin:auto;
	}
.spip_documents, /* utilisé pour les "span" et les "dl" */ span.spip_documents_center img /* utilisé pour les "span" center : ceci resserre le cadre sur la photo sinon il fait 100% de large */ {
	padding:2px;
	border-top: 1px solid #DDD;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #DDD;
	margin-top:10px;
	}
.spip_documents_right /* utilisé pour les "span" et les "dl" */{
	margin-left:15px;
	margin-right:5px;
	background-color:#FFFFFF;
	}
.spip_documents_left /* utilisé pour les "span" et les "dl" */{
	margin-right:15px;
	margin-left:5px;
	background-color:#FFFFFF;
	}
span.spip_documents_center {
	border:none;
	}
#grandocument .spip_documents {
	border:none;
	}
dt.spip_doc_titre {
	text-align:center;
	font-size:0.8em;
	padding:0px;
	margin:0px;
	background: #EEEEEE url(/images/reflet_legendes.png) no-repeat left top;
	}	
dd.spip_doc_descriptif {
	text-align:center;
	background-color:#EEEEEE;
	background: #EEEEEE url(/images/reflet_legendes2.png) no-repeat right bottom;
	font-size:0.8em;
	margin:0px;
	paddin:0px;
	}
/* pages spéciales */
body.page_identifiants {
	padding:15px;
	background-position: 0 0;
	}
body.page_identifiants	.formulaire_spip fieldset legend {
	padding-left:3px;
	padding-right:3px;
	}
/* formulaires spip listes */
#spiplistes-formabo.cadre {
	padding:20px;
	width:100%;
	}
#spiplistes-formabo.cadre p {
	margin-left:20px;
	margin-right:20px;
	}
/*********** masquer le 1er h1 *********************/
#bandFlash2 h1 {
	font-size:0px;
	height:0px;
	margin:0px;
	padding:0px;
	color:#FFFFFF;
	}
