/* [General styles] */
body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #302C2D;
    background: url(/images/bg.gif) repeat left top #fff;
}

/* ///// FONTS (D�BUT) ///// */

@font-face {
    font-family: 'UniversUltraCondensed';
    src: url('fonts/UniversUltraCondensed/uvuc____-webfont.eot');
    src: url('fonts/UniversUltraCondensed/uvuc____-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/UniversUltraCondensed/uvuc____-webfont.woff') format('woff'),
        url('fonts/UniversUltraCondensed/uvuc____-webfont.ttf') format('truetype'),
        url('fonts/UniversUltraCondensed/uvuc____-webfont.svg#UniversUltraCondensed') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ///// FONTS (FIN) ///// */


h1,
h2,
h3 {
    padding-top: 4px;
    padding-bottom: 6px;
}

h1 {
    font-size: 18px;
    color: #1b479d;
}

h2 {
    font-size: 16px;
}

h3 {
    font-size: 14px;
}

p {
    padding-top: 2px;
    padding-bottom: 6px;
}

a {
    color: #003399;
    text-decoration: none;
}

a:hover {
    color: #003399;
    text-decoration: underline;
}

textarea {
    overflow: auto;
}

hr {
    height: 1px;
    width: 100%;
    border: none;
    background-color: #d8d8d8;
    color: #d8d8d8;
}

ul {
    list-style: disc;
}

ul li {
    margin-left: 20px;
    margin-top: 6px;
    margin-bottom: 6px;
}

.cb {
    clear: both;
}

/* [Error messages] */
.msg_info,
.msg_success,
.msg_warning,
.msg_erreur {
    border: 1px solid;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    width: auto !important;
    margin: 0px 0px 10px 0px !important;
    padding: 15px 10px 15px 50px !important;
    background-repeat: no-repeat;
    background-position: 10px 5px;
    text-align: left;
    position: fixed;
    z-index: 9998;
    width: 840px !important;
    top: 166px;
}

.msg_info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('/images/messageBox/info.png');
}

.msg_success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('/images/messageBox/success.png');
}

.msg_warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('/images/messageBox/warning.png');
}

.msg_erreur {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('/images/messageBox/error.png');
}

.erreur_loc {
    color: #CC0000;
    font-size: 11px;
    font-style: italic;
    /*display: block;*/
}

/* [Autodatatable] */
.autodatatableLight td {
    padding: 5px;
    font-size: 11px;
}

.autodatatable {
    border: 1px solid #000000;
    color: #3e3e3e;
}

.autodatatable th {
    font-size: 11px;
    border-bottom: 1px solid #000000;
    background-color: #e3e3e3;
    padding: 5px;
    padding-right: 15px;
    text-align: left;
}

.autodatatable tr:hover td {
    background-color: #dbe8ec;
}

.autodatatable td {
    padding: 5px;
    padding-right: 15px;
    font-size: 11px;
    text-align: left;
}

.autodatatable .row1 td {
    background-color: #f1f1f1;
}

.autodatatable .row2 td {
    background-color: #fff;
}

/* [Admin styles] */

.adminContent h2 {
    font-size: 18px !important;
}

.blockIcon {
    float: left;
    width: 60px;
    margin-right: 10px;
}

.blockContent {
    float: left;
    width: 220px;
}

.adminBlock {
    min-height: 100px;
    height: auto !important;
    height: 100px;
}

#adminNavBar {
    list-style: none;
    margin: 0px;
    padding: 0px;
    padding-top: 6px;
    padding-bottom: 12px;
}

#adminNavBar li {
    display: inline;
    margin: 0px;
    padding: 0px;
    margin-right: 10px;
}

.specialButton {
    display: block;
    border: 1px solid #003;
    background: #03C;
    padding: 5px;
    color: #FFF;
    text-decoration: none;
    float: left;
}

.specialButton:hover {
    color: #FFF;
    text-decoration: none;
    background: #03F;
}

.specialButtonSubmit {
    position: absolute;
    left: -9999px;
}

#photoList li {
    float: left;
}


.cover {
    padding-bottom: 2px;
    display: block;
    position: relative;
    margin-top: -14px;
    margin-left: 23px;
}

#photoList2 li {
    padding: 10px;
    margin: 0px;
}


/* [Photo album] */
#photoList {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#photoList li {
    margin: 0px;
    padding: 0px;
    float: left;
    margin: 5px;
    position: relative;
    width: 178px;
}

#photoList li .options {
    background: url(/images/white75percent.png) left top repeat;
    position: absolute;
    top: 5px;
    right: 5px;
    text-align: right;
    display: none;
}

