BODY {

scrollbar-3dlight-color:#ABE9FF; 
scrollbar-highlight-color:#ABE9FF;
scrollbar-shadow-color:#ABE9FF; 
scrollbar-track-color:#ABE9FF; 
scrollbar-face-color:#2190C8 ; 
scrollbar-darkshadow-color:#666666; 
scrollbar-arrow-color:#ABE9FF; 
}

.colleft { background:#ABE9FF; font:bold 8pt arial; color:#17668F; line-height: 1 }
.colleft a { color:#17668F; font:bold 8pt arial; text-decoration:none; line-height: 1 }
.colleft a:hover { color:#000000; font:bold 8pt arial; text-decoration:none; line-height: 1 }

.rech { background:#ABE9FF; font:bold 8pt arial; color:#17668F }
.rech a { color:#17668F; 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:#2190C8 }
.titrebis { font:bold 8pt Verdana; color:#2190C8 }

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

.haut
{
 background-color: #ABE9FF;
	 font : bold;
     font-family: Arial;
     font-size: 13px;
	 color:#2190C8
}

.liens {
    background: #ffffff;
	font-weight:bold;
	font-family:Verdana;
	font-size:11px;
}
.liens  a:link {

	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color:#2190C8;
	text-decoration: none;
}
.liens  a:hover {

	font-size:11px;
	font-weight:bold;
	color:#000000;
	text-decoration: none;
}

.liens a:visited {

	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color:#2190C8;
	text-decoration: none;
}



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

.voir { 

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

.boite2
{
font:bold 8pt arial; color:#2190C8; line-height: 1.1; background: url("http://ville-saintpolsurmer.fr/edezign/fond2.png");
}
.boiteb
{
font:bold 8pt arial; color:#2190C8; line-height: 1.1; background: url("http://ville-saintpolsurmer.fr/edezign/fond2b.png");
}


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


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

}
input.bouton:hover {
border:1px outset #2190C8;
background-color:#2190C8;
color : #ffffff ;
font-weight:bold;
cursor:pointer;
}
input.bouton:active {
border:1px outset #2190C8;
background-color:#2190C8;
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: #ABE9FF ;
	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:#2190C8; background: url("http://ville-saintpolsurmer.fr/edezign/flechesocial.png");background-repeat:no-repeat }
      .lien {  font:normal 8pt Tahoma; color:#000000; background: url("http://ville-saintpolsurmer.fr/edezign/flechesocial2.png");background-repeat:no-repeat }
      .nolien { font:bold 8pt Tahoma;color:#2190C8; background: url("http://ville-saintpolsurmer.fr/edezign/flechesocial.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 #2190C8;
	color: #2190C8;
}
    .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 #2190C8;
	color: #ffffff;
	background:#2190C8;
	}
      .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 #2190C8;
	color: #2190C8;
}
      .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 #2190C8;
	color: #ffffff;
	background:#2190C8;
	}
      .fond2 { background:#ffffff }






.social  {
    background: #2190C8;
	border : 1px solid; border-color : #2190C8;
	font-family:Verdana;
	font-size:11px;
	width:108px;
}



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

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

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

/*

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

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

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

/*  ************* COULEUR HOVER1 ***************/
.menulistsocial a:hover, .menulistsocial a.highlighted:hover, .menulistsocial a:focus {
 color: #000000;
 background-color: #ABE9FF;
  height:1.5em;
}
/*  ************* COULEUR HOVER2 ***************/
.menulistsocial a.highlighted {
 color: #FFF;
 background-color: #28B0F7;
}


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


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


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

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