/*@charset "iso-8859-1";*/

@import url("https://fonts.googleapis.com/css2?family=Delius+Unicase:wght@700&family=Poppins:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap");

@font-face {
  font-family: "DuraraPlayfulRegular";
  src: url("fonts/DuraraPlayfulRegular/font.woff2") format("woff2"),
    url("fonts/DuraraPlayfulRegular/font.woff") format("woff");
}

.font-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.font-light {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.font-bold {
  font-family: "DuraraPlayfulRegular", cursive;
  font-weight: 700;
  font-style: normal;
}
.font-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

:root {
  --white: #fff;
  --black: #002548;
  --colorprimary: #ff7b22;
  --colorsecondary: #ededed;
  --gray-100: #f5f5f5;
}
/* Older browsers */

html {
  font-size: 62.5%;
}

body {
  background-color: #fff;
  font-size: 1.4rem;
  color: var(--black);
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  line-height: 1.5;
  overflow-x: hidden;
}
.logo a {
  border-radius: 50%;
  background: white;
}
.radius {
  border-radius: 20px;
}
/* ----------
00 - COULEURS
-------------*/

input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0;
}

* {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.lt-ie7 * {
  behavior: url(../scripts/boxsizing.htc);
}

a,
a:hover,
a:focus {
  -moz-transition: background 0.3s, color 0.3s;
  -webkit-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
}

/* ---------------
APPARENCE DES IMAGES
-----------------*/
img {
  border: 0;
  vertical-align: bottom;
  max-width: 100%;
}
.map img {
  max-width: inherit;
}

/* --------------
CALAGE DES BLOCS
-----------------*/
.clear {
  border: 0;
  clear: both;
  height: 0;
  line-height: 0;
  visibility: hidden;
  display: block;
  margin: 0;
}
.clear-box {
  clear: both;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