#photoList li:hover .options {
    display: block;
}

#photoList li .options a {
    float: left;
}

#photoList li .cover {
    background: url(/images/white75percent.png) left top repeat;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    width: 168px;
    position: absolute;
    bottom: 5px;
    left: -18px;
    z-index: 10;
    padding-top: 5px;
    padding-bottom: 5px;
}

#photoList li a {
    display: block;
    background: url(/images/blank.gif) left top repeat;
    text-decoration: none;
}

#photoList li a:hover {
    text-decoration: none;
}

#photoList li .thumbnail {
    width: 178px;
}

#global {
    position: relative;
    width: 100%;
    min-width: 960px;
    overflow: hidden;
}

.no-show {
    display: none;
}

/*****************************************
 _   _  ___    _____  ___    ___    ___
( ) ( )(  _`\ (  _  )(  _`\ (  _`\ |  _`\
| |_| || (_(_)| (_) || | ) || (_(_)| (_) )
|  _  ||  _)_ |  _  || | | )|  _)_ | ,  /
| | | || (_( )| | | || |_) || (_( )| |\ \
(_) (_)(____/'(_) (_)(____/'(____/'(_) (_)
*******************************************/

#header-container {
    position: fixed;
    width: 100%;
    background: url(/images/bg_header.gif) repeat-x left top;
    height: 168px;
    top: 0;
    z-index: 1000;
}

.posFix {
    position: fixed;
    background: #FFF;
    z-index: 9998;
    width: 900px;
    top: 250px;
}

.posFixNav {
    position: fixed;
    background: #FFF;
    z-index: 9998;
    width: 900px;
    top: 210px;
}

#header {
    position: relative;
    width: 960px;
    height: 98px;
    margin: auto;
    background: url(/images/bg_header2.png) no-repeat top;
}

.toplogo {
    background: url(/images/logo2019.png) no-repeat;
    background-size: 117%;
    width: 823px;
    height: 205px;
    position: relative;
    float: left;
    padding-top: 4px;
    margin-left: -567px;
    background-position: -240px 0;
}

.topmenubg {
    background: url(/images/topmenubg.png);
    width: 670px;
    height: 56px;
    position: relative;
    float: right;
    margin-top: 84px;
}

.topmenubg a {
    color: #fff;
}

.topmenubg ul {
    list-style: none;
}

.topmenubg ul li {
    float: left;
    padding-top: 22px;
    padding-left: 11px;
    padding-right: 11px;
    margin: auto;
    height: 27px;
}

.topmenubg ul li.active a {
    color: #1b479d;
}

.topmenubg ul li.active0 {
    height: 35px;
    background: #fff;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    color: #1b479d;
}

.topmenubg ul li.active1 {
    height: 35px;
    background: #fff;
    width: 64px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    color: #1b479d;
}

.topmenubg ul li.active2 {
    height: 35px;
    background: #fff;
    width: 113px;
    border-top: 1px solid #ccc;
}

.topmenubg ul li.active3 {
    height: 35px;
    background: #fff;
    width: 103px;
    border-top: 1px solid #ccc;
}

.topmenubg ul li.active4 {
    height: 35px;
    background: #fff;
    width: 66px;
    border-top: 1px solid #ccc;
}

.topmenubg ul li.active5 {
    height: 35px;
    background: #fff;
    width: 113px;
    border-top: 1px solid #ccc;
}

.topdispo {
    color: #fff;
    position: absolute;
    margin-top: 57px;
    margin-left: 195px;
}

.ie7 .topdispo {
    color: #fff;
    position: absolute;
    margin-top: 27px;
    margin-left: -200px;
}

.topdispo span {
    font-size: 10px;
    top: -2px;
    position: relative;
}

.dispoajax {
    width: 30px;
    height: 30px;
    background: url(/images/updatingdispobtn.png) no-repeat;
    float: left;
    position: relative;
    margin-top: 3px;
    margin-right: 8px;
    cursor: pointer;
}

.logout {
    width: 96px;
    height: 22px;
    background: url(/images/logout.png) no-repeat;
    position: relative;
    float: right;
    margin-top: 7px;
    cursor: pointer;
}

.searchwrap {
    position: relative;
    float: right;
    margin-top: -158px;
    color: #fff;
    width: 340px;
}

.searchwrap span {
    position: absolute;
    margin-top: 10px;
    left: -8px;
}

.searchbg {
    width: 169px;
    height: 29px;
    background: #fff;
    border: 1px solid #ccc;
    position: relative;
    float: left;
    margin-left: 129px;
}

