body { 
  margin: 0; 
  text-align: center; 
  height: 100%;
}

@media (min-width: 769px) {
    /* Styles tablette / desktop */
    
/* messag d'état des pistes*/
#messages {
  position: absolute;
  top: 25px;
  left: 5px;
  width: calc(100% - 10px);
  color: black;
  overflow-x: hidden;
  text-shadow: #000 0 0 1px;
  -webkit-font-smoothing: antialiased;
  z-index: 2;
}
/* conteneur principal*/
#video_wrapper {
  position: relative; 
  width: 80%;
  margin-inline: auto; 
  border-style: none;
  border-width:1px; 
  margin: 0 auto; 
  text-align: left; 
  }
/* jauge météo temps réel*/
#wxMiniGauge {
  position: absolute;
  left: calc(100% - 195px);
  top: 7px;
  right: auto;
}  
/* graphiques, positionnement*/
#wxWindSpeed {
  position: absolute;
  left: calc(100% + 1px);
  top: -20px;
}

#wxWindDir{
position: absolute; 
left: calc(100% + 1px);
top: 106px; 
}
#wxPressure{
position: absolute; 
left: calc(100% + 1px); 
top: 236px; 
}
#wxTemp{
position: absolute;
left: calc(100% + 1px);
top: 363px; 
}

#metar_taf { 
 position: relative; 
 width: 100%;
 max-width: 768px;
 margin: 10px auto; 
 font-size: smaller;
 text-align: justify;
}
/* lien appli */
#appli{
margin-inline: auto;
margin-top: 2mm;
font-family: Arial;
font-size:0.8em;
position: relative;
}
#infos_terrain{
position: relative; 
margin-top: 3mm;
}
  /* fin styles tablette / desktop */
}

@media (max-width: 768px) {
    /* Styles mobile */
#messages {
  margin-top: 4px;
  position: absolute;
  top: -4em;
  left: 5px;
  width: calc(100% - 10px);
  color: black;
  overflow-x: hidden;
  text-shadow: #000 0 0 1px;
  -webkit-font-smoothing: antialiased;
  z-index: 2;
}    
    
#video_wrapper {
  position: relative; 
  width: 100%;
  margin-inline: auto; 
  border-style: none;
  border-width:1px; 
  margin: 0 auto; 
  text-align: left; 
  }
/* jauge météo temps réel*/
#wxMiniGauge {
  position: absolute;
  left: calc(100% - 175px);
  top: 5px;
  right: auto;
}      
#wxWindSpeed {
  position: absolute;
  top: calc(100% + 10px);
  left: 0px;
}  
#wxWindDir{
position: absolute; 
top: calc(100% + 10px);
left: 160px; 
}
#wxPressure{
position: absolute; 
top: calc(100% + 110px); 
left: 0px;
}
#wxTemp{
position: absolute;
top: calc(100% + 110px); 
left: 160px;
}

#metar_taf { 
 position: relative;
 margin-top: 220px; 
 margin-left: auto;
 margin-right: auto;
 font-size: 0.6em;
 text-align: justify;
 width: 100%;
 max-width: 400px;
}

#appli{
margin-inline: auto;
margin-top: 0mm;
font-family: Arial;
font-size:0.8em;
position: relative;
}
#infos_terrain{
position: relative; 
margin-top: 3mm;
margin-bottom: 5em;
}
    /* Fin Styles mobile */
}



#messages pre {
  margin-top: 0;
}


.note {
font-family: Arial;
font-size:0.8em;
margin-top: 3mm;
margin-bottom: 5mm;
}
.lien_ns  {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}