/*@font-face {*/
/*    font-family: Archivo;*/
/*    src: url(../../police/Archivo-Regular.ttf);*/
/*}*/
/*@font-face {*/
/*    font-family: Anton;*/
/*    src: url("https://fonts.googleapis.com/css2?family=Anton&display=swap");*/
/*}*/
/*@font-face {*/
/*    font-family: myFirstFont;*/
/*    src: url(../../gilssstd/GillSansStd.otf);*/
/*}*/
/*@font-face {*/
/*    font-family: "Oswald", sans serif;*/
/*    src: url("https://fonts.googleapis.com/css2?family=Oswald&display=swap");*/
/*}*/
/*@font-face {*/
/*    font-family: 'Roboto', sans-serif;*/
/*    src: url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");*/
/*    font-weight: 400;*/
/*}*/
body {
    width: 100%;
    background-color: black;
}

.titre{
    font-family: 'Anton', sans-serif;
}
.sousTitre{
    font-family: Oswald;
}
.text{
    font-family: 'Roboto', sans-serif;
}
/*Ordinateur*/
@media screen and (min-width: 1100px) {

    SECTION {
        width: 50%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        justify-content: center;
        background-color: WHITE;
    }

    .image {
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }

    h1 {
        font-size: 36px !important;
        font-family: 'Anton', sans-serif;
        font-weight:400;
        color: #434957 !important;
        margin-top: 50px !important;
        margin-bottom: -10px !important;
    }

    h2 {
        margin-top: 50px;
        font-size: 34px;
    }

    h3 {
        font-size: 32px !important;
        font-family: "Oswald", sans serif;
        color: #434957 !important;
        margin-top: 15px !important;
    }
    h4 {
        font-size: 16px !important;
        font-family: Oswald !important;
        color: #434957 !important;
        margin-top: 10px !important;
        font-weight: 600;
    }
    h5 {
        font-size: 15px !important;
        font-family: 'Roboto', sans-serif;
        color: #434957 !important;
        margin-top: 10px !important;
    }
    FORM {
        width: 400px;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        font-size: 18px;
    }

    input {
        font-size: 24px !important;
        font-family: "Roboto", sans serif !important;
        color: #434957 !important;
        border-bottom-color: #434957 !important;
    }

    .md-form {
        font-size: 24px !important;
        border-bottom: #434957 !important;
    }

    .active{
        font-size: 24px !important;
        font-family: "Oswald", sans serif !important;
        font-weight: 400;
        color: #434957 !important;
    }
    label, select {
        width: 400px;
        font-size: 20px !important;
        font-family: "Oswald", sans serif !important;
        font-weight: 400;
        color: grey !important;
    }
    span{
        font-size: 16px !important;
        font-family: 'Roboto', sans-serif;
        color: #434957 !important;
    }
    .option_evc {
        font-family: myFirstFont !important;
        color: #434957 !important;
    }

    #bouton {
        padding: 10px;
        font-family: 'Roboto', sans-serif;
        font-size: 18px;
        background: white;
        background-color: #00963F;
        color: white;
        text-align: center;
        margin-top: 50px;
        margin-bottom: 100px;
    }

    .etes_vous_client {
        margin-left: 10px;
        font-size: 18px;
    }

    p {
        font-size: 13px;
        color: red;
    }

    .champ {
        padding: 0.1px;
    }

    .mention {
        font-family: myFirstFont;
        font-size: 13px;
        color: #434957;
    }
}
/*iPad Pro*/
@media screen and (max-width: 1100px){

    SECTION {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        justify-content: center;
        background-color: WHITE;
    }
    .image {
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }
    h1 {
        font-size: 34px !important;
        font-family: 'Anton', sans-serif;
        color: #434957 !important;
        margin-top:60px !important;
        margin-bottom: 50px !important;
    }
    h2 {
        margin-top: 50px;
        font-size: 20px;
        font-size: 30px !important;
    }
    h3 {
        font-size: 28px !important;
        font-family: 'Anton', sans-serif;
        color: #434957 !important;
        margin-top: 20px;
    }
    h4 {
        font-size: 18px !important;
        font-family: Oswald !important;
        color: #434957 !important;
        margin-top: 10px !important;
    }
    h5 {
        font-size: 16px !important;
        font-family: 'Roboto', sans-serif;
        color: #434957 !important;
        margin-top: 10px !important;
    }
    FORM {
        width: 350px;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        font-size: 18px !important;
    }
    .md-form{
        font-size: 24px !important;
        border-bottom:#192a6b !important;
    }
    input {
        font-size: 24px !important;
        font-family: 'Roboto', sans-serif;
        color: #434957 !important;
        border-bottom-color: #434957 !important;
    }
    .active{
        font-size: 20px !important;
        font-family: 'Oswald', sans-serif;
        color: #434957 !important;
    }
    label, select {
        font-size: 20px !important;
        font-family: "Oswald", sans serif !important;
        font-weight: 400;
        color: grey !important;
    }
    span{
        font-size: 16px !important;
        font-family: 'Roboto', sans-serif;
        color: #434957 !important;
    }
    .option_evc {
        font-family: myFirstFont !important;
        color: #192a6b !important;
    }
    #bouton {
        padding: 5px;
        background: white;
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        background-color: #00963F;
        color: white;
        text-align: center;
        margin-top: 25px;
        margin-bottom: 25px;
    }
    p {
        font-size: 13px;
        color: red;
    }

    .champ {
        padding: 0.1px;
    }

    .mention {
        font-family: myFirstFont;
        font-size: 13px;
        color: #192a6b;
    }
}
/*iPad*/
@media screen and (max-width: 800px){

    SECTION {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        justify-content: center;
        background-color: WHITE;
    }
    .image {
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }
    h1 {
        font-size: 28px !important;
        font-family: 'Anton', sans-serif;
        color: #434957 !important;
        margin-top:50px !important;
        margin-bottom: 50px !important;
    }
    h2 {
        margin-top: 50px;
        font-size: 20px;
        font-size: 28px !important;
    }
    h3 {
        font-size: 22px !important;
        font-family: 'Anton', sans-serif;
        color: #434957 !important;
        margin-top: 20px;
    }
    h4 {
        font-size: 18px !important;
        font-family: Oswald !important;
        color: #434957 !important;
        margin-top: 10px !important;
    }
    h5 {
        font-size: 16px !important;
        font-family: 'Roboto', sans-serif;
        color: #434957 !important;
        margin-top: 10px !important;
    }
    FORM {
        width: 350px;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        font-size: 18px !important;
    }
    .md-form{
        font-size: 24px !important;
        border-bottom:#192a6b !important;
    }
    input {
        font-size: 24px !important;
        font-family: 'Roboto', sans-serif;
        color: #434957 !important;
        border-bottom-color: #434957 !important;
    }
    .active{
            font-size: 20px !important;
            font-family: 'Oswald', sans-serif;
            color: #434957 !important;
    }
    label,select {
        font-size: 20px !important;
        font-family: "Oswald", sans serif !important;
        font-weight: 400;
        color: grey !important;
    }
    span{
        font-size: 16px !important;
        font-family: 'Roboto', sans-serif;
        color: #434957 !important;
    }
    .option_evc {
        font-family: myFirstFont !important;
        color: #192a6b !important;
    }
    #bouton {
        padding: 5px;
        background: white;
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        background-color: #00963F;
        color: white;
        text-align: center;
        margin-top: 25px;
        margin-bottom: 25px;
    }
    p {
        font-size: 13px;
        color: red;
    }

    .champ {
        padding: 0.1px;
    }

    .mention {
        font-family: myFirstFont;
        font-size: 13px;
        color: #192a6b;
    }
}

