<style type="text/css">
<!--




      .textFont  {
		font-family :   Arial,Verdana, Helvetica, sans-serif;
		font-size : 11px;
		line-height : 18px;
		font-style : normal;
		font-weight :bold;
		text-align: justify;
		color   : #383838;
                height : 10px;
                text-decoration : none;
	}

   .textFontwhite  {
		font-family :   Arial,Verdana, Helvetica, sans-serif;
		font-size : 11px;
		line-height : 18px;
		font-style : normal;
		font-weight :normal;
		text-align: center;
		color   : #FFFFFF;
                height : 10px;
                text-decoration : none;
	}



      .pointnowFont  {
		font-family :   Arial,Verdana, Helvetica, sans-serif;
		font-size : 13px;
		line-height : 18px;
		font-style : normal;
		font-weight :bold;
		text-align: justify;
		color   : #383838;
                height : 10px;
                text-decoration : none;
	}

  .textFontblack  {
		font-family :   Arial,Verdana, Helvetica, sans-serif;
		font-size : 11px;
		line-height : 18px;
		font-style : normal;
		font-weight :normal;
		text-align: center;
		color   : #000000;
                height : 10px;
                text-decoration : none;
	}
 

 .textFontgrey  {
		font-family :   Arial,Verdana, Helvetica, sans-serif;
		font-size : 11px;
		line-height : 18px;
		font-style : normal;
		font-weight :normal;
		text-align: center;
                color   :#383838;
                text-decoration : none;
	}


        .textFonttitle  {
		font-family :   Arial,Verdana, Helvetica, sans-serif;
		font-size : 12px;
		line-height : 18px;
		font-style : normal;
		font-weight :bold;
		text-align: justify;
		color   : #FFFFFF;
                height : 12px;
                text-decoration : none;
	}


        a.textFonttitle  {
		font-family :   Arial,Verdana, Helvetica, sans-serif;
		font-size : 12px;
		line-height : 18px;
		font-style : normal;
		font-weight :bold;
		text-align: justify;
		color   : #FFFFFF;
                height : 12px;
                text-decoration : none;
	}


    a.textFonttitle:hover  {
		font-family :   Arial,Verdana, Helvetica, sans-serif;
		font-size : 12px;
		line-height : 18px;
		font-style : normal;
		font-weight :bold;
		text-align: justify;
		color   : #000000;
                height : 12px;
                text-decoration : none;
	}


     .spotfont  {color   : #0467C4; font-weight :bold; text-decoration : none;}
     a.spotfont  {color   : #0467C4; font-weight :bold; text-decoration : none;}
     a.spotfont:hover  {color   : #000000; font-weight :bold; text-decoration : none;}


   .bigdarkFont  {
		font-family :  Arial, Verdana, Helvetica, sans-serif;
		font-size : 19px;
		line-height : 30px;
		font-style : normal;
		font-weight : normal;
		color : #000000;
                height : 10px;
                text-align: left;
	}



.tbf {border:0px; width:48px; padding:0px; border-spacing:0px;  border-collapse:collapse;
		font-family :   Arial,Verdana, Helvetica, sans-serif;
		font-size : 12px;
		line-height : 18px;
		font-style : normal;
		font-weight :normal;
		text-align: center;
		color : #000000;
                height : 10px;
                }

.tbfw {border:0px; width:48px; padding:0px; border-spacing:0px;  border-collapse:collapse;
		font-family :   Arial,Verdana, Helvetica, sans-serif;
		font-size : 12px;
		line-height : 18px;
		font-style : normal;
		font-weight :normal;
		text-align: center;
		color : #FFFFFF;
                height : 10px;
                }


.bluetop {border:0px;  padding:0px; border-spacing:0px;  border-collapse:collapse;
		font-family :   Arial,Verdana, Helvetica, sans-serif;
		font-size : 11px;
		line-height : 18px;
		font-style : normal;
		font-weight :normal;
		text-align: center;
                vertical-align: bottom;
		color : #000000;
                background-image : url(/idl/set_01/tab_top_blue.gif);
                }

.bluetopmb {border:0px; padding:0px; border-spacing:0px;  border-collapse:collapse;
		font-family :   Arial,Verdana, Helvetica, sans-serif;
		font-size : 12px;
		line-height : 18px;
		font-style : normal;
		font-weight :bold;
		text-align: left;
                vertical-align:top;
		color : #FFFFFF;
                background-image : url(/idl/set_01/tab_top_blue.gif);
                }

.nowtopmb {border:0px; padding:0px; border-spacing:0px; 
		font-family :   Arial,Verdana, Helvetica, sans-serif;
		font-size :6px;
		line-height : 1px;
                height: 9px;
		font-style : normal;
		text-align: left;
		color : #FFFFFF;
                }

.bluetopdate {border:0px; padding:0px; border-spacing:0px;  border-collapse:collapse;
		font-family :   Arial,Verdana, Helvetica, sans-serif;
		font-size : 12px;
		line-height : 18px;
		font-style : normal;
		font-weight :normal;
		text-align: left;
                vertical-align:top;
		color : #2a5d83;
                background-image : url(/idl/set_01/tab_top_blue.gif);
                }

.bg  {background-color : #FFFFFF; background-image : url(/idl/set_01/white.gif); 
       border-right-width:1px; border-right-style:solid ; border-right-color: #D8E5F1 }
.bgc  {background-color : #FFFFFF; text-align:center; background-image : url(/idl/set_01/white.gif);
        border-right-width:1px; border-right-style:solid ; border-right-color: #D8E5F1}
.bgu  {background-color : #FFFFFF; background-image : url(/idl/set_01/tab_up_blue.gif);
        border-right-width:1px; border-right-style:solid ; border-right-color: #D8E5F1}
.bgcu  {background-color : #FFFFFF; text-align:center;background-image : url(/idl/set_01/tab_up_blue.gif);
        border-right-width:1px; border-right-style:solid ; border-right-color: #D8E5F1}
.bgcunb  {background-color : #FFFFFF; text-align:center; background-image : url(/idl/set_01/tab_up_blue.gif);}
.bgcnb  {background-color : #FFFFFF; text-align:center; background-image : url(/idl/set_01/white.gif);}
             

 img.picto {display: block; margin-left: auto; margin-right: auto; width:48px; height:42px;}


.c1 {background-image : url(/idl/set_01/rf/rf2_01.gif); width:7px; height:6px;}
.c2 {background-image : url(/idl/set_01/rf/rf2_02.gif); width:7px; height:6px; }
.c3 {background-image : url(/idl/set_01/rf/rf2_03.gif); width:7px; height:6px;}
.c4 {background-image : url(/idl/set_01/rf/rf2_04.gif); width:6px; height:6px;}
.c5 {background-image : url(/idl/set_01/rf/rf2_05.gif); width:7px; height:6px; }
.c6 {background-image : url(/idl/set_01/rf/rf2_06.gif); width:7px; height:6px; }
.c7 {background-image : url(/idl/set_01/rf/rf2_07.gif); width:7px; height:6px; }
.c8 {background-image : url(/idl/set_01/rf/rf2_08.gif); width:7px; height:6px; }
.c9 {background-image : url(/idl/set_01/rf/rf2_09.gif); width:7px; height:6px; }
.c10 {background-image : url(/idl/set_01/rf/rf2_10.gif); width:7px; height:6px;}
.c11 {background-image : url(/idl/set_01/rf/rf2_11.gif); width:6px; height:6px;}
.c12 {background-image : url(/idl/set_01/rf/rf2_12.gif); width:7px; height:6px;}
.c13 {background-image : url(/idl/set_01/rf/rf2_13.gif); width:7px; height:6px;}
.c14 {background-image : url(/idl/set_01/rf/rf2_14.gif); width:7px; height:6px;}
.c15 {background-image : url(/idl/set_01/rf/rf2_15.gif); width:7px; height:6px;}
.c16 {background-image : url(/idl/set_01/rf/rf2_16.gif); width:7px; height:6px;}
.c17 {background-image : url(/idl/set_01/rf/rf2_17.gif); width:7px; height:6px;}
.c18 {background-image : url(/idl/set_01/rf/rf2_18.gif); width:6px; height:6px;}
.c19 {background-image : url(/idl/set_01/rf/rf2_19.gif); width:7px; height:6px;}
.c20 {background-image : url(/idl/set_01/rf/rf2_20.gif); width:7px; height:6px;}
.c21 {background-image : url(/idl/set_01/rf/rf2_21.gif); width:7px; height:6px;}
.c22 {background-image : url(/idl/set_01/rf/rf2_22.gif); width:7px; height:6px;}
.c23 {background-image : url(/idl/set_01/rf/rf2_23.gif); width:7px; height:6px;}
.c24 {background-image : url(/idl/set_01/rf/rf2_24.gif); width:7px; height:6px;}
.c25 {background-image : url(/idl/set_01/rf/rf2_25.gif); width:6px; height:6px;}
.c26 {background-image : url(/idl/set_01/rf/rf2_26.gif); width:7px; height:6px;}
.c27 {background-image : url(/idl/set_01/rf/rf2_27.gif); width:7px; height:6px;}
.c28 {background-image : url(/idl/set_01/rf/rf2_28.gif); width:7px; height:6px;}
.c29 {background-image : url(/idl/set_01/rf/rf2_29.gif); width:7px; height:6px;}
.c30 {background-image : url(/idl/set_01/rf/rf2_30.gif); width:7px; height:6px;}
.c31 {background-image : url(/idl/set_01/rf/rf2_31.gif); width:7px; height:6px;}
.c32 {background-image : url(/idl/set_01/rf/rf2_32.gif); width:6px; height:6px;}
.c33 {background-image : url(/idl/set_01/rf/rf2_33.gif); width:7px; height:6px;}
.c34 {background-image : url(/idl/set_01/rf/rf2_34.gif); width:7px; height:6px;}
.c35 {background-image : url(/idl/set_01/rf/rf2_35.gif); width:7px; height:6px;}
.c36 {background-image : url(/idl/set_01/rf/rf2_36.gif); width:7px; height:6px;}
.c37 {background-image : url(/idl/set_01/rf/rf2_37.gif); width:7px; height:6px;}
.c38 {background-image : url(/idl/set_01/rf/rf2_38.gif); width:7px; height:6px;}
.c39 {background-image : url(/idl/set_01/rf/rf2_39.gif); width:6px; height:6px;}
.c40 {background-image : url(/idl/set_01/rf/rf2_40.gif); width:7px; height:6px;}
.c41 {background-image : url(/idl/set_01/rf/rf2_41.gif); width:7px; height:6px;}
.c42 {background-image : url(/idl/set_01/rf/rf2_42.gif); width:7px; height:6px;}
.c43 {background-image : url(/idl/set_01/rf/rf2_43.gif); width:7px; height:6px;}
.c44 {background-image : url(/idl/set_01/rf/rf2_44.gif); width:7px; height:6px;}
.c45 {background-image : url(/idl/set_01/rf/rf2_45.gif); width:7px; height:6px;}
.c46 {background-image : url(/idl/set_01/rf/rf2_46.gif); width:6px; height:6px;}
.c47 {background-image : url(/idl/set_01/rf/rf2_47.gif); width:7px; height:6px;}
.c48 {background-image : url(/idl/set_01/rf/rf2_48.gif); width:7px; height:6px;}
.c49 {background-image : url(/idl/set_01/rf/rf2_49.gif); width:7px; height:6px;}



table.picto {
    font-size: 12px;
    border-collapse: separate;
    border-spacing: 7px 5px;
    font-family: Arial, Helvetica, sans-serif;
    *border-spacing: expression(cellspacing:5);
}

table.picto tr th {
    text-align: left;
          font-weight: normal;
         font-size: 12px;
}

.whiteFontCol {
   color: #FFFFFF; 
}

.nobreak {white-space: nowrap;}

table.picto tr.temp {
    height:35px;
    font-size: 13px;
    font-weight: bold;
}

table.picto tr.days td {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}

table.picto tr.pictoimage td img{
 
}


table.picto tr.temp td {
    border: 0px solid #999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

table.picto tr.uvindex td {
    border: 0px solid #999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


table.picto tr.risk td {
    border: 0px solid #999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

table.picto tr td {
    width: 48px;
    height:28px;
    text-align: center;
}

table.picto tr.precipitation td {
    color: #0467C4;
    font-weight: bold;
}


table.picto span.day {
    font-size: 14pt;
    color: #333;
    margin: 0px;
    padding: 0px;
}

 table.spot {
    padding: 0px;
    border-collapse: collapse;
    border-spacing: 0px 0px;
}

 table.spot tr {
    margin: 0px;
    padding: 0px;
}

 table.spot tr td {
    padding: 0px;
    margin: 0px;
    width: 7px;
    height: 6px;
}

 div.spot {
    position: relative;
    width: 48px;
}

 div.spot img {
    position: absolute;
    top: 0px;
    left:0px;
}


table.pictodetailheader {
   font-family: Arial, Helvetica, sans-serif;
   vertical-align: bottom;
   margin: 0px;
   color: #777;
   font-size:14px;
}

table.pictodetailheader h2 {
  font-size: 30px;
  color: #777;
  text-align: right;  
  vertical-align: bottom;
  margin: 0px;
  border: none;
}

table.pictodetail {
    font-size: 12px;
    color:#444;
    border-collapse: separate;
    border-spacing: 7px 5px;
    font-family: Arial, Helvetica, sans-serif;
    border: 0px solid #999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    *border-spacing: expression(cellspacing:5);
}

table.pictodetail tr th {
    text-align: left;
          font-weight: normal;
         font-size: 12px;
}

table.pictodetail tr.day td {
    font-size: 18px;
    color: #DDD;
    text-align:left;
    margin: 0px;
    padding: 0px;
}

table.pictodetail tr.time td {
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    color:#666666;
}

table.picto tr.pictoimage td img{
   width: 48px;
   height: 42px; 
}

table.pictodetail tr.temp {
    height:30px;
    font-size: 13px;
    font-weight: bold;
    color:#000;
}

table.pictodetail span.time  {
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    color:#FFF;
}

table.pictodetail tr.temp td {
    border: 0px solid #999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

table.pictodetail tr td {
    width: 48px;
    height:28px;
    text-align: center;
}

table.pictodetail tr.precipitation td {
    color: #0467C4;
    font-weight: bold;
    font-size: 13px;
}

table.pictodetail table.spot {
    padding: 0px;
    border-collapse: collapse;
    border-spacing: 0px 0px;
}

table.pictodetail table.spot tr {
    margin: 0px;
    padding: 0px;
}

table.pictodetail table.spot tr td {
    padding: 0px;
    margin: 0px;
    width: 7px;
    height: 6px;
}

table.pictodetail div.spot {
    position: relative;
    width: 48px;
}

table.pictodetail div.spot img {
    position: absolute;
    top: 0px;
    left:0px;
}



.picto h2 {
    margin: 2px 0px 5px 5px;
    padding-bottom: -10px;
    font-size: 16pt;
    color: #55668c;
}


.currentWeather {
  background:#b8d0f0; 
  overflow:hidden; 
  height:42px;
  font-family:arial;
}

.currentWeather_icon {
  float: left;
  width:39px;
  font-size:12px;
  margin-top:10px;
}

.currentWeather_temp{
  float:left; 
  width:70px;
  text-align:left;
  margin-top:15px;
  font-size:24px;
  color:#444;
}

.currentWeather_time{
  float:left; 
  width:55px;
  text-align:center;
  margin-top:25px;
  font-size:12px;
  color:#333;
}

.currentWeather_precipTime{
  float:left;
  border-left:1px; 
  border-color:#777; 
  border-left-style:solid;
  font-size:12px;
  color:#333; 
  padding:0px;
  width:85px;
  text-align:right;
  margin-top:10px;
}

.currentWeather_umbrella{
  float:left;
  margin-top:1px;
  width:60px;
}

.currentWeather_precip{
  float:left;
  width:30px;
  font-size:14px;
  color:#333;
  margin-top:9px;
  text-align:center;
}




</style>