.searchbg input {
    border: none;
    outline: none;
    font-size: 19px;
    width: 168px;
    position: relative;
    left: 0px;
}

.ie7 .searchbg input {
    border: none;
    outline: none;
    font-size: 19px;
    width: 168px;
    position: relative;
    margin-left: -130px;
}

.searchbtn {
    width: 40px;
    height: 30px;
    background: url(/images/searchbtn.png) no-repeat;
    position: relative;
    float: right;
    cursor: pointer;
}


/**************************************************
 _   _  _____  _   _          ___    _____  ___
( ) ( )(  _  )( ) ( )        (  _`\ (  _  )|  _`\
| `\| || (_) || | | | ______ | (_) )| (_) || (_) )
| , ` ||  _  || | | |(______)|  _ <'|  _  || ,  /
| |`\ || | | || \_/ |        | (_) )| | | || |\ \
(_) (_)(_) (_)`\___/'        (____/'(_) (_)(_) (_)
****************************************************/

#nav-bar-container {}

#nav-bar {}


/*****************************
        ___    _   _  _   _
/'\_/`\(  _`\ ( ) ( )( ) ( )
|     || (_(_)| `\| || | | |
| (_) ||  _)_ | , ` || | | |
| | | || (_( )| |`\ || (_) |
(_) (_)(____/'(_) (_)(_____)
******************************/

#menu-container {}

#menu {}

/****************************************
 ___    _      _  ___    ___    ___
(  _`\ ( )    (_)(  _`\ (  _`\ |  _`\
| (_(_)| |    | || | ) || (_(_)| (_) )
`\__ \ | |  _ | || | | )|  _)_ | ,  /
( )_) || |_( )| || |_) || (_( )| |\ \
`\____)(____/'(_)(____/'(____/'(_) (_)
*****************************************/

#slider-container {}

#slider {}

/*************************************************
 ___    _____  _   _  _____  ___    _   _  _____
(  _`\ (  _  )( ) ( )(_   _)(  _`\ ( ) ( )(_   _)
| ( (_)| ( ) || `\| |  | |  | (_(_)| `\| |  | |
| |  _ | | | || , ` |  | |  |  _)_ | , ` |  | |
| (_( )| (_) || |`\ |  | |  | (_( )| |`\ |  | |
(____/'(_____)(_) (_)  (_)  (____/'(_) (_)  (_)
***************************************************/

#content-container {
    min-height: 432px;
}

.bgContentTop {
    background: url(/images/bg_main.gif) repeat-x left top;
    min-height: 432px;
    position: fixed;
    width: 100%;
    z-index: 0;
}

#content {
    width: 960px;
    min-height: 666px;
    margin: auto;
    background: #fff;
    border: 1px solid #ccc;
    position: relative;
}

.formDossier label {
    color: #1b479d;
    font-family: 'UniversUltraCondensed', sans-serif;
    font-size: 20px;
    line-height: 32px;
    text-transform: uppercase;
}

.textRadio {
    color: #4d4d4d !important;
    font-family: 'UniversUltraCondensed', sans-serif;
    line-height: 32px;
    text-transform: none !important;
    font-size: 26px !important;
    padding: 7px;
}

.formDossier input[type=text] {
    border: #e3e3e3 solid 1px;
    background: url("/images/inputBg.jpg") top left repeat-x;
    height: 23px;
    padding: 0;
    margin: 0;
    width: 94%;
}

.contentScroll input[type=text] {
    margin-bottom: 5px;
}

.formDossier textarea {
    border: #e3e3e3 solid 1px;
    background: url("/images/bgTextarea.jpg") top left repeat-x;
    height: 53px;
    padding: 0;
    margin: 0;
    width: 100%;
}


.inputSize5 {
    width: 50px !important;
}

.dateCacher {
    background: none !important;
    width: 75px !important;
    border: none !important;
    float: right;
    margin-top: 4px !important;
    font-family: 'UniversUltraCondensed', sans-serif;
    font-size: 18px;
    line-height: 32px;
    text-transform: none !important;
    color: #4d4d4d !important;
}

.dateCacher2 {
    background: none !important;
    width: 75px !important;
    border: none !important;
    float: right;
    font-family: 'UniversUltraCondensed', sans-serif;
    font-size: 18px;
    line-height: 32px;
    text-transform: none !important;
    color: #4d4d4d !important;
}

.dateCacher3 {
    background: none !important;
    width: 75px !important;
    border: none !important;
    float: right;
    font-family: 'UniversUltraCondensed', sans-serif;
    font-size: 18px;
    line-height: 32px;
    text-transform: none !important;
    color: #4d4d4d !important;
}

