/*Document*/
body
{
    padding-top: 50px;
    padding-bottom: 20px;


    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
    padding: 0;
    background-color: #F0F0F0;
    font-family: "Segoe UI", "Trebuchet MS", Arial, Tahoma, Helvetica, Geneva, sans-serif;
    font-size: medium;
    font-weight: normal;
}


.div_wrapper
{
    position: relative;
    display: block;
    width: 100%;
    /*height: calc(100% - 24px);*/
    height: calc(100% - 72px);
    border: 0;
    margin: 0;
    padding: 0;
    text-align: left;
}


/*Login*/
.div_login_content
{
    position: relative;
    display: block;
    width: 485px;
    height: 290px; 
    border: 1px;
    border-color: black; 
    margin: 0 auto;
    padding: 1;
    border-radius: 4px;
    background-color: #FFFFFF;
    text-align: left;
    overflow: auto;
     border: 1px solid black;
}

.div_login_title
{
    position: relative;
    display: block;
    width: 376px;
    height: 32px;
    border: 0;
    margin: 4px;
    padding: 0;
    text-align: center;
}

    .div_login_commentaire
    {
        position: relative;
        display: block;
        width: 450px;
        height: 24px;
        border: 0;
        margin: 4px;
        padding: 0;
        text-align: center;
    }

    .div_login_title > img
    {
        position: relative;
        display: inline-block;
        width: 72px;
        height: 32px;
        border: 0;
        margin: 0;
        padding: 0;
    }

    .div_login_title > span
    {
        position: relative;
        display: inline-block;
        float: right;
        width: 304px;
        height: 32px;
        border: 0;
        margin: 0;
        padding: 0;
        font-weight: bold;
        text-align: center;
    }

    .div_login_message
    {
        position: relative;
        display: block;
        width: 450px;
        height: 24px;
        border: 0;
        margin: 4px;
        padding: 0;
        text-align: center;
        color: red; 
    }

    .div_login_user
    {
        position: relative;
        display: block;
        width: 250px;
        height: 32px;
        border: 2px solid #ECECEC;
        margin: 4px;
        padding: 0;
        border-radius: 4px;
        text-align: left;
    }

    .div_login_user > img
    {
        position: relative;
        display: inline-block;
        width: 32px;
        height: 32px;
        border: 0;
        margin: 0;
        padding: 0;
    }

    .div_login_user > input
    {
        position: relative;
        display: inline-block;
        /*float: right;*/
        /*width: 328px;*/
        height: 20px;
        border: 0;
        margin: 4px;
        padding: 2px;
        vertical-align: top; 
    }

.div_login_submit
{
    position: relative;
    display: block;
    width: 250px;
    height: 30px;
    border: 1px solid #EE9900;
    margin: 4px;
    padding: 0;
    border-radius: 4px;
    background-color: #ECECEC;
    text-align: center;
}

    .div_login_submit > a
    {
        position: relative;
        display: inline-block;
        width: 245px;
        height: 26px;
        border: 0;
        margin: 2px;
        padding: 0;
        border-radius: 4px;
        background-color: #EE9900;
        line-height: 24px;
        color: #FFFFFF;
        text-decoration: none;
    }


/*En-tête de page*/
.div_header
{
    position: relative;
    display: block;
    width: 100%;
    height: 116px;
    min-width: 1024px;
    border: 0;
    margin: 0;
    padding: 0;
    text-align: left;
    overflow: visible;
}

.div_header2
{
    position: relative;
    display: block;
    width: 100%;
    top :0px; 
    height: 55px;
    min-width: 768px;
    border: 0;
    margin: 0;
    padding: 0;
    text-align: left;
    overflow: visible;
    background-color: rgb(208, 228,249); 
    color : black;  
}

/*Cartouche en-tête*/
.div_header_tray
{
    position: relative;
    display: block;
    width: 100%;
    height: 36px;
    border-left: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #FFAA00;
    margin: 0;
    padding: 0;
    background-color: #ECECEC;
    text-align: left;
    overflow: visible;
}

.img_logo
{
    position: absolute;
    display: block;
    left: 0px;
    top: 0px;
    width: 72px;
    height: 32px;
    border: 0;
    margin: 2px 0;
    padding: 0;
}

.img_logo2
{
    width: 100px;
    height: 50px;
    float: left;
}

