body {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #003399;
	border: 0px;
	margin: 0px;
	padding: 0px;
}
#container {
	width: 850px;
	background-color: transparent;
	border: 0px solid;
	margin: 0 auto;
	font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size:11pt;
}
.centre{
	width:615px;
	padding-left:15px;
}
table,tr,th,td {
	border: 0px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	vertical-align: top;
}

table   
        { width: 100%; }

#header
        { height: 180px; }

#mainleft 
        { height: 100%; 
		  width:220px;
	  border:0px;
          padding-left: 30px;
}

#mainright 
        {  float:left;
	  border:0px;
     width: 240px;
}

a, a:visited, a:active
        { text-decoration: none; color: #003399; }

a:hover
        { text-decoration: none; }

a img
   { border: none; }

.nav {
    height: 140px;
    background-color: #fff;
    background-image: url(images/banniere.gif);
    background-repeat: no-repeat;
    background-position: top left;
    font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
    color: #003399;
}
#home {
     float: left;
    height: 140px;
    width:166px;
        border: 0px;
}
#menu {
	  height: 70px;
	  padding-left: 15px;
	  padding-top: 60px;
	  font-size: 85%;
}

#menu .hig{
	  float: left;
	  height: 40px;
	  width: 72px;
	  margin-top: 0px;
}

#menu .low{
	  float: left;
	  height: 40px;
	  width: 72px;
	  margin-top: 25px;
}
#planvill{
	background-image: url(images/plan_vill.jpg);
	background-repeat: no-repeat;
	background-position: center;
	width:750px;
	height:500px;
}
/*-------------couleur des rubriques sur menu*-----------/
/*municipalité*/
a.rub1:hover
        { color:#cc9933; text-decoration:none;}
/*actualité
a.rub7:hover
        { color:#ff0033; }*/
a.rub2:hover		  
        { color:#ff0033; text-decoration:none;}
/*associations
a.rub9:hover
        { color:#33cc33; }*/
a.rub3:hover
        { color:#33cc33; text-decoration:none;}
/*decouverte
a.rub10:hover
        { color:#9999ff; }*/
a.rub4:hover
        { color:#9999ff; text-decoration:none;}
/*jeunes
a.rub15:hover
        { color:#ffcc33; }*/
a.rub5:hover
        { color:#ffcc33; text-decoration:none;}
/*economie
a.rub25:hover
        {color: #ff9900;}*/
a.rub6:hover
        {color: #ff9900;text-decoration:none;}
/*infos pratiques
a.rub14:hover
        { color: #cc00cc; }*/
a.rub7:hover
        { color:#cc00cc;text-decoration:none; }
/*intercommunalité
a.rub4:hover
        {color: #20B2AA;}*/
a.rub8:hover
        {color: #20B2AA;text-decoration:none;}

/*--------  sous-menu des rubriques -------*/
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7, #smenu8 {
	  background-color: #fff;
          list-style: none;
	  float: left;
	  padding-left: 0px;
	  font-size: 75%;
	  display:none;
	  margin-left:0px;
	  margin-top:10px;
}

.nav li {
	  display: inline;
          list-style: none;
          padding: 0px 7px 0px 7px;
          border-left:1px solid rgb(60%,60%,100%); 
	  color: #003399;
}

li.item1
        { border: 0px; padding-left: 20px; }


/* -------------pavé diaporama-----------------*/
#diaporama{
	background-color: #F5F5DC;
	width: 290px;
	font-size: 8pt;
	font-style: italic;
}

#diaporama .imagdiap, textdiap{
	width: 145px;
	height: 141px;
	font-size:9pt;
}
.textdiap1{
padding-top:15px;
 padding-left:5px;
	text-align:left ;
}
.textdiap2{
padding-top:15px;
padding-right:5px;
	text-align:right;
}
/*---------bloc des infos page d'accueil------------*/
.info {
	border: 2px dotted #ccccff;
	width: 240px;
	float:left;
	padding: 5px;
}
.info .date{
	font-size: 11px;
	color: #B22222;
	font-weight: bold;
	padding-top:5px;
}
#info_chapo{
	font-size : 10px;
	font-weight: bold;
}
/* -------------fenetre des breves-----------------*/
.page_breve{
	background-color: #F5FFFA;
	margin:50px;
	font-size:13pt;

}
/*---comportement des éléments des boutons du bloc de recherche par mots clefs---*/
#search{height:50px;}
.saisie-texte, .forml {
	display:block;
	color: #6262A4;
	background: #F0F0FA;
	border: 1px solid #6262A4;
	margin:5px 0px 5px 0px;
	padding:1px;
}

.spip_bouton {
	display: block;
	
	border: none;
	margin:5px 0px 5px 0px;
	behavior: url(squelettes/scripts/spip-bouton-hover.htc);
}

.spip_bouton:hover {

	color: none;

	cursor: pointer;
}

fieldset {
	margin: 0px;
	padding: 0px;
}
#form_auteur{
	height:450px;
}
#presa_auteur{
	padding-left : 25px;
}
/*------------ comportement des liens avec puce carré---------*/
.liens{
	padding-top:5px;
	padding-bottom:5px;
}
.liens ul{
	font-size: 11px;
}
.liens li{
	list-style-type: none;
	background-image: url(images/puce0.gif);
	background-position: left center;
	background-repeat: no-repeat;
	line-height: 20px;
}

.liens a{
	text-decoration: none;
	color: #003399;
	background-image: url(images/puce0.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
}
	 
.liens a:hover{
text-decoration:none;
	background-image: url(images/puce1.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

/* ---------bloc agenda ---------------*/
#agenda  {
	background-position: left top;
	padding: 15px 5px 10px 5px;
	border: 2px dotted #ccccff;
}
#agenda{
	padding:0px;
}
.ag-date{
	font-size: 12px;
	color: #B22222;
	font-weight:bold;
}
#agenda li{

	padding-right:5px;
	
}

#agenda .titre{
	padding-top: 11px;
	padding-bottom:5px;
}
.ag_lieu{
	font-size: 11px;
}
.ag_organisateur{
	font-size: 11px;
	color: #B22222;
	font-style: italic;
}
#presa-ag{
	margin-top:50px;
	margin-left:50px;
}
/* -------------bloc contenant la date de dernière mise à jour -------------*/

