/*--------------------------
Initialisation de la police
----------------------------*/

@font-face {
  font-family: "s_light";
  src: url("../police/segoeui_light.ttf");
}

@font-face {
  font-family: "s_normal";
  src: url("../police/segoeui_normal.ttf");
}

@font-face {
  font-family: "s_bold";
  src: url("../police/segoeui_bold.ttf");
}

/*--------------------------
Element principale du body
----------------------------*/

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-family: "s_normal";
}

:root {
  --bg-color: rgb(242, 242, 242);
  --black-opact: rgba(0, 0, 0, 0.719);
  --black-img: rgba(0, 0, 0, 0.4);
  --grey: #cccccc;
  --purple: #4d5dbd;
  --green: #378da0;
  --orange: #b97c9b;
  --blue: #2b6bc5;
  --blue_flat: #2b6bc546;
  --red: #f4312e;
  --black: rgba(0, 0, 0);
  --white: white;
  --white_oc: rgba(255, 255, 255, 0.637);
}

body {
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: transparent;
  margin: 0px;
  padding: 0px;
  padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px)
    env(safe-area-inset-bottom, 0px) env(safe-area-inset-right, 0px);
  direction: ltr;
  overflow-x: hidden;
  font-size: 16px;
  background-color: var(--bg-color);
}

h1,
p {
  margin: 5px 0px;
}