.btnCalendrier {
    background: url("/images/imgCalendrier.jpg") top left no-repeat;
    width: 16px;
    height: 18px;
    display: block;
    float: right;
    margin: 7px;
}

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

.dossierColLeft {
    float: left;
    width: 50%;
}

.dossierColRight {
    float: left;
    width: 50%;
}

.tableNbrDossier {
    margin-top: 10px;
    width: 100%;
}

.posRel {
    position: relative;
    padding-bottom: 50px;
}

.contentScroll {
    /*overflow: auto;
    height: 520px;*/
    position: relative;
    padding-top: 255px;
}

.bgWhite {
    height: 290px;
    background: #FFF;
    position: fixed;
    top: 121px;
    width: 900px;
    z-index: 999;
}

.contentScrollInside {
    height: 860px;
    position: relative;
}

.firstTableCol {
    border: #d8d8d8 solid 1px;
    border-left: none;
    border-bottom: none;
    width: 382px;
    height: 50px;
}

.tdBorderTB {
    border: #d8d8d8 solid 1px;
    border-left: none;
    border-right: none;
    height: 50px;
}

.alignTd {
    text-align: left !important;
}

.tdBorderTB2 {
    border: #d8d8d8 solid 1px;
    border-left: none;
    border-right: none;
    text-align: right;
    vertical-align: top;
    padding-top: 4px;
    height: 50px;
}

.tdBorderTB3 {
    border: #d8d8d8 solid 1px;
    border-left: none;
    border-right: none;
    text-align: right;
    height: 50px;
}

.tdBorderTB4 {
    border: #d8d8d8 solid 1px;
    border-left: none;
    border-right: none;
    border-top: none;
    text-align: right;
    height: 50px;
}

.tdBorderTB5 {
    border: #d8d8d8 solid 1px;
    border-left: none;
    border-right: none;
    text-align: right;
    height: 50px;
}

.etapeList {
    width: 50%;
    margin-top: 20px;
}

.bgTdCheck {
    background: #ececec;
    width: 36px;
    border: #d8d8d8 solid 1px;
    border-left: none;
    text-align: center;
}

.noFloat {
    float: right;
}

.noFloat label {
    line-height: 32px !important;
}


/*pas touche*/
.etape1 {
    position: relative;
    top: 100px;
    left: 0px;
    width: 50%;
    padding-bottom: 30px;
}

/*pas touche*/

.etape2 {
    position: relative;
    top: 95px;
    left: 0px;
    width: 50%;
    padding-bottom: 30px;
}

/*pas touche*/

.etape3 {
    position: relative;
    top: -1px;
    /*113*/
    left: 0px;
    width: 50%;
    padding-bottom: 30px;
}

.etape4 {
    position: absolute;
    top: 35px;
    /*109*/
    right: 0px;
    width: 48%;
    text-align: right;
}

.etape5 {
    position: absolute;
    top: 110px;
    /*274*/
    right: 0px;
    width: 48%;
}

.etape6 {
    position: absolute;
    top: 515px;
    right: 0px;
    width: 48%;
}

.navDossier {
    position: relative;
    /*top: -20px;*/
}

.btnEnregistrer {
    background: url("/images/btnEnregistrer.jpg") top left no-repeat;
    width: 110px;
    height: 30px;
    float: right;
    margin-left: 9px;
}

.btnImprimer {
    background: url("/images/btnImprimer.jpg") top left no-repeat;
    width: 168px;
    height: 30px;
    float: left;
    margin-left: 53px;
}

.btnNouveau {
    background: url("/images/btnNouveau.jpg") top left no-repeat;
    width: 147px;
    height: 30px;
    float: left;
    margin-right: 9px;
}

.btnRenommer {
    background: url("/images/btnRenommer.jpg") top left no-repeat;
    width: 178px;
    height: 30px;
    float: left;
    margin-right: 9px;
}

.btnSupprimer {
    background: url("/images/btnSupprimer.jpg") top left no-repeat;
    width: 156px;
    height: 30px;
    float: left;
    margin-right: 9px;
}

#ajouterListe.btnAjouter,
#enleverListe.btnSupprimer {
    float: left;
    margin-right: 10px;
    margin-left: 0;
    width: 135px;
}

#ajouterListe {
    background: url(../images/btnAjouter.jpg) left top no-repeat;
    height: 30px;
}

#enleverListe {
    background: url(../images/btnRetirer.jpg) left top no-repeat;
}