.maj {
	background: transparent;
	font-size: 10px;
	border: 1px solid #ccccff;
	width: 80%;
	text-align: center;
	padding: 3px 0px 3px 0px;
	color: #003399;
	margin: 20px 0px 20px 20px;
}

.maj hr {
	border: 0px;
	height: 1px;
	color: #808080;
	background-color: #ccccff;
	margin-left: 0px;
	margin-right: 0px;
}

#derniersarticles1
  { width: 270px; }
  

#derniersarticles2
  { width: 270px; }
  
/*-----------bloc footer -----------------*/
.footer{
	margin-top: 10px;
	padding-top: 2px;
	border-top: 2px solid #CCC;
	font-size:70%;
	text-align: center;
}

/*-------------Typographie--------------*/
h1{
	font-size:14px;}
h2{
	color: #003399;
	background-image: url(images/anim1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-family: "Courier New", Courier, monospace;
	font-size: 110%;
	font-weight: bold;
	margin: 5px 10px 5px 0px;
	padding-left: 55px;
}
h3{
	
	font-size: 110%;
	font-weight: bold;
	
}
.titre{
	font-size: 12px;
	font-weight: bold;
	color:#003399;
}
.titre a {
	color:#003399;
	text-decoration: underline;
}
.titre a:hover{
	color:#cc9933;text-decoration: none;
}
.soustitre{
	font-size: 11px;
	color: #708090;
}
.descriptif{
	font-size:80%;
}
.resume{
	margin-bottom: 5px;
	font-size:11px;
	line-height: 14px; }

.chapo {
	margin-bottom: 0px;
	font-size:11px;
	font-style:italic;
	font-weight: bold;
	line-height: 12px; }

.intertitre{
	border-bottom: 2px solid #ccccff; 
	margin-bottom:10px;
	padding-bottom:5px;
}
.intertitre2{
	border-top: 2px solid #ccccff; 
	margin-top:10px;
	padding-top:10px;
	padding-bottom:5px;
}
.texte { color: #003399; font-size: 11px; }
.ps, .notes {
	margin-top: 10px;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
.ps { font-size: 9pt; color:#B22222; }
.notes {
	clear: both;
	font-style: italic;
	color: #B22222;
}
p.spip_note {font-size: 9pt;}
a.spip_note {color:#b22222; font-weight:bold;}

.ps h3, .notes h3 { font-size: 70%; font-weight: bold; color:#B22222;}
.date{
	font-size: 70%;
	font-style: italic;
	padding-bottom: 3px;
	color: #778899;
}
p{
	font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	color: #003399;
	font-size:10pt;
}
h4{
	font-size:80%;
}
.suite{
	font-size: 8pt;
	font-style: italic;
	text-align: right;
	color: #D2B48C;
}
small{
	font-size: 80%;
	font-style: italic;
}
.detail{
	text-align:right;
}
.plus{
	line-height: 15pt;
}
/*------------------- bandeau de fond des rubriques principales----------------------*/
#plan{
	border-left: 60px solid #b0c4de;
}
#rub1{
	background-image: url(images/fond-municip.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 100%;
	border-left: 30px solid #b0c4de;
}
#rub2{
	background-image: url(images/fond-actu.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 100%;
	border-left: 30px solid #ff0033;
}
#rub3{
	background-image: url(images/fond-asso.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 100%;
	border-left: 30px solid #33cc33;
}
#rub4{
	background-image: url(images/fond-patrim.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 100%;
	border-left: 30px solid #ccccff;
}
#rub5{
	background-image: url(images/fond-jeun.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 100%;
	border-left: 30px solid #ffcc33;
}
#rub6{
	background-image: url(images/fond-eco.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 100%;
	border-left: 30px solid #ff9900;
}
#rub7{
	background-image: url(images/fond-pratic.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 100%;
	border-left: 30px solid #cc33cc;
}
#rub8{
	background-image: url(images/fond-interc.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 100%;
	border-left: 30px solid #9acdd0;
}

#rub9{
	background-image: url(images/fond-agenda.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 100%;
	border-left: 30px solid #cc9933;
}
.presa_rubrique{
	margin-top: 15px;
	background-color: #FFF;
	border: 1px solid #003399;
	padding: 10px;
}
.presa_rubrique a{
	font-style: italic;
	text-decoration: none;
	color: #333;
}
.presa_rubrique a:hover { text-decoration: underline; }

#presa_texte{
	margin-left:30px;
}
#presa_texte a{
font-style: italic;
	text-decoration: none;
	color: #333;
}
#presa_texte a:hover { 
text-decoration: underline; }

#presa_plan{
	margin-left:60px;
	
}
/* ================================ Formatage des éléments de la colonne bloc gauche =============================== */
.ss-rub{
	padding: 5px 0px 15px 0px;
}
#ss-rub ul{
	font-size: 11px;
}
#ss-rub li{
	list-style-type: none;
	background-image: url(images/puce0.gif);
	background-position: left center;
	background-repeat: no-repeat;

}

