/* STYLES */
* {
    margin: 0;
    padding: 0;
    text-decoration: none;
}

body {
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: arial,verdana,helvetica sans-serif;
    color: #333;
    font-size: 13px;
    background: #d7d3d1 URL(../Ressources/img/bg_body.jpg) top center no-repeat;
}

input, select {
    font-size: 13px;
    color: #333;
}

div#global {
    width: 1000px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

div#wrapper {
    width: 1000px;
    margin: 0 auto;
    padding: 0;
    float: left;
    background: #fff URL(../Ressources/img/bg.jpg) top center repeat-y;
}

div#left-W {
    width: 204px;
    float: left;
    min-height: 600px;
    /*background: URL(../Ressources/img/bg_logo.jpg) top left no-repeat;*/
}

    div#left-W div#logo-W {
        width: 100%;
        height: 133px;
        padding: 20px 0 0;
        float: left;
        text-align: center;
    }

        div#left-W div#logo-W a img {
            border: 0px;
/*            border-style: none;
            border-color: inherit;
            border-width: 0px;
            height: 110px;
            width: 99px;*/
        }

    div#left-W div#col-W {
        width: 100%;
        float: left;
        background: URL(../Ressources/img/bg_leftBarre.jpg) top left repeat-y;
        padding: 10px 10px 30px 10px
    }

        div#left-W div#col-W div.logBox, div#left-W div#col-W table.logBox {
            background-color: #981d11;
            width: 85%;
            margin: 10px 0;
            float: left;
            padding: 5px;
            color: #fff;
        }

            div#left-W div#col-W div.logBox span.titre, div#left-W div#col-W table.logBox td.titre {
                border-bottom: 1px solid #bf544a;
                display: block;
                width: 100%;
                margin-bottom: 4px;
                text-align: center;
                color: #fff;
                font-weight: bold;
                font-size: 11px;
                padding: 2px 0;
                background-color: #9f2418;
                text-transform: uppercase;
            }

            div#left-W div#col-W div.logBox p {
                width: 100%;
                padding: 4px 0;
                display: block;
                color: #fff;
                font-size: 11px;
            }

            div#left-W div#col-W div.logBox a {
                color: #fff;
            }

.recoveryPasswordLink a {
    color: White;
    text-decoration: none;
    font-style: italic;
}

    .recoveryPasswordLink a:hover {
        color: White;
        text-decoration: underline;
        font-style: italic;
    }

div#left-W div#col-W div.logBox input.btn, div#left-W div#col-W table.logBox input.btn {
    float: right;
}

div#left-W div#col-W a.rub {
    background: URL(../Ressources/img/bg_lien.jpg) left center no-repeat;
    padding: 8px 5px 8px 10px;
    width: 165px;
    float: left;
    color: #fff;
    font-weight: bold;
}

    div#left-W div#col-W a.rub:hover {
        background: URL(../Ressources/img/bg_lien.jpg) left center no-repeat;
        padding: 8px 5px 8px 10px;
        width: 165px;
        float: left;
        color: #fff;
        font-weight: bold;
        text-decoration: underline
    }

div#content-W {
    background-color: #fdfdfd;
    width: 796px;
    float: left;
}

    div#content-W div#bandeau {
        float: left;
        width: 576px;
        padding: 0 10px 10px;
    }

        div#content-W div#bandeau img {
            color: #bb2b1d;
            font-size: 22px;
            font-weight: normal;
            padding: 12px 10px;
            float: left;
        }

            div#content-W div#bandeau h1 span {
                color: #bb2b1d;
                font-size: 20px;
                font-weight: normal;
                font-style: italic;
            }

        div#content-W div#bandeau div#menu {
            width: 659px;
            float: left;
            padding: 6px 0 6px 26px;
            color: #bb2b1d;
            font-size: 12px;
        }

            div#content-W div#bandeau div#menu a {
                color: #bb2b1d;
            }

                div#content-W div#bandeau div#menu a:hover {
                    color: #bb2b1d;
                    text-decoration: underline
                }

            div#content-W div#bandeau div#menu span {
                color: #bb2b1d;
                padding: 0 5px
            }

        div#content-W div#bandeau div#panLogo {
            width: 575px;
            text-align: right;
            margin-left: 200px;
        }

            div#content-W div#bandeau div#panLogo label {
                color: #bb2b1d;
                font-size: 22px;
                font-weight: normal;
                margin: 12px 0;
                display: block;
                line-height: 22px;
            }

    div#content-W div#content {
        width: 776px;
        float: left;
        padding: 0 10px;
    }

        div#content-W div#content h1, div#content-W div#content h2, div#content-W div#content h3 {
            color: #bb2b1d;
            font-weight: normal;
            margin: 0px;
            padding: 0px;
        }

        div#content-W div#content h1 {
            margin: 10px 0;
            font-size: 28px;
        }

        div#content-W div#content h2 {
            margin: 5px 0;
            font-size: 20px;
        }

        div#content-W div#content h3 {
            font-size: 28px;
        }

