/**/

*, *:focus, *:hover {
    outline: none !important;
    text-decoration: none;
}

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }


.TextBox {
    border: solid 1px #34313a;
}

.button {
    border: solid 1px #34313a;
    background-color: #FFFFFF;
    font-family: Verdana;
    font-size: 12px;
    color: #000000;
    font-weight: bold;
    cursor: pointer;
}

    .button:hover {
        border: solid 1px #34313a;
        background-color: #b00000;
        font-family: Verdana;
        font-size: 12px;
        color: #000000;
        font-weight: bold;
        cursor: pointer;
    }

a img {
    border: 0px;
    margin: 0px;
    padding: 0px;
}

.btVert {
    border: solid 1px #34313a;
    background-color: #b00000;
    font-family: Arial;
    font-size: 15px;
    color: #FFFFFF;
    font-weight: bold;
    cursor: hand;
    cursor: pointer;
    text-decoration: none;
}

    .btVert:hover {
        border: solid 1px #34313a;
        background-color: #b00000;
        font-family: Arial;
        font-size: 15px;
        color: #000000;
        font-weight: bold;
        cursor: hand;
        cursor: pointer;
        text-decoration: none;
    }

.bt {
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    background-color: #95c800;
    background-image: url(/images/fond-bt-vert.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
    border: solid 1px #5b8518;
    font-weight: bold;
    color: #FFFFFF;
    cursor: pointer;
}

.legend {
    font-size: 14px;
    color: #262b3b;
    font-family: Arial,Verdana,Tahoma,sans-serif;
}

.TxtGris18 {
    font-size: 18px;
    color: #4e4d4d;
    font-family: Trebuchet MS;
}

.TxtNoir11 {
    font-size: 11px;
    color: black;
    font-family: Arial,Verdana,Tahoma,sans-serif;
}

.TxtNoir12 {
    font-size: 12px;
    color: black;
    font-family: Arial,Verdana,Tahoma,sans-serif;
}

.TxtNoir13 {
    font-size: 13px;
    color: black;
    font-family: Arial,Verdana,Tahoma,sans-serif;
}

.TxtNoirB13 {
    font-size: 13px;
    color: black;
    font-family: Arial,Verdana,Tahoma,sans-serif;
    font-weight: bold;
}

.TxtNoir16B {
    font-size: 16px;
    color: black;
    font-family: Arial,Verdana,Tahoma,sans-serif;
    font-weight: bold;
}

.TxtNoirB12 {
    font-size: 12px;
    color: #000000;
    font-family: Arial,Verdana,Tahoma,sans-serif;
    font-weight: bold;
}

.TxtNoirB11 {
    font-size: 11px;
    color: black;
    font-family: Arial,Verdana,Tahoma,sans-serif;
    font-weight: bold;
}

.TxtBlancB13 {
    font-size: 13px;
    color: white;
    font-family: Arial,Verdana,Tahoma,sans-serif;
    font-weight: bold;
}

.TxtBlancB11 {
    font-size: 11px;
    color: white;
    font-family: Arial,Verdana,Tahoma,sans-serif;
    font-weight: bold;
}

.TxtBlancB10 {
    font-size: 10px;
    color: white;
    font-family: Arial,Verdana,Tahoma,sans-serif;
    font-weight: bold;
}

.TxtBlanc10, .TxtBlanc11, .TxtBlanc12, .TxtBlanc14, .TxtBlanc16, .TxtBlanc20 {
    color: white;
    font-family: Arial;
    text-decoration: none;
}

.TxtBlanc20 {
    font-size: 20px;
    font-weight: bold;
}

.TxtBlanc16 {
    font-size: 16px;
    font-weight: bold;
}

.TxtBlanc14 {
    font-size: 14px;
    font-weight: bold;
}

.TxtBlanc12 {
    font-size: 12px;
}

.TxtBlanc11 {
    font-size: 11px;
}

.TxtBlanc10 {
    font-size: 10px;
}

.TxtBleu16B {
    font-size: 16px;
    color: #333;
    font-family: Verdana, Arial,Tahoma,sans-serif;
    font-weight: bold;
}

.TxtBleu15B {
    font-size: 15px;
    color: #333;
    font-family: Verdana, Arial,Tahoma,sans-serif;
    font-weight: bold;
}

.TxtBleu14B {
    font-size: 14px;
    color: #333;
    font-family: Verdana, Arial,Tahoma,sans-serif;
    font-weight: bold;
}

.TxtBleu12B {
    font-size: 12px;
    color: #333;
    font-family: Verdana, Arial,Tahoma,sans-serif;
    font-weight: bold;
}

.TxtBleu14 {
    font-size: 14px;
    color: #333;
    font-family: Verdana, Arial,Tahoma,sans-serif;
}

.TxtBleu12 {
    font-size: 12px;
    color: #333;
    font-family: Verdana, Arial,Tahoma,sans-serif;
}

.TxtBleu12BListe {
    font-size: 12px;
    color: #333;
    font-family: Arial, Verdana, Tahoma,sans-serif;
    font-weight: bold;
}

.TxtVert15B {
    font-size: 15px;
    color: #b00000;
    font-family: Verdana, Arial,Tahoma,sans-serif;
    font-weight: bold;
}

.TxtVert14 {
    font-size: 14px;
    color: #b00000;
    font-family: Verdana,Arial, Tahoma,sans-serif;
}

.TxtVert11 {
    font-size: 11px;
    color: #b00000;
    font-family: Verdana,Arial, Tahoma,sans-serif;
    font-weight: normal;
}

.TxtVert12 {
    font-size: 12px;
    color: #b00000;
    font-family: Verdana,Arial, Tahoma,sans-serif;
    font-weight: normal;
}

.TxtVert12B {
    font-size: 12px;
    color: #b00000;
    font-family: Verdana,Arial, Tahoma,sans-serif;
    font-weight: bold;
}

.TxtVert13B {
    font-size: 13px;
    color: #b00000;
    font-family: Verdana,Arial, Tahoma,sans-serif;
    font-weight: bold;
}

.TxtVert14B {
    font-size: 14px;
    color: #b00000;
    font-family: Verdana,Arial, Tahoma,sans-serif;
    font-weight: bold;
}

.TxtVert15B {
    font-size: 15px;
    color: #b00000;
    font-family: Verdana,Arial, Tahoma,sans-serif;
    font-weight: bold;
}

.TxtVert16B {
    font-size: 16px;
    color: #b00000;
    font-family: Verdana,Arial, Tahoma,sans-serif;
    font-weight: bold;
}

.lienGris12 {
    font-size: 12px;
    color: #7d7d7d;
    font-family: Arial,Verdana,Tahoma,sans-serif;
    text-decoration: none;
}

    .lienGris12:hover {
        font-size: 12px;
        color: #7d7d7d;
        font-family: Arial,Verdana,Tahoma,sans-serif;
        text-decoration: underline;
    }

.lienblanc12 {
    font-size: 12px;
    color: #FFFFFF;
    font-family: Arial,Verdana,Tahoma,sans-serif;
    text-decoration: none;
}

    .lienblanc12:hover {
        font-size: 12px;
        color: #FFFFFF;
        font-family: Arial,Verdana,Tahoma,sans-serif;
        text-decoration: underline;
    }

.lienblanc12B {
    font-size: 12px;
    color: #FFFFFF;
    font-family: Arial,Verdana,Tahoma,sans-serif;
    text-decoration: none;
    font-weight: bold;
}

    .lienblanc12B:hover {
        font-size: 12px;
        color: #FFFFFF;
        font-family: Arial,Verdana,Tahoma,sans-serif;
        text-decoration: underline;
        font-weight: bold;
    }

.lienblanc13 {
    font-size: 13px;
    color: #FFFFFF;
    font-family: Arial,Verdana,Tahoma,sans-serif;
    text-decoration: none;
    font-weight: bold;
}

    .lienblanc13:hover {
        font-size: 13px;
        color: #000000;
        font-family: Arial,Verdana,Tahoma,sans-serif;
        text-decoration: none;
        font-weight: bold;
    }


.lienNoirBlanc13 {
    font-size: 13px;
    color: #000000;
    font-family: Arial,Verdana,Tahoma,sans-serif;
    text-decoration: none;
    font-weight: bold;
}

    .lienNoirBlanc13:hover {
        font-size: 13px;
        color: #FFFFFF;
        font-family: Arial,Verdana,Tahoma,sans-serif;
        text-decoration: none;
        font-weight: bold;
    }

.lienNoir13 {
    font-size: 13px;
    color: #000000;
    font-family: Arial,Verdana,Tahoma,sans-serif;
    text-decoration: none;
    font-weight: bold;
}

    .lienNoir13:hover {
        font-size: 13px;
        color: #000000;
        font-family: Arial,Verdana,Tahoma,sans-serif;
        text-decoration: underline;
        font-weight: bold;
    }

.lienVert12 {
    font-size: 12px;
    color: #b00000;
    font-family: Arial,Verdana,Tahoma,sans-serif;
    text-decoration: none;
}

    .lienVert12:hover {
        font-size: 12px;
        color: #b00000;
        font-family: Arial,Verdana,Tahoma,sans-serif;
        text-decoration: underline;
    }

.lienVert12B {
    font-size: 12px;
    color: #b00000;
    font-family: Arial,Verdana,Tahoma,sans-serif;
    text-decoration: none;
    font-weight: bold;
}

    .lienVert12B:hover {
        font-size: 12px;
        color: #b00000;
        font-family: Arial,Verdana,Tahoma,sans-serif;
        text-decoration: underline;
        font-weight: bold;
    }

.lienBleu12 {
    font-size: 12px;
    color: #333;
    font-family: Arial,Verdana,Tahoma,sans-serif;
    text-decoration: none;
}

    .lienBleu12:hover {
        font-size: 12px;
        color: #333;
        font-family: Arial,Verdana,Tahoma,sans-serif;
        text-decoration: underline;
    }

.lienBleu11 {
    font-size: 11px;
    color: #333;
    font-family: Arial,Verdana,Tahoma,sans-serif;
    text-decoration: none;
}

    .lienBleu11:hover {
        font-size: 11px;
        color: #333;
        font-family: Arial,Verdana,Tahoma,sans-serif;
        text-decoration: underline;
    }

.lienBleu10B {
    font-size: 10px;
    color: #333;
    font-family: Arial,Verdana,Tahoma,sans-serif;
    text-decoration: none;
    font-weight: bold;
}

    .lienBleu10B:hover {
        font-size: 10px;
        color: #333;
        font-family: Arial,Verdana,Tahoma,sans-serif;
        text-decoration: underline;
        font-weight: bold;
    }

.lienBleu11B {
    font-size: 11px;
    color: #333;
    font-family: Arial,Verdana,Tahoma,sans-serif;
    text-decoration: none;
    font-weight: bold;
}

    .lienBleu11B:hover {
        font-size: 11px;
        color: #333;
        font-family: Arial,Verdana,Tahoma,sans-serif;
        text-decoration: underline;
        font-weight: bold;
    }

.lienBleu12B {
    font-size: 12px;
    color: #333;
    font-family: Arial,Verdana,Tahoma,sans-serif;
    text-decoration: none;
    font-weight: bold;
}

    .lienBleu12B:hover {
        font-size: 12px;
        color: #333;
        font-family: Arial,Verdana,Tahoma,sans-serif;
        text-decoration: underline;
        font-weight: bold;
    }

.lienBlanc1O {
    font-size: 10px;
    color: #FFFFFF;
    font-family: Arial,Verdana,Tahoma,sans-serif;
    text-decoration: none;
}

    .lienBlanc1O:hover {
        font-size: 10px;
        color: #FFFFFF;
        font-family: Arial,Verdana,Tahoma,sans-serif;
        text-decoration: underline;
    }

body {
    margin: 0;
    background: #F7F8F9;
    background-repeat: no-repeat;
}

body, td, th, input, textarea, select, a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}

    input[type="text"]:disabled {
        color: #999999;
        border: solid 1px #999999;
        background-color: #EFEFEF;
    }

