@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: #F3F3FF;
    width: 100vw;
    min-height: 100vh;
}

.header {
    width: 100vw;
    height: 10vh;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.logo_header {
    height: 5.3vh;
    width: 20vw;
    background-image: url(https://ad-wise.fr/images/logo_header.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 6vw;
}

.content {
    width: 100vw;
    height: 90vh;
    background-color: #F3F3FF;
    display: flex;
}

.opaque {
    z-index: 100;
    position: absolute;
    width: 100vw;
    height: 90vh;
    margin-top: 10vh;
    background-color: #0D052D;
    opacity: 0.1;
    display: none;
}

.droite {
    width: 17.5vw;
}

.menu {
    width: 17.5vw;
    height: 90vh;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.button-retour {
    height: 7.47vh;
    width: 14.48vw;
    font-family: 'Creato Display Regular';
    font-size: 1vw;
    color: #161616;
    border-radius: 0.5vw;
    background-color: #B7CFFF;
    margin-top: 5vh;
    border: none;
}

.button-retour:hover {
    height: 7.47vh;
    width: 14.48vw;
    font-family: 'Creato Display Regular';
    font-size: 1vw;
    color: #161616;
    border-radius: 0.5vw;
    background-color: #71A1FE;
    margin-top: 5vh;
    border: none;
    cursor: pointer;
}

.menu-sections {
    width: 14.48vw;
    border-radius: 0.5vw;
    background-color: #FFFFFF;
    margin-top: 2.5vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 2vh;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
}

.menu-sections-infos-generales, .menu-sections-assurance {
    margin-top: 2vh;
    font-family: 'Creato Display Light';
    font-size: 1vw;
    color: #0D052D;
}

.menu-sections-infos-generales:hover, .menu-sections-assurance:hover {
    margin-top: 2vh;
    font-family: 'Creato Display Light';
    font-size: 1vw;
    color: #0D052D;
    text-decoration: underline 1px solid #3A5DA8;
    cursor: pointer;
}

.centre {
    width: 65vw;
    height: 90vh;
    overflow-y: scroll;
}

.informations-generales {
    box-sizing: border-box;
    width: 65vw;
    background-color: #FFFFFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 0.5vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5vh;
    display: flex;
    flex-direction: column;
}

.informations-generales-titre {
    box-sizing: border-box;
    width: 65vw;
    height: 5vh;
    font-size: 2vw;
    font-family: 'Creato Display Black';
    color: #0D052D;
    margin-left: 2vw;
    margin-top: 2vh;
    display: flex;
    align-items: center;
}

.ligne-longue {
    box-sizing: border-box;
    width: 60.47vw;
    height: 1px;
    background-color: #B7CFFF;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2vh;
}

.photo-profil {
    box-sizing: border-box;
    height: 10vw;
    width: 10vw;
    background-color: #B7CFFF;
    margin-top: 5vh;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 5vw;
    font-family: 'Creato Display Light';
    color: #0D052D;
}

.nom-prenom {
    box-sizing: border-box;
    height: 3vw;
    width: 64.74vw;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5vw;
    font-family: 'Creato Display Light';
    color: #0D052D;
}

.connexion-titre {
    box-sizing: border-box;
    width: 44.95vw;
    height: 3vh;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.25vw;
    font-family: 'Creato Display Bold';
    color: #0D052D;
    margin-top: 2vh;
}

.ligne-courte {
    box-sizing: border-box;
    width: 44.95vw;
    height: 1px;
    background-color: #B7CFFF;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1vh;
}

.connexion {
    box-sizing: border-box;
    width: 38vw;
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
}

.connexion > label {
    box-sizing: border-box;
    font-size: 1vw;
    font-family: 'Creato Display Regular';
    color: #0D052D;
    margin-top: 3vh;
}

.connexion > input {
    box-sizing: border-box;
    width: 32vw;
    height: 6.4vh;
    padding-left: 2vh;
    font-family: 'Creato Display Regular';
    font-size: 1.25vw;
    color: #0D052D;
    border-radius: 0.5vw;
    border: 1.5px solid #71A1FE;
    margin-top: 1vh;
}

.input-email, .input-password {
    margin-top: 1vh;
    width: 36vw;
    height: 6.4vh;
    display: flex;
    align-content: center;
    justify-content: space-between;
}

.changer-email, .changer-password {
    height: 6.4vh;
    width: 6.4vh;
    background-color: #B7CFFF;
    border: none;
    border-radius: 50%;
    background-image: url(../../images/bouton_modif.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%;
}

.changer-email:hover, .changer-password:hover {
    height: 6.4vh;
    width: 6.4vh;
    background-color: #71A1FE;
    border: none;
    border-radius: 50%;
    background-image: url(../../images/bouton_modif.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%;
    cursor: pointer;
}

.changer-mail-box {
    position: absolute;
    z-index: 1000;
    width: 40vw;
    height: 40vh;
    background-color: #FFFFFF;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
    border-radius: 0.5vw;
    margin-left: 30vw;
    margin-top: 30vh;
    display: none;
    flex-direction: column;
}

.changer-mail-box-titre {
    width: 40vw;
    margin-top: 5vh;
    font-family: 'Creato Display Bold';
    font-size: 1.75vw;
    color: #0D052D;
    text-align: center;
}

.changer-mail-box-texte {
    width: 40vw;
    margin-top: 5vh;
    font-family: 'Creato Display Regular';
    font-size: 1vw;
    color: #0D052D;
    padding-left: 3vw;
    text-wrap: wrap;
}

.changer-mail-box-bleu {
    font-family: 'Creato Display Regular';
    font-size: 1vw;
    color: #3A5DA8;
}

.changer-mail-box-button {
    width: 16.51vw;
    height: 7.47vh;
    background-color: #B7CFFF;
    border-radius: 0.5vw;
    border: none;
    font-family: 'Creato Display Regular';
    font-size: 1vw;
    color: #161616;
    margin-top: 5vh;
    margin-left: auto;
    margin-right: auto;
}

.changer-mail-box-button:hover {
    width: 16.51vw;
    height: 7.47vh;
    background-color: #71A1FE;
    border-radius: 0.5vw;
    border: none;
    font-family: 'Creato Display Regular';
    font-size: 1vw;
    color: #161616;
    margin-top: 5vh;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}

.changer-infos-box {
    position: absolute;
    z-index: 1000;
    width: 40vw;
    height: 40vh;
    background-color: #FFFFFF;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
    border-radius: 0.5vw;
    margin-left: 30vw;
    margin-top: 30vh;
    display: none;
    flex-direction: column;
}

.changer-infos-box-titre {
    width: 40vw;
    margin-top: 5vh;
    font-family: 'Creato Display Bold';
    font-size: 1.75vw;
    color: #0D052D;
    text-align: center;
}

.changer-infos-box-texte {
    width: 40vw;
    margin-top: 5vh;
    font-family: 'Creato Display Regular';
    font-size: 1vw;
    color: #0D052D;
    text-wrap: wrap;
    text-align: center;
}

.changer-infos-box-texte-bleu {
    width: 40vw;
    margin-top: 2vh;
    font-family: 'Creato Display Regular';
    font-size: 1vw;
    color: #3A5DA8;
    text-wrap: wrap;
    text-align: center;
}

.changer-infos-box-buttons {
    width: 40vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.changer-infos-box-button-enregistrer {
    width: 16.51vw;
    height: 7.47vh;
    background-color: #B7CFFF;
    border-radius: 0.5vw;
    border: none;
    font-family: 'Creato Display Regular';
    font-size: 1vw;
    color: #161616;
    margin-top: 5vh;
    margin-left: auto;
    margin-right: auto;
}

.changer-infos-box-button-abandonner {
    width: 16.51vw;
    height: 7.47vh;
    background-color: #FFFFFF;
    border-radius: 0.5vw;
    border: 2px solid #737373;
    font-family: 'Creato Display Regular';
    font-size: 1vw;
    color: #737373;
    margin-top: 5vh;
    margin-left: auto;
    margin-right: auto;
}

.changer-infos-box-button-enregistrer:hover {
    width: 16.51vw;
    height: 7.47vh;
    background-color: #71A1FE;
    border-radius: 0.5vw;
    border: none;
    font-family: 'Creato Display Regular';
    font-size: 1vw;
    color: #161616;
    margin-top: 5vh;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}

.changer-infos-box-button-abandonner:hover {
    width: 16.51vw;
    height: 7.47vh;
    background-color: #EAEAEA;
    border-radius: 0.5vw;
    border: 2px solid #737373;
    font-family: 'Creato Display Regular';
    font-size: 1vw;
    color: #737373;
    margin-top: 5vh;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}

.input-email > input, .input-password > input {
    box-sizing: border-box;
    width: 32vw;
    height: 6.4vh;
    padding-left: 2vh;
    font-family: 'Creato Display Regular';
    font-size: 1.25vw;
    color: #0D052D;
    border-radius: 0.5vw;
    border: 1.5px solid #71A1FE;
}

.autres-informations-titre {
    box-sizing: border-box;
    width: 44.95vw;
    height: 3vh;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.25vw;
    font-family: 'Creato Display Bold';
    color: #0D052D;
    margin-top: 5vh;
}

.infos-inputs > label {
    font-family: "Creato Display Regular";
    font-size: 1vw;
    color: #0D052D;
    margin-right: 2vw;
    margin-top: 2.5vh;
}

.civilite > label {
    font-family: "Creato Display Regular";
    font-size: 1vw;
    color: #0D052D;
    margin-right: 2vw;
    margin-top: 2vh;
}

.civilite {
    width: 32vw;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}

.civilite-titre {
    font-family: 'Creato Display Regular';
    font-size: 1.25vw;
    color: #0D052D;
    margin-top: 3vh;
    margin-left: 15vw;
}

.checkbox {
    margin-top: 3vh;
    width: 1.25vw;
    height: 1.25vw;
    background-color: white;
    border-radius: 50%;
    vertical-align: sub;
    border: 0.15vw solid #0D052D;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    margin-right: 2vw;
}

.checked {
    margin-top: 3vh;
    width: 1.25vw;
    height: 1.25vw;
    background-color: #71A1FE;
    border-radius: 50%;
    vertical-align: sub;
    border: 0.15vw solid #0D052D;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    margin-right: 2vw;
}

.infos-inputs {
    width: 38vw;
    height: 40vh;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    align-content: space-between;
}

.infos-inputs > input {
    box-sizing: border-box;
    width: 18vw;
    height: 6.4vh;
    padding-left: 2vh;
    border: none;
    font-family: 'Creato Display Regular';
    font-size: 1.25vw;
    color: #0D052D;
    border-radius: 0.5vw;
    border: 1.5px solid #71A1FE;
    margin-top: 1vh;
}

.button-deconnexion {
    height: 7.47vh;
    width: 16.51vw;
    background-color: #EC7B7B;
    font-size: 1.25vw;
    font-family: 'Creato Display Regular';
    color: #FFFFFF;
    border-radius: 0.5vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3vh;
    margin-bottom: 3vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.button-deconnexion:hover {
    height: 7.47vh;
    width: 16.51vw;
    background-color: #DF4646;
    font-size: 1.25vw;
    font-family: 'Creato Display Regular';
    color: #FFFFFF;
    border-radius: 0.5vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3vh;
    margin-bottom: 3vh;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.formulaire-assurance {
    box-sizing: border-box;
    width: 65vw;
    background-color: #FFFFFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 0.5vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5vh;
    display: none;
    flex-direction: column;
}

.formulaire-assurance-titre {
    box-sizing: border-box;
    width: 65vw;
    height: 5vh;
    font-size: 2vw;
    font-family: 'Creato Display Black';
    color: #0D052D;
    margin-left: 2vw;
    margin-top: 2vh;
    display: flex;
    align-items: center;
}

.formulaire-assurance-disclaimer {
    box-sizing: border-box;
    margin-top: 5vh;
    width: 65vw;
    padding-left: 2vw;
    padding-right: 2vw;
    font-size: 1.25vw;
    font-family: 'Creato Display Regular';
    color: #0D052D;
    padding-bottom: 5vh;
}

.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;
}