fieldset {
    padding: 5px;
    border: 1px solid #ccc;
    margin: 5px 0 10px
}

    fieldset legend {
        color: #981D11;
        font-weight: bold;
        font-size: 14px;
    }

.blocLeft {
    float: left;
    margin: 10px;
}

.blocSingle {
    margin: 10px;
}

div.blocSingle input.btn_filtrer {
    float: left;
    margin-top: 5px;
}

/* Table */
.tableList {
    border-collapse: collapse;
    text-align: center;
    width: 100%;
}

    .tableList td {
        border: 1px solid #cecece;
        padding: 2px
    }

        .tableList th, .tableList td.header {
            border: 1px solid #fff;
            padding: 2px;
            background-color: #eecdca;
            color: #981D11;
            text-align: center;
            font-weight: bold;
        }

        .tableList td.subheader {
            border: 1px solid #fff;
            padding: 2px;
            background-color: #EDE6E6;
            text-align: center;
        }

    .tableList caption {
        font-weight: bold;
    }

.tableNoBorder td, .tableNoBorder th {
    border: none;
}

.tableListSmall {
    width: auto;
    margin: 0 auto;
}

.alternateRow {
    background-color: #FFE9E8;
}

table {
    border-collapse: collapse;
}

    table td {
        padding: 2px
    }

/* End Table */

div#informationMessage {
    width: 796px;
    float: left;
    padding: 15px 200px 0px;
}

    div#informationMessage fieldset {
        margin: 20px;
        border-color: Red;
    }

    div#informationMessage legend {
        color: Red;
    }

div#footer {
    background-color: #d7d3d1;
    float: left;
    width: 100%;
    padding: 20px 0 10px;
    font-size: 11px;
}

    div#footer a {
        color: #666;
        text-decoration: underline
    }

        div#footer a:hover {
            color: #666;
            text-decoration: none
        }

    div#footer span {
        color: #666;
        padding: 0 4px;
    }

        div#footer span.mentions {
            float: right;
            color: #666;
            padding: 0;
        }

.lblGras {
    display: inline-block;
    font-weight: bold
}

.lblLongGras {
    display: inline-block;
    font-weight: bold
}

.lbl {
    display: inline-block;
    font-weight: normal
}

.lblLong {
    display: inline-block;
    font-weight: normal
}

.lblInline {
    display: inline;
}

.btn, .btn:hover {
    border: 1px solid #b8b8b8;
    line-height: 30px;
    padding: 0 5px 4px 30px;
    color: #333;
    font-weight: bold;
    font-size: 12px;
    cursor: pointer
}

.btn_empty, .btn_empty:hover {
    background: URL(../Ressources/img/btn_background.jpg) center left no-repeat;
    padding-left: 5px;
}

    .btn_empty:hover {
        background: URL(../Ressources/img/btnOver_background.jpg) center left no-repeat;
        padding-left: 5px;
    }

input.btn_ajouter {
    background: URL(../Ressources/img/btn_ajouter.jpg) center left no-repeat;
}

    input.btn_ajouter:hover {
        background: URL(../Ressources/img/btnOver_ajouter.jpg) center left no-repeat;
    }

input.btn_filtrer {
    background: URL(../Ressources/img/btn_filtrer.jpg) center left no-repeat;
}

    input.btn_filtrer:hover {
        background: URL(../Ressources/img/btnOver_filtrer.jpg) center left no-repeat;
    }

input.btn_valider {
    background: URL(../Ressources/img/btn_valider.jpg) center left no-repeat;
}

    input.btn_valider:hover {
        background: URL(../Ressources/img/btnOver_valider.jpg) center left no-repeat;
    }