input, textarea {
    text-indent: 5px;
    font-size: 12px;
    color: #333333;
    font-family: Arial,Verdana,Tahoma,sans-serif;
    border: solid 1px #262b3b;
    background-color: #FFFFFF;
    border-radius: 3px;
}

select {
    font-size: 12px;
    color: #333333;
    font-family: Arial,Verdana,Tahoma,sans-serif;
    border: solid 1px #262b3b;
    height: 20px;
    border-radius: 3px;
    background-color: #eef0f1;
}

    select:disabled {
        color: #999999;
    }

input[type="checkbox" i] {
    accent-color: #262b3b;
}

input[type="radio" i] {
    accent-color: #262b3b;
}
/*-----------------------------------------------------------*/
/* block Actu */
#ctl00_block_Actu {
    margin: 0 auto;
    padding: 10px 10px 0 0;
    width: 150px;
}

    #ctl00_block_Actu .actus_haut {
        margin: 0px;
        height: 47px;
        background: url(Content/images/actu_header.gif) no-repeat;
    }

    #ctl00_block_Actu .actus {
        padding-top: 7px;
        background: url(Content/images/actu_center.gif) repeat-y;
        height: auto;
        /*text-align:center;*/
        color: #FFFFFF;
    }

        #ctl00_block_Actu .actus li {
            margin: auto;
            /*display:inline-block;*/
            padding: 10px 2px 15px 0;
            background: url(Content/images/actu_bg.gif) no-repeat left top;
        }

        #ctl00_block_Actu .actus .actu_Tile {
            margin: 0px 0px 0 8px;
            padding: 0 0 5px 5px;
            font-size: 14px;
            font-weight: bold;
            font-style: italic;
        }

        #ctl00_block_Actu .actus .actu_details {
            margin: 0px 5px 0 8px;
            padding: 5px 0 5px 8px;
        }

        #ctl00_block_Actu .actus .actu_img {
            padding: 0px;
            padding-left: 8px;
        }

        #ctl00_block_Actu .actus .actu_date {
            font-size: 11px;
            font-weight: bold;
            text-decoration: underline;
        }

        #ctl00_block_Actu .actus .actu_text {
            font-size: 11px;
        }

        #ctl00_block_Actu .actus li a {
            margin: 2px 0 0 16px;
            background: url(Content/images/actu_link_more.png) no-repeat 0px 50%;
            padding-left: 20px;
            color: #7AB51B;
            text-decoration: none;
            font-weight: bold;
            font-size: 11px;
        }

    #ctl00_block_Actu .actus_bas {
        background: url(Content/images/actu_bas.gif) no-repeat left;
        height: 47px;
    }