.div_user
{
    position: absolute;
    display: block;
    right: 0px;
    top: 0px;
    height: 28px;
    border: 0;
    margin: 4px;
    padding: 0;
    border-radius: 4px;
    background-color: #FFFFFF;
    text-align: left;
    text-
}

    .div_user a
    {
        color: #0000FF;
    }


/*Menu*/
.div_menu
{
    position: relative;
    display: block;
    z-index: 1;
    height: 48px;
    border-left: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #FFAA00;
    margin: 2px 0 0 0;
    padding: 0;
    background-color: #555555;
    line-height: 48px;
    text-align: left;
    overflow: visible;
}

.ul_menu
{
    position: relative;
    display: block;
    height: 44px;
    border: 0;
    margin: 0;
    padding: 0;
    background-color: #555555;
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
    list-style-type: none;
}

    .ul_menu > li
    {
        position: relative;
        display: block;
        float: left;
        height: 44px;
        border: 0;
        margin: 0 16px 0 4px;
        padding: 0;
        color: #FFFFFF;
    }

        .ul_menu > li > span
        {
            position: relative;
            display: inline-block;
            width: 100%;
            height: 100%;
            border: 0;
            margin: 0;
            padding: 0;
            font-size: 1.1em;
            white-space: nowrap;
            cursor: pointer;
        }

            .ul_menu > li > span:hover
            {
                border-left: 0;
                border-top: 0;
                border-right: 0;
                border-bottom: 4px solid #FFAA00;
            }

            .ul_menu > li > span:focus
            {
                pointer-events: none;
            }

                .ul_menu > li > span:focus + .ul_submenu
                {
                    display: block;
                }

.ul_submenu
{
    position: absolute;
    display: none;
    min-width: 100%;
    border: 1px solid #555555;
    margin: 0;
    padding: 0;
    background-color: #DDDDDD;
    line-height: 2;
    color: #000000;
    text-decoration: none;
    text-align: left;
    list-style-type: none;
}

    .ul_submenu:hover
    {
        display: block;
    }

    .ul_submenu > li
    {
        position: relative;
        display: block;
        clear: both;
        height: 36px;
        border: 0;
        margin: 0;
        padding: 0;
        color: #000000;
    }

        .ul_submenu > li > span
        {
            position: relative;
            display: inline-block;
            width: calc(100% - 8px);
            height: 34px;
            border: 0;
            margin: 0;
            padding: 0 4px 0 4px;
            font-size: 1.1em;
            white-space: nowrap;
        }

            .ul_submenu > li > span:hover
            {
                border-left: 0;
                border-top: 0;
                border-right: 0;
                border-bottom: 2px solid #FFAA00;
                background-color: #F9F9F9;
            }

            .ul_submenu > li > span > a
            {
                position: relative;
                display: inline-block;
                width: 100%;
                height: 100%;
                border: 0;
                margin: 0;
                padding: 0;
                color: #000000;
                text-decoration: none;
            }

/*Breadcrumb*/
.div_breadcrumb
{
    position: relative;
    display: block;
    height: 24px;
    border-left: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #FFAA00;
    margin: 2px 0 0 0;
    padding: 0 0 0 8px;
    background-color: #888888;
    line-height: 24px;
    color: #EEEEEE;
    text-align: left;
}


