/****************************************************************************
**                  DIABOX WEB SERVER
** This file is part of the Diabox Project - http://www.diabox.fr/
** Copyright (C) 2003-2010 DIATEAM. All rights reserved.
**
** All right reserved. No part of this work may be disclosed to any third
** party translated, reproduced, copied or disseminated in
** any form or by any means except as defined in the contract or
** with the written permission of DIATEAM.
**
** If you are unsure which license is appropriate for your use, please
** review the following information contact DIATEAM : contact@diateam.net
**
** This file is provided AS IS with NO WARRANTY OF ANY KIND, INCLUDING THE
** WARRANTY OF DESIGN, MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE.
**
****************************************************************************/

/****************************************************************************
** Default Standard Diabox Weather View 
****************************************************************************/


.urlPagesFont
  {
    font: 15px Arial, Verdana, "sans serif";
  }


.graph
	{
	  /*margin: 0 auto;
		width: 680px;*/
		margin: 0 auto;
	}

.change_unit {
  margin: auto;
  margin-top : 10px;
  width: 689px;
  border-radius : 8px;
  background-color: #006086;
  color: #FFFFFF;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  padding-top:3px;
  padding-bottom:3px;
}


.change_unit #idTemp {
  margin-left : 30px;
}

.change_unit #idTitle {
  font-size: 15px;
}

.change_unit #temp {
  margin-right : 30px;
}
	
/*h3.webcam a {
		background-image : url(../images/site/picto_fl.gif);
		background-repeat : no-repeat;
		background-position : 0 50%;
		padding-left : 25px;
}
h3.webcam.actif a {
		color : #003f58;
		background-image : url(../images/site/picto_fl_actif.gif);
}*/

ul.pictsMenu, ul.pictsMenu li {
    display : block;
    margin : 0px;
    padding : 0px;
    list-style-type : none;
}
ul.pictsMenu li {
		float : left;
		width : 96px;
		margin : 4px;
}
ul.pictsMenu li a{
    display : block;
    margin : 0px;
    padding : 81px 0px 0px 0px;
    background-repeat : no-repeat;
    background-position : 0 0;
    background-color : #d8eaf6;
    border-radius : 6px;
}
/*ul.pictsMenu li a:hover{
    background-color : #bcd7e8;
}*/
ul.pictsMenu li a:hover, ul.pictsMenu li.actif a{
    background-position : 100% 0;
    color : #003f58;
}
ul.pictsMenu li.meteo a{
    background-image : url(../images/site/Bt_meteo.png);
}
ul.pictsMenu li.webcam a{
    background-image : url(../images/site/Bt_webcam.png);
}
ul.pictsMenu li.movies a{
    background-image : url(../images/site/Bt_video.png);
}
ul.pictsMenu li.history a{
    background-image : url(../images/site/Bt_archives.png);
}
ul.pictsMenu li a span{
    display : block;
    min-height : 40px;
    padding : 10px 6px 0px 6px;
    text-align : center;
    font-size : 11px;
    font-weight : bold;
    line-height : 12px;
}
ul.pictsMenu li a:hover span{
    text-decoration : none;
}

/************
** LIVE GAUGE
*****************/

#livegaugeArea
	{
		/*width: 700px;*/
		width : 100%;
		display:block;
		overflow: visible;
		margin-left: auto;
		margin-right: auto;
		text-align:center;
	}

	
.clear {
  clear: both;
  height: 0; overflow: hidden; /* Précaution pour IE 7 */
}


#livegaugeArea {
    margin-top : 15px;
}
.liveGaugeGroup:after, .liveGaugeGroupBorder:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.liveGaugeGroup, .liveGaugeGroupBorder {display: inline-block;}
/* Hides from IE-mac \*/
* html .liveGaugeGroup, * html .liveGaugeGroupBorder {height: 1%;}
.liveGaugeGroup, .liveGaugeGroupBorder {display: block;}
/* End hide from IE-mac */
	
.liveGaugeGroup{
	  /*float:left;*/
	  display : inline-block;
	  margin:0px 10px 10px 10px;
	  text-align : left;
	  width : 330px;
	  vertical-align: top;
}
.liveGaugeGroupBorder {
	  background-color : #006086;
	  border-radius : 0px 6px 6px 6px;
	  padding : 5px;
}
.liveGaugeGroupError {
	background-color: white;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	color: #C00000;
	text-align: center;
}

.gaugeNeedleImage {
  width: 150px;
}

.livegauge {
		float:left;
		width:150px;
		background-color : #FFFFFF;
		padding : 5px 5px;
}

.liveGaugeTitle {
	  background-color : #006086;
	  border-radius : 6px 6px 0px 0px;
	  padding : 5px 15px 0px 15px;
	  display : inline-block;
    width : auto;
    font-size : 12px;
    font-weight : bold;
    text-transform : uppercase;
    color : #FFFFFF;  
}
.livegauge {
    text-align : center;
    font-weight : bold;
    font-size : 18px;
    color : #006086;
}
.liveGaugeArea-title {
    font-size : 13px;
    font-weight : bold;
    color: #006086;
    padding : 0px 0px 0px 0px;
    margin : 0px auto;
    text-align:center;
}

.liveGaugeArea-title span{
    display : block;
    font-size : 18px;
    font-weight : lighter;
}

/*#DiaGaugeTempLabel, #DiaGaugePressLabel, #DiaGaugeWindDirLabel, #DiaGaugeWindSpeedLabel, #DiaGaugeHumLabel, #DiaGaugeRainRateLabel {
    background-color : #FFFFFF;
}*/

/****************************************************************************
** Array Section
****************************************************************************/

table#dataTable 
	{
		background: #e9eae7;
		border-collapse: collapse;
		text-align: center;
		margin: 0 auto;
		/*margin : 0px;*/
		width: 690px;
		font-size: 9px;
	}
table#dataTable th,
table#dataTable td
	{
		border: 1px solid #fff;
		padding: 2px;
		width: 20px;
		height: 20px;
	}
table#dataTable thead th
	{
		background: #ffffff;
		color: #fe6c00;
	}
table#dataTable thead td
	{
		background: #e9eae7;
		color: #22a9df;
		font-weight: normal;
		font-size: 9px;
	}
table#dataTable tbody th
	{
		background: #eecf00;
		color: #154aa3;
		width: 150px;
		text-align: right;
	}
table#dataTable tbody th
	{
		background: #22a9df;
		color: #ffffff;
	}
table#dataTable tbody td
	{
		font-size: 9px;
	}
table#dataTable th.blanc
	{
		background: #fff !important;
		color: #22a9df !important;
		width: 150px;
		font-size: 11px !important;
		text-align: center;
	}
table#dataTable td.alt_col
	{
		background: #dadbd7;
	}
table#dataTable tr.alt_lig td
	{
		background: #dfe0dc;
	}
table#dataTable tr.alt_lig td.alt_col
	{
		background: #d0d2cd;
	}

/****************************************************************************
** Frame Section
****************************************************************************/


table tbody td span
	{
		display: block;
		height: 16px;
		line-height: 16px;
		margin: 0 auto;
	}
	
div#conteneur
{
	/*width:100%;*/
}


.loading { 
	height:100px;
	width:100px;
	background-image:url("../images/transparentbg.png"); 
	margin: auto;
}

.loadingCell {
	width:100px;
	height:100px;
	display:table-cell;
    vertical-align:middle;	
    text-align: center;
    margin: 0 auto;
    font-size: 12px;
    font-weight: bold;
}

.err
  {
    font: 12px Arial, Verdana, "sans serif";
  }