#fond{
  background:url('/carte_js/carte.jpg') no-repeat top left;
  position:relative;
  width:345px;
  height:269px;
  z-index:1;
  font-size: 12px;
  font-weight : bold;
  font-family:Arial, Helvetica, sans-serif;
  color: red;
  margin-left:135px;
}

.picto{
  position:absolute;
  width:50px;
  height: 50px;
  z-index:10;
  /*opacity: .5;
  filter: alpha(opacity=50);*/
}

.detail{
  position:absolute;
  width:330px;
  height: 150px;
  z-index:12;
  display: none;
  background-color: #388CBA;
  color: white;
  padding-left:5px;
}

.temp{
  position:absolute;
  width:60px;
  height: 10px;
  z-index:10;
}

#jour{
  position:absolute;
  font-size: 12px;
  font-weight : bold;
  color: white;
  top:0px;
  left:100px;
}

#maj{
  position:absolute;
  font-size: 12px;
  font-weight : bold;
  color: white;
  top:250px;
  left:100px;
}


#picto_1 { /* CHERBOURG */
top:50px;
left:12px;
}

#detail_1{
top:100px;
left:12px;
}

#temp_1{
top:53px;
left:35px;
}

#picto_2 { /* COUTANCES */
top:110px;
left:12px;
}

#detail_2{
top:160px;
left:12px;
}

#temp_2{
top:95px;
left:30px;
}

#picto_3 { /* AVRANCHES */
top:170px;
left:16px;
}

#detail_3{
top:220px;
left:16px;
}

#temp_3{
top:160px;
left:50px;
}

#picto_4 { /* ST LO */
top:100px;
left:60px;
}

#detail_4{
top:150px;
left:60px;
}

#temp_4{
top:100px;
left:90px;
}

#picto_5 { /* CAEN */
top:115px;
left:120px;
}

#detail_5{
top:165px;
left:120px;
}

#temp_5{
top:100px;
left:140px;
}

#picto_6 { /* VIRE */
top:150px;
left:80px;
}

#detail_6{
top:200px;
left:80px;
}

#temp_6{
top:200px;
left:80px;
}

#picto_7 { /* ALENCON */
top:170px;
left:130px;
}

#detail_7{
top:220px;
left:130px;
}

#temp_7{
top:170px;
left:180px;
}

#picto_8 { /* MORTAGNE */
top:200px;
left:220px;
}

#detail_8{
top:250px;
left:220px;
}

#temp_8{
top:210px;
left:190px;
}

#picto_9 { /* LISIEUX */
top:110px;
left:170px;
}

#detail_9{
top:160px;
left:170px;
}

#temp_9{
top:95px;
left:190px;
}

#picto_10 { /* BERNAY */
top:120px;
left:210px;
}

#detail_10{
top:170px;
left:210px;
}

#temp_10{
top:110px;
left:230px;
}

#picto_11 { /* EVREUX */
top:140px;
left:260px;
}

#detail_11{
top:190px;
left:260px;
}

#temp_11{
top:180px;
left:240px;
}

#picto_12 { /* ANDELYS */
top:100px;
left:300px;
}

#detail_12{
top:150px;
left:300px;
}

#temp_12{
top:90px;
left:310px;
}

#picto_13 { /* ROUEN */
top:75px;
left:245px;
}

#detail_13{
top:125px;
left:245px;
}

#temp_13{
top:60px;
left:280px;
}

#picto_14 { /* LE HAVRE */
top:25px;
left:200px;
}

#detail_14{
top:75px;
left:200px;
}

#temp_14{
top:70px;
left:190px;
}

#picto_15 { /* DIEPPE */
top:10px;
left:280px;
}

#detail_15{
top:60px;
left:280px;
}

#temp_15{
top:25px;
left:255px;
}

#vent_c{
top:0px;
left:10px;
}

#dirvent_c{
top:25px;
left:45px;
color: yellow;
}

#vent_a{
top:220px;
left:10px;
}

#dirvent_a{
top:250px;
left:20px;
color: yellow;
}

#vent_e{
top:200px;
left:270px;
}

#dirvent_e{
top:240px;
left:280px;
color: yellow;
}

#vent_h{
top:0px;
left:210px;
}

#dirvent_h{
top:0px;
left:245px;
color: yellow;
}