BODY {

scrollbar-3dlight-color:#B6D6FF; 
scrollbar-highlight-color:#B6D6FF;
scrollbar-shadow-color:#B6D6FF; 
scrollbar-track-color:#B6D6FF; 
scrollbar-face-color:#466ADC ; 
scrollbar-darkshadow-color:#666666; 
scrollbar-arrow-color:#B6D6FF; 
}

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

.rech { background:#B6D6FF; font:bold 8pt arial; color:#3450A6 }
.rech a { color:#3450A6; 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:#466ADC }

.titre4 { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height:10px;
	text-align:left;
	font-size: 12px;
	font-weight:bold;
	text-decoration:none;
	color: #466ADC;
}

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

.haut
{
 background-color: #B6D6FF;
	 font : bold;
     font-family: Arial;
     font-size: 13px;
	 color:#466ADC
}

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

.voir { 

	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:129px;
	background-color: #ffffff ;
	font-size: 11px;
	font:normal;
	text-decoration:none;
	color: #466ADC;
	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: #466ADC;
	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 : #A8CAFF ;
     background-color: #FFFFFF;
	 font : normal;
     font-family: Arial;
     font-size: 11px;
}



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

}
input.bouton:hover {
border:1px outset #466ADC ;
background-color:#466ADC;
color : #ffffff ;
font-weight:bold;
cursor:pointer;
}
input.bouton:active {
border:1px outset #466ADC ;
background-color:#466ADC ;
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: #B6D6FF ;
	font-size: 8px;
	font-weight:bold;
	text-decoration:none;
	border : 1px solid;
    border-color : #2190C8;
	color: #ffffff;
	text-decoration:none
}
.titre2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-decoration:none;
	border:1px solid #466ADC;
	color: #466ADC ;
}

.titre2:visited {
	color: #466ADC ;
}
.titre2:hover {
	color: #000000;
	font:bold;
	text-decoration:none;
	border:1px solid #000000;
}


.titre3 { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:10px;
	height:10px;
	 text-align:center;
	
	font-size: 11px;
	font-weight:normal;
	text-decoration:none;
	color: #466ADC;
	border : 1px solid;
     border-color : #466ADC;
}


.titre3:hover {
	width:10px;
	height:10px;
	color: #ffffff;
	border : 1px solid;
    border-color : #466ADC ;
	 background-color: #466ADC ;
	font:normal;
	 text-align:center;
	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:#466ADC ; background: url("http://ville-saintpolsurmer.fr/edezign/flecheeconomie.png");background-repeat:no-repeat }
      .lien {  font:normal 8pt Tahoma; color:#000000; background: url("http://ville-saintpolsurmer.fr/edezign/flecheeconomie2.png");background-repeat:no-repeat }
      .nolien { font:bold 8pt Tahoma;color:#466ADC ; background: url("http://ville-saintpolsurmer.fr/edezign/flecheeconomie.png");background-repeat:no-repeat }
      .fond { background:#ffffff }
	  
	  
	  
	.bouton2 { text-align:left }
      .bouton2 a { font-family: Verdana, Arial, Helvetica, sans-serif;
	height:10px;
	text-align:center;
	font-size: 10px;
	font-weight:normal;
	text-decoration:none;
	border:1px solid #466ADC;
	color: #466ADC;
}
    .bouton2 a:hover { font-family: Verdana, Arial, Helvetica, sans-serif;
	height:10px;
	text-align:center;
	font-size: 10px;
	font-weight:normal;
	text-decoration:none;
	border:1px solid #466ADC;
	color: #ffffff;
	background:#466ADC;
	}
      .lien2 {  font-family: Verdana, Arial, Helvetica, sans-serif;
	height:10px;
	text-align:center;
	font-size: 10px;
	font-weight:normal;
	text-decoration:none;
	border:1px solid #466ADC;
	color: #466ADC;
}
      .nolien2 { font-family: Verdana, Arial, Helvetica, sans-serif;
	height:10px;
	text-align:center;
	font-size: 10px;
	font-weight:bold;
	text-decoration:none;
	border:1px solid #466ADC;
	color: #ffffff;
	background:#466ADC;
	}
      .fond2 { background:#ffffff }
	  
	  

/* ECONOMIE */
.menulisteconomie, .menulisteconomie ul {
 margin: 0;
 padding: 0;
 list-style: none;
 
	
}

/*  */
.menulisteconomie ul {
 display: none;
 position: absolute;
 top: 1.0em; margin-top: 16px; 
 left: -1px;
 width: 150px;
 
}

/*  */
.menulisteconomie ul ul {
 top: -1px; margin-top: 0;
 left: 148px;
}

/*

*/
.menulisteconomie li {
 float: left;
 display: block;
 position: relative;
 margin-right: -1px;
margin-left: 10px;
  width: 126px;
  background: #466ADC;
	border :1px solid #B6D6FF;
	font-family:Verdana;
	font-weight:bold;
	font-size:11px;
}

/*  */
.menulisteconomie ul li {
 float: none;
 margin: 0;
 margin-bottom: -1px;
}
.menulisteconomie ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

/*  */
.menulisteconomie a {
 display: block;
 padding: 6px;
 color:#ffffff;
 text-decoration: none;
  height:1.5em;
}

/*  ************* COULEUR HOVER1 ***************/
.menulisteconomie a:hover, .menulisteconomie a.highlighted:hover, .menulisteconomie a:focus {
 color: #000000;
 background-color: #B6D6FF;
  height:1.5em;
}
/*  ************* COULEUR HOVER2 ***************/
.menulisteconomie a.highlighted {
 color: #FFF;
 background-color: #517AFF;
}


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


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


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

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