body {
margin: 0px;
padding: 0px;
background-color: #fff;
background-image: url(images/cssvert/bg-body.gif);
background-repeat: repeat-x;
font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
font-size: 12px;
color: #555555;
}
/* TinyMCE specific rules */
body.mceContentBody {
background-image: none;
}
p {
margin: 0;
padding: 0;
}
#conteneur {
width: 985px;
background-image: url(images/cssvert/bg-conteneur.gif);
background-color: #FFF;
margin: auto;
}
#header {
background-image: url(images/cssvert/header.jpg);
height: 93px;
width: 985px;
}
.acteCivil {
display: block;
background-image: url(images/nouveau.gif);
height: 66px;
width: 230px;
position: absolute;
margin: 10px 0 0 50px;
z-index: 100;
}
.acteCivil span {
display: none;

}
#recherche {
position: absolute;
width: 200px;
margin: 68px 0px 0px 580px;
text-align: center;
}
.clichome {
position: absolute;
width: 410px;
height: 50px;
cursor: pointer;
}
.champrecherche {
background-color: #Fff;
font-size: 12px;
float: left;
}
.boutrecherche {
margin: 1px 0px 0px 3px;
float: left;
border: 1px solid #FFf;
font-size: 10px;
color: #FFf;
background-color:#85C300;
}
.libelle {
margin-left: 7px;
}
#principal {
margin: 145px 0 0 0;
padding:0 6px 0 6px;;
}

#formulaire {
margin: 200px 50px 0 50px;
padding:0 6px 0 6px;
font-size: 12px;
}

hr.clear {
clear: both;
visibility: hidden;
margin: 0px;
height: 0px;
}
hr.clear2 {
width: 500px;
clear: both;
visibility: hidden;
margin: 0px;
height: 0px;
}


a {
color: #3F5D00;
font-weight: bold;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
img {

}
#unecol {
margin-left: 20px;
margin-right: 260px;
}
#unecol #rubrique1 , #unecol #rubrique2 , #unecol #rubrique3 , #unecol #rubrique4 , #unecol #rubrique5 , #unecol #rubrique6 , #unecol #rubrique7 {
border: 0;
background-color: #fff;
/*width: 400px;*/
margin-left: 320px;
}

/*******************************************************************************************************
																COLONNE GAUCHE
*******************************************************************************************************/
div#colonne1 {
float: left;
width: 215px;
margin: 0px 0px 0px 0px;
background-repeat: no-repeat;	
padding: 10px 0px 0px 20px;
}
div#colonne1 ul {
font-size: 12px;
font-weight: bold;
list-style:none;
padding: 0px;
margin: 0px 0px 0px 0px;
list-style-position: outside;
}
div#colonne1 li {
padding: 2px 0px 2px 0px;
margin: 0px;
}
div#colonne1 a {
text-decoration: none;
}
div#colonne1 a:hover {
}
/*******************************************************************************************************
																RUBRIQUES (COLONNE GAUCHE)
*******************************************************************************************************/
.fin_col_gauche {
display: block;
background-image: url(images/cssvert/fin_col_gauche.gif);
background-repeat: no-repeat;
height: 7px;
width: 215px;
display: block;
margin-bottom: 10px; 
}
#rubrique1 , #rubrique2 , #rubrique3 , #rubrique4 , #rubrique5 , #rubrique6 , #rubrique7, #rubrique8, .autrerubrique  {
padding: 5px;
background-color: #f5f5f5;
border-left: 1px solid #85C300;
border-right: 1px solid #85C300;
}
#rubrique1 ul , #rubrique2 ul , #rubrique3 ul , #rubrique4 ul , #rubrique5 ul , #rubrique6 ul , #rubrique7 ul, #rubrique8 ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}

.autrerubrique a {
display: block;
font-size: 10px;
background-image: url(images/cssvert/flechegauche.gif);
background-repeat: no-repeat;
background-position: 0% 50%;
padding-left: 10px;
color: #85C300;
}
.autrerubrique a:hover {
color: #3F5D00;
background-image: url(images/cssvert/flechegauchehover.gif);
}

