BODY {

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

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

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

.titre { font:bold 9pt Verdana; color:#FF5338 }

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

.haut
{
 background-color: #FFDED9;
	 font : bold;
     font-family: Arial;
     font-size: 13px;
	 color:#FF5338 
}
.liens {
    background: #ffffff;
	font-weight:normal;
	font-family:Verdana;
	font-size:10px;
}
.liens  a:link {

	font-family:Verdana;
	font-size:10px;
	font-weight:normal;
	color:#FF5338;
	text-decoration: none;
}
.liens  a:hover {

	font-size:10px;
	font-weight:normal;
	color:#000000;
	text-decoration: none;
}

.liens a:visited {

	font-family:Verdana;
	font-size:10px;
	font-weight:normal;
	color:#FF5338;
	text-decoration: none;
}




.voir { 

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

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

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


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

}
input.bouton:hover {
border:1px outset #FF5338 ;
background-color:#FF5338 ;
color : #ffffff ;
font-weight:bold;
cursor:pointer;
}
input.bouton:active {
border:1px outset #FF5338 ;
background-color:#FF5338 ;
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: #FFDED9 ;
	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;
	color: #FF5338;
	line-height: 0.6
}


.titre2:visited {
	color: #FF5338;
}
.titre2:hover {
	color: #000000;
	font:bold;
	text-decoration:none;
	line-height: 0.6
}


.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: #FF5338;
	border : 1px solid;
     border-color : #FF5338 ;
}


.titre3:hover {
	width:10px;
	height:10px;
	color: #ffffff;
	border : 1px solid;
    border-color : #FF5338 ;
	 background-color: #FF5338 ;
	font:normal;
	 text-align:center;
	text-decoration:none;
}




.titresport {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	text-decoration:none;
	color: #FF5338;
}




.bouton { text-align:left }
      .bouton A { font:normal 8pt Tahoma;text-decoration:none;
         color:#000000 }
      .bouton A:hover { font:normal 8pt Tahoma;color:#FF5338 ; background: url("http://ville-saintpolsurmer.fr/edezign/flechesport.png");background-repeat:no-repeat }
      .lien {  font:normal 8pt Tahoma; color:#000000; background: url("http://ville-saintpolsurmer.fr/edezign/flechesport2.png");background-repeat:no-repeat }
      .nolien { font:bold 8pt Tahoma;color:#FF5338 ; background: url("http://ville-saintpolsurmer.fr/edezign/flechesport.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 #FF5338;
	color: #FF5338;
}
    .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 #FF5338;
	color: #ffffff;
	background:#FF5338;
	}
      .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 #FF5338;
	color: #FF5338;
}
      .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 #FF5338;
	color: #ffffff;
	background:#FF5338;
	}
      .fond2 { background:#ffffff }
	
	

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

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

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

/*

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

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

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

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


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


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


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

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