.placeFleche {
    position: relative;
    top: 11px;
}


#formRename {
    position: fixed;
    top: 210px;
    background: #fff;
    display: none;
    z-index: 9999;
    width: 500px;
    height: 300px;
    padding: 20px;
}

#formMontant,
#formNumero,
#formNumero2 {
    position: fixed;
    top: 210px;
    background: #fff;
    display: none;
    z-index: 9999;
    width: 285px;
    height: 300px;
    padding: 20px;
}

#montantFacture {
    width: 100px !important;
    /*position: absolute;*/
    right: 1px;
    top: 3px;
}

#montantAvecTax {
    font-family: 'UniversUltraCondensed', sans-serif;
    font-size: 18px;
    line-height: 32px;
    text-transform: none !important;
    color: #4d4d4d !important;
}

#liberer {
    background: url('/images/btn_liberer.png') left top no-repeat;
    display: block;
    width: 110px;
    height: 30px;
    float: right;
    display: none;
}

.editClient table td {
    vertical-align: middle;
}

.editClient input,
.editClient select {
    margin: 5px 0;
}

/*DROP ZONE*/
#dropzone {
    border: 1px dashed #c3c3c3;
    color: #000;
    font-size: 12px;
    padding: 20px 0;
    text-align: center;
    font-weight: bold;
    background: #f5f5f5;
    margin-bottom: 10px;
    min-height: 20px;
}

#dropzone.in {
    display: block;
    padding: 100px 0;
    font-size: larger;
}

#dropzone.hover {
    background: #c3c3c3;
}

#dropzone.fade {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 1;
}

.fileupload-progress {
    padding: 0px 15px;
    height: 5px;
}

.filebreadcrumb {
    width: 100%;
    margin: auto;
    border-radius: 0px;
    display: inline-block;
    white-space: nowrap;
    font-size: 14px;
    text-align: left;
    border: 1px solid #e5e5e5;
}

.filebreadcrumb a {
    color: #000;
}

.filebreadcrumb span:last-child {
    font-weight: 900;
    color: #e92931;
}

.filebreadcrumb a:hover {
    text-decoration: none;
    color: #000;
}


.filebreadcrumb li {
    float: left;
}

#fileSystem .dir-element {
    width: 100%;
    clear: both;
    border-bottom: 1px #f0f0f0 solid;
    padding: 10px;
    box-sizing: border-box;
}

#fileSystem .dir-element a {
    color: #333333;
    text-decoration: none;
}

#fileSystem .dir-element a .fa {
    color: #1c4698;
}

#fileSystem .dir-element:hover {
    background: #1c4698;
    color: #ffffff;
}

#fileSystem .dir-element:hover a.documents-directory,
#fileSystem .dir-element:hover a.documents-file,
#fileSystem .dir-element:hover a .fa {
    color: #ffffff;
}

#fileSystemWrapper {
    font-family: Georgia, Times, 'Times New Roman', serif;
    font-size: 16px;
}

#fileSystemForm .submitButton,
#myDocumentsButton,
a#myDocumentsButton,
.dropdown-toggle,
#back-parent-dir,
a#back-parent-dir {
    font-family: Georgia, Times, 'Times New Roman', serif;
    display: inline-block;
    margin-top: 5px;
    font-size: 18px;
    padding: 10px;
    background: #1c4698;
    color: #ffffff;
    border: 1px #ffffff solid;
    cursor: pointer;
    margin-bottom: 5px;
}

.dropdown-toggle {
    float: right;
    margin: 0 0 0 0;
    padding: 5px;
}

#fileSystemForm .submitButton:hover,
#myDocumentsButton:hover,
a#myDocumentsButton:hover,
.dropdown-toggle:hover,
#back-parent-dir:hover,
a#back-parent-dir:hover {
    background: #ffffff;
    color: #1c4698;
    border-color: #1c4698;
    text-decoration: none;
}

#fileSystem .dropdown-menu,
#fileSystem ul.dropdown-menu {
    display: none;
    background: #ffffff;
    position: absolute;
    padding: 5px 10px;
    margin: -35px 0 0 70%;
    box-shadow: 5px 5px 15px #333333;
    float: right;
}

.dropdown-menu a {
    color: #333333;
}

#closeModifyForm {
    color: #000000;
    margin-bottom: 15px;
}

#modifyFormWrapper {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    padding: 10px;
    z-index: 9999;
}

#modifyForm {
    display: block;
    position: fixed;
    top: 40%;
    left: 25%;
    background: #ffffff;
    box-shadow: 5px 5px 15px #333333;
    padding: 25px;
    z-index: 9999;
}

