BODY {

scrollbar-3dlight-color:#FFD8F0; 
scrollbar-highlight-color:#FFD8F0;
scrollbar-shadow-color:#FFD8F0; 
scrollbar-track-color:#FFD8F0; 
scrollbar-face-color:#FF54A5 ; 
scrollbar-darkshadow-color:#666666; 
scrollbar-arrow-color:#FFD8F0; 
}


.colleft { background:#FFD8F0; font:bold 8pt arial; color:#FF54A5; line-height: 1 }
.colleft a { color:#BF3F7E; 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:#FFD8F0; font:bold 8pt arial; color:#FF54A5 }
.rech a { color:#BF3F7E; 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:#FF54A5 }

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

.haut
{
 background-color: #FFD8F0;
	 font : bold;
     font-family: Arial;
     font-size: 13px;
	 color:#FF54A5 
}
.boite4
{
font:bold 8pt  arial; color:#FF54A5; line-height: 1.1; background: url("http://ville-saintpolsurmer.fr/edezign/fond4.png");
}
.boiteb
{
font:bold 8pt  arial; color:#FF54A5; line-height: 1.1; background: url("http://ville-saintpolsurmer.fr/edezign/fond4b.png");
}

.voir { 

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


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

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

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

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

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

/*

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

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

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

/*  ************* COULEUR HOVER1 ***************/
.menulistjeunesse a:hover, .menulistjeunesse a.highlighted:hover, .menulistjeunesse a:focus {
 color: #000000;
 background-color: #FFD8F0;
  height:1.5em;
}
/*  ************* COULEUR HOVER2 ***************/
.menulistjeunesse a.highlighted {
 color: #FFF;
 background-color: #F339C2;
}


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


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


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

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