html,body{margin:10px;padding:0}

body
{ 
  font: 76% arial,sans-serif;
  text-align:center;
  background: #b8c436 url(images/bg012.gif);
  }


.logo { 
 width : 128px;
 height: 273px;
 margin-left: 10px;
}

.touriste { margin: 10px; width: 200px; height: 150px; }

.imgPotd { margin-left: 0px; border: inset;}
.potd { margin-left: 50px; color: red;}

div#header {
  height:20px;
  margin:0;
  padding-left:10px;
  background: #ddd;
  text-align: right;
}
  
div#container{
text-align:left;
padding: 5px;
background: #fff;}

div#haut {
  margin-left: 170px;
  width:638px;
  height:153px;
  background: #b8c436 url(images/topSki.jpg);
}

div#sponsor {
  margin-left: 170px;
  width:638px;
  height:70px;
  background: #ddd;
}
div#content p{ padding: 5px; line-height:1.4}
div#content h2{ padding: 5px; color: #414b51; }
div#content h3{ padding: 5px; margin: 0; color: #414b51;}
div#content h4{ padding: 5px; margin: 0; color: #414b51;}
div#content ul{ padding: 5px; text-align: left; }
div#content li{ padding: 5px; text-align: left; }


div#navigation{background:#fff; padding: 0; margin: 0}

div#extra{background:#FF8539}

div#footer{background: #333;color: #FFF}

div#footer p{
  margin:0;
  padding:5px 10px;
}

div#container{width:808px;margin:0 auto}

div#wrapper{float:left;width:100%; background: #fff;}

div#content{margin-left: 170px;
  height:100%;
background-color : transparent;
  }
html>body .content {height : auto; min-height : 100%}

div#navigation{
  float:left;
  width:170px;
  margin-left:-808px;
  background: #ddd;
}

div#footer{
  clear:left;
  width:100%;
  text-align: center;
  background: #ddd;
  color: #000;
}

.weather
{ 
width : 170px; 

text-align : center;
font-weight : bold;
text-transform : uppercase;
}


.buttons a {
color: #414b51;
background-color: #ddd;
margin-left: 20px;
height: 20px;
padding: 2px;
padding-left: 3px;
display: block;
border-bottom: 1px solid ;
font: 13px Trebuchet MS, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: left;}

.buttons a:hover {
  background-color: orange;
  color: #fff;
  text-decoration: none;
}

.buttons a.active {
  background-color: blue;
  color: yellow;
  text-decoration: none;
}

/* IMAGE */
.small { 
   width: 100px; 
   height: 75px; 
   border: 5px inset #9d9d9d; 
}

.signature { 
  position:relative; 
  left:520px; 
  bottom: -135px; 
  color : #414b51;
  font-size: 10px;
}
.signature a {
	color: #414b51;
}