#createFolder {
    width: 100%;
}

#folderName,
input#folderName {
    display: block;
    width: 75%;
    float: left;
    padding: 7px 5px;
}

#createFolderButton,
a#createFolderButton {
    display: block;
    width: 20%;
    background: #1c4698;
    color: #ffffff;
    float: left;
    padding: 5px;
}

#createFolderButton:hover,
a#createFolderButton:hover {
    text-decoration: none;
    background: #ffffff;
    color: #1c4698;
}

#fileinput-button {
    display: block;
    width: 100%;
    text-align: center;
}


#ajaxLoadingWrapper {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    padding: 10px;
    z-index: 99999;
}

#ajaxLoadingWrapper .loadingAnimation {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -200px 0 0 -200px;
}

.autodatatable {
    border: 1px solid #EEE;
}

.autodatatable th {
    font-size: 11px;
    border-bottom: 1px solid #000000;
    background-color: #143D8D;
    color: white;
    padding: 7px 5px 7px 5px;
    text-transform: uppercase;
    text-align: center;
}

.autodatatable .td1 {
    font-size: 11px;
    background-color: #EEE;
    padding: 7px 5px 7px 5px;
    text-align: center;
}

.autodatatable .td2 {
    font-size: 11px;
    background-color: #fff;
    padding: 7px 5px 7px 5px;
    text-align: center;
}

/********************************************
 ___    _____  _____  _____  ___    ___
(  _`\ (  _  )(  _  )(_   _)(  _`\ |  _`\
| (_(_)| ( ) || ( ) |  | |  | (_(_)| (_) )
|  _)  | | | || | | |  | |  |  _)_ | ,  /
| |    | (_) || (_) |  | |  | (_( )| |\ \
(_)    (_____)(_____)  (_)  (____/'(_) (_)
**********************************************/

#footer-container {}

#footer {}


.adminContent {
    padding: 60px;
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
    position: relative;
    z-index: 10;
}

#dispo {
    width: 100%;
}


#dispo img {
    position: relative;
    top: 6px;
}

#dispo td {
    border: 1px solid #fff;
    padding-left: 10px;
    text-align: left;
    text-transform: uppercase;
    color: #1b479d;
    font-weight: bold;
    height: 24px;
}

.ie #dispo td {
    border: 1px solid #fff;
    padding-left: 10px;
    text-align: left;
    text-transform: uppercase;
    color: #1b479d;
    font-weight: bold;
    height: 24px;
    padding-bottom: 12px;
}


#dispo .dispotd {
    text-align: center;
    padding-left: 0px;
    width: 125px;
}

.ie #dispo .dispotd {
    text-align: center;
    padding-left: 0px;
    width: 125px;
}


#dispo .row1 {
    background: #eeeff1;
}

#dispo .row0 {
    background: #e3e8f1;
}

.dispoth {
    position: relative;
    float: right;
}

.dispobtn {
    background: url(/images/dispothbg.png) no-repeat left top;
    width: 125px;
    height: 26px;
    position: relative;
    float: left;
    padding-left: 1px;
    color: #fff;
    text-align: center;
    padding-top: 12px;
}

.rapportlink {
    font-size: 14px;
    display: block;
}

.rapportdate {
    background: url(/images/calendarbtn.png) no-repeat left top;
    width: 14px;
    height: 16px;
    margin-top: 6px;
    position: relative;
    float: left;
}

.rapporttitle {
    position: relative;
    float: left;
    text-transform: uppercase;
}

.rapporttitle2 {
    position: relative;
    float: left;
    padding-left: 90px;
    padding-top: 9px;
    color: #1b479d;
    padding-right: 10px;
}

.rapporttitleinscription {
    position: relative;
    float: left;
    padding-left: 176px;
    padding-top: 9px;
    color: #1b479d;
    padding-right: 10px;
}

.rapporttitle3 {
    position: relative;
    float: left;
    padding-left: 15px;
    padding-top: 9px;
    color: #1b479d;
    padding-right: 10px;
}

.datepickerinput {
    border: none;
    outline: none;
    position: relative;
    float: left;
    width: 80px;
    padding-top: 5px;
}

.rapportsubmit {
    display: block;
    background: url(/images/produirebtn.png) no-repeat left top;
    width: 96px;
    height: 30px;
    border: none;
    outline: none;
    margin-left: 21px;
    position: relative;
    float: left;
    cursor: pointer;
}

.rapporthr {
    background: #d8d8d8;
    margin-top: 16px;
}

