@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;
    filter: drop-shadow(0px 4px 4px 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;
}

.center-input-titre {
    box-sizing: border-box;
    font-family: 'Creato Display Light';
    font-size: 1vw;
    color: #0D052D;
    margin-top: 3vh;
    margin-left: 6vw;
}

label {
    font-family: 'Creato Display Light';
    font-size: 1vw;
    color: #0D052D;
    margin-right: 2vw;
}

.center-checkboxes {
    box-sizing: border-box;
    margin-top: 3vh;
    width: 50vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.center-checkbox {
    width: 1vw;
    height: 1vw;
    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 {
    width: 1vw;
    height: 1vw;
    background-color: #B7CFFF;
    border-radius: 50%;
    vertical-align: sub;
    border: 0.15vw solid black;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    margin-right: 2vw;
}

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

.warning-text {
    box-sizing: border-box;
    font-family: 'Creato Display Regular';
    font-size: .75vw;
    color: #DF4646;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3vh;
    text-align: center;
    opacity: 0;
}

.complete-text {
    box-sizing: border-box;
    font-family: 'Creato Display Regular';
    font-size: .75vw;
    color: #328534;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3vh;
    text-align: center;
    display: none;
}

.center-inputs {
    box-sizing: border-box;
    margin-top: 5vh;
    margin-left: auto;
    margin-right: auto;
    width: 38vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.short-label {
    width: 18.3vw;
    font-family: 'Creato Display Light';
    font-size: 1vw;
    color: #0D052D;
    margin-right: 0;
}

.short-input {
    box-sizing: border-box;
    height: 6.4vh;
    width: 18.3vw;
    border-radius: 0.5vw;
    border: 1.5px solid #71A1FE;
    box-sizing: border-box;
    margin-top: 1vh;
    margin-bottom: 3vh;
    font-family: 'Creato Display Light';
    font-size: 1vw;
    color: #0D052D;
    padding-left: 1vw;
}

.long-label {
    width: 38vw;
    font-family: 'Creato Display Light';
    font-size: 1vw;
    color: #0D052D;
    margin-right: 0;
}

.long-input {
    box-sizing: border-box;
    height: 6.4vh;
    width: 38vw;
    border-radius: 0.5vw;
    border: 1.5px solid #71A1FE;
    box-sizing: border-box;
    margin-top: 1vh;
    font-family: 'Creato Display Light';
    font-size: 1vw;
    color: #0D052D;
    padding-left: 1vw;
    margin-bottom: 3vh;
}

.message-input {
    box-sizing: border-box;
    height: 30vh;
    width: 38vw;
    border-radius: 0.5vw;
    border: 1.5px solid #71A1FE;
    box-sizing: border-box;
    margin-top: 1vh;
    font-family: 'Creato Display Light';
    font-size: 1vw;
    color: #0D052D;
    padding-left: 1vw;
    padding-top: 1vh;
    margin-bottom: 3vh;
}

.bouton-envoyer {
    box-sizing: border-box;
    height: 6.4vh;
    width: 14.11vw;
    background-color: #B7CFFF;
    color: #0D052D;
    font-family: 'Creato Display Regular';
    font-size: 1vw;
    margin-top: 5vh;
    margin-bottom: 5vh;
    margin-left: auto;
    margin-right: auto;
    border: none;
    border-radius: 0.5vw;
}

.bouton-envoyer:hover {
    box-sizing: border-box;
    height: 6.4vh;
    width: 14.11vw;
    background-color: #71A1FE;
    color: #0D052D;
    font-family: 'Creato Display Regular';
    font-size: 1vw;
    margin-top: 5vh;
    margin-bottom: 5vh;
    margin-left: auto;
    margin-right: auto;
    border: none;
    border-radius: 0.5vw;
    cursor: pointer;
}

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

.disclaimer {
    font-family: 'Creato Display Regular';
    font-size: 0.6vw;
    color: #0D052D;
}

.disclaimer-bold {
    font-family: 'Creato Display Bold';
    font-size: 0.6vw;
    color: #0D052D;
}