﻿body {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    font-family: roboto;
}

.navbar {
    background-color: #fff;
    border: 0px;
    height: 90px;
}

.navbar-nav li {
    margin-top: 0px;
    margin-left: 60px;
}

    .navbar-nav li:first-child {
        /*margin-left: 480px;*/
        margin-left: 660px;
    }

    .navbar-nav li a {
        font-size: 19px;
        cursor: pointer;
    }
/*
    .navbar-nav li:last-child a {
        font-size: 19px;
        cursor: pointer;
        background-color: #154682 !important;
        border-top: 1px solid #154682 !important;
        border-right: 1px solid #154682 !important;
        border-left: 1px solid #154682 !important;
        color: #fff;
        height: 100%;
        text-align: center;
        text-decoration: none;
        border-radius: 5px;
        padding-top: 5px;
        padding-bottom: 8px;
        margin-top: 10px;
    }*/

@media (max-width: 1199px) {
    .navbar-nav li {
        margin-top: 0px;
        margin-left: 0px;
        text-align: center;
    }

        .navbar-nav li:first-child {
            margin-top: 0px;
            margin-left: 0px;
        }
}

.navbar-brand {
    padding: 0px 15px;
}

    .navbar-brand img {
        max-width: 100%;
    }

.navbar-collapse {
    background-color: white;
}

form {
    margin-top: 60px;
}


#FormationEnLigne a {
    color: black;
    text-decoration: none;
}

    #FormationEnLigne a:hover {
        color: #0c58a4;
    }

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #000;
}

footer {
    background-image: linear-gradient(rgb(1, 66, 118), rgb(1, 66, 118)) !important;
}

    footer .centrageFooter {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        padding-top: 60px;
        padding-bottom: 60px;
    }

        footer .centrageFooter .DynamicItemsFooter {
            width: 36%;
            display: inline-block;
            vertical-align: top;
            padding: 20px 0px 20px 0px;
            min-height: 187px;
        }

            footer .centrageFooter .DynamicItemsFooter .globalFooterLeft {
                max-width: 392px;
            }

            footer .centrageFooter .DynamicItemsFooter:nth-child(3) {
                width: 27%;
                position: relative;
            }

            footer .centrageFooter .DynamicItemsFooter:nth-child(2) {
                border-left: 1px solid white;
                border-right: 1px solid white;
                padding: 20px 0px;
            }

            footer .centrageFooter .DynamicItemsFooter .titleFooter {
                font-size: 18px;
                color: rgb(255, 255, 255);
                font-weight: 400;
            }

            footer .centrageFooter .DynamicItemsFooter:nth-child(2) .titleFooter {
                width: 230px;
                margin: 0 auto;
            }

            footer .centrageFooter .DynamicItemsFooter .adresseFooter {
                font-size: 17px;
                color: rgb(255, 255, 255);
                font-weight: 300;
                margin-top: 30px;
            }

            footer .centrageFooter .DynamicItemsFooter .copyrightFooter {
                font-size: 12px;
                color: rgb(255, 255, 255);
                font-weight: 300;
                margin-top: 25px;
            }

            footer .centrageFooter .DynamicItemsFooter .textFooter {
                font-size: 14px;
                color: rgb(231, 240, 248);
                text-align: justify;
                font-weight: 300;
                margin-top: 30px;
            }

            footer .centrageFooter .DynamicItemsFooter:nth-child(2) .textFooter {
                width: 230px;
                margin: 0 auto;
                margin-top: 30px;
            }

            footer .centrageFooter .DynamicItemsFooter:nth-child(3) .globalFooterRight {
                width: 224px;
                position: absolute;
                right: 0;
            }

            footer .centrageFooter .DynamicItemsFooter .textFooter .itemFormationFooter {
                display: block;
                color: rgb(231, 240, 248) !important;
                margin-bottom: 5px;
            }

            footer .centrageFooter .DynamicItemsFooter .textFooter svg {
                width: 32px;
                height: 32px;
                fill: rgb(255, 255, 255);
            }

@media (max-width: 1216px) {
    .topvente {
        display: none !important;
    }
}

@media (max-width: 500px) {
    .navbar-brand {
        max-width: 76%;
    }
}

@media (max-width: 1130px) {
    footer .centrageFooter .DynamicItemsFooter .globalFooterLeft {
        padding-right: 10px;
    }
}

@media (max-width: 900px) {
    footer .centrageFooter .DynamicItemsFooter:nth-child(3) {
        width: 100%;
        display: block;
        position: static;
        margin-top: 30px;
    }

        footer .centrageFooter .DynamicItemsFooter:nth-child(3) .globalFooterRight {
            margin: 0 auto;
            position: static;
        }

    footer .centrageFooter .DynamicItemsFooter:nth-child(2) {
        border-right: 0px;
    }

    footer .centrageFooter .DynamicItemsFooter {
        width: 49%;
    }
}

@media (max-width: 570px) {
    footer .centrageFooter .DynamicItemsFooter:nth-child(2) {
        border-left: 0px;
        margin-top: 30px;
    }

    footer .centrageFooter .DynamicItemsFooter {
        width: 100%;
        display: block;
    }

        footer .centrageFooter .DynamicItemsFooter .globalFooterLeft {
            margin: 0 auto;
            width: 230px;
        }
}

.lity-iframe-container {
    max-width: 560px;
    margin: 0 auto;
    max-height: 600px !important;
    height: 600px !important;
}

    .lity-iframe-container iframe {
        max-height: 600px !important;
        height: 600px !important;
    }

.lity-content {
    max-height: 600px !important;
    height: 600px !important;
}

@media (min-width: 1200px) {
    .navbar-nav {
        margin-top: 35px;
    }
}