#ss-rub a{
	text-decoration: none;
	color: #003399;
	background-image: url(images/puce0.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
}
	 
#ss-rub a:hover{text-decoration:none;
	background-image: url(images/puce1.gif);
	background-position: left center;
	background-repeat: no-repeat;
}
/* bloc de navigation gauche 1 --> arborescence du site */
.nav3 {
	/*bloc contenant la hiérarchie*/
	border: none;
	width: 100%;
}

.nav3 .bord {
	/*bloc englobant nav3, pour créer une marge valable sous IE et firefox*/
	padding-bottom: 10px;
	margin-right: 10px;
}

.nav3 ul {
	padding-left:10px;
	margin:0px;
	line-height: 100%;
	list-style-type: none;
}

.nav3 li {
	margin:0.7em 0em 0.5em 0em;
	padding:0px;
	font-size:11px;
	list-style-type:none;
}
.courrant{
	font-weight: bold;
}

/*----------------Brèves-----------------------*/
#breves{
	background-color: #F5FFFA;
	padding: 10px;
}
.breve{
	margin-top:5px;
	font-size: 11px;
	padding-bottom:10px;
	border-bottom: 2px solid gray;
}
.titre-breve{
	font-size:12px;
	font-weight:bold;
	margin-top:10px;
	
}
.nom-breve a{
	color: #A9A9A9;
}
.nom-breve a:hover{text-decoration:none;
	color: #A9A9A9;
}

