﻿



/* menu ordi */

header .divMenu {
    position: relative;
    z-index: 1000;
    padding-top: 1rem;
    text-align: center;
    margin-bottom: 5rem;
}

    /* lageur du lien Home  */
    header .divMenu .colHome {
        margin-right: calc(-3rem + 10vw);
    }


header .divMenu {
    font-size: 2.75rem;
    font-variation-settings: 'wght' 500;
}

@media (max-width: 1440px) {
    header .divMenu {
        font-size: 2rem;
    }
}

@media (max-width: 992px) {
    header .divMenu {
        font-size: 1.5rem;
    }
}


@media (max-width: 768px) {
    header .divMenu {
        display: none;
    }
}

.font12em {
    font-size: 1.2em
}


/* https://html-css-js.com/css/generator/box-shadow/ */
header .divMenu {
    background-color: white;
    box-shadow: 1px 20px 40px 5px rgba(255,255,255,0.5);
}


    header .divMenu a {
        text-decoration: none;
    }



/* menu smart */

.divMenuSmart {
    position: fixed;
    z-index: 1000;
    width: 3.5rem;
    top: 0.25rem;
    margin-left: calc(99vW - 4rem);
    text-align: center;
}


@media (min-width: 768px) {
    .divMenuSmart {
        display: none;
    }
}

.divMenuSmart img {
    width: 100%;
}


.divMenuSmart a {
    text-decoration: none;
    color: #333;
}



@media (max-width: 768px) {
    .divMenu {
        display: none;
    }
}



.menu-smart {
    position: fixed;
    z-index: 3000;
    width: 100%;
    top: 4.5rem;
    right: 0rem;
    padding-top: 0rem;
    overflow: hidden;
    background-color: white;
}


.menu-smart {
    opacity: 1;
    height: 0rem;
    transition: height .25s, opacity .25s;
}

    .menu-smart a {
        padding-top: .5rem;
        padding-bottom: .5rem;
        font-size: 1.2em;
        text-align: center;
        text-decoration: none;
        color: #003e6e !important;
    }

        .menu-smart a.bord {
            border-width: 1px;
            border-color: #aaa !important;
        }

        .menu-smart a.bord {
            display: block;
            color: white;
            border-bottom-style: solid;
            border-width: 1px;
            border-color: white;
            text-align: center;
            padding-top: .25rem;
            padding-bottom: .25rem;
            margin-bottom: .25em;
        }

.menu-smart-ouvert {
    opacity: 1;
    height: 20rem;
    transition: height 1s, opacity 1s;
}