input.btn_annuler {
    background: URL(../Ressources/img/btn_annuler.jpg) center left no-repeat;
}

    input.btn_annuler:hover {
        background: URL(../Ressources/img/btnOver_annuler.jpg) center left no-repeat;
    }

input.btn_supprimer {
    background: URL(../Ressources/img/btn_annuler.jpg) center left no-repeat;
}

    input.btn_supprimer:hover {
        background: URL(../Ressources/img/btnOver_annuler.jpg) center left no-repeat;
    }

.btn_recherche {
    background: URL(../Ressources/img/btn_recherche.jpg) center left no-repeat;
}

    .btn_recherche:hover {
        background: URL(../Ressources/img/btnOver_recherche.jpg) center left no-repeat;
    }

input.btn_precedentL {
    background: URL(../Ressources/img/btn_precedentL.jpg) center left no-repeat;
}

    input.btn_precedentL:hover {
        background: URL(../Ressources/img/btnOver_precedentL.jpg) center left no-repeat;
    }

input.btn_suivantL {
    background: URL(../Ressources/img/btn_suivantL.jpg) center left no-repeat;
}

    input.btn_suivantL:hover {
        background: URL(../Ressources/img/btnOver_suivantL.jpg) center left no-repeat;
    }

input.btn_connexion {
    background: URL(../Ressources/img/btn_connexion.jpg) center left no-repeat;
}

    input.btn_connexion:hover {
        background: URL(../Ressources/img/btnOver_connexion.jpg) center left no-repeat;
    }

input.btn_deconnexion {
    background: URL(../Ressources/img/btn_deconnexion.jpg) center left no-repeat;
}

    input.btn_deconnexion:hover {
        background: URL(../Ressources/img/btnOver_deconnexion.jpg) center left no-repeat;
    }

input.btn_suivant {
    background: URL(../Ressources/img/btn_suivant.jpg) center left no-repeat;
}

    input.btn_suivant:hover {
        background: URL(../Ressources/img/btnOver_suivant.jpg) center left no-repeat;
    }

input.btn_precedent {
    background: URL(../Ressources/img/btn_precedent.jpg) center left no-repeat;
}

    input.btn_precedent:hover {
        background: URL(../Ressources/img/btnOver_precedent.jpg) center left no-repeat;
    }

.btn_ajouter.inline {
    background: URL(../Ressources/img/btn_ajouter.jpg) center left no-repeat;
    display: inline-block;
    width: 150px;
    line-height: 30px;
    height: 30px;
    padding: 0 5px 4px 30px;
    font-size: 12px;
    cursor: pointer;
}

    .btn_ajouter.inline:hover {
        background: URL(../Ressources/img/btnOver_ajouter.jpg) center left no-repeat;
        display: inline-block;
        width: 150px;
        line-height: 30px;
        height: 30px;
        padding: 0 5px 4px 30px;
        font-size: 12px;
        cursor: pointer;
    }

.btn_editer.inline {
    background: URL(../Ressources/img/btn_edit.jpg) center left no-repeat;
    display: inline-block;
    width: 150px;
    line-height: 30px;
    height: 30px;
    padding: 0 5px 4px 30px;
    font-size: 12px;
    cursor: pointer;
}

    .btn_editer.inline:hover {
        background: URL(../Ressources/img/btnOver_edit.jpg) center left no-repeat;
        display: inline-block;
        width: 150px;
        line-height: 30px;
        height: 30px;
        padding: 0 5px 4px 30px;
        font-size: 12px;
        cursor: pointer;
    }

.btn_editer {
    background: URL(../Ressources/img/btn_edit.jpg) center left no-repeat;
}

    .btn_editer:hover {
        background: URL(../Ressources/img/btnOver_edit.jpg) center left no-repeat;
    }

a.btn_suivant {
    background: URL(../Ressources/img/btn_suivant.jpg) center left no-repeat;
    font-size: 30px;
    line-height: 30px;
    padding: 0 12px;
    width: 30px;
    text-decoration: none;
}

    a.btn_suivant:hover {
        background: URL(../Ressources/img/btnOver_suivant.jpg) center left no-repeat;
        font-size: 30px;
        line-height: 30px;
        padding: 0 12px;
        width: 30px;
        text-decoration: none;
    }

