.nav-link {
    color: #0f0061;
    font-family: "TodaySansNowPro-Regular";
    font-size: 25px;
    font-weight: bold;
}

.separateur {
    width: 3px;
    top: -1px;
    position: relative;
}


/** OVERFLOW */

.entreprise,
.stock,
.societe,
.references,
.livraison,
.contact {
    overflow: hidden;
}

.footer {
    background-color: #0f0061;
    border: 0px !important;
    background: radial-gradient(ellipse at bottom, #0f0061 30%, #0f0061 80%) !important;
}

body {
    background-color: #0f0061 !important;
}

.entreprise {
    background-color: #0f0061;
}

.entreprise .gros-titre {
    color: #ffb81d;
    font-family: "TodaySansNowPro-Ultra";
    font-size: 3.5em;
    line-height: 1.2em;
}

.entreprise .sous-titre {
    color: #ffffff;
    font-family: "TodaySansNowPro-Regular";
    text-align: left;
}


/* STOCK */

.stock {
    background-color: #ffb81d;
}

.stock .gros-titre {
    color: #ffffff;
    font-family: "TodaySansNowPro-Ultra";
}

.stock .sous-titre {
    color: #0f0061;
    font-family: "TodaySansNowPro-Regular";
    text-align: left;
}


/* SOCIETE */

.societe {
    background-color: #0f0061;
}

.societe .dix-ans {
    color: #ffb81d;
    font-family: "TodaySansNowPro-Ultra";
}

.societe .sous-titre-dix-ans {
    color: #ffffff;
    font-family: "TodaySansNowPro-Regular";
}

.societe .second-part {
    background-color: #ffffff;
}

.societe .une-societe {
    color: #0f0061;
    font-family: "TodaySansNowPro-Ultra";
}

.societe .a-votre-ecoute {
    color: #ffb81d;
    font-family: "TodaySansNowPro-Regular";
}


/* REFERENCES */

.references {
    background-color: #ffb81d;
}

.references .first-part .title {
    color: #0f0061;
    font-family: "TodaySansNowPro-Ultra";
}

.references .first-part .sub-title {
    color: #ffffff;
    font-family: "TodaySansNowPro-Regular";
}

.references .second-part {
    background-color: #ffb81d;
}

.references .third-part .title {
    color: #0f0061;
    font-family: "TodaySansNowPro-Ultra";
}


/** LIVRAISON **/

.livraison {
    background-color: #ffb81d;
}

.livraison .first-part {
    background-color: #0f0061;
}

.livraison .first-part .title {
    color: #ffffff;
    font-family: "TodaySansNowPro-Ultra";
}

.livraison .second-part {
    background-color: #ffffff;
}

.livraison .second-part .title {
    color: #0f0061;
    font-family: "TodaySansNowPro-Ultra";
}

.livraison .second-part .sub-title {
    color: #ffb81d;
    font-family: "TodaySansNowPro-Regular";
}

.livraison .third-part {
    background-color: #ffb81d;
}

.livraison .third-part .title {
    color: #0f0061;
    font-family: "TodaySansNowPro-Ultra";
}

.livraison .third-part .sub-title {
    color: #ffffff;
    font-family: "TodaySansNowPro-Regular";
}

.livraison .fourth-part {
    background-color: #0f0061;
}

.livraison .fourth-part .title {
    color: #ffb81d;
    font-family: "TodaySansNowPro-Ultra";
}

.livraison .fourth-part .sub-title {
    color: #ffffff;
    font-family: "TodaySansNowPro-Regular";
}


/** CONTACT **/

.contact {
    background-color: #ffffff;
}

.contact .first-part .title {
    color: #0f0061;
    font-family: "TodaySansNowPro-Ultra";
}

.contact .first-part .telephone {
    color: #ffb81d;
    font-family: "TodaySansNowPro-Regular";
    text-align: left;
    position: relative;
    text-align: center;
    font-weight: bold;
}

.contact .second-part {
    background-color: #ffb81d;
}

.input-form-control {
    background-color: #ffffff;
    border: 0px;
    font-family: "TodaySansNowPro-Regular";
    color: #0f0061;
}

.input-form-control:focus {
    background-color: #ffffff;
    border: 0px;
    font-family: "TodaySansNowPro-Regular";
    color: #0f0061;
}

.input-form-control::placeholder {
    font-family: "TodaySansNowPro-Regular";
    color: #dadada;
    font-style: italic;
}

textarea,
input,
.input,
.input-form-control {
    font-family: "TodaySansNowPro-Regular";
    color: #1e135f;
}

.label-form {
    font-family: "TodaySansNowPro-Regular";
    color: #0f0061;
}


/** LOCALISATION **/

.localisation {
    background-color: #0f0061;
}

.adresse a {
    color: #ffffff;
    font-family: "TodaySansNowPro-Regular";
}

.image-entreprise,
.image-stock,
.image-reference,
.image-contact
 {
    width: 90vw;
    margin-left: 5vw;
    position: relative;
}
.image-societe
 {
    width: 100vw;
    position: relative;
}
.image-livraison
 {
    width: 100vw;
    position: relative;
}

/** 
-------------------------------------
MEDIA QUERIES 0-767
-------------------------------------
**/

@media screen and (min-width: 0px) and (max-width: 767px) {

    .image-entreprise
    {
        margin-top: 65px;
        margin-bottom: 65px;
    }
    .image-stock
    {
        margin-top: 52px;
        margin-bottom: 52px;
    }
    .image-societe
    {
        margin-top: 64px;
        margin-bottom: 64px;
    }
    .image-reference 
    {
        margin-top: 64px;
        margin-bottom: 64px;
    }
    .image-livraison
    {
        margin-top: 63px;
        margin-bottom: 63px;
    }
    .image-contact
    {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    /** CONTACT **/
    .contact {
        padding-top: 10vh;
        /* height: 100vh; */
    }

    .contact .second-part {
        width: 100vw;
    }

    .input-form-control {
        border: 0px;
        border-radius: 5px;
        width: 100%;
        padding: 0 10px;
    }

    .input-form-control:focus {
        border: 0px;
    }

    .input-form-control::placeholder {
        font-size: 1.5em;
    }

    textarea,
    input,
    .input,
    .input-form-control {
        font-size: 1.5em;
        line-height: 1.5em;
    }

    .label-form {
        font-weight: bold;
        font-size: 2em;
    }

    /** LOCALISATION **/
    .localisation {
        padding-top: 10vh;
        /* height: 100vh; */
    }

    .adresse a {
        font-size: 2.5em;
        margin-top: 2vh;
        margin-bottom: 2vh;
        width: 100%;
    }

    iframe {
        width: 100%;
        padding-right: 10vw;
        padding-left: 10vw;
    }

    .g-recaptcha>div {
        width: 100% !important;
    }
}


/** 
-------------------------------------
MEDIA QUERIES 768-991
-------------------------------------
**/

@media screen and (min-width: 768px) and (max-width: 991px) {
    .image-entreprise
    {
        margin-top: 66px;
    }
    .image-stock
    {
        margin-top: 65px;
    }
    .image-societe
    {
        margin-top: 64px;
    }
    .image-reference 
    {
        margin-top: 64px;
    }
    .image-livraison
    {
        margin-top: 65px;
    }
    .image-contact
    {
        margin-top: 77px;
    }
    .contact .second-part {
        /* height: 65vh; */
        width: 99vw;
    }

    .input-form-control {
        border: 0px;
        border-radius: 5px;
        width: 100%;
        padding: 0 10px;
    }

    .input-form-control:focus {
        border: 0px;
    }

    .input-form-control::placeholder {
        font-size: 1.5em;
    }

    textarea,
    input,
    .input,
    .input-form-control {
        font-size: 1.5em;
        line-height: 1.5em;
    }

    .label-form {
        font-weight: bold;
        font-size: 2em;
    }

    /** LOCALISATION **/
    .localisation {
        padding-top: 10vh;
        /* height: 100vh; */
    }

    .adresse a {
        font-size: 2.5em;
        margin-top: 2vh;
        margin-bottom: 2vh;
        width: 100%;
    }

    iframe {
        width: 100%;
        padding-right: 10vw;
        padding-left: 10vw;
    }

    .g-recaptcha>div {
        width: 100% !important;
    }
}


/** 
-------------------------------------
MEDIA QUERIES 992-1199
-------------------------------------
**/

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .image-entreprise
    {
        margin-top: 103px;
    }
    .image-stock
    {
        margin-top: 111px;
    }
    .image-societe
    {
        margin-top: 102px;
    }
    .image-reference 
    {
        margin-top: 93px;
    }
    .image-livraison
    {
        margin-top: 115px;
    }
    .image-contact
    {
        margin-top: 77px;
    }
    .contact .second-part {
        /* height: 65vh; */
        width: 99vw;
    }

    .input-form-control {
        border: 0px;
        border-radius: 5px;
        width: 100%;
        padding: 0 10px;
    }

    .input-form-control:focus {
        border: 0px;
    }

    .input-form-control::placeholder {
        font-size: 1.5em;
    }

    textarea,
    input,
    .input,
    .input-form-control {
        font-size: 1.5em;
        line-height: 1.5em;
    }

    .label-form {
        font-weight: bold;
        font-size: 2em;
    }

    /** LOCALISATION **/
    .localisation {
        padding-top: 10vh;
        /* height: 100vh; */
    }

    .adresse a {
        font-size: 2.5em;
        margin-top: 2vh;
        margin-bottom: 2vh;
        width: 100%;
    }

    iframe {
        width: 100%;
        padding-right: 10vw;
        padding-left: 10vw;
    }

    .g-recaptcha>div {
        width: 100% !important;
    }
}


/** 
-------------------------------------
MEDIA QUERIES 1200 et plus
-------------------------------------
**/

@media screen and (min-width: 1200px) {

    .image-entreprise
    {
        margin-top: 50px;
    }
    .image-stock
    {
        margin-top: 50px;
    }
    .image-contact
    {
        margin-top: 50px;
    }
    .image-societe
    {
        margin-top: 93px;
    }
    .image-reference 
    {
        margin-top: 93px;
    }
    .image-livraison
    {
        margin-top: 9vh;
    }
    .contact .second-part {
        /* height: 65vh; */
        padding: 2vh 15vw;
        width: 99vw;
    }

    .input-form-control {
        border: 0px;
        border-radius: 5px;
        width: 100%;
        padding: 0 10px;
    }

    .input-form-control:focus {
        border: 0px;
    }

    .input-form-control::placeholder {
        font-size: 1.5em;
    }

    textarea,
    input,
    .input,
    .input-form-control {
        font-size: 1.5em;
        line-height: 1.5em;
    }

    .label-form {
        font-weight: bold;
        font-size: 2em;
    }

    /** LOCALISATION **/
    .localisation {
        padding-top: 10vh;
        /* height: 100vh; */
    }

    .adresse a {
        font-size: 2.5em;
        margin-top: 2vh;
        margin-bottom: 2vh;
        width: 100%;
    }

    iframe {
        width: 100%;
        padding-right: 10vw;
        padding-left: 10vw;
    }

    .g-recaptcha>div {
        width: 100% !important;
    }
}