#page {
    margin: 0px auto;
    padding: 0px;
    width: 100%;
    height: auto;
    background-color: #FFFFFF;
}
/* header */

nav {
    z-index: 100;
}

.fixed-header {
    height: 101px;
    border-bottom: solid 1px #666666;
    border-top: #666 2px solid;
    background-color: #FFFFFF;
    z-index: 1001;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.fixed-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}


#ctl00_header {
    margin: auto;
    position: relative;
    height: 80px;
    background-color: #FFFFFF;
    padding-left: 4px;
    padding-top: 3px;
    padding: 0px;
}

    #ctl00_header .logo, .client {
        position: absolute;
    }

    #ctl00_header .logo {
        top: 50px;
        left: 30px;
        width: 156px;
    }

    #ctl00_header .client {
        top: 133px;
        right: 50px;
        text-align: right;
        /*width:120px;*/
        /*border:1px #00FF99 solid;*/
    }

    #ctl00_header .menu_h {
        margin: 0;
        padding: 18px 0 0 15px;
    }

        #ctl00_header .menu_h span {
            display: inline-block;
            padding: 0 10px 0 10px;
            margin: 0px;
            color: #7DB31E;
            font-size: 14px;
        }

.header-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 40px;
    padding: 0 20px;
    height: inherit;
}

