td,
th {
  padding: 5px;
  vertical-align: middle;
}

th {
  background-color: #ECEDED;
}


/* Personalising titles */
h1 {
  font-family: Segoe UI Semibold;
}

h2 {
  color: #005d80;
  font-family: Segoe UI Semibold;
}

h3 {
  color: #007caa;
  font-family: Segoe UI;
}

/* Couleurs */
:root {
  --md-default-fg-color: #404040;
  /* texte */
  --md-default-fg-color--light: #7f7f7f;
  /* h1 */
  --md-accent-fg-color: #FF8024;
  /* surbrillance */
}

:root>* {
  --md-typeset-a-color: #FF8024;
  /*  liens */
}

/* Titre du site */
.md-header {
  color: #404040;
  font-family: Segoe UI Semibold;
}

/* Onglets */
.md-tabs {
  width: 100%;
  padding-left: 250px;
  padding-right: 250px;
  color: #007caa;
  font-family: Segoe UI Semibold;
  text-transform: uppercase;

}

/* Étendre affichage page */
.md-grid {
  max-width: 1680px;
}

/*class reduction image + centrer*/
.fullpage {
  width: 90%;
  margin: auto;
  display: block;
}

/*class for popups*/
.popup {
  width: 50%;
  margin: auto;
  display: block;
}

/*class for icons*/
.icon {
  height: auto;
  width: 27px;
}

/*class image à centrer*/
.center {
  margin: auto;
  display: block;
}

/* colorer icône crown*/
.crown {
  color: #d1a11c;
}

/* colorer icône gem*/
.gem {
  color: #007caa;
}

/* banner at the top of the page */
.md-banner {
  background-color: #007caa;
}

.announcement {
  font-size: larger;
  background-color: #007caa;
  color: white;
  padding: 2px;
  margin-bottom: 2px;
  border-radius: 4px;
}