@font-face {
  font-family: "balthazar-regular";
  src: url("../fonts/Balthazar-Regular.ttf") format("opentype");
  font-display: swap;
  }
  @font-face {
  font-family: "brittanysignature";
  src: url("../fonts/BrittanySignature.ttf") format("opentype");
  font-display: swap;
  }
  @font-face {
  font-family: "opensans-bold";
  src: url("../fonts/OpenSans-Bold.ttf") format("opentype");
  font-display: swap;
  }
  @font-face {
  font-family: "opensans-extrabold";
  src: url("../fonts/OpenSans-ExtraBold.ttf") format("opentype");
  font-display: swap;
  }
  @font-face {
  font-family: "opensans-light";
  src: url("../fonts/OpenSans-Light.ttf") format("opentype");
  font-display: swap;
  }
  @font-face {
  font-family: "opensans-regular";
  src: url("../fonts/OpenSans-Regular.ttf") format("opentype");
  font-display: swap;
  }
  @font-face {
  font-family: "opensans-semibold";
  src: url("../fonts/OpenSans-SemiBold.ttf") format("opentype");
  font-display: swap;
  }
  @font-face {
  font-family: "worksans-bold";
  src: url("../fonts/WorkSans-Bold.ttf") format("opentype");
  font-display: swap;
  }
  @font-face {
  font-family: "worksans-light";
  src: url("../fonts/WorkSans-Light.ttf") format("opentype");
  font-display: swap;
  }
  @font-face {
  font-family: "worksans-lightitalic";
  src: url("../fonts/WorkSans-LightItalic.ttf") format("opentype");
  font-display: swap;
  }
  @font-face {
  font-family: "worksans-regular";
  src: url("../fonts/WorkSans-Regular.ttf") format("opentype");
  font-display: swap;
  }
  @font-face {
  font-family: "worksans-semibold";
  src: url("../fonts/WorkSans-SemiBold.ttf") format("opentype");
  font-display: swap;
  }
body
{
overflow-x: hidden;
margin:0;
padding:0 !important;
  --couleur-1: #d19166;
  --couleur-2: #c54230;
  --couleur-3: #d8aaa1;
  --couleur-4: #e9bb4c;
  --couleur-5: #694d84;
  --couleur-6: #6cc7cc;
  --couleur-7: #afcbe7;
  --couleur-8: #a7aaa9;
  --couleur-9: #272621;
  --couleur-10: #ffffff;
  --couleur-11: #d3ad93;
  --couleur-12: #dba683;
  --couleur-13: #db9773;
  --couleur-14: #cfa496;
  --couleur-15: #cfa496;
  --couleur-16: #f6eae1;
  --couleur-17: #e5e5e5;
  --couleur-18: #f8f8f8;
  --couleur-19: #fffcf8;
  --couleur-20: #fff9f0;
  --couleur-21: #FCF5EA;
  --couleur-22: #fdf8ed;
  --couleur-23: #fff8e6;
  --couleur-24: #feefc6;
  --couleur-25: #d6a222;
  --couleur-26: #b26a39;
  --couleur-27: #7e9cd6;
  --couleur-28: #c7cedd;


  --police-balthazar-regular: 'balthazar-regular';

  --police-brittanysignature: 'brittanysignature';

  --police-opensans-bold: 'opensans-bold';

  --police-opensans-extrabold: 'opensans-extrabold';

  --police-opensans-light: 'opensans-light';

  --police-opensans-regular: 'opensans-regular';

  --police-opensans-semibold: 'opensans-semibold';

  --police-worksans-bold: 'worksans-bold';

  --police-worksans-light: 'worksans-light';

  --police-worksans-lightitalic: 'worksans-lightitalic';

  --police-worksans-regular: 'worksans-regular';

  --police-worksans-semibold: 'worksans-semibold';
}

#loading,
.pop_up_add {
position: fixed;
z-index: 10000000;
height: 100vh;
width: 100vw;
background-color: rgba(0, 0, 0, 0.5);
display: none;
align-items: center;
justify-content: center;
top: 0;
left: 0;
}

section{
background-position: center;
background-size: cover;
padding: clamp(50px, 10vw, 125px) 10%;
}

img {
max-width: 100%;
}


html {
scrollbar-width: auto;
scrollbar-width: thin;
}
h1 {
text-transform: uppercase;
}

h2 {
text-transform: uppercase;
}



