body {
	background-image: url(/assets/images/fond-meteo.jpg);
	background-repeat: repeat;
}

ul {
  list-style-type: none;
  margin: 0 0 0 5px;
  padding: 0;
}

li {
  font: 12px Helvetica, Verdana, sans-serif;

}

li:last-child {
  border: none;
}

li a {
  text-decoration: none;
  color: #000;
  display: block;
  width: 160px;

  -webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
  -moz-transition: font-size 0.3s ease, background-color 0.3s ease;
  -o-transition: font-size 0.3s ease, background-color 0.3s ease;
  -ms-transition: font-size 0.3s ease, background-color 0.3s ease;
  transition: font-size 0.3s ease, background-color 0.3s ease;
}

li.noclass a {
  text-decoration: none;
  color: #000;
  display: block;
  width: 300px;

  -webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
  -moz-transition: font-size 0.3s ease, background-color 0.3s ease;
  -o-transition: font-size 0.3s ease, background-color 0.3s ease;
  -ms-transition: font-size 0.3s ease, background-color 0.3s ease;
  transition: font-size 0.3s ease, background-color 0.3s ease;
}

li a:hover {
  font-size: 12px;
  background: #f6f6f6;
}

li.ville {
display:block;
float:left;
 width: 120px;
}
li.ville[float="left"] + li.ville {
display:block;
float:none;
}
li.ville[float="left"] + li.ville + li.ville{
display:block;
float:none;
}
li.ville a {
  text-decoration: none;
  color: #000;
  display: block;
  width: 120px;

  -webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
  -moz-transition: font-size 0.3s ease, background-color 0.3s ease;
  -o-transition: font-size 0.3s ease, background-color 0.3s ease;
  -ms-transition: font-size 0.3s ease, background-color 0.3s ease;
  transition: font-size 0.3s ease, background-color 0.3s ease;
}


li.ville2 {
display:block;
float:left;
 width: 200px;
}
li.ville2[float="left"] + li.ville2 {
display:block;
float:none;
}
li.ville2[float="left"] + li.ville2 + li.ville2{
display:block;
float:none;
}
li.ville2 a {
  text-decoration: none;
  color: #000;
  display: block;
  width: 200px;

  -webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
  -moz-transition: font-size 0.3s ease, background-color 0.3s ease;
  -o-transition: font-size 0.3s ease, background-color 0.3s ease;
  -ms-transition: font-size 0.3s ease, background-color 0.3s ease;
  transition: font-size 0.3s ease, background-color 0.3s ease;
}
div#container{width:900px;padding:5px;}
div#menu{float:left;width:185px;}
div#ecran{margin-left:195px;}

div.navigation {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ccc; }
div.navigation ul{ margin:0; padding:0; }
div.navigation ul li{ margin:0; padding:0; display:inline-block;  width:11px; text-align:center;	padding:4px; margin-right:2px; background-color: #ffffd7;}
div.navigation ul li.on{ border: solid 1px black;  color:#000; background-color: #fff;}
div.navigation ul li a{ display:inline-block; width:10px;	 text-align:center; }
div.navigation ul li a:hover{ color:#006; text-decoration:none; font-weight:bold;}
div.navigation ul li.on a{ color: #fff; font-weight:bold; text-decoration:none; }
table.liste {width:100%}
table.liste td {width:33%; vertical-align:top}
table.liste td a { text-decoration: none;  color: #000;}
table.liste td a:hover {  background: #f6f6f6;}
#meteotumb table tr td.head{width:14%; background-color: #fff; height:150px; text-align:center; vertical-align:top; border: solid 1px black}
#meteotumb table tr td.headwind{width:14%; background-color: #fff; height:50px; text-align:center; vertical-align:top; border: solid 1px black}