#rubrique1 a , #rubrique2 a , #rubrique3 a , #rubrique4 a , #rubrique5 a , #rubrique6 a , #rubrique7 a, #rubrique8 a  {
display: block;
font-size: 12px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
margin: 0px 0px 1px 0px; 
padding: 5px 5px 5px 10px;
}
/* Rubriqe 1 jaune */
div#rubrique1  {
}
#rubrique1 a , .rub1 {
border-color: #F9DF6B;
border-left: 20px solid ;
color: #806700;	
}
#rubrique1 a:hover {
background-color: #F0CD39;
}
/* Rubriqe 2 orange */
div#rubrique2  {
}
#rubrique2 a , .rub2 {
border-color: #F4C275;
border-left: 20px solid ;
color: #806700;	
}
#rubrique2 a:hover {
background-color: #F1B352;
}
/* Rubriqe 3 bleu */
div#rubrique3  {
}
#rubrique3 a , .rub3 {
border-color: #B9F2DF;
border-left: 20px solid;
color: #07B0B2;	
}
#rubrique3 a:hover {
background-color: #DCF8EF;
}
/* Rubriqe 4 vert */
div#rubrique4  {
}
#rubrique4 a , .rub4 {
border-color: #7FBF6E;
border-left: 20px solid ;
color: #7FBF6E;	
}
#rubrique4 a:hover {
background-color: #BFDFB6;
}
/* Rubriqe 5 Rose */
div#rubrique5  {
}
#rubrique5 a , .rub5 {
border-color: #F172A7;
border-left: 20px solid ;
color: #F172A7;	
}
#rubrique5 a:hover {
background-color: #F8B8D3;
}
/* Rubriqe 6 Violet */
div#rubrique6  {
}
#rubrique6 a , .rub6 {
border-color: #D5D1DE;
border-left: 20px solid ;
color: #7373A9;	
}
#rubrique6 a:hover {
background-color: #CBC6D6;
}
/* Rubriqe 7 marron */
div#rubrique7  {
}
#rubrique7 a , .rub7 {
border-color: #CA8253;
border-left: 20px solid ;
color: #CA8253;	
}
#rubrique7 a:hover {
background-color:#E9CCBA ;
}

/* Rubriqe 8 blue */
div#rubrique8  {
}
#rubrique8 a , .rub8 {
border-color: #84B5FE;
border-left: 20px solid ;
color: #6A91CB;	
}
#rubrique8 a:hover {
background-color:#DAE9FF ;
}

.titrerub {
background-image: url(images/cssvert/titrerub.gif);
background-repeat: no-repeat;
height: 25px;
display: block;
padding: 5px 0px 0px 0px;
}
.titrerub span {
display: block;
font-weight: bold;
text-align: center;
color: #fff;
}
/*******************************************************************************************************
																RUBRIQUES (PICTO)
*******************************************************************************************************/
.rub1 , .rub2 , .rub3 , .rub4 , .rub5 , .rub6 , .rub7 ,.rub8 , .sansrub {
padding: 0px 5px 0px 5px;
margin: 5px 15px 0px 20px;
font-size: 9px;
background-color: #fff;
border-left: 12px solid;
border-right: 12px solid;
border-bottom: 1px solid;
border-top: 1px solid;
text-align: center;
display: block;
}


/*******************************************************************************************************
												        COLONNE DROITE
*******************************************************************************************************/
div#colonne2 {
float: right;
width: 220px;
border: 1px solid #C3DF78;
margin: 0px 10px 0px 0px;
font-size: 11px;
background-color: #ECECEC;
}
div.titreactu,div.titrenl {
height: 50px;
background-image: url(images/titre_manif.gif);
background-position: center;
}
div.titrenl {
background-image: url(images/titre_nl.gif);
background-repeat: no-repeat;
}
div.titreactu span,div.titrenl span {
display: none;
}
div.titreagenda {
text-align: center;
}
.bloc_col_dt {

}

div.titrenl2 {
width: 300px;
height: 50px;
background-image: url(images/titre_manif.gif);

}
div.titrenl2 {
background-image: url(images/titre_nl.gif);
background-repeat: no-repeat;
}
div.titrenl2 span {
display: none;
}

.blocNL {
margin: 0 0 0 20px;	
}

.titreagenda {
color: #85C300;
display: block;
border-bottom: 1px solid #85C300;
font-size: 18px;
font-weight: bold;
text-align: center;
padding: 0px 0px 5px 0px;
margin: 14px 5px 0px 15px;
}
.bloc_col_dt hr {
color: #3F5D00;
background-color: #3F5D00;
height: 1px;
border: 0;
}

.bloc_col_dt p {
margin: 10px 20px 10px 20px;
}
.titre_col_dt {
font-weight: bold;
}
table.actucol {
margin: 5px 20px 20px 30px;
}
table.actucol p {
margin: 0px;
}

/*******************************************************************************************************
																MILIEU
*******************************************************************************************************/
div#centre {
margin-left: 250px;
margin-right: 250px;
margin-top: 160px; 
}
div#cachecol2 {
margin-left: 250px;
padding-top: 10px;
width: 720px;
background-color:#fff;
}
div#zerocol {
width: 960px;
margin: auto;
}
div#chemin {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 9px;
margin: 5px 0px 15px 0px;
}

