/******************************************************/
/* GENERAL *******************************************/
/*****************************************************/



body {
	margin: 0;
	padding: 0; 
	font: normal 11px Verdana, Arial; 
	color:#FFFFFF;	
}

div {
text-align:center;
}

li {
margin: 0 ;
	padding: 0 ;
}

.liensBlocMeteo
{
	font: normal 12px Verdana, Arial; 
	color:#FFFFFF;
}

a.liensBlocMeteo:link,a.liensBlocMeteo:visited,a.liensBlocMeteo:active
{
	font: normal 12px Verdana, Arial; 
	color:#FFFFFF;
	text-decoration:none;	
}


a.liensBlocMeteo:hover
{
	font: normal 12px Verdana, Arial; 
	color:#FFFFFF;
	text-decoration:underline;
}


/*#0c64ac couleur bg */

/***************************************************/
/* PREVISION METEO *********************************/
/***************************************************/


/************ BLOC METEO *****************/

.blocMeteoDate
{
	background: url(images/fonc-bloc-meteo.gif) center top;
	height:33px;
	font: normal 11px Verdana, Arial; 
	color: #FFFFFF;	
	text-align:center;
}

.blocMeteoTemp
{
	background: url(images/bas-fond-bloc-meteo.gif) center top;
	background-repeat:no-repeat;
	font: normal 11px Verdana, Arial; 
	color: #09a1f9;	
	text-align:center;
}

.iconeMeteoBloc 
{
	text-align:center;
}

.petitBlocMeteo
{
	background: url(images/fond-petit-bloc-meteo.gif) center top;
	background-repeat:no-repeat;
	width:230px;
	height:118px;
}

.tresPetitBlocMeteo
{
	background: url(images/fond-tres-petit-bloc-meteo.gif) center top;
	background-repeat:no-repeat;
	width:185px;
	height:135px;
}
/*************** COUCHER LEVER SOLEIL ****************/

.texteLeverCoucher
{
	font: bold 10px Verdana, Arial; 
	color:#FFFFFF;	
	padding-left:5px;
}

/*************** CARTE METEO *****************/
#carteMeteo
{
	background: url(images/carte.jpg) center top;
	background-repeat:no-repeat;
	width: 536px; 
	height:597px;
	position:relative; 
	z-index:2; 
	padding:0px;
	left:0px;
	top:0px;
}

/********** DIV CARTE METEO **************/
.divIcone
{
	position:absolute; 
	width:70px; 
	height:70px; 
	visibility: visible;
}

.titreCommunePrevision
{
	font: bold 12px Verdana, Arial; 
	color: #FFFFFF;	
	padding-top:2px;
	padding-left:2px;
}

.previsionMeteo
{
	background-color:#FFFFFF;
	width: 197px; 
	height:120px;
	visibility: hidden;
	position:absolute; 
	text-align:center;
	background: url(images/fond-previsions.gif) center top;
	font: bold 12px Verdana, Arial; 
	color: #FFFFFF;	
	padding-top:5px;
}

.previsionHeure
{

	font: bold 11px Verdana, Arial; 
	color: #f74123;	

}

.previsionTemperature
{
	text-align:center;
	font: bold 11px Verdana, Arial; 
	color: #09a1f9;	
	background-color:#FFFFFF;
	width:35px;
	padding:2px;
}

.previsionGlobal
{
	text-align:right;
	font: bold 11px Verdana, Arial; 
	color: #09a1f9;	
	padding:5px;
}

.previsionGlobalPlage
{
	text-align:right;
	font: normal 11px Verdana, Arial; 
	color: #09a1f9;	
	padding:5px;
}

.dateDuJour
{
	font: bold 12px Verdana, Arial; 
	color: #09a1f9;	
}

a.liensHeure:link,a.liensHeure:visited,a.liensHeure:active
{
	font: bold 12px Verdana, Arial; 
	color:#09a1f9;
	text-decoration:none;	
}

a.liensHeure:hover
{
	font: bold 12px Verdana, Arial; 
	color:#09a1f9;
	text-decoration:underline;
}

a.liensHeureOrange:link,a.liensHeureOrange:visited,a.liensHeureOrange:active
{
	font: bold 12px Verdana, Arial; 
	color:#f74123;
	text-decoration:none;	
}

a.liensHeureOrange:hover
{
	font: bold 12px Verdana, Arial; 
	color:#f74123;
	text-decoration:underline;
}

/************** METOE MARINE ****************/
.texteMeteoMarine
{
	font: bold 12px Verdana, Arial; 
	color: #FFFFFF;	
	text-align:center;
}

.texteLightMeteoMarine
{
	font: normal 11px Verdana, Arial; 
	color: #FFFFFF;	
	padding-left:8px;
}

a.liensZones:link,a.liensZones:visited,a.liensZones:active
{
	font: bold 11px Verdana, Arial; 
	color:#FFFFFF;
	text-decoration:none;	
}

a.liensZones:hover
{
	font: bold 11px Verdana, Arial; 
	color:#FFFFFF;
	text-decoration:none;	
}

a.liensZonesClic:link,a.liensZonesClic:visited,a.liensZonesClic:active
{
	font: bold 11px Verdana, Arial; 
	color:#ff9607;
	text-decoration:none;	
}

a.liensZonesClic:hover
{
	font: bold 11px Verdana, Arial; 
	color:#ff9607;
	text-decoration:none;	
}

#puceLiensZones
{
	font: bold 11px Verdana, Arial; 
	color:#FFFFFF;
}

.alignementTexteMeteoMarine
{

	padding-left:8px;
}

#carteMeteoMarine
{
	background: url(images/fond-carte-meteo-marine.gif) center top;
	background-repeat:no-repeat;
	width: 536px; 
	height:517px;
	position:relative; 
	z-index:2; 
	padding:0px;
	left:0px;
	top:0px;
}
.alertMeteoMarine
{
	font: bold 12px Verdana, Arial; 
	color: #FFFFFF;	
}

.previsionMeteoMarine
{
	font: normal 11px Verdana, Arial; 
	color: #FFFFFF;	
}
.tableauMaree
{
	border-top:1px #FFFFFF solid;
	border-left: 1px #FFFFFF solid;
}
.tableauTDMaree
{
	border-bottom:1px #FFFFFF solid;
	border-right: 1px #FFFFFF solid;
}
.tableauTD2Maree
{
	border-bottom:1px #FFFFFF solid;
	border-right: 1px #FFFFFF solid;
	font: normal 11px Verdana, Arial; 
	color: #0c64ac;	
}

h2.titreBlancDecal {
	color:#fff;
	font-size:14px;
	height: 35px;
	padding: 8px 0 0 10px;
	margin: 0px;
}

h2.titreBlancDecal:first-letter , h2.titreBlanc:first-letter {
    font-size:150%;
}

h2.titreBlanc {
	color:#fff;
	padding:7px 0 0 10px;
	font-size:14px;
	margin:0px;
}