.invalid {
  cursor: default; /* Par défaut, le curseur est défini comme "auto" */
}

.refreshing {
  cursor: url("/img/rafraichir51.png"), auto;
}

.taille06 { font-size: 0.6em; }

.center { text-align: center; }
.justify { text-align: justify; }
.gras { font-weight: bold; }

.opacite04 { opacity: 0.4; }
.opacite05 { opacity: 0.6; }

.nav-item {
  width: 10%;
  max-width: 17%;
}

.nav-item.selected {
  background: rgb(240, 187, 30);
}

#cadreVergerasupp {
  height: 120%;
  background-image: url('../img/muespach.png');
  background-size: 180%;
  background-position: center center;
  background-repeat: no-repeat;
}

table.planVerger {
  width : 90%;
  margin: auto;
border-collapse : collapse;
  table-layout: fixed;
}
table.planVerger td {
  height: 40px;
  background-size: 40px;
  background-color: rgba(240, 240, 240, 0.85);
  background-blend-mode: overlay;
  background-image : url('../img/arbre2.png');
}

.planVerger-container {
  /*border: 5px solid green; 
  padding: 30px;*/
  position: relative;
  width: 100%;
  margin: 50px auto;
}
.overlay {
  position: absolute;
}

.feu {
  background: url('../img/feu.png');
  height: 22px;
  width: 22px;
}

.wind {
  display: inline-block;
  width: 90px;
  height: 90px;
  border-radius: 45px;
  
  background: rgba(220,220,220,0.50);
}
.temp {
  display: inline-block;
  width: 70px;
  height: 70px;
  border-radius: 35px;
  text-align: center;
  font-weight: bold;
  font-size: 11px;
  background: rgba(220,220,220,0.50); /*244,208,63,0.10);*/
}
.bg-fr {
  background: rgba(0,51,255,0.20);
}
.bg-ch {
  background: rgba(255,0,51,0.20);
}
.bg-no {
  background: rgba(220,220,220,0.50); /*244,208,63,0.10);*/
}
.temp1.dual1 {
  display: inline-block;
  width: 70px;
  height: 70px;
  border-radius: 35px;
  text-align: center;
  font-weight: bold;
  font-size: 11px;
  background: rgba(244,208,63,0.10);
}
.dual.bg-no-no {
  background: rgba(220,220,220,0.50); /*244,208,63,0.10);*/
}
.dual.bg-ch-ch {
  background: rgba(255,0,51,0.20) ;
}
.dual.bg-fr-fr {
  background: rgba(0,51,255,0.20) ;
}
.dual.bg-ch-no {
  background: linear-gradient( 180deg, rgba(255,0,51,0.20), rgba(255,0,51,0.20) 51%, rgba(220,220,220,0.50) 51% ); 
}
.dual.bg-no-ch {
  background: linear-gradient( 180deg, rgba(220,220,220,0.50), rgba(220,220,220,0.50) 51%, rgba(255,0,51,0.20) 51% ); 
}
.dual.bg-no-fr {
  background: linear-gradient( 180deg, rgba(220,220,220,0.50), rgba(220,220,220,0.50) 51%, rgba(0,51,255,0.20) 51% ); 
}
.dual.bg-fr-no {
  background: linear-gradient( 180deg, rgba(0,51,255,0.20), rgba(0,51,255,0.20) 51%, rgba(220,220,220,0.50) 51% ); 
}
.dual.bg-fr-ch {
  background: linear-gradient( 180deg, rgba(0,51,255,0.20), rgba(0,51,255,0.20) 51%, rgba(255,0,51,0.20) 51% ); 
}
.dual.bg-ch-fr {
  background: linear-gradient( 180deg, rgba(238, 225, 228, 0.2), rgba(255,0,51,0.20) 51%, rgba(0,51,255,0.20) 51% ); 
}

.winddir.nord { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); transform-origin: center;}
.winddir.nord-est { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); transform-origin: center;}
.winddir.est { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); transform-origin: center;}
.winddir.sud-est { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); transform-origin: center;}
.winddir.sud { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); transform-origin: center;}
.winddir.sud-ouest { -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); transform-origin: center;}
.winddir.ouest { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); transform-origin: center;}
.winddir.nord-ouest { -webkit-transform: rotate(315deg); -moz-transform: rotate(315deg); -o-transform: rotate(315deg); transform: rotate(315deg); transform-origin: center;}

.text-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
}
.text-wrap span {
  display: block;
}

.unit-font {
  font-size: .85rem; 
}