.bloc_centre {
padding-top: 10px; 
margin-bottom: 20px;
background-color: #F0F0EF;
border: 1px solid #C3E282;
}

.fin_bloc_centre {

}
.bloc_centre table {

}
.bloc_centre td {
vertical-align: middle;
height: 10px;
}
.bloc_centre a {
font-weight: bold;
}
div#centre li {
list-style-image: url(images/css/li.gif);
}
/*******************************************************************************************************
																NEWS
*******************************************************************************************************/
.news {

}
#tableactu {

}
#tableactu td {
padding: 3px;
vertical-align: top;
}
#tableactu img {
margin: auto;
display: block;
}
span.datenews {
color: #85C300;
font-size: 10px;
display: block;
padding: 5px 0px 5px 0px;
border-bottom: 1px dotted ;
border-top: 1px dotted ;
}
span.titrenews {
font-weight: bold;
font-size: 22px;
display: block;
margin: 0px 0px 10px 0px;
}
div.cadreimgnews {
float: right;
border-left: 1px dotted #85C300;
margin: 0px 0px 10px 8px;
width: 200px;
text-align: center;
}
div.cadreimgnews img  {
display: block;
margin : 8px 0px 0px 10px;
border: 1px solid #593A04;
}
div.cadreimgnews span.comment {
margin: auto;
display: block;
font-size: 9px;
font-style: italic;
width: 200px;
text-align: center;
}

.page {
text-align: center;
margin-bottom: 5px;
}
.retour {
color: #85C300;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
padding: 5px 0px 5px 0px;
border-bottom: 1px dotted;
border-top: 1px dotted;
}
.retour a {
background-image: url(images/css/puceretour.gif);
background-repeat: no-repeat;
padding-left: 20px; 
}
p.clair {
color: #85C300;
font-size: 10px;
margin: 0px 20px 8px 20px;
}
.titreActuCol {
display: block;
margin: 8px 20px 0px 20px;
font-weight: bold;
font-size: 11px;
}
.tableRow1 td {
border: 1px solid #000;
padding: 2px;
}
.tableRow1 {
border: 1px solid #000;
border-collapse: collapse;
background-color: #fff;
}
/*******************************************************************************************************
																News des pages rubriques
*******************************************************************************************************/
.newsrub {
width: 600px;
margin-left: 50px; 
}
.rappelactu {
font-size: 18px;
font-weight: bold;
margin: 5px 0px 10px 20px;
display: block;
height: 25px;
color: #2064A1;
padding: 1px 0px 0px 35px;
background-image: url(images/info.gif);
background-repeat: no-repeat;
}
/*******************************************************************************************************
																AUTRE MISE EN PAGE
*******************************************************************************************************/

h1 {
padding: 3px;
font-family: "Times New Roman", Times, serif;
letter-spacing: 0px;
font-size: 30px;
font-weight: bold;
border-bottom: 1px solid;
margin-bottom: 10px;
}
h2 {
display: block;
margin: 20px 0px 10px 0px;
color: #85C300;
font-family: "Times New Roman", Times, serif;
border-bottom: 1px solid;
font-weight: bold;
font-size: 22px;
}
h2.plusFonce {
color: #7A9D30;
}
h3 {
color: #B40019;
border-bottom: 1px solid;
}
h4 {
text-align: center;
color: #B40019;
border-bottom: 1px solid;
}
h5 {
font-size: 12px;
color: #5D8501;
}
#tableactu a img {
border: 1px solid #555555;
}
.citation {
color: #5D8501;
margin: 20px 20px 20px 20px;
font-style: italic;
font-size: 20px;
display: block;
}
div#centre p, div#cachecol2 p {
margin: 0px 0 px 0px 0px;
padding: 0;
line-height: 15px;
}
p.txthome {
font-style: italic;
}
/* PAGE NORMALE */
div#normal {

}
.rubAccueil {
margin: 190px 0px 20px 50px;
overflow:hidden;
}
div.normalfoto {
float: left;
margin: 0px 10px 10px 0px;
}
.rubAccueil img {
margin-right: 50px;
}
.float {
float: left;
margin: 0px 10px 10px 0px;
}
img.fotocentre {
display: block;
margin: 10px auto 10px auto;
}
.imgborder {
border: 1px solid #85C300;
}
p.entete {
font-weight: bold;
display: block;
padding-bottom: 10px;
border-bottom: 1px solid;
}
span.bando {
display: block;
font-size: 20px;
font-weight: bold;
color: #C86990;
text-align: center;
}
#unecol .titrerub , #unecol .fin_col_gauche {
display: none;
}
/* ************** LIENS ********************/
a.actualite {
font-size: 10px;
text-decoration: none;
background-color: #E33632;
color: #fff;
display: block;
padding: 2px;
border-top: 1px solid #C3E282;
border-left: 1px solid #C3E282;
border-right: 1px solid #4A6C00;
border-bottom: 1px solid #4A6C00;
text-align: center;
margin:0px 30px 0px 30px;
letter-spacing: 1px
}
a.actualite:hover {
background-color: #C3E282;
}
a.actualite span {}

