@font-face {
    font-family: "Creato Display Bold";
    src: url(../../fonts/CreatoDisplay-Bold.otf);
}

@font-face {
    font-family: "Creato Display light";
    src: url(../../fonts/CreatoDisplay-Light.otf);
}

@font-face {
    font-family: "Creato Display Regular";
    src: url(../../fonts/CreatoDisplay-Regular.otf);
}

@font-face {
    font-family: "Creato Display Black";
    src: url(../../fonts/CreatoDisplay-Black.otf);
}

::-webkit-scrollbar {
    display: none;
}

body {
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    background: #FFFFFF;
    width: 100vw;
    min-height: 100vh;
}

.header_logo{
    height: 10vh;
    width: 100vw;
    background-image: url(../../images/logo_1_clair.svg);
    background-size: 5%;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.content {
    padding: 0;
    margin: 0;
    width: 100vw;
    height: 90vh;
    display: flex;
}

.left {
    height: 90vh;
    width: 25vw;
}

.bouton-retour {
    box-sizing: border-box;
    height: 6.4vh;
    width: 17.19vw;
    background-color: #B7CFFF;
    color: #0D052D;
    font-family: 'Creato Display Regular';
    font-size: 1vw;
    margin-top: 10vh;
    border: none;
    border-radius: 0.5vw;
    margin-left: 2vw;
}

.bouton-retour:hover {
    box-sizing: border-box;
    height: 6.4vh;
    width: 17.19vw;
    background-color: #71A1FE;
    color: #0D052D;
    font-family: 'Creato Display Regular';
    font-size: 1vw;
    margin-top: 10vh;
    border: none;
    border-radius: 0.5vw;
    margin-left: 2vw;
    cursor: pointer;
}

.center {
    width: 50vw;
    overflow-y: scroll;
    padding-bottom: 5vh;
}

.center-sous-titre {
    box-sizing: border-box;
    font-family: 'Creato Display Regular';
    font-size: 1.5vw;
    color: #0D052D;
    margin-top: 5vh;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.center-titre {
    box-sizing: border-box;
    font-family: 'Creato Display Bold';
    font-size: 1.5vw;
    color: #0D052D;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10vh;
    text-align: center;
}

.center-texte {
    box-sizing: border-box;
    font-family: 'Creato Display Regular';
    font-size: 1.25vw;
    color: #0D052D;
    margin-top: 3vh;
}

.center-texte-padded {
    box-sizing: border-box;
    font-family: 'Creato Display Regular';
    font-size: 1.25vw;
    color: #0D052D;
    padding-left: 5vw;
    margin-top: 2vh;
}

.center-texte-titre {
    font-family: 'Creato Display Bold';
    margin-top: 2vh;
    font-size: 1.25vw;
    color: #0D052D;
    margin-top: 5vh;
}

.center-texte-bold {
    font-family: 'Creato Display Bold';
    font-size: 1.25vw;
    color: #0D052D;
}

.right {
    height: 90vh;
    width: 25vw;
}

.footer {
  box-sizing: border-box;
  width: 100vw;
  height: 42.69vh;
  background-color: white;
  display: flex;
  align-items: center;
  margin-top: 3vh;
}

.footer-1 {
  box-sizing: border-box;
  width: 15vw;
  display: flex;
  flex-direction: column;
  margin-left: 5vw;
}

.footer-2 {
  box-sizing: border-box;
  width: 30vw;
  display: flex;
  flex-direction: column;
  margin-left: 3vw;
}

.footer-3 {
  box-sizing: border-box;
  width: 15vw;
  display: flex;
  flex-direction: column;
  margin-left: 1vw;
}

.footer-img {
  box-sizing: border-box;
  height: 13.127vh;
  width: 13.75vw;
  background-image: url('https://ad-wise.fr/images/logo_1_clair.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  margin-left: 8vw;
}

.footer-titre {
  font-family: 'Creato Display Bold';
  font-size: 1.5vw;
  color: #0D052D;
}

.footer-elem {
  font-family: 'Creato Display Regular';
  font-size: 1.25vw;
  color: #0D052D;
  margin-top: 2vh;
  text-decoration: none;
}

.footer-elem:hover {
  font-family: 'Creato Display Regular';
  font-size: 1.25vw;
  color: #3A5DA8;
  margin-top: 2vh;
  text-decoration: none;
}

.footer-elem-invis {
  font-family: 'Creato Display Regular';
  font-size: 1.25vw;
  color: #FFFFFF;
  margin-top: 2vh;
  text-decoration: none;
}