@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@700&display=swap'); /* font-family: 'DM Sans', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Inter&family=Poppins&display=swap'); /* font-family: 'Inter', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@800&display=swap'); /* font-family: 'Poppins', sans-serif; */

:root {
  --white: #f0f0f0;
  --black: #191919;
  --lightgrey: #c0c0c0;
  --darkgrey: #3e444e;
  --bandeau-gris-img-accueil: #3e444e77;
  --bandeau-gris2: rgba(192, 192, 192, 0.9); /* 192=c0 */
  --bandeau-gris: rgba(211, 211, 211, 0.8);
  --font-body: 'Inter', sans-serif;
  --font-title: 'DM Sans', sans-serif;
  --font-digit: 'Poppins', sans-serif;
  --font-keyword: 'Poppins', sans-serif;

  --lightred: #e8cacc;
  --red: #9b0a1a;
  --darkred: #831014;

  --lightorange: #f4dfcd;
  --orange: #ff6e00;
  --darkorange: #cc5500;

  --lightblue: #d4e3f5;
  --blue: #3da3d5;
  --darkblue: #006699;

  --lightbluemarine:#b5ebf5;
  --bluemarine: #008aa6;
  --darkbluemarine: #015667;
}

.grid-container {
  display: grid;
}

.cus-h100 {
  height: 100%;
}

.container {
  max-width: 100%;
  width: 100vw;
}

.container-fluid {
  --bs-gutter-x: 0;
  border: border-box;
}

#w0-collapse {
  justify-content: flex-end;
}

body,
.bgwhite {
  background-color: var(--white);
}

body,
.font-body {
  font-family: var(--font-body);
}

.font-keyword {
  font-family: var(--font-keyword);
}

.font-digit {
  font-family: var(--font-digit);
}

h1,
h2,
h3,
h4,
h5,
h6,
.font-title {
  font-family: var(--font-title);
}

.whiteonblack {
  color: var(--white);
  background-color: var(--black);
}

.black {
  color: var(--black) !important;
}

main {
  margin-top: 76px;
}