body, html {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: "Segoe UI",Segoe,"Trebuchet MS",Tahoma,Geneva,sans-serif;
  }
  
  table {
	width: 75vw; /* La largeur du tableau est égale à 100% de la largeur de la fenêtre */
	height: 75vh; /* La hauteur du tableau est égale à 100% de la hauteur de la fenêtre */
	border-collapse: collapse;
	text-align: center;
	margin: auto;
  }

  .column {
	width: 20%; /* Chaque colonne prend 33% de la largeur */
	border: 10px solid white;
	padding: 10px;
	background-color: #e7ecff;
  }

  .row {
	height: 45%; /* Ligne 1 et 2 prennent 45% de la hauteur */
  }
  
  .row:last-child {
	height: 10%; /* Ligne 3 prend 10% de la hauteur */
  }
  
  td {
	border: 10px solid white;
	padding: 10px;
  }

  .deg {
	font-size: 30%; /* Taille de police plus petite pour le symbole °C */
	vertical-align: super; /* Alignement vertical pour placer °C en haut */
  }

  #tab2{
	width: 100vw; /* La largeur du tableau est égale à 100% de la largeur de la fenêtre */
	height: 100vh; /* La hauteur du tableau est égale à 100% de la hauteur de la fenêtre */
	border-collapse: collapse;
	text-align: center;
	margin: auto;
  }
  
  #tab2 th, td{
	border: 1px solid white;
    padding: 8px;
    text-align: center;
  }
  .col1 {
    width: 10%;
	background-color: #e7ecff;
  }
  .col2 {
    width: 90%;
  }
  .row1 {
    height: 20%;
  }