@charset "UTF-8";
@font-face {
  font-family: 'icons-defaut';
  src: url("/fonts/icons-defaut/icons-defaut.ttf") format("truetype"), url("/fonts/icons-defaut/icons-defaut.woff") format("woff"), url("/fonts/icons-defaut/icons-defaut.svg#icons-defaut") format("svg");
  font-weight: normal;
  font-style: normal; }
.icon {
  font-family: 'icons-defaut' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block; }

.icon-search::before {
  content: ""; }

.icon-exclamation::before {
  content: ""; }

.icon-wrench::before {
  content: ""; }

@font-face {
  font-family: 'Fira Sans';
  src: url("/fonts/fira/firasans-regular.woff2") format("woff2"), url("/fonts/fira/firasans-regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Fira Sans';
  src: url("/fonts/fira/firasans-bold.woff2") format("woff2"), url("/fonts/fira/firasans-bold.woff") format("woff");
  font-weight: bold;
  font-style: normal; }
html {
  box-sizing: border-box;
  font-size: 100%; }

*,
*::before,
*::after {
  box-sizing: inherit; }

body {
  margin: 0;
  padding: 0;
  background: #fefefe;
  font-family: "Fira Sans", Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.25;
  color: #333333;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body,
html {
  height: 100%; }

div,
h1,
p {
  margin: 0;
  padding: 0; }

p {
  font-size: inherit;
  line-height: 1.25;
  text-rendering: optimizeLegibility; }

a {
  line-height: inherit;
  color: #2659ff;
  text-decoration: none;
  cursor: pointer; }
  a:hover, a:focus {
    color: #0a0a0a !important; }

.wrapper {
  width: 100%;
  height: 100%;
  overflow: auto;
  text-align: center; }
  .wrapper::before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.35rem; }
  .wrapper > .centered {
    display: inline-block;
    vertical-align: middle;
    padding: 0.5rem; }

.content {
  height: 80%;
  color: #fefefe;
  text-align: center; }
  .content .header-icon {
    display: block;
    padding: 1rem;
    color: #333;
    font-size: 2.25rem;
    text-align: center;
    text-shadow: 1px 1px rgba(10, 10, 10, 0.2); }
  .content .header-title {
    display: inline-block;
    text-align: center; }
    .content .header-title h1 {
      margin: 0;
      margin-bottom: 0.25rem;
      font-size: 1.6rem;
      text-shadow: 1px 1px rgba(10, 10, 10, 0.2); }

.footer {
  height: 20%;
  position: relative;
  background-color: #fefefe;
  box-shadow: 0 0 5px rgba(10, 10, 10, 0.5); }
  .footer .logo {
    float: left;
    height: 100%;
    overflow: hidden; }
    .footer .logo img {
      margin: 5%;
      height: 90%; }
  .footer .mentions {
    width: auto;
    overflow: hidden; }
    .footer .mentions p {
      margin: 0.4rem 0;
      font-size: 90%; }

@media only screen and (min-width: 40.063em) {
  .content {
    height: 75%; }
    .content .header-icon {
      display: inline-block;
      padding: 0;
      padding-right: 2rem;
      font-size: 4.25rem;
      vertical-align: top; }
    .content .header-title {
      max-width: 80%;
      text-align: left; }
      .content .header-title h1 {
        font-size: 2.375rem; }

  .footer {
    height: 25%; } }
@media only screen and (min-width: 64.063em) {
  .content .header-icon {
    padding-right: 3rem; }
  .content .header-title {
    max-width: 60%; }
    .content .header-title h1 {
      font-size: 2.625rem; } }
.inconnu a {
  color: #808080; }
.inconnu .content {
  background-color: #808080; }

.maintenance .content {
  background-color: #2659ff; }

.erreur a {
  color: #ff7f00; }
.erreur .content {
  background-color: #ff7f00; }

/*# sourceMappingURL=defaut.css.map */