/******************************/
/*                 global                */
/******************************/
html, body, form {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    height: 100%;
    border: none;
    overflow-y: auto;
    color: #303f48;
}

.bodyLeftPanel {
    background: transparent url("./../img/fond1px.png") 0px -52px repeat-x;
    border-color: #303f48;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    box-shadow: 5px 3px 10px #888888;
}

.greyLine {
    background-color: #F2F2F2;
}

.gras {
    font-weight: bold;
}

.text1 {
    font-size: 1.4em;
}

a {
    text-decoration: none;
    border-bottom-width: 0px;
    border-color: #303f48;
    color: #303f48;
}

    a:hover {
        text-decoration: none;
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }

    a.null {
        text-decoration: none;
    }

INPUT, SELECT, TEXTAREA {
    border-style: solid;
    border-width: 1px;
    border-color: #f7be81;
    background-color: #FFFFFF;
}

INPUT {
    height: 15px;
    margin: 2px;
    vertical-align: middle;
    float: left;
}

SELECT {
    height: 19px;
    margin: 2px;
}

TEXTAREA {
    margin: 2px;
    max-width: 100%;
    min-height: 150px;
}

    INPUT:hover, SELECT:hover, TEXTAREA:hover {
        background-color: #FFF3E2;
    }

FIELDSET {
    border-width: 1px 0px 0px 1px;
    border-style: solid;
    border-color: #E6E6E6;
    margin: 10px 0px 20px 0px;
}

LEGEND {
    position: relative;
    margin: 4px 0px 6px 0px;
}

LEGEND {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 1.2em;
    background-color: #f07f0a;
}

LABEL {
    float: left;
    width: 10em;
    margin-right: 1em;
    padding-top: 4px;
}

.s40 {
    width: 40px;
}

.s60 {
    width: 60px;
}

.s80 {
    width: 80px;
}

.s90 {
    width: 90px;
}

.s100 {
    width: 100px;
}

.s120 {
    width: 120px;
}

.s140 {
    width: 140px;
}

.s150 {
    width: 150px;
}

.s160 {
    width: 160px;
}

.s180 {
    width: 180px;
}

.s200 {
    width: 200px;
}

.s250 {
    width: 250px;
}

/******************************/
/*               couleurs               */
/******************************/
.blanc {
    color: #FFFFFF;
}

.orange {
    color: #f07f0a;
}

/******************************/
/*        Aide en ligne       */
/******************************/

#helpMainContent {
    width: 100%;
    height: 100%;
}

    #helpMainContent .indexPanel {
        background: transparent url("./../img/fond1px_aide.png") 0px 32px repeat-x;
        border-color: #303f48;
        border-width: 1px;
        border-style: solid;
        box-shadow: 5px 3px 10px #888888;
        padding-top: 2px;
    }

    #helpMainContent .helpPanel {
        margin-left: 10px;
    }

        #helpMainContent .helpPanel H1 {
            color: #303f48;
            background: transparent url("./../img/bandeau.png") no-repeat;
            font-weight: bold;
            font-size: 1.7em;
            margin-top: 0px;
        }

        #helpMainContent .helpPanel H2 {
            text-align: left;
            color: #f07f0a;
            font-weight: bold;
            font-size: 1.3em;
            margin-top: 0px;
            border-color: #f07f0a;
            border-width: 0px 0px 1px;
            border-style: solid;
        }

    #helpMainContent LABEL {
        float: left;
        width: 5em;
        margin-right: 1em;
        padding-top: 4px;
    }

ul.ulHelp {
    list-style-type: none;
    padding-left: 20px;
}

    ul.ulHelp li {
        margin: 5px
    }

.hlHelp {
    color: #1C1C1C;
}

    .hlHelp:hover {
        color: #f07f0a;
        text-decoration: none;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-color: #f07f0a;
    }

/******************************/
/*     Connexion et version       */
/******************************/

.backgroundConnection {
    background: #FFFFFF url("./../img/fond_connexion.png") no-repeat;
}

.logo-nexpublica {
    width: 190px;
    height: 31px;
}

#connexionMainContent {
    position: relative;
    left: 50%;
    top: 50%;
    border-color: #303f48;
    border-width: 1px;
    border-style: solid;
    box-shadow: 5px 3px 10px #888888;
    margin-left: -245px;
    margin-top: -110px;
    width: 490px;
    height: 270px;
    background-color: #303f48;
}

    #connexionMainContent LABEL {
        float: left;
        width: 9em;
        margin-right: 1em;
        padding-top: 4px;
        color: #ffffff;
    }

.copyright {
    color: #ffffff;
    font-size: 0.9em;
    /*margin-left:30%;*/
}

#connexionMainContent .leftPanel {
    background: #ffffff url("./../img/left_connexion.png") no-repeat;
    background-size: 112px 220px;
    height: 250px;
    padding: 10px;
    float: left;
    width: 190px;
}

#connexionMainContent .rightPanel {
    float: left;
    width: 260px;
    margin-left: 15px;
    height: 270px;
}