/*Contenu*/
/*.div_content
{
    position: relative;
    display: block;
    width: 100%;
    height: calc(100% - 116px);
    border: 0;
    margin: 0;
    padding: 0;
    text-align: left;
    overflow: visible;
}

.div_content_tray
{
    position: relative;
    display: block;
    width: calc(100% - 8px);
    height: 32px;
    min-width: 1024px;
    max-width: 1888px;
    border-left: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #FFAA00;
    margin: 4px auto;
    padding: 4px;
    border-radius: 4px;
    background-color: #DDDDDD;
    text-align: left;
    overflow: visible;
}

.div_content_view
{
    position: relative;
    display: block;
    width: calc(100% - 8px);
    min-width: 1024px;
    max-width: 1888px;
    border: 0;
    margin: 4px auto;
    padding: 4px;
    border-radius: 4px;
    background-color: #FFFFFF;
    text-align: left;
    overflow: visible;
}

.table_content_view
{
    position: relative;
    display: block;
    width: 100%;
    border: 0;
    margin: 0;
    padding: 0;
    table-layout: fixed;
    border-collapse: collapse;
    text-align: left;
}*/

    .table_content_view > thead
    {
        position: relative;
        display: block;
        width: calc(100% - 17px);
        line-height: 1;
        overflow: hidden;
    }

        .table_content_view > thead > tr
        {
            position: relative;
            display: table;
            width: 100%;
            height: 38px;
            background-color: #FFDD99;
            text-align: center;
        }

            .table_content_view > thead > tr > th
            {
                border-left: 1px solid #D0D0D0;
                border-top: 0;
                border-right: 1px solid #D0D0D0;
                border-bottom: 1px solid #FFAA00;
                margin: 0;
                padding: 2px;
                font-weight: 600;
            }

                .table_content_view > thead > tr > th > div > a
                {
                    color: #000000;
                    text-decoration: none;
                }

    .table_content_view > tfoot
    {
        position: relative;
        display: block;
        width: calc(100% - 17px);
        line-height: 1;
        overflow: hidden;
    }

        .table_content_view > tfoot > tr
        {
            position: relative;
            display: table;
            width: 100%;
            height: 32px;
            background-color: #FFDD99;
        }

            .table_content_view > tfoot > tr > td
            {
                border-left: 1px solid #D0D0D0;
                border-top: 1px solid #FFAA00;
                border-right: 1px solid #D0D0D0;
                border-bottom: 0;
                margin: 0;
                padding: 2px;
            }

    .table_content_view > tbody
    {
        position: relative;
        display: block;
        width: 100%;
        line-height: 1;
        overflow-x: hidden;
        overflow-y: scroll;
    }

        .table_content_view > tbody > tr
        {
            position: relative;
            display: table;
            width: 100%;
            height: 32px;
        }

            .table_content_view > tbody > tr:nth-child(2n+1)
            {
                background-color: #F9F9F9;
            }

            .table_content_view > tbody > tr:nth-child(2n)
            {
                background-color: #F0F0F0;
            }

            .table_content_view > tbody > tr > td
            {
                border-left: 1px solid #D0D0D0;
                border-top: 0;
                border-right: 1px solid #D0D0D0;
                border-bottom: 0;
                margin: 0;
                padding: 2px;
            }

.table_content_statut
{
    position: relative;
    display: block;
    width: 100%;
    border: 0;
    margin: 0;
    padding: 0;
    table-layout: fixed;
    border-collapse: collapse;
    text-align: left;
}

    .table_content_statut > tbody
    {
        position: relative;
        display: block;
        width: 100%;
        line-height: 1;
        overflow-x: hidden;
        overflow-y: scroll;
    }

        .table_content_statut > tbody > tr
        {
            position: relative;
            display: table;
            width: 100%;
        }

            .table_content_statut > tbody > tr:nth-child(4n-3)
            {
                height: 32px;
                background-color: #FFDD99;
            }

                .table_content_statut > tbody > tr:nth-child(4n-3) > th
                {
                    border-left: 1px solid #808080;
                    border-top: 1px solid #808080;
                    border-right: 1px solid #808080;
                    border-bottom: 1px solid #FFAA00;
                    margin: 0;
                    padding: 2px;
                    font-weight: 600;
                    text-align: center;
                }

            .table_content_statut > tbody > tr:nth-child(4n-2)
            {
                height: 32px;
                background-color: #F0F0F0;
            }

            .table_content_statut > tbody > tr:nth-child(4n-1)
            {
                background-color: #F9F9F9;
            }

                .table_content_statut > tbody > tr:nth-child(4n-2) > td,
                .table_content_statut > tbody > tr:nth-child(4n-1) > td
                {
                    border-left: 1px solid #D0D0D0;
                    border-top: 0;
                    border-right: 1px solid #D0D0D0;
                    border-bottom: 0;
                    margin: 0;
                    padding: 2px;
                }

            .table_content_statut > tbody > tr:nth-child(4n)
            {
                height: 16px;
                background-color: #FFFFFF;
            }

                .table_content_statut > tbody > tr:nth-child(4n) > td
                {
                    border: 0;
                    margin: 0;
                    padding: 2px;
                }

.div_content_details
{
    position: relative;
    display: block;
    width: calc(100% - 8px);
    min-width: 904px;
    max-width: 1024px;
    border: 0;
    margin: 4px auto;
    padding: 4px;
    border-radius: 4px;
    background-color: #FFFFFF;
    text-align: left;
    overflow: visible;
}