.header-block {
    display: flex;
    flex-direction: column;
    font-size: 12px;
}

.header-lang {
    margin-left: auto;
    align-self: flex-start;
}

#sm_archives {
    z-index: 99;
    display: none;
    position: relative;
    top: 0px;
    left: 0px;
    width: 140px;
    height: 60px;
}

#sm_administratif {
    z-index: 99;
    display: none;
    position: relative;
    top: 0px;
    left: 0px;
    width: 140px;
    height: 100px;
}


#sm_commande {
    z-index: 99;
    display: none;
    position: relative;
    top: 0px;
    left: 0px;
    width: 140px;
    height: 60px;
}

#sm_plan {
    z-index: 99;
    display: none;
    position: relative;
    top: 0px;
    left: 0px;
    width: 140px;
    height: 60px;
}

#sm_etat {
    z-index: 99;
    display: none;
    position: relative;
    top: 0px;
    left: 0px;
    width: 140px;
    height: 100px;
}

/* block Actu */
#ctl00_block_Actu {
    margin: 0px auto;
    width: 214px;
    position: relative;
    left: 20px;
}

    #ctl00_block_Actu .actus_haut {
        margin: 0px;
        height: 47px;
        background: url(Content/images/actu_header.gif) no-repeat;
    }

    #ctl00_block_Actu .actus {
        padding-top: 7px;
        background: url(Content/images/actu_center.gif) repeat-y;
        height: auto;
        /*text-align:center;*/
        color: #FFFFFF;
    }

        #ctl00_block_Actu .actus li {
            margin: auto;
            /*display:inline-block;*/
            padding: 10px 2px 15px 0;
            background: url(Content/images/actu_bg.gif) no-repeat left top;
            width: 188px;
        }

        #ctl00_block_Actu .actus .actu_Tile {
            margin: 0px 0px 0 8px;
            padding: 0 0 5px 5px;
            font-size: 14px;
            font-weight: bold;
            font-style: italic;
        }

        #ctl00_block_Actu .actus .actu_details {
            margin: 0px 5px 0 8px;
            padding: 5px 0 5px 8px;
        }

        #ctl00_block_Actu .actus .actu_img {
            padding: 0px;
            padding-left: 8px;
        }

        #ctl00_block_Actu .actus .actu_date {
            font-size: 11px;
            font-weight: bold;
            text-decoration: underline;
        }

        #ctl00_block_Actu .actus .actu_text {
            font-size: 11px;
        }

        #ctl00_block_Actu .actus li a {
            margin: 2px 0 0 16px;
            background: url(Content/images/actu_link_more.png) no-repeat 0px 50%;
            padding-left: 20px;
            color: #7AB51B;
            text-decoration: none;
            font-weight: bold;
            font-size: 11px;
        }

    #ctl00_block_Actu .actus_bas {
        background: url(Content/images/actu_bas.gif) no-repeat left;
        height: 47px;
    }