#connexionMainContent H1 {
    margin: 5px 0px 30px 0px;
    padding: 0px;
    color: #ffffff;
    font-size: 1.6em;
}

#connexionMainContent .produit {
    color: #303f48;
    font-size: 2.2em;
}

.numVersion {
    color: #f07f0a;
    font-size: 1.1em;
}

.version {
    color: #303f48;
    font-weight: bold;
    font-size: 1.1em;
    margin-left: 70px;
}

#boutonConnexion {
    margin-left: 85px;
    font-size: 1.3em;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    border-bottom-width: 0px;
    border-color: #ffffff;
}

    #boutonConnexion:hover {
        text-decoration: none;
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }

.lienPageConnexion {
    color: #aaaabb;
    text-decoration: none;
    border-bottom-width: 0px;
    border-color: #aaaabb;
}

    .lienPageConnexion:hover {
        text-decoration: none;
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }


.blockTitle {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 1.2em;
    background-color: #f07f0a;
}

/******************************/
/*            modal layer             */
/******************************/

#modalLayer {
    top: 0px;
    left: 0px;
    background: transparent url("./../img/modal.png") repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 5000;
}

.tabFrame {
    width: 100%;
    height: 99%;
    border: 0px;
}

/******************************/
/*                  Layout               */
/******************************/
.layoutHeader {
    position: relative;
    width: 100%;
    height: 70px;
    border-style: solid;
    border-color: #dddddd;
    border-width: 0px 0px 2px 0px;
    background-color: #303f48;
    z-index: 5000;
}

.searchBar {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 5000;
    background-color: #303f48;
    /*	background-color:#4c4c4c;*/
    height: 30px;
    /*border-color:#c6c6c6;*/
    border-color: #ffffff;
    border-width: 0px 0px 2px 0px;
    border-style: solid;
}

.headerProduit {
    color: #FFFFFF;
    font-size: 2.3em;
}

.headerProduitSmall {
    color: #FFFFFF;
    font-size: 1.6em;
}

.header {
    background: transparent url("./../img/header.png") repeat;
    width: 60px;
    height: 40px;
}

.datepicker {
    z-index: 100 !important;
}

.datetimepicker {
    z-index: 101 !important;
}

.autoComplete {
    background: url(../img/16/liste0-o.png) no-repeat right top;
}

#mainDiv H1 {
    color: #303f48;
    background: transparent url("./../img/bandeau.png") no-repeat;
    font-weight: bold;
    font-size: 1.7em;
    margin-top: 0px;
}

.formLeftCell {
    float: left;
    width: 410px;
    clear: left;
}

.formRightCell {
    float: left;
    width: 410px;
}

.formRowCell {
    float: left;
    width: 100%;
}

.formMargin {
    float: left;
    width: 10em;
    margin-right: 1em;
    padding-top: 4px;
}

.logoPageConnexion {
    margin-top: 90px;
}

/****************************/
/*                  tab                */
/***************************/
#helpTabs {
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

    #helpTabs li {
        float: left;
        margin: 0 -15px 0 0;
    }

    #helpTabs a {
        float: left;
        position: relative;
        padding: 0 40px;
        height: 0;
        line-height: 30px;
        text-transform: uppercase;
        text-decoration: none;
        color: #fff;
        border-right: 30px solid transparent;
        border-bottom: 30px solid #303f48;
        border-bottom-color: #777\9;
        opacity: .3;
        filter: alpha(opacity=30);
    }

        #helpTabs a:hover,
        #helpTabs a:focus {
            border-bottom-color: #f07f0a;
            opacity: 1;
            filter: alpha(opacity=100);
        }

        #helpTabs a:focus {
            outline: 0;
        }

    #helpTabs #current {
        z-index: 3;
        border-bottom-color: #303f48;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    #helpTabs a {
        height: 0;
        line-height: 30px;
        border-right: 30px solid transparent;
        border-bottom: 30px solid #303f48;
    }

/*****************************/
/*    boutons de formulaire    */
/****************************/
.form-calendrier, .form-loupe, .form-commenter, .form-verrouiller, .form-stop, .form-liste {
    background: url(../img/20/sprite20-orange.png) no-repeat top left;
    width: 20px;
    height: 20px;
    float: left;
    cursor: pointer;
}

.form-calendrier {
    background-position: 0 -140px;
}

    .form-calendrier:hover {
        background-position: 0 -210px;
    }

.form-commenter {
    background-position: 0 -280px;
}

    .form-commenter:hover {
        background-position: 0 -350px;
    }

.form-liste {
    background-position: 0 -420px;
}

    .form-liste:hover {
        background-position: 0 -490px;
    }

.form-loupe {
    background-position: 0 -560px;
}

    .form-loupe:hover {
        background-position: 0 -630px;
    }

.form-stop {
    background-position: 0 -700px;
}

    .form-stop:hover {
        background-position: 0 -770px;
    }

.form-verrouiller {
    background-position: 0 -840px;
}

    .form-verrouiller:hover {
        background-position: 0 -910px;
    }