.rapportimprimer {
    width: 95px;
    height: 30px;
    background: url(/images/imprimerbtn.png) no-repeat left top;
    position: relative;
    float: right;
    margin-right: 126px;
    cursor: pointer;
    margin-top: 10px;
}

.rapportimprimerlarge {
    width: 95px;
    height: 30px;
    background: url(/images/imprimerbtn.png) no-repeat left top;
    position: relative;
    float: right;
    margin-right: 56px;
    cursor: pointer;
    margin-top: 10px;
}

.rapportwrap {
    width: 558px;
    border: 1px solid #ccc;
    margin: auto;
    padding: 44px;
    min-height: 100px;
    margin-top: 16px;
}

.rapportlogo {
    background: url(/images/logorapport2019.jpg) no-repeat left top;
    width: 400px;
    height: 133px;
    position: relative;
    float: left;
}

.rapportdisplaydate {
    position: relative;
    float: right;
    padding: 28px;
    font-size: 15px;
    line-height: 22px;
    color: #1b479d;
}


.rapportdisplaydate span {
    color: #000;
    font-weight: bold;
}

.rapportdisplaydate .spe {
    color: #000;
    font-weight: bold;
    width: 209px;
    display: block;
}

.rapportwrapnonpayer {
    width: 875px;
    border: 1px solid #ccc;
    margin: auto;
    padding: 10px;
    min-height: 100px;
    margin-top: 16px;
}

#rapporttable.rapporttable_non_payer {
    width: 870px;
    color: #fff;
    margin-top: 28px;
}

#rapporttable.rapporttable_non_payer th {
    font-size: 11px;
}

#rapporttable {
    width: 558px;
    color: #fff;
    margin-top: 28px;
}

#rapporttable .row1 {
    background: #eeeff1;
}

#rapporttable .row0 {
    background: #e3e8f1;
}

#rapporttable th {
    background: url(/images/rapportthtile.png) repeat-x left top;
    height: 26px;
    border: 1px solid #fff;
    padding-top: 12px;
}

#rapporttable td {
    height: 26px;
    border: 1px solid #fff;
    padding-top: 12px;
}

.thinscription th {
    background: url(/images/rapportthtile.png) repeat-x left top;
    height: 26px;
    border: 1px solid #fff;
    padding-top: 12px;
    font-size: 9px;
}

#encaissementtotal {
    width: 100%;
    margin-top: 28px;
}

#encaissementtotal td {
    border-top: 1px solid #1b479d;
    height: 26px;
    padding-top: 12px;
}

.tdlast {
    border-bottom: 1px solid #1b479d;
}

.montantright {
    text-align: right !important;
}

.datenow span {
    font-size: 12px;
    color: #1b479d;
}

.rapporttopwrap select {
    position: relative;
    float: left;
    margin-top: 6px;
    margin-right: 5px;
}

.rapportetapewrap {
    position: relative;
    float: right;
}

.datarowfirst {
    color: #000;
    text-align: center;
    height: 26px;
}

.datarowmontant {
    color: #1b479d;
    height: 26px;
    text-align: right;
    padding-right: 8px;
}

.datarowinscription {
    color: #1b479d;
    text-align: center;
    height: 26px;
}


.datarow {
    color: #1b479d;
    height: 26px;
}

.datarowdossier {
    color: #1b479d;
    height: 26px;
    padding-left: 20px;
}

.datarow span {
    left: 10px;
    position: relative;
}

.somepadding {
    position: relative;
    left: 88px;
}

.rapportfooter {
    margin-top: 28px;
}

.rapportwrapinscription {
    width: 785px;
    border: 1px solid #ccc;
    margin: auto;
    padding: 44px;
    min-height: 100px;
    margin-top: 16px;
}

#rapporttableinscription {
    width: 700px;
    color: #fff;
    margin-top: 28px;
}

#rapporttableinscription .rowAnnule td {
    background: #DD0000;
    color: white;
}

#rapporttableinscription .row1 {
    background: #eeeff1;
}

#rapporttableinscription .row0 {
    background: #e3e8f1;
}

#rapporttableinscription th {
    background: url(/images/rapportthtile.png) repeat-x left top;
    height: 26px;
    border: 1px solid #fff;
    padding-top: 14px;
    font-size: 11px;
    padding-left: 6px;
    padding-right: 6px;
}

#rapporttableinscription td {
    height: 26px;
    border: 1px solid #fff;
    padding-top: 12px;
}


#encaissementtotalinscription {
    width: 700px;
    margin-top: 28px;
}

#encaissementtotalinscription td {
    border-top: 1px solid #1b479d;
    height: 26px;
    padding-top: 12px;
}