/* ***************** PRATIQUE *****************/

.pratique td {
height: 40px;
}
/* Ce style CSS ne dois pas être enlevé, sinon les divs ne se cacherons pas ... */
.cachediv {

}
.pratique a {
color: #555555;
display: block;
text-decoration: none;
padding: 4px;
border-top: 1px solid #85C300;
border-bottom: 1px solid #85C300 ;
background-color: #C3E282;
}
.pratique a:hover {
background-color: #FFF;
}
a.nu , a.nu:hover {
background: none;
border: none;
display: inline;
}
.pratique td {
}
.pratique img {
display: block;
margin: auto;
}
/*******************************************************************************************************
																Asso
*******************************************************************************************************/

.typnews {
float: right;
border-left: 1px dotted #85C300;
margin: 5px 0px 0px 8px;
width: 150px;
text-align: center;
}
td.cr {
width: 1px;
text-align: center;
}
td.cr span {
font-size: 8px;
display: block;
}
/*******************************************************************************************************
																Diapo GALERIE
*******************************************************************************************************/
#table_diapo {
width: 700px;
border-collapse: collapse;
margin: 0px 0px 20px 0px;
}
#table_diapo td {
background-color: #F5F5F5;
border: 1px solid #bababa;
text-align: center;
vertical-align: middle;
padding: 10px;
width: 25%;
}
#table_diapo img {
border: 2px solid #C3E282;
}
#table_diapo a {
display: block;
}
.commentaire {
margin: auto;
display: block;
font-size: 10px;
font-style: italic;
text-align: center;
}
/*******************************************************************************************************
																Agenda
*******************************************************************************************************/
p.fleche {
text-align: center;
font-weight: bold;	
}
p.fleche a {
font-weight: bold;
color: #000;
}
#calendrier {
border-collapse: collapse;
width: 200px;
text-align: center;
margin: 0px 10px 0px 10px;
}
#calendrier td {
border: 1px solid #D6D6D4;
border-collapse: collapse;
background-color: #fff;
}
#enteteCalendrier td {
background-color: #D6D6D4;
font-weight: bold;
}
#calendrier td.special {
background-color: #C3E282;
}
.legendAgenda {
background-color: #C3E282;
border: 1px solid #D6D6D4;
display: block;
float: left;
width: 15px;
height: 14px;
margin: 0px  5px 0px 0px;
}
/*******************************************************************************************************
																Conseil
*******************************************************************************************************/
.conseil {
width: 479px;
margin: 10px 0px 20px 0px;
}
.conseil td  {
background-color: #E1F1BE;
font-size: 12px;
padding: 4px 6px 4px 6px;
}
.conseil th {
background-color: #C3E282;
}
/*******************************************************************************************************
																table Normal
*******************************************************************************************************/

.ordinaire {
margin: 10px 0px 20px 0px;
border-collapse: collapse;
}
.ordinaire td  {
background-color: #fff;
border: 1px solid #c2c2c2;
font-size: 12px;
padding: 4px 6px 4px 6px;
}
.ordinaire th {
background-color: #ececec;
border: 1px solid #c2c2c2;
}
/*******************************************************************************************************
																Footer
*******************************************************************************************************/
#footer {
position: relative;
background-image: url(images/cssvert/bg-footer.gif);
height: 51px;
width: 100%;
padding-top:30px;
text-align: center; 
color: #7A9D30;
font-size: 11px;	
}

#footer a {
color: #7A9D30;
}
/*******************************************************************************************************
																Infobulle
*******************************************************************************************************/

a.infobulle1 em {
display:none;
z-index: 500;
}
a.infobulle1:hover {
border: 0;
position: relative;
text-decoration:none;
}
a.infobulle1:hover em {
font-style: normal;
font-size: 11px;
text-align: left;
display: block;
position: absolute;
top: 20px;
left: -40px;
padding: 5px;
border: 1px solid;
background: #fff;
color: #000;
font-weight: normal;
width: 100px;
}