/* fin block Actu */

.totalClient {
    background-color: #ECCEF5;
}

.visibleDiv {
    position: fixed;
    right: 400px;
    bottom: 200px;
}

.btVert2 {
    border: solid 1px #000000;
    background-color: #dc3545;
    font-family: Arial;
    font-size: 15px;
    color: #FFFFFF;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    width: 350px;
    display: block;
    text-align: center;
    padding: 2px;
}

    .btVert2:hover {
        color: #000000;
        text-decoration: none;
    }

.btGris {
    border: solid 1px lightgray;
    background-color: lightgray;
    font-family: Arial;
    font-size: 15px;
    color: #000000;
    font-weight: bold;
    cursor: default;
    text-decoration: none;
    width: 350px;
    display: block;
    text-align: center;
    padding: 2px;
}

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



.cadre {
    border: solid 1px #666;
    padding: 5px;
}

.cadre2 {
    border: solid 1px #999999;
    padding: 5px;
}

.ongletActif {
    border-top: solid 2px #666;
}

.listeTh {
    border-top: solid 2px #666;
    border-bottom: solid 1px #666;
}

.listeTf {
    border-top: solid 1px #666;
}

.listeTr {
    background-color: #BBB;
    transition: background-color .2s;
}

    .listeTr:hover {
        background-color: #76AD1F;
        transition: background-color .2s;
    }