/* -------------------------Tableaux-------------------------------- */
table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: none;
	border-collapse: separate;
	font-size: 8pt;
}
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: left;
	margin: auto;
	padding: 3px;
	font-weight: bold;
}
table.spip tr.row_first {
	background: #ffcc33;
}
table.spip tr.row_odd {
	background: #F2F2ca;
}
table.spip tr.row_even {
	background: #eeeeff;
}
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }

/* -------------------------------------Formulaire de recherche -----------------------------------------*/
.formulaire_recherche { width: 12em; text-align: left; }
.formulaire_recherche label { display: none; }

/* bloc de navigation 1 --> arborescence du site, page recherche */
.nav1 {
        /*bloc contenant la hiérarchie*/
        width: 100%;
        padding:0px;
        font-size: 12px;
}

ul.menulist li ul{ display:none; }

ul.menulist li:hover>ul{ display:block; }

ul.menulist,
ul.menulist ul{
	background: transparent;
	border: 1px solid #FFFFFF;
	border-bottom: 0px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 150px;
	_width: 152px;
}

ul.menulist ul{
 position:absolute;
 top:-1px;
 left:150px;
}

ul.menulist li{
 position:relative;
 margin:0px;
 padding:0px;
 border-bottom: 1px solid #FFFFFF;
}

ul.menulist a{
 display:block;
 _width: 100%;
 color:#FFFFFF;
 text-decoration:none;
 padding: 5px;
}

ul.menulist a:hover{
	background: transparent;
	color: Aqua;
}

ul.menulist li.smenu {
        background-image: url(images/arrow.gif) !important;
        background-position: 150px;
        background-repeat: no-repeat;
}

ul.menulist li.smenu:hover, ul.menulist li.smenu>a:hover {
        background-image: url(images/arrowb.gif) !important;
        background-position: 147px;
        background-repeat: no-repeat;
}

/* SPIP-STYLE                                              version 1.9  */
/* Cette feuille contient les styles associes au code genere par SPIP.  */
/* Ces styles sont indispensables et doivent necessairement etre        */
/* definis pour le bon fonctionnement de vos squelettes.                */


/* Raccourcis typographiques de SPIP */
i.spip {}
strong.spip {}
hr.spip {}

.spip_puce { list-style-position: outside; }

ul.spip {}
ol.spip {}
li.spip {}

h3.spip {
	text-align: center; 
	margin-top: 2em; 
	margin-bottom: 1.4em; 
	font-size: 1.15em; 
	font-weight: bold; }

/* Paragraphes, citations, code et poesie */
p.spip {}
p.spip_note {}

blockquote.spip, .spip_serif { font-family: Georgia, Times, serif; }

blockquote.spip { 
	margin: 1em; 
	padding-left: 1em;
	padding-right: 1em;
	border: 1px dotted; } 

div.spip_poesie { 
	margin: 1em; 
	padding-left: 1em; 
	border-left: 1px solid;
	font-family: Garamond, Georgia, Times, serif; }
div.spip_poesie div { text-indent: -60px; margin-left: 60px; }

.spip_code, .spip_cadre { font-family: monospace; font-style: normal; font-size: 1.2em; }
.spip_cadre { width: 99%; border: 1px inset; }/*

.spip_surligne { background: #FF6; }*/

/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: none; }

.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; }

.formulaire_spip fieldset {width: 400px; padding-left: 20px;}