@font-face {
    font-family: 'AttentesWebFont';
    src: url('/Styles/Font/Normal400.ttf') format('truetype')
}

body {
    font-family: 'AttentesWebFont', Fallback, sans-serif;
}

#header {
    position: relative;
}

#img_logo_application {
    position: absolute;
}

#img_logo_cli {
    position: absolute;
}

#header_menu {
    position: absolute;
}

    #header_menu a {
        text-decoration: none;
    }

    #header_menu span.separator_menu {
    }

.message {
}

    .message.information {
        color: lightblue;
    }

    .message.succes {
        color: green;
    }

    .message.attention {
        color: yellow;
    }

    .message.echec {
        color: orange;
    }

    .message.erreur {
        color: red;
    }

#footer {
    position: fixed;
    bottom: 0;
}

@media screen and (min-width: 810px) {
    #header {
        height: 100px;
        width: 100%;
        margin-bottom: 20px;
    }

    #img_logo_application {
        height: 100px;
        top: 25px;
        left: 50px;
    }

    #img_logo_cli {
        height: 70px;
        left: 280px;
        top: 15px;
    }

    #header_menu {
        bottom: 8px;
        right: 40px;
    }

        #header_menu a {
            font-size: 20px;
            margin-left: 5px;
            margin-right: 5px;
        }

        #header_menu span.separator_menu {
            font-size: 20px;
            margin-left: 5px;
            margin-right: 5px;
        }

    #footer {
        width: 100%;
        height: 15px;
    }
}

@media screen and (min-width: 1200px) {
    #header {
        height: 135px;
        width: 100%;
        margin-bottom: 35px;
    }
    #div_header_gestion {
        top: 140px;
        left: 250px;
        padding-bottom: 3px;
    }

    #img_logo_application {
        height: 120px;
        top: 50px;
        left: 50px;
    }

    #img_logo_cli {
        height: 120px;
        left: 300px;
        top: 5px;
    }

    #header_menu {
        bottom: 8px;
        right: 80px;
    }

        #header_menu a {
            font-size: 30px;
            margin-left: 15px;
            margin-right: 15px;
        }

        #header_menu span.separator_menu {
            font-size: 30px;
            margin-left: 15px;
            margin-right: 15px;
        }

    #footer {
        width: 100%;
        height: 15px;
    }
}