BODY {

scrollbar-3dlight-color:#C1FFDC; 
scrollbar-highlight-color:#C1FFDC;
scrollbar-shadow-color:#C1FFDC; 
scrollbar-track-color:#C1FFDC; 
scrollbar-face-color:#33cc66 ; 
scrollbar-darkshadow-color:#666666; 
scrollbar-arrow-color:#C1FFDC; 
}

.colleft { background:#C1FFDC; font:bold 8pt arial; color:#339966 }
.colleft a { color:#339966; font:bold 8pt arial; text-decoration:none }
.colleft a:hover { color:#000000; font:bold 8pt arial; text-decoration:none }

.rech { background:#C1FFDC; font:bold 8pt arial; color:#339966 }
.rech a { color:#339966; font:bold 8pt arial; text-decoration:none }
.rech a:hover { color:#000000; font:bold 8pt arial; text-decoration:none }

.titre { font:bold 9pt Verdana; color:#33cc66 }
.titrebis { font:bold 8pt Verdana; color:#33cc66 }



.contourmenu  {
border : 2px solid;
    border-color : #ffffff }

.boite
{
font:bold 8pt  arial; color:#339966; line-height: 1.1; background: url("http://ville-saintpolsurmer.fr/edezign/fond1.png") ;
}
.boiteb
{
font:bold 8pt  arial; color:#339966; line-height: 1.1; background: url("http://ville-saintpolsurmer.fr/edezign/fond1b.png");
}



.ok { background:#33cc66 }
.ok2 { font:bold 9pt arial; color:#33cc66  }
.ok3 { background:#33cc66; border : 1px solid; border-color : #33cc66 }
.ok4 { font:bold 9pt arial; color:#33cc66; line-height: 1.4  }

.haut
{
 background-color: #C1FFDC;
	 font : bold;
     font-family: Arial;
     font-size: 13px;
	 color:#33cc66
}

.voir { 

	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:129px;
	background-color: #ffffff ;
	font-size: 11px;
	font:normal;
	text-decoration:none;
	color: #33cc66;
	line-height: 1

}
.voir a { 

	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:129px;
	background-color: #ffffff ;
	font-size: 11px;
	font:normal;
	text-decoration:none;
	color: #33cc66;
	line-height: 1

}

.voir a:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:129px;
	background-color: #ffffff ;
	font-size: 11px;
	font:normal;
	text-decoration:none;
	color: #000000;
	text-decoration:none;
    line-height: 1
}



input
{
     border : 1px solid;
	 height:18px;
     border-color : #AAFFCE ;
     background-color: #FFFFFF;
	 font : normal;
     font-family: Arial;
     font-size: 11px;
}


input.bouton {
text-align:center;
border:1px outset #33cc66;
background-color:#33cc66;
color : #ffffff ;
font-weight:bold;
cursor:pointer;

}
input.bouton:hover {
border:1px outset #33cc66;
background-color:#33cc66;
color : #ffffff ;
font-weight:bold;
cursor:pointer;
}
input.bouton:active {
border:1px outset #33cc66;
background-color:#33cc66;
color : #ffffff ;
font-weight:bold;
cursor:pointer;
} 


.retour { 

	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:55px;
	font-size: 8px;
	font-weight:normal;
	text-decoration:none;
	color: #2190C8;
	border : 1px solid;
    border-color : #2190C8 
}

.retour:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:55px;
	background-color: #C1FFDC ;
	font-size: 8px;
	font-weight:bold;
	text-decoration:none;
	border : 1px solid;
    border-color : #2190C8;
	color: #ffffff;
	text-decoration:none
}

.bouton { text-align:left }
      .bouton A { font:normal 8pt Tahoma;text-decoration:none;
         color:#000000 }
      .bouton A:hover { font:normal 8pt Tahoma;color:#33cc66; background: url("http://ville-saintpolsurmer.fr/edezign/flechemairie.png");background-repeat:no-repeat }
      .lien {  font:normal 8pt Tahoma; color:#000000; background: url("http://ville-saintpolsurmer.fr/edezign/flechemairie2.png");background-repeat:no-repeat }
      .nolien { font:bold 8pt Tahoma;color:#33cc66; background: url("http://ville-saintpolsurmer.fr/edezign/flechemairie.png");background-repeat:no-repeat }
      .fond { background:#ffffff }
	  
	  


.menulistmairie li {
 float: left;
 display: block;
 position: relative;
 margin-right: -1px;
 margin-left: 0px;
width: 114px;

  background: #33cc66;
	border :1px solid #C1FFDC;
	font-family:Verdana;
	font-weight:bold;
	font-size:11px;
}


/*  */
.menulistmairie ul li {
 float: none;
 margin: 0;
 margin-bottom: -1px;

}
.menulistmairie ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu */
.menulistmairie a {
 display: block;
 padding: 6px;
 color:#ffffff; 
 height:1.5em;
 text-decoration: none;
}

/*  ************* COULEUR HOVER1 ***************/
.menulistmairie a:hover, .menulistmairie a.highlighted:hover, .menulistmairie a:focus {
 color: #000000;
 background-color: #C1FFDC;
 height:1.5em;
}
/*  ************* COULEUR HOVER2 ***************/
.menulistmairie a.highlighted {
 color: #FFF;
 background-color: #3AE976;
}


/*  */
.menulistmairie a .subind {
 display: none;
}
.menulistmairie ul a .subind {
 display: block;
 float: right;
}


/*  */
.menulistmairie a {
 float: left;
}
.menulistmairie ul a {
 float: none;
  background: #33cc66;
 font-family:Verdana;
	font-size:10px;
	font-weight:normal;
	color:#ffffff;
	text-decoration: none;
}
/* \*/
.menulistmairie a {
 float: none;
}
/* */


*:first-child+html .menulistmairie ul li {
 float: left;
 width: 100%;
}

* html .menulistmairie ul li {
 float: left;
 height: 1%;
}
* html .menulistmairie ul a {
 height: 1%;
}
/* End Hacks */



.un  {
    background: #33cc66;
	font-family:Verdana;
	width:150px;
	height:4px;
}

.carte3 { 
    text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font:normal;
	text-decoration:none;
	color: #2EBB5E;
	line-height: 1
}	

.messageboite { 
    text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font:normal;
	text-decoration:none;
	color: #000000;
	line-height: 1
}	


input
{
     border : 1px solid;
	 height:18px;
     border-color : #B3ECCE ;
     background-color: #FFFFFF;
	 font : normal;
     font-family: Arial;
     font-size: 11px
}

textarea
{
     border : 1px solid;
     border-color:#B3ECCE ;
	 background-color:#ffffff; 
}




input.bouton {
text-align:center;
border:1px outset #33cc66;
background-color:#33cc66;
color : #ffffff ;
font-weight:bold;
cursor:pointer;

}
input.bouton:hover {
border:1px outset #33cc66;
background-color:#33cc66;
color : #ffffff ;
font-weight:bold;
cursor:pointer;
}
input.bouton:active {
border:1px outset #33cc66;
background-color:#33cc66;
color : #ffffff ;
font-weight:bold;
cursor:pointer;
} 


.retour2 { 

	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:200px;
	background-color: #ffffff;
	font-size: 11px;
	font-weight:normal;
	text-decoration:none;
	color: #33cc66;
	border : 1px solid;
    border-color : #33cc66 ;
}


.retour2:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:200px;
	background-color: #33cc66 ;
	font-size: 11px;
	font-weight:bold;
	text-decoration:none;
	color: #ffffff;
	border : 1px solid;
    border-color : #33cc66;
	text-decoration:none;
}


.contour1 {
	border: thin solid #0099FF;
}
.contour2 {
	border: none;
}
.textarea
{
     border : 1px solid;
	 background:#ffffff;
	 font:bold 8pt verdana; color:#00b3d0;
     border-color:#ffffff;
}

.attention {
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}