﻿body
{
      background-attachment: fixed; 
      text-align: center; 
      background-image: url('../img/homepage/background-grey.png');
}

div
{
      position: relative;
      /*overflow: hidden;*/
}

body > form > div
{
      width: 1006px;
      margin: auto;
      left: -5px;
}

body > form > div > div
{
      width: 1004px;      
}

#divBackgroundTop
{
      background-repeat: no-repeat; 
      background-image: url('../img/homepage/background-white-top.png'); 
      height: 24px;
      z-index: 100;
}

#divBackgroundContent
{
      background-repeat: repeat-y; 
      background-image: url('../img/homepage/background-white-middle.png'); 
      text-align: left;
      overflow: hidden;
      z-index: 98;
}

#divBackgroundBottom
{
      background-repeat: no-repeat; 
      background-image: url('../img/homepage/background-white-bottom.png'); 
      height: 24px;
}

#divBackgroundContet > div
{
      overflow: hidden;
}





/******************************************************************************************/
                                    /* div LOGO */
/******************************************************************************************/
#divLogo
{
      left: 26px;
      top: 8px;
      width: 200px;
      float: left;
      /*padding-left: 26px;
      padding-top: 7px;  */
      /*background-color: Red;*/
}
/******************************************************************************************/
/******************************************************************************************/







#divTimeMeteo
{
      width: 112px; 
      float: right; 
      top: 15px; 
      margin-right: 23px; 
      margin-bottom: 15px;
}
/******************************************************************************************/
                                    /* div Time */
/******************************************************************************************/
#divTime
{
      float: right;
      top: -10px;
      /*clear: right;   */
}

#divTime > div
{
      width: 112px;
      top:-8px;
}

#divTimeTitle
{
      background-image: url('../img/homepage/topright-meteotime-title.png');
      background-repeat: no-repeat;
      height: 24px;
}

#divTimeTitle > span
{
      font-size: 9pt;
      z-index: 102;
      color: White; 
      font-family: Verdana; 
      left: 11px; 
      top: 4px; 
      position: relative;
}

#divTimeContent
{
      background-image: url('../img/homepage/topright-meteotime-content.png');
      background-repeat: repeat-y;
      height: 37px;
      z-index: 101;
}


#divTimeContent > span
{
      color: Blue;
      font-size: 6.5pt;
      font-family: Verdana;
      line-height: 13px;
      position: relative;
      left: 12px; 
      z-index: 105;
}

#divTimeBottom
{
      background-image: url('../img/homepage/topright-meteotime-bottom.png');
      background-repeat: no-repeat;
      height: 16px;
      z-index: 100;
}              
/******************************************************************************************/
/******************************************************************************************/






/******************************************************************************************/
                                    /* div METEO */
/******************************************************************************************/
#divMeteo
{
      float: right;
      top: -20px;
      /*clear: right;   */
}

#divMeteo > div
{
      width: 112px;
}

#divMeteoTitle
{
      background-image: url('../img/homepage/topright-meteotime-title.png');
      background-repeat: no-repeat;
      height: 24px;
}

#divMeteoTitle > span
{
      font-size: 9pt;
      z-index: 102;
      color: White; 
      font-family: Verdana;
      left: 11px; 
      top: 4px; 
      position: relative;
}

#divMeteoContent
{
      background-image: url('../img/homepage/topright-meteotime-content.png');
      background-repeat: repeat-y;
      height: 37px;
      z-index: 101;
}


#divMeteoContent > span
{
      color: Blue;
      font-size: 8.5pt;
      font-family: Verdana;
      line-height: 13px;
      position: relative;
      left: 12px; 
      z-index: 105;
}

#divMeteoBottom
{
      background-image: url('../img/homepage/topright-meteotime-bottom.png');
      background-repeat: no-repeat;
      height: 16px;
      z-index: 100;
}              
/******************************************************************************************/
/******************************************************************************************/






/******************************************************************************************/
                                    /* div topright LINKs */
/******************************************************************************************/
#divTopRightLinks
{
      float: right; 
      width: 95px;
      top: 5px;
}

#divTopRightLinks > div
{
      background-image: url('../img/homepage/topright-menu-link.png'); 
      width: 88px; 
      height: 30px; 
      background-repeat: no-repeat;
      text-align: center;
}

#divTopRightLinks > div > span > a
{
      font-family: Verdana;
      font-size: 8.5pt;
      color: #FFFFFF;
      /*padding-right: 3px;*/
      position: absolute;
      top: 4px;
      left: 0px;
      text-decoration: none;
      height: 100%;
      width: 95%;
}

/******************************************************************************************/
/******************************************************************************************/






/******************************************************************************************/
                                    /* div NAVIGATION */
/******************************************************************************************/
#divNavigation
{
      padding-left: 2px;      
}

.div-navigation-menu
{
      background-repeat: no-repeat;
      height: 30px; 
      width: 166px; 
      float: left;
}

#divUnderNavigation
{
      clear: left;
      background-image: url('../img/homepage/navigation-undermenu.png'); 
      background-repeat: repeat-x; 
      width: 995px; 
      height: 4px;
}

.div-navigation-menu > span
{
      font-family: Verdana;
      color: #FFFFFF;
      font-weight: bold;
      font-size: 10pt; 
      text-transform: uppercase; 
      position:relative; 
      top: 2px; 
      padding-left: 8px;
      cursor: pointer;
}
/******************************************************************************************/
/******************************************************************************************/


#divContent
{
      margin: 9px 12px;
      width: 982px;
	top: 0px;
	left: 0px;
}