body {background-image: url(Baie-Cassis.jpg);
/*background-image: url(Signac-Cap-Canaille.jpg);*/
/*background-image: url(Cassis-port3.jpg);*/
/*background-image: url(Cassis-Lighthouse-lg.jpg);*/
/*background-image: url(phare_de_cassis3.jpg);*/
/*background-image: url(plage_Cassis.jpg);*/
/*background-image: url(phare_cassis2.jpg);*/
/*background-image: url(Cassis_Bateau2.jpg);*/
background-repeat: no-repeat;
background-color: #aabbbb;
font-family:"Times New Roman", Times,serif;
color:#000;
}

a:link {color:maroon;text-decoration:none;}
a:visited {color:maroon;text-decoration:none;}
a:hover {color:teal;text-decoration:underline overline;}
a:active {color:maroon;text-decoration:none;}
/**
p {font-weight:normal;
	font-size:13px;
	}
**/	
h2 {font: bold 26px "Georgia","New Century Schoolbook", Times,serif;
	text-align:center;
	}

p.title {font:small-caps bolder 14px Verdana, Arial, Helvetica, sans-serif;
	}	
p.value {font: 26px "Georgia","New Century Schoolbook", Times,serif;
	text-align:center;
	}
p.maxmin {/*font-weight:normal;*/
/*font: 13px "Georgia","New Century Schoolbook", Times,serif;*/
font: 13px Arial, Verdana, Helvetica, sans-serif;
	/*font-size:13px;*/
	color: #2a2a2a;
	}	
strong {color:red;}
colored {color:navy;}		
#logo {position: absolute;
       top:0px;
       left: 96px;
       width: 684px;
       }
/** le conteneur des données  **/
#data {position: absolute;
       top:52px;
       left: 50px;
       width: 690px;
       height: 515px;
       background-color:transparent;
       border:12px ridge silver;
       }
/** les données **/       
#datelinks {position:absolute;
	    top:0px;
	    left:0px;
	    width:189px;
	    height:170px;
	    border-right:1px solid black;
	     }

#datelinks p {font-weight:bold;
	      font-size:large;
	      text-align:center;
	      }
#datelinks p.datetime {
font-family:"Times New Roman", serif;
	font-size: 16px;
	font-weight: bold;
	text-align:center;
	
	}	      
	      
#datelinks a {display:block;
	      text-align:center;
	      padding:2px 0 2px 0;
	      }
#pression {position:absolute;
	   top:0px;
	   left:189px;
	   width: 189px;
	   height: 170px;
	   border-right: 1px solid black;
	   }
#pression p.title {padding:0px;
	 margin-top:2px;
	 margin-left:10px;
	 }
strong img {color:navy;
	    font-size:12px;}	 
#pression p {padding:0px;
	 margin-top:-10px;
	 margin-left:10px;
	 }
#vitesse {position:absolute;
	  top:170px;
	  left:0px;
	  width: 189px;
	  height: 170px;
	  border-top:1px solid;
	  border-right: 1px solid;
	  }
#vitesse p.title {padding:0px;
	 margin-top:2px;
	 margin-left:10px;
	 }	  
#vitesse p {padding:0px;
	 margin-top:-5px;
	 margin-left:10px;
	 }
	 	  
#direction {position:absolute;
	    top:170px;
	    left:189px;
	    width: 189px;
	    height: 170px;
	    border-top: 1px solid;
	    border-right:1px solid black;
	    }
#direction p.title {padding:0px;
	 margin-top:2px;
	 margin-left:10px;
	 }	    
#direction p {padding:0px;
	 margin-top:-5px;
	 margin-left:10px;}
	 	    
#pluietot {position:absolute;
	   top:340px;
	   left:0px;
	   width: 126px;
	   height: 170px;
	   border-top: 1px solid;
	   border-right: 1px solid;
	   }
#pluietot p.title {padding:0px;
	 margin-top:2px;
	 margin-left:10px;
	 }	   
#pluietot p {padding:0px;
	 margin-top:0px;
	 margin-left:10px;}
#pluie24h {position:absolute;
           top:340px;
	   left:126px;
	   width: 126px;
	   height: 170px;
	   border-top: 1px solid;
	   border-right: 1px solid;
	   }
	 	   
#pluie24h p.title {padding:0px;
	 margin-top:2px;
	 margin-left:10px;
	 }	   
#pluie24h p {padding:0px;
	 margin-top:0px;
	 margin-left:4px;}
	 	   
#pluieH {position:absolute;
         top:340px;
	 left:251px;
	 width:127px;
	 height:170px;
	 border-top: 1px solid;
	 border-right: 1px solid;
	 }
	 	   
#pluieH p.title {padding:0px;
	 margin-top:2px;
	 margin-left:10px;
	 }	 
#pluieH p {padding:0px;
	 margin-top:0px;
	 margin-left:4px;}
	 	 
#info {position:absolute;
       top:-9px;
       left:379px;
       width:306px;
       height:170px;
       border:4px solid gray;
       background-color:#cccccc;
       }
     
#info p {/*font-size:13px;*/
font: 14px "Georgia","New Century Schoolbook", Times,serif;
	text-align:center;}

#tempabs {position:absolute;
          top:170px;
	  left:378px;
	  width:153px;
	  height:170px;
	  border-top: 1px solid;
	  border-right: 1px solid;
	  }
#tempabs p.title {padding:0px;
	 margin-top:2px;
	 margin-left:10px;
	 }	  
#tempabs p {padding:0px;
	 margin-top:-4px;
	 margin-left:10px;}	  
#hygro {position:absolute;
	top:170px;
	left:531px;
	width:153px;
	height:170px;
	border-top: 1px solid;
	}
#hygro p.title {padding:0px;
	 margin-top:2px;
	 margin-left:10px;
	 }	
#hygro p {padding:0px;
	 margin-top:-4px;
	 margin-left:10px;}
	 	
#dewpt {position:absolute;
        top:340px;
	left:378px;
	width:153px;
	height:170px;
	border-top: 1px solid;
	border-right: 1px solid;
	}
#dewpt p.title {padding:0px;
	 margin-top:2px;
	 margin-left:10px;
	  }	
#dewpt p {padding:0px;
	 margin-top:-2px;
	 margin-left:10px;}	
#temprel {position:absolute;
          top:340px;
	  left:531px;
	  width:153px;
	  height:170px;
	  border-top: 1px solid;
	  }
#temprel p.title {padding:0px;
	 margin-top:2px;
	 margin-left:10px;
	 }	  
#temprel p {padding:0px;
	 margin-top:-2px;
	 margin-left:10px;}	
  /** les liens externes **/
#extlinks {position: absolute;
	   top: 65px;
	   left: 780px;
	   width: 170px;
	   }
#extlinks a {display:block;padding:5px 0 5px 0; }
#extlinks a:hover {background-color:aqua;}
   
/** les compteurs de visite **/	 
#counters {position: absolute;
           top: 620px;
	   left: 50px;
	   width: 910px;
	    }
#counters div {display:inline;
	    }
#statcount {position: relative;
	    top: -40px;
	    }
#clustmap {position: relative;
           top:0px;
	    }
#twentyfour {position: relative;
          top: -5px;
	    }
#validation {position:absolute;
        top: -0px;left:610px;
	    }   	   	   	    
#warning {position:absolute;
	top: 35px;
	left:68px;
	width:684px;
	height:16px;
	font-size: 14px;
	font-weight:bold;
	color: red;
	text-align:center;
	}