.table_content_details
{
    position: relative;
    display: block;
    width: 100%;
    border: 0;
    margin: 0;
    padding: 0;
    table-layout: fixed;
    border-collapse: collapse;
    text-align: left;
}

    .table_content_details > tbody
    {
        position: relative;
        display: block;
        width: 100%;
        line-height: 1;
    }

        .table_content_details > tbody > tr > td > select
        {
            position: relative;
            display: inline-block;
            width: 100%;
            margin: 0;
            padding: 2px;
        }

        .table_content_details > tbody > tr > td > input
        {
            position: relative;
            display: inline-block;
            width: calc(100% - 6px);
            margin: 0;
            padding: 2px;
        }

            .table_content_details > tbody > tr > td > input[type="checkbox"]
            {
                position: relative;
                display: inline-block;
                width: 13px;
                margin: 0;
                padding: 2px;
            }

.tr_content_details_odd
{
    position: relative;
    display: table;
    width: 100%;
    height: 24px;
    background-color: #F9F9F9;
}

.tr_content_details_even
{
    position: relative;
    display: table;
    width: 100%;
    height: 24px;
    background-color: #FFFFFF;
}


.div_content_popup
{
    position: absolute;
    display: none;
    z-index: 1;
    left: 0;
    top: 0;
    width: calc(100% - 8px);
    height: calc(100% - 16px);
    border: 0;
    margin: 4px auto;
    padding: 4px;
    border-radius: 4px;
    text-align: left;
    overflow: hidden;
}

.div_content_popup_layer
{
    position: absolute;
    display: block;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
    padding: 0;
    border-radius: 4px;
    background-color: #FFFFFF;
    opacity: 0.5;
    text-align: left;
    overflow: hidden;
}

.div_content_popup_view
{
    position: relative;
    display: block;
    z-index: 3;
    width: 60%;
    max-width: 768px;
    border: 2px outset #AAAAAA;
    margin: 64px auto 0 auto;
    padding: 4px;
    border-radius: 4px;
    background-color: #F0F0F0;
    opacity: 1;
    text-align: left;
    overflow: hidden;
}

.table_content_popup
{
    position: relative;
    display: block;
    width: 100%;
    border: 0;
    margin: 0;
    padding: 0;
    table-layout: fixed;
    border-collapse: collapse;
    text-align: left;
}

    .table_content_popup > tbody
    {
        position: relative;
        display: block;
        width: 100%;
        line-height: 1;
        overflow-x: hidden;
        overflow-y: auto;
    }

        .table_content_popup > tbody > tr
        {
            position: relative;
            display: table;
            width: 100%;
            height: 24px;
        }

            .table_content_popup > tbody > tr:nth-child(2n+1)
            {
                background-color: #F9F9F9;
            }

            .table_content_popup > tbody > tr:nth-child(2n)
            {
                background-color: #FFFFFF;
            }

            .table_content_popup > tbody > tr > td > input[type="text"]
            {
                position: relative;
                display: inline-block;
                width: calc(100% - 6px);
                margin: 0;
                padding: 2px;
            }

            .table_content_popup > tbody > tr > td > textarea
            {
                position: relative;
                display: inline-block;
                width: calc(100% - 6px);
                margin: 0;
                padding: 2px;
                resize: none;
            }


/*Pied de page*/
/*.div_footer
{
    position: relative;
    display: block;
    width: 100%;
    height: 24px;
    border: 0;
    margin: 0;
    padding: 0;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    overflow: hidden;
}*/

/*Contrôles*/
/*.fset_default
{
    position: relative;
    display: block;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    border: 2px groove #FFFFFF;
    margin: 0 auto;
    padding: 8px;
}

.span_title
{
    position: relative;
    display: inline-block;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 0;
    margin: 2px;
    padding: 2px;
    text-align: center;
    font-size: 1.2em;
    font-weight: 600;
    white-space: nowrap;
}

.div_button
{
    position: relative;
    display: inline-block;
    border: 1px solid #EE9900;
    margin: 2px 4px 2px 4px;
    padding: 2px 4px 2px 4px;
    border-radius: 4px;
    background-color: #ECECEC;
    text-align: center;
    white-space: nowrap;
}


.div_button > a
{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
    padding: 0;
    color: #0000FF;
    text-decoration: none;
}

.search_button
{
    position: relative;
    display: inline-block;
    border: 1px solid #EE9900;
    margin: 2px 4px 2px 4px;
    padding: 2px 4px 2px 4px;
    border-radius: 4px;
    background-color: #ECECEC;
    text-align: center;
    white-space: nowrap;
}*/

.modal-backdrop{
    z-index: -1 !important;
}
.textAreasNotification {
    width: 500px;
    height: 100px;
}