a.btn_precedent {
    background: URL(../Ressources/img/btn_precedent.jpg) center left no-repeat;
    font-size: 30px;
    line-height: 30px;
    padding: 0 12px;
    width: 30px;
    text-decoration: none;
}

    a.btn_precedent:hover {
        background: URL(../Ressources/img/btnOver_precedent.jpg) center left no-repeat;
        font-size: 30px;
        line-height: 30px;
        padding: 0 12px;
        width: 30px;
        text-decoration: none;
    }

a.btn_coche {
    background: URL(../Ressources/img/btn_coche.jpg) center left no-repeat;
    font-size: 30px;
    line-height: 30px;
    padding: 0 12px;
    width: 30px;
    text-decoration: none;
}

    a.btn_coche:hover {
        background: URL(../Ressources/img/btnOver_coche.jpg) center left no-repeat;
        font-size: 30px;
        line-height: 30px;
        padding: 0 12px;
        width: 30px;
        text-decoration: none;
    }

/* aide extranet */
.btn_aide {
    background: url('../Ressources/img/btn_question.jpg') no-repeat center 50%;
    padding: 0 12px;
    text-decoration: none;
}

/*Status*/
.Accepted {
    color: Green;
}

.Denied {
    color: Red;
}

.InProgress {
    color: Orange;
}
/*End Status*/

/*Forms*/
.FormLine {
    display: block;
    margin: 5px;
    width: auto;
}

.Label1 {
    display: inline-block;
    width: 300px;
    text-align: right;
    margin: 0 5px 0 0;
    font-weight: bold;
}

.Label2 {
    margin: 0 5px 0 0;
    font-weight: bold;
}

.form-checkbox label {
    margin-left: 5px;
}
/*End Forms*/

.watermark {
    color: GrayText;
}

/* page default Extranet covid-19*/
.panTabBlue {
    border: 2px solid #1416a3;
    padding: 5px;
}

.panTabSimulation {
    margin-top: -11px;
    border: 1px solid #bb2c1d;
    padding: 5px;
}

.panTabN {
    border: 1px solid #00676E;
    padding: 5px;
}

.cbList label {
    margin-left: 3px;
    margin-right: 12px;
}

.rbList label {
    margin-left: 3px;
    margin-right: 12px;
}

.highlight1 {
    background-color: #FE802B;
}

.CheckBox input {
    margin-right: 5px;
}

/*Accordion*/
.accMenu {
    width: 180px;
    overflow: hidden;
}

/* élement sans décoration ni marge */
.NoPaddingNoMarginNoBorder {
    border: 0;
    border-width: 0;
    margin: 0;
    padding: 0;
}

/* MasterPage styles */
#tdCentral {
    border: 0;
    margin: 0;
    padding: 0;
    background-color: White;
    vertical-align: top;
}

#divBanner {
    border: 0;
    margin: 0;
    padding: 0;
    width: 1020px;
    height: 209px;
}

#divMenu {
    min-height: 470px;
    width: 203px;
    margin: 0;
    float: left;
    display: inline;
    background-image: url('Ressources/Master/Menu_middle.jpg');
}


#divBody {
    overflow: auto;
    background-image: url('Ressources/Master/Background_body.jpg');
    background-repeat: repeat-x;
    background-position: top left;
}

#divFooter {
    margin: 0;
    border: 0;
    padding: 0;
    width: 900px;
}

/* Authentication styles */
#divAuthentication {
    width: 450px;
    margin-left: 200px;
    height: 130px;
    margin-bottom: 100px;
    margin-top: 50px;
    font-size: medium;
}

#divChoiceContext {
    background-color: #FFFBD6;
    border-color: #FFDFAD;
    border-style: solid;
    border-width: 1px;
    font-family: Tekton Pro;
    color: #333333;
    width: 250px;
    margin-left: 200px;
    margin-bottom: 100px;
    margin-top: 50px;
    padding: 4px;
}

.simpleButton {
    background-color: White;
    border-color: #CC9966;
    border-style: solid;
    border-width: 1px;
    font: "Verdana";
    font-size: 0.8em;
    color: #990000;
}

/* Child registration list styles */

#frameFrmChildRegistrationList {
    width: 500px;
}

#frameFrmChildRegistrationFilter {
    clear: both;
}

#blockAdd {
    text-align: right;
    margin-bottom: 10px;
}

#blocConfirmationSuppression {
    width: 500px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 5px;
}

#tabChildListResult {
    text-align: center;
    width: 500px;
}

