BODY {

scrollbar-3dlight-color:#9FA3DE; 
scrollbar-highlight-color:#9FA3DE;
scrollbar-shadow-color:#95E0EE; 
scrollbar-track-color:#E8F7FF; 
scrollbar-face-color:#00b3d0; 
scrollbar-darkshadow-color:#666666; 
scrollbar-arrow-color:#81E8ED; 
}


	
.colleft { background:#81E8ED; font:bold 8pt arial; color:#00B1D1; line-height: 1  }
.colleft a { color:#00B1D1; 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:#81E8ED; font:bold 8pt arial; color:#008AA1 }
.rech a { color:#008AA1; font:bold 8pt arial; text-decoration:none }
.rech a:hover { color:#000000; font:bold 8pt arial; text-decoration:none }

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



/* ---- NEWS - affichage 2 colonnes ---- */
.news_liste2 {
	width: 300px;	border-collapse: collapse;

	margin: auto;

	z-index:1;
	background-color: #FFFFFF;
}

.news_contenu {
	width: 100%;
	
	padding: 8px;
    border: 1px solid #B8FFFA;
	font-size: 10px;
	text-align: left;
	color: #333;
	line-height:1.4;

}
.news_contenu2 {
	width: 99%;
	overflow: hidden; /* pour que le div s adapte au newsContenu (image) */
	padding: 8px;
    border: 1px solid #B8FFFA;
	font-size: 10px;
	text-align: left;
	color: #333;
	line-height:1.5;
	
}
table.news_2colonnes {
	margin: auto;

	border-collapse: collapse;
	border: 0px none;
	background-color: #FFF;
	
}


/* --------------------------- */


.agendaleft1 { background:#ffffff;font:bold 10pt arial; color:#1EAEFF; padding-left:8px;padding-top:8px  }
.agendaleft2 { border-bottom:1px dotted #00b3d0; background:#ffffff;line-height:1.4; padding-left:8px; font:normal 9pt arial; color:#333  }

.haut
{
 background-color: #81E8ED;
	 font : bold;
     font-family: Arial;
     font-size: 13px;
	 color:#00b3d0 
}

.hautnews
{
 background-color: #81E8ED ;
	font:bold 13pt arial; 
	 color:#00b3d0 
}
.haut2news
{
 background-color: #81E8ED ;
	font:normal 9pt arial; 
	 color:#00b3d0
}


.liens {
    background: #ffffff;
	font-weight:bold;
	color:#00b3d0;
	font-family:Verdana;
	font-size:11px;
	text-decoration: none;
}
.liens  a:link {

	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color:#00b3d0;
	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:#00b3d0;
	text-decoration: none;
}


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

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



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

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




SELECT { 
color:#00b3d0; 
background-color:#EBFBFC;
color : #ffffff ;
font:normal 10pt arial; 
background-color : #00b3d0;
width : 380px;
}

option.bleu {
  color : #ffffff ;
font:normal 10pt arial; 
  background-color : #00b3d0;
}


.agenda { font:bold 8pt arial; color:#00b3d0; background-color:#ffffff }
.agenda2 { font:normal 8pt arial; color:#666666; background-color:#ffffff }
.cadre { width:130px; border:1px solid #ffffff; background-color:#ffffff; border : 1px dotted; border-color : #00b3d0  }

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

.voir { 

	font-family: Verdana, Arial, Helvetica, sans-serif;

	background-color: #ffffff ;
	font-size: 11px;
	font:normal;
	text-decoration:none;
	color: #00b3d0;
	line-height: 1

}
.voir a { 

	font-family: Verdana, Arial, Helvetica, sans-serif;

	background-color: #ffffff ;
	font-size: 11px;
	font:normal;
	text-decoration:none;
	color: #00b3d0;
	line-height: 1

}

.voir a:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	background-color: #ffffff ;
	font-size: 11px;
	font:normal;
	text-decoration:none;
	color: #000000;
	text-decoration:none;
    line-height: 1
}


.voirdr { 

	font-family: Verdana, Arial, Helvetica, sans-serif;

	background-color: #ffffff ;
	font-size: 12px;
	font:normal;
	text-decoration:none;
	color: #cccccc;
	line-height: 1

}
.voirdr a { 

	font-family: Verdana, Arial, Helvetica, sans-serif;

	background-color: #ffffff ;
	font-size: 12px;
	font:normal;
	text-decoration:none;
	color: #cccccc;
	line-height: 1

}

.voirdr a:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	background-color: #ffffff ;
	font-size: 12px;
	font:normal;
	text-decoration:none;
	color: #00b3d0;
	text-decoration:none;
    line-height: 1
}

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

.titrebis { font:bold 8pt Verdana; color:#00b3d0 }

.titre2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-decoration:none;
	border:1px solid #81E8ED;
	color: #00b3d0;
}

.titre2:visited {
	color: #00b3d0;
}
.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: #00b3d0;
	border : 1px solid;
     border-color : #33cccc ;
}


.titre3:hover {
	width:10px;
	height:10px;
	color: #ffffff;
	border : 1px solid;
    border-color : #33cccc ;
	 background-color: #33cccc ;
	font:normal;
	 text-align:center;
	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: #00b3d0;
}

.titre5 { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height:10px;
	text-align:center;
	font-size: 11px;
	font-weight:bold;
	text-decoration:none;
	border:1px solid #00b3d0;
	color: #00b3d0;
}



.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: #81E8ED ;
	font-size: 8px;
	font-weight:bold;
	text-decoration:none;
	border : 1px solid;
    border-color : #2190C8;
	color: #ffffff;
	text-decoration:none
}


.retour2 { 

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


.retour2:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:200px;
	background-color: #00b3d0 ;
	font-size: 11px;
	font-weight:bold;
	text-decoration:none;
	color: #ffffff;
	border : 1px solid;
    border-color : #00b3d0;
	text-decoration:none;
}
.fond {
width:10px;
	height:10px;
border : 0px solid;
 background-color: #33cccc ;
 }



.texte { font:normal 8pt Verdana; color:#000000 }




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

	
	
	.degres { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 14px;
	font-weight:bold;
	text-decoration:none;
    background: #ffffff;
	color: #000000;
}
	
	.moment { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 13px;
	font-weight:bold;
	text-decoration:none;
    background: #ffffff;
	color: #000000;
}
	.meteodate { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 11px;
	font-weight:bold;
	text-decoration:none;
    background: #ffffff;
	color: #00b3d0
}	
	.meteotitre { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 10px;
	font-weight:normal;
	text-decoration:none;
    background: #ffffff;
	color: #666666
}
	.meteotexte { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 10px;
	font-weight:bold;
	text-decoration:none;
    background: #ffffff;
	color: #000000
}
	.meteotexte2 { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 10px;
	font-weight:normal;
	text-decoration:none;
    background: #ffffff;
	color: #000000
}
	.nuit { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-size: 9px;
	font-weight:normal;
	text-decoration:none;
    background: #ffffff;
	color: #666666
}

	
	

	  
.mairie  {
    background: url(http://ville-saintpolsurmer.fr/edezign/fond1.png);
	font-family:Verdana;
	font-weight:bold;
	font-size:11px;
	width:108px;
}
.mairie a:link {
font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color:#33cc66;
	text-decoration: none;
}

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

.mairie a:visited {

	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color:#33cc66;
	text-decoration: none;
}
.social a:hover {
font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	text-decoration: none;
}
.culture a:hover {
font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	text-decoration: none;
}
.jeunesse a:hover {
font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	text-decoration: none;
}
.sport a:hover {
font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	text-decoration: none;
}
.economie a:hover {
font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	text-decoration: none;
}




.site { background:#cccccc; font:normal 10pt arial; text-decoration:none; color:#ffffff }
.site a {  background:#cccccc; font:normal 10pt arial; text-decoration:none; color:#ffffff }
.site a:hover { background:#ffffff; color:#999999; font:bold 10pt arial; text-decoration:none}


.header {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #666666 ; font-weight: bold; background:#ffffff }

.titre {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #000000; font-weight: bold}
.titre2 {  font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #666666; font-weight: normal}

.bignewgray {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #00b3d0; text-decoration: normal}
.bignewgray2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: normal; color: #000000; text-decoration: normal}
.message {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #666666; text-decoration: normal}
.bignew {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #00b3d0 ; text-decoration: bold}
.copyright {  font-family: Arial, Helvetica, sans-serif; font-size: 7pt; color: #999999; font: normal; background:#cccccc }


.retour2 { 

	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:200px;
	font-size: 11px;
	font-weight:normal;
	text-decoration:none;
	color: #00b3d0;
	border : 1px dotted;
    border-color : #00b3d0 ;
}


.retour2:hover {

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