.bold {
    font-weight: bold;
}

.indenttd {
    position: relative;
    left: 20px;
}

#searchresult {
    display: none;
    position: absolute;
    right: 0px;
    top: 82px;
    border: 1px solid #ccc;
    text-align: left;
    z-index: 10000;
}

.searchlink {
    display: block;
    padding: 6px;
    background: #fff;
}

.searchlink:hover {
    display: block;
    padding: 6px;
    background: #DBF8F9;
    text-decoration: none;
}

.listeLot {
    width: 100%;
}

.listeLot .td1 {}

.loginname {
    position: absolute;
    right: 110px;
    top: 12px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
}

.rapportwrapencaissement {
    width: 790px;
    border: 1px solid #ccc;
    margin: auto;
    padding: 44px;
    min-height: 100px;
    margin-top: 16px;
}


#rapporttableencaissement {
    width: 100%;
    color: #fff;
    margin-top: 28px;
}


#rapporttableencaissement .row1 {
    background: #eeeff1;
}

#rapporttableencaissement .row0 {
    background: #e3e8f1;
}

#rapporttableencaissement th {
    background: url(/images/rapportthtile.png) repeat-x left top;
    height: 26px;
    border: 1px solid #fff;
    padding-top: 12px;
}

#rapporttableencaissement td {
    height: 26px;
    border: 1px solid #fff;
    padding-top: 12px;
}

.datarowtotal {
    font-weight: bold;
    border-bottom: 0px solid #fff !important;
    border-top: 2px solid #1b479d !important;
    text-align: center;
    color: #1b479d;
}

.datarowtotalright {
    font-weight: bold;
    border-bottom: 0px solid #fff !important;
    border-top: 2px solid #1b479d !important;
    text-align: right;
    color: #1b479d;
}

.datarowtotalmontant {
    font-weight: bold;
    border-bottom: 0px solid #fff !important;
    text-align: right;
    border-top: 2px solid #1b479d !important;
}

.twolineth {
    position: relative;
    top: -5px;
}

.dossieratraite {
    width: 77px;
}

.dispoclass {
    font-size: 16px;
    margin-top: 0px;
    margin-left: 5px;
}

#modePaiement {
    width: 200px;
    height: 33px;
    font-size: 20px;
    margin-top: 2px;
}

/* PORTAIL 2020 */

.btn-intranet {
    font-weight: 700;
    padding: 4px 0 6px;
    display: inline-block;
    line-height: 18px;
}

.form-inside h3 {
    color: #1b479d;
    font-family: 'UniversUltraCondensed', sans-serif;
    font-size: 20px;
    line-height: 32px;
    text-transform: uppercase;
}

.form-inside p {
    margin-bottom: 10px;
}

.form-inside p:last-child {
    margin-bottom: 0;
}

.form-inside strong {
    font-weight: 700;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.light-000 {
    font-weight: 300;
    color: #000;
}

.form-inside {
    margin-left: -10px;
    margin-right: -10px;
}

.form-inside::after {
    content: "";
    display: block;
    clear: both;
}

.form100,
.form80,
.form66,
.form60,
.form50,
.form40,
.form33,
.form30,
.form20,
.formsep {
    float: left;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.form80 {
    width: 80%;
}

.form66 {
    width: 66.66666667%;
}

.form60 {
    width: 60%;
}

.form50 {
    width: 50%;
}

.form40 {
    width: 40%;
}

.form33 {
    width: 33.33333333%;
}

.form30 {
    width: 30%;
}

.form20 {
    width: 20%;
}

.formsep::before {
    content: "";
    display: block;
    height: 1px;
    background: #26385e;
}

.rapportViewRow label,
.rapportViewRow input[type="checkbox"] {
    pointer-events: none;
}

.btn-vert {
    display: inline-block;
    border: solid 1px #192b08;
    background: #4b8118;
    background: linear-gradient(0deg, #4b8118 0%, #65b01f 100%);
    padding: 3px 5px;
    color: #f2fbe9 !important;
    vertical-align: text-bottom;
    text-decoration: none !important;
}

.section-client-lien table {
    margin-top: 2px;
    margin-bottom: 6px;
}

.section-client-lien table,
.section-client-lien table th,
.section-client-lien table td {
    padding: 6px 10px;
    border: solid 1px #000;
    text-align: left;
}

.section-client-lien select {
    margin: 0 2px 0 0;
}

.section-client-lien-select {
    display: none;
}

.document_show:hover {
    cursor: pointer;
}

/* END PORTAIL 2020 */