/*PIXEL 2,PIXEL 2XL,iPhone 6/7/8,iPhone 6/7/8 Plus,iPhone X*/
@media screen and (max-width: 550px){

    SECTION {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        justify-content: center;
        background-color: WHITE;
    }
    .image {
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }
    h1 {
        font-size: 28px !important;
        font-family: 'Anton', sans-serif;
        color: #434957 !important;
        margin-top:60px !important;
        margin-bottom: 50px !important;
    }
    h2 {
        margin-top: 50px;
        font-size: 20px;
    }
    h3 {
        font-size: 18px !important;
        font-family: 'Anton', sans-serif;
        color: #434957 !important;
        margin-top: 10px;
    }
    h4 {
        font-size: 16px !important;
        font-family: Oswald !important;
        color: #434957 !important;
        margin-top: 10px !important;
    }
    h5 {
        font-size: 14px !important;
        font-family: 'Roboto', sans-serif;
        color: #434957 !important;
        margin-top: 10px !important;
    }
    FORM {
        width: 290px;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        font-size: 18px !important;
        font-family: myFirstFont !important;
    }
    .md-form{
        font-size: 24px !important;
        border-bottom:#192a6b !important;
    }
    input {
        font-size: 24px !important;
        font-family: 'Roboto', sans-serif;
        color: #434957 !important;
        border-bottom-color: #434957 !important;
    }
    .active{
        font-size: 20px !important;
        font-family: 'Oswald', sans-serif;
        color: #434957 !important;
    }
    label, select {
        font-size: 20px !important;
        font-family: "Oswald", sans serif !important;
        font-weight: 400;
        color: grey !important;
    }
    span{
        font-size: 16px !important;
        font-family: 'Roboto', sans-serif;
        color: #434957 !important;
    }
    .option_evc {
        font-family: myFirstFont !important;
        color: #192a6b !important;
    }
    #bouton {
        padding: 5px;
        background: white;
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        background-color: #00963F;
        color: white;
        text-align: center;
        margin-top: 25px;
        margin-bottom: 25px;
    }
    p {
        font-size: 13px;
        color: red;
    }

    .champ {
        padding: 0.1px;
    }

    .mention {
        font-family: myFirstFont;
        font-size: 13px;
        color: #192a6b;
    }
}
/*Iphone 5/SE,Moto G4,Galaxy S5*/
@media screen and (max-width: 360px){

    SECTION {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        justify-content: center;
        background-color: WHITE;
    }
    .image {
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }
    h1 {
        font-size: 24px !important;
        font-family: 'Anton', sans-serif;
        color: #434957 !important;
        margin-top:50px !important;
        margin-bottom: 20px !important;
    }
    h2 {
        margin-top: 50px;
        font-size: 18px;
    }
    h3 {
        font-size: 16px !important;
        font-family: 'Anton', sans-serif;
        color: #434957 !important;
        margin-top: 10px;
    }
    h4 {
        font-size: 16px !important;
        font-family: Oswald !important;
        color: #434957 !important;
        margin-top: 10px !important;
        font-weight: 600;
    }
    h5 {
        font-size: 15px !important;
        font-family: 'Roboto', sans-serif;
        color: #434957 !important;
        margin-top: 10px !important;
    }
    FORM {
        width: 250px;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        font-size: 18px;
        font-family: myFirstFont !important;
    }
    .md-form{
        font-size: 20px !important;
        border-bottom:#192a6b !important;
    }
    input {
        font-size: 20px !important;
        font-family: 'Roboto', sans-serif;
        color: #434957 !important;
        border-bottom-color: #434957 !important;
    }
    .active{
        font-size: 19px !important;
        font-family: 'Oswald', sans-serif;
        color: #434957 !important;
    }
    label, select {
        font-size: 20px !important;
        font-family: "Oswald", sans serif !important;
        font-weight: 400;
        color: grey !important;
    }
    span{
        font-size: 16px !important;
        font-family: 'Roboto', sans-serif;
        color: #434957 !important;
    }
    .option_evc {
        font-family: myFirstFont !important;
        color: #192a6b !important;
    }
    #bouton {
        padding: 5px;
        background: white;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        background-color: #00963F;
        color: white;
        text-align: center;
        margin-top: 25px;
        margin-bottom: 25px;

    }
    p {
        font-size: 12px;
        color: red;
    }

    .champ {
        padding: 0.1px;
    }

    .mention {
        font-family: myFirstFont;
        font-size: 13px;
        color: #192a6b;
    }

}
/*Galaxy Fold*/
@media screen and (max-width: 290px){

    SECTION {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        justify-content: center;
        background-color: WHITE;
    }
    .image {
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }
    h1 {
        font-size: 20px !important;
        font-family: 'Anton', sans-serif;
        color: #434957 !important;
        margin-top:50px !important;
        margin-bottom: 20px !important;
    }
    h2 {
        margin-top: 50px;
        font-size: 18px;
    }
    h3 {
        font-size: 12px !important;
        font-family: 'Anton', sans-serif;
        color: #434957 !important;
        margin-top: 10px;
    }
    h3 {
        font-size: 14px !important;
        font-family: 'Anton', sans-serif;
        color: #434957 !important;
        margin-top: 10px;
    }
    h4 {
        font-size: 14px !important;
        font-family: Oswald !important;
        color: #434957 !important;
        margin-top: 10px !important;
    }
    FORM {
        width: 220px;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        font-size: 18px;
        font-family: myFirstFont !important;
    }
    .md-form{
        font-size: 20px !important;
        border-bottom:#192a6b !important;
    }
    input {
        font-size: 20px !important;
        font-family: 'Roboto', sans-serif;
        color: #434957 !important;
        border-bottom-color: #434957 !important;
    }
    .active{
        font-size: 20px !important;
        font-family: 'Oswald', sans-serif;
        color: #434957 !important;
    }
    label, select {
        font-size: 20px !important;
        font-family: "Oswald", sans serif !important;
        font-weight: 400;
        color: grey !important;
    }
    span{
        font-size: 18px !important;
        font-family: 'Roboto', sans-serif;
        color: #434957 !important;
    }
    .option_evc {
        font-family: myFirstFont !important;
        color: #192a6b !important;
    }
    #bouton {
        padding: 1px;
        background: white;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        background-color: #00963F;
        color: white;
        text-align: center;
        margin-top: 25px;
        margin-bottom: 25px;
    }
    p {
        font-size: 12px;
        color: red;
    }

    .champ {
        padding: 0.1px;
    }

    .mention {
        font-family: myFirstFont;
        font-size: 13px;
        color: #192a6b;
    }

}