/* City List styles */
#frameFrmCityList {
    width: 400px;
}

#frameFrmCityListFilter {
    clear: both;
}

#blockAdd {
    text-align: right;
    margin-bottom: 10px;
}

fieldset legend {
    font-weight: bold;
    font-size: 16px;
    color: Black;
}

/* Benefit additional styles */
.lbxPlanning {
    height: 100px;
    width: 150px;
    overflow: auto;
}

.blocForm {
    float: left;
    text-align: left;
    vertical-align: top;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}

/* Global Editions Filter */
.divFilterFloat {
    margin-right: 10px;
    float: left;
    font-size: small;
}

.divFilter {
    margin-right: 10px;
    font-size: small;
}

.divFilterButton {
    margin-right: 10px;
    text-align: right;
    font-size: small;
    vertical-align: bottom;
}

input[disabled="disabled"], input disabled { /* Text and background colour, medium red on light yellow */
    color: black;
    background-color: #F7F7F7;
    border: 1px solid black;
}

a[disabled="disabled"] {
    color: Gray;
    text-decoration: line-through;
}

ul#tabnav li { /* do not change */
    display: inline;
}

ul#tabnav { /* general settings */
    text-align: left; /* set to left, right or center */
    margin: 1em 0 1em 0; /* set margins as desired */
    font: bold 11px verdana, arial, sans-serif; /* set font as desired */
    list-style-type: none;
    padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

.tabNonSelected { /* settings for all tab links */
    padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
    border: 1px solid #bb2c1d; /* set border COLOR as desired; usually matches border color specified in #tabnav */
    background-color: #eecdca; /* set unselected tab background color as desired */
    color: #981c10; /* set unselected tab link color as desired */
    margin-right: 0px; /* set additional spacing between tabs as desired */
    text-decoration: none;
    border-bottom: none;
}

.tabSelected { /* settings for selected tab link */
    padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
    border: 1px solid #bb2c1d; /* set border COLOR as desired; usually matches border color specified in #tabnav */
    background-color: white; /* set unselected tab background color as desired */
    color: #981c10; /* set unselected tab link color as desired */
    margin-right: 0px; /* set additional spacing between tabs as desired */
    text-decoration: none;
    border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
    background: #fff; /* set desired hover color */
    text-decoration: underline;
}

.title1 {
    font-size: 18px;
    color: #A02419;
}

.title2 {
    font-size: 16px;
    color: #A02419;
}

.structAlignObjects {
    width: 100%;
    clear: both;
    background-color: Red;
}

.structAlignElement {
    float: left;
    width: 100px;
    text-align: center;
    margin: 10px;
    height: 30px;
    background-color: Blue;
}

.lblTitleMenuLevel1 {
    font-weight: bold;
    cursor: pointer;
    font-size: 14px;
    margin-left: 5px;
}

.paneLevel1 {
    margin-left: 15px;
    background-color: #f8d6d2;
    padding: 3px;
    text-decoration: none;
}

    .paneLevel1:hover {
        text-decoration: none;
    }

    .paneLevel1 a {
        margin-left: 0px;
        font-size: 12px;
        color: Black;
        text-decoration: none;
    }

        .paneLevel1 a:hover {
            text-decoration: underline;
        }

.lblTitleMenuLevel2 {
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
}

.paneLevel2 {
    margin-left: 15px;
    padding-left: 2px;
    background-color: #f8d6d2;
}

    .paneLevel2 a {
        margin-left: 0px;
        font-size: 11px;
        font-style: italic;
        color: Black;
        text-decoration: none;
    }

        .paneLevel2 a:hover {
            text-decoration: underline;
        }

.paneContentLevel2 {
    margin-left: 25px;
}

.paneContentLevel1 {
    margin-left: 5px;
}

.alertMessage {
    font-weight: bold;
    font-size: 16px;
    color: Red;
}
/* End Table */
.lienBleu {
    color: blue;
    text-decoration: underline;
    font-style: normal;
}

.lienBleuItalic {
    color: blue;
    text-decoration: underline;
    font-style: italic;
}

.lienRouge {
    color: maroon;
    text-decoration: none;
}

.lienRougeItalic {
    color: maroon;
    text-decoration: underline;
    font-style: italic;
}

.lblItalique {
    font-size: 11px;
    font-style: italic;
}

.UpperCase {
    text-transform: uppercase;
}