.listeTrBis {
    background-color: #F7F8F9;
    transition: background-color .2s;
}

    .listeTrBis:hover {
        background-color: #76AD1F;
        transition: background-color .2s;
    }


.listeTr2 {
    background-color: #FFF;
    border-bottom: solid 1px #BBB;
    transition: background-color .2s;
}

    .listeTr2:hover {
        background-color: #BBB;
        transition: background-color .2s;
    }

.listeTr2Bis {
    background-color: #FFF;
    border-bottom: solid 1px #F7F8F9;
    transition: background-color .2s;
}

    .listeTr2Bis:hover {
        background-color: #F7F8F9;
        transition: background-color .2s;
    }

.hoverContenuPanier {
    cursor: pointer;
}

.black_overlay {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
}

.white_content {
    display: none;
    position: absolute;
    top: 25%;
    left: 20%;
    width: 50%;
    padding: 5%;
    border: 1px solid #34313a;
    background-color: white;
    z-index: 1002;
    overflow: auto;
}

.MenuTopGroupStyle {
    padding: 8px;
}

.MenuItemHoverStyle,
.MenuItemNormalStyle {
    background-color: #dc3545;
    color: #FFF;
    font-size: 16px;
    font-family: Arial;
    padding: 5px 15px 5px 5px;
    border-radius: 5px;
    margin: 0 5px;
    cursor: pointer;
    font-weight: bold;
    display: inline-block;
}

.MenuItem2HoverStyle,
.MenuItem2NormalStyle {
    border-top: #FFF 1px solid;
    font-size: 13px;
    color: #FFF;
    padding: 10px;
    cursor: pointer;
    font-family: arial;
    background-color: #34313a;
    min-width: 120px;
    text-align: center
}

.MenuItem2HoverStyle {
    background-color: #000;
}

.Menutable {
    background: #34313a;
    height: 50px;
}

.btLog {
    border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    background-position: top left;
    background-repeat: repeat-x;
    background: linear-gradient(#b00000, #9e0000);
    text-align: center;
    padding: 5px 15px 5px 15px;
    border: solid 1px #b00000;
    cursor: pointer;
    color: #FFF;
    font-size: 13px;
}

.separatorTop {
    content: url(/Content/images/sep-top_rouge.jpg);
}

.separatorBottom {
    content: url(/Content/images/sep-bottom_rouge.jpg);
}

.logClient {
    position: absolute;
    top: -7px;
    left: 50px;
    content: url(/Content/images/log_rouge.png);
}

.help-icon{
    content:url(/Content/icons/32x32/help.png)
}


.imgNB {
    border: 0px;
    text-decoration: none;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; /* IE 6-9 */
}

    .imgNB:hover {
        border: 0px;
        text-decoration: none;
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        -o-filter: grayscale(0%);
        filter: grayscale(0%);
        filter: none;
    }


.customRed .e-progress {
    background: #FF9999;
}

.customOrange .e-progress {
    background: #FFBD59;
}

.customLightOrange .e-progress {
    background: #FFEB99;
}

.customVert .e-progress {
    background: #a1f7da;
}

.lv-grid > tbody > tr:nth-child(even) {
    background: #FFF;
    transition: background-color .2s
}

.lv-grid > tbody > tr:hover {
    background-color: #a1f7da;
    transition: background-color .2s;
}

.lv-grid > tbody > tr:nth-child(odd) {
    background: #eef0f1;
    transition: background-color .2s
}

.lv-grid > tbody > tr:hover {
    background-color: #a1f7da;
    transition: background-color .2s;
}

.ddl-block {
    border: #262b3b;
    background-color: #eef0f1;
    border-radius: 3px
}