a {
text-decoration: none;
}

  h1  {
    font-size: 55px;
  font-family: var(--police-balthazar-regular);
  color: var(--couleur-9);
  }
  h1 span
  {
    font-size: 55px;
  font-family: var(--police-balthazar-regular);
  }
    h2  {
    font-size: 25px;
  font-family: var(--police-balthazar-regular);
  color: var(--couleur-9);
  }
  h2 span
  {
    font-size: 25px;
  font-family: var(--police-balthazar-regular);
  }
    h3  {
    font-size: 20px;
  font-family: var(--police-balthazar-regular);
  color: var(--couleur-9);
  }
  h3 span
  {
    font-size: 20px;
  font-family: var(--police-balthazar-regular);
  }
    h4  {
    font-size: 15px;
  font-family: var(--police-balthazar-regular);
  color: var(--couleur-9);
  }
  h4 span
  {
    font-size: 15px;
  font-family: var(--police-balthazar-regular);
  }
    p  {
    font-size: 15px;
  font-family: var(--police-worksans-regular);
  color: var(--couleur-9);
  }
  a  {
    font-size: 15px;
  font-family: var(--police-worksans-regular);
  color: var(--couleur-9);
  }
  input  {
    font-size: 15px;
  font-family: var(--police-worksans-regular);
  color: var(--couleur-9);
  }
  span  {
    font-size: 15px;
  font-family: var(--police-worksans-regular);
  color: var(--couleur-9);
  }
  button  {
    font-size: 15px;
  font-family: var(--police-worksans-regular);
  color: var(--couleur-9);
  }
  tr  {
    font-size: 15px;
  font-family: var(--police-worksans-regular);
  color: var(--couleur-9);
  }
  td  {
    font-size: 15px;
  font-family: var(--police-worksans-regular);
  color: var(--couleur-9);
  }
  bdi  {
    font-size: 15px;
  font-family: var(--police-worksans-regular);
  color: var(--couleur-9);
  }
  li  {
    font-size: 15px;
  font-family: var(--police-worksans-regular);
  color: var(--couleur-9);
  }
  label  {
    font-size: 15px;
  font-family: var(--police-worksans-regular);
  color: var(--couleur-9);
  }

@media screen and (max-width:1024px)
{
  h1  {
    font-size: 40px;
  }
  h1 span
  {
    font-size: 40px;
  }
    h2  {
    font-size: 22px;
  }
  h2 span
  {
    font-size: 22px;
  }
    h3  {
    font-size: 18px;
  }
  h3 span
  {
    font-size: 18px;
  }
    h4  {
    font-size: 15px;
  }
  h4 span
  {
    font-size: 15px;
  }
    p  {
    font-size: 15px;
  }
  a  {
    font-size: 15px;
  }
  input  {
    font-size: 15px;
  }
  span  {
    font-size: 15px;
  }
  button  {
    font-size: 15px;
  }
  tr  {
    font-size: 15px;
  }
  td  {
    font-size: 15px;
  }
  bdi  {
    font-size: 15px;
  }
  li  {
    font-size: 15px;
  }
  label  {
    font-size: 15px;
  }
}

@media screen and (max-width:768px)
{
section
{
padding-right:5%;
padding-left:5%;
}
  h1  {
    font-size: 35px;
  }
  h1 span
  {
    font-size: 35px;
  }
    h2  {
    font-size: 20px;
  }
  h2 span
  {
    font-size: 20px;
  }
    h3  {
    font-size: 17px;
  }
  h3 span
  {
    font-size: 17px;
  }
    h4  {
    font-size: 15px;
  }
  h4 span
  {
    font-size: 15px;
  }
    p  {
    font-size: 15px;
  }
  a  {
    font-size: 15px;
  }
  input  {
    font-size: 15px;
  }
  span  {
    font-size: 15px;
  }
  button  {
    font-size: 15px;
  }
  tr  {
    font-size: 15px;
  }
  td  {
    font-size: 15px;
  }
  bdi  {
    font-size: 15px;
  }
  li  {
    font-size: 15px;
  }
  label  {
    font-size: 15px;
  }
}

@media screen and (max-width:450px)
{
  h1  {
    font-size: 30px;
  }
  h1 span
  {
    font-size: 30px;
  }
    h2  {
    font-size: 18px;
  }
  h2 span
  {
    font-size: 18px;
  }
    h3  {
    font-size: 16px;
  }
  h3 span
  {
    font-size: 16px;
  }
    h4  {
    font-size: 15px;
  }
  h4 span
  {
    font-size: 15px;
  }
    p  {
    font-size: 15px;
  }
  a  {
    font-size: 15px;
  }
  input  {
    font-size: 15px;
  }
  span  {
    font-size: 15px;
  }
  button  {
    font-size: 15px;
  }
  tr  {
    font-size: 15px;
  }
  td  {
    font-size: 15px;
  }
  bdi  {
    font-size: 15px;
  }
  li  {
    font-size: 15px;
  }
  label  {
    font-size: 15px;
  }
}