/* bug mac scrollbar 
::-webkit-scrollbar {
    width:9px;
}
    
::-webkit-scrollbar-track {
    -webkit-border-radius:5px;
    border-radius:5px;
    background:rgba(0,0,0,0.1);
}
    
::-webkit-scrollbar-thumb {
    -webkit-border-radius:5px;
    border-radius:5px;
    background:rgba(0,0,0,0.2);
}
    
::-webkit-scrollbar-thumb:hover {
    background:rgba(0,0,0,0.4);
}
    
::-webkit-scrollbar-thumb:window-inactive {
    background:rgba(0,0,0,0.05);
}
*/
/*
1) Remplacer la Police
Remplacé Arial par 'Roboto', sans-serif;
    Open Sans par Roboto 
        font-family: 'Roboto', sans-serif;
        font-family: 'Roboto', sans-serif;


2)

3) 
* */

/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OX-hpOqc.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OVuhpOqc.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek-ext */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OXuhpOqc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OUehpOqc.woff2) format('woff2');
    unicode-range: U+0370-03FF;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OXehpOqc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OXOhpOqc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OUuhp.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* cyrillic-ext */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek-ext */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');
    unicode-range: U+0370-03FF;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  * html body, html>body{
    font-family: 'Roboto', sans-serif;
    font-weight: 400!important;
    font-size: 100%!important;
}

/*
tr.RowSimpleCRM,
tr.RowSimpleCRM.odd,
tr.FooterSimpleCRM,
tr.NoRecordsSimpleCRM,
tr[role="row"] {
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    position: relative;
}
tr.RowSimpleCRM:hover,
tr.RowSimpleCRM.odd:hover,
tr.FooterSimpleCRM:hover,
tr.NoRecordsSimpleCRM:hover,
tr[role="row"]:hover{
    box-shadow: 0px 14px 28px 14px rgba(0,0,0,0.25), 0 10px 10px 10px rgba(0,0,0,0.22);
    z-index: 2;
}

tr.CaptionSimpleCRM{
}

tr.CaptionSimpleCRM:hover{
	box-shadow: none;

}
*/

@import "printstyle.css" print;

@media only screen and (min-width: 1025px) {
    .BottomSimpleCRMEdit input,
    .formError,
    .formular .submit {
        cursor: pointer
    }
    .tooltip {
        position: absolute;
        top: -2000px;
        left: -2000px;
        width: 300px;
        margin: 0;
        padding: 5px;
        font-size: 12px;
        color: #666;
        background: #fff;
        border: 2px solid #f2f2f2;
    }
    .GridSimpleCRM,
    .RecordSimpleCRM,
    .RecordSimpleCRMEdit,
    .RecordSimpleCRMView {
        width: 100%
    }
    .text,
    body {
        color: #000
    }
    .tooltiplink {
        margin: 2px
    }
    .tooltip p {
        margin: 5px 0 0;
        text-align: justify
    }
    #tooltip_1 {
        z-index: 100000
    }
    
    * html body,
    html>body {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 80%
    }
    * html body table,
    * html body td,
    * html body th,
    html>body table,
    html>body td,
    html>body th {
        font-size: 100%
        

    }
    .th,
    td,
    th {
        font-size: 80%;
        font-family: 'Tahoma', 'Roboto', sans-serif;
    }
    
    a:active,
    a:hover,
    a:link,
    a:visited {
        color: #375d81
    }
    form {
        margin: 0
    }
    .th {
        font-weight: 700
    }
    
    * html body .th,
    html>body .th {
        font-size: 100%
    }
    
    fieldset {
        padding: 5px 20px;
        margin: 0 10px 10px
    }
    legend {
        padding: 6px 10px;
        margin-left: -10px;
        font-weight: 700
    }
    .CaptionSimpleCRM td,
    .CaptionSimpleCRM th {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 80%;
        text-align: left;
        vertical-align: top;
        padding: 3px;
        background-color: none;
        color: #000;
        white-space: nowrap
    }
    * html body .CaptionSimpleCRM td,
    * html body .CaptionSimpleCRM th,
    html>body .CaptionSimpleCRM td,
    html>body .CaptionSimpleCRM th {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 100%;
        text-align: left;
        vertical-align: top
    }
    .RowSimpleCRM td,
    .RowSimpleCRM th {
        font-size: 80%;
        background-color: none
    }
    .CaptionSimpleCRM img,
    .CaptionSimpleCRM input {
        vertical-align: middle
    }
    .CaptionSimpleCRM a:link,
    .CaptionSimpleCRM a:visited {
        color: #000
    }
    .CaptionSimpleCRM a:active,
    .CaptionSimpleCRM a:hover {
        color: #800040
    }
    .RowSimpleCRM td,
    .RowSimpleCRM th,
    caption.RowSimpleCRM {
        padding: 3px;
        color: #000;
        font-family: 'Tahoma', 'Roboto', sans-serif;
    }
    .CaptionSimpleCRM img {
        margin: 2px
    }
    .NoRecordsSimpleCRM td,
    .RowSimpleCRM td,
    .RowSimpleCRM th,
    caption.RowSimpleCRM {
        text-align: left;
        vertical-align: top
    }
    .RowSimpleCRM th {
        font-weight: 400;
        white-space: nowrap
    }
    * html body .RowSimpleCRM td,
    * html body .RowSimpleCRM th,
    html>body .RowSimpleCRM td,
    html>body .RowSimpleCRM th {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 100%
    }
    caption.RowSimpleCRM {
        font-size: 80%;
        border: 2px solid #046380;
        border-bottom: 0;
        background-color: #F9F9F9
    }
    * html body caption.RowSimpleCRM,
    html>body caption.RowSimpleCRM {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 100%
    }
    .FooterSimpleCRM td,
    .NoRecordsSimpleCRM td {
        font-size: 80%;
        padding: 3px;
        font-family: 'Tahoma', 'Roboto', sans-serif;
    }
    .RowSimpleCRM a:link {
        margin: 9px;
        padding: 3px;
        top: 1px;
        text-decoration: none
    }
    .SeparatorSimpleCRM {
        color: #046380
    }
    .SeparatorSimpleCRM td {
        height: 1px
    }
    .NoRecordsSimpleCRM td {
        background-color: none;
        color: #000
    }
    .FooterSimpleCRM td {
        background-color: #fff;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
        color: #000
    }
    html>body .FooterSimpleCRM td,
    html>body .NoRecordsSimpleCRM td {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 100%;
        background-color: #fff
    }
    * html body .FooterSimpleCRM td,
    * html body .NoRecordsSimpleCRM td {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 100%
    }
    .FooterSimpleCRM a:active,
    .FooterSimpleCRM a:hover,
    .FooterSimpleCRM a:link,
    .FooterSimpleCRM a:visited {
        color: #000
    }
    .FooterSimpleCRM img,
    .FooterSimpleCRM input {
        margin: 2px;
        vertical-align: middle
    }
    .GroupCaptionSimpleCRM td,
    .GroupCaptionSimpleCRM th {
        font-size: 80%;
        text-align: left;
        vertical-align: top;
        color: #000;
        font-weight: 700;
        font-family: 'Tahoma', 'Roboto', sans-serif;
        padding: 3px
    }
    .GroupCaptionSimpleCRM th {
        white-space: nowrap;
/*         background-color: #f0eed7 */
background-color: #eee;
    }
    .GroupCaptionSimpleCRM td {
        background-color: #F9F9F9
    }
    * html body .GroupCaptionSimpleCRM td,
    * html body .GroupCaptionSimpleCRM th,
    html>body .GroupCaptionSimpleCRM td,
    html>body .GroupCaptionSimpleCRM th {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 100%
    }
    .GroupCaptionSimpleCRM a:link,
    .GroupCaptionSimpleCRM a:visited {
        color: #000
    }
    .GroupCaptionSimpleCRM a:active,
    .GroupCaptionSimpleCRM a:hover {
        color: #800040
    }
    .GroupFooterSimpleCRM td {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 80%;
        padding: 3px;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
        background-color: #dad3c0;
        color: #000
    }
    * html body .GroupFooterSimpleCRM td,
    html>body .GroupFooterSimpleCRM td {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 100%
    }
    .GroupFooterSimpleCRM a:link {
        color: #03c
    }
    .GroupFooterSimpleCRM a:visited {
        color: #800003
    }
    .GroupFooterSimpleCRM a:active,
    .GroupFooterSimpleCRM a:hover {
        color: #800040
    }
    .GroupFooterSimpleCRM img,
    .GroupFooterSimpleCRM input {
        margin: 2px;
        vertical-align: middle
    }
    .ControlsSimpleCRM td,
    .ControlsSimpleCRM th,
    .SubTotalSimpleCRM td,
    .TotalSimpleCRM td {
        text-align: left;
        vertical-align: top
    }
    .SubTotalSimpleCRM td {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 80%;
        padding: 3px;
        font-weight: 700;
 /*         background-color: #f0eed7; */
 background-color: #eee;
        color: #000;
        border-bottom: 2px solid #d0de44
    }
    * html body .SubTotalSimpleCRM td,
    html>body .SubTotalSimpleCRM td {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 100%
    }
    .SubTotalSimpleCRM a:link {
        color: #03c
    }
    .SubTotalSimpleCRM a:visited {
        color: #800003
    }
    .SubTotalSimpleCRM a:active,
    .SubTotalSimpleCRM a:hover {
        color: #800040
    }
    .TotalSimpleCRM td {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 80%;
        padding: 3px;
        white-space: nowrap;
        font-weight: 700;
        background-color: #fff;
        color: #000
    }
    * html body .TotalSimpleCRM td,
    html>body .TotalSimpleCRM td {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 100%
    }
    .TotalSimpleCRM a:link {
        color: #03c
    }
    .TotalSimpleCRM a:visited {
        color: #800003
    }
    .TotalSimpleCRM a:active,
    .TotalSimpleCRM a:hover {
        color: #800040
    }
    .thSimpleCRM {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 80%;
        font-weight: 700
    }
    * html body .thSimpleCRM,
    html>body .thSimpleCRM {
        font-size: 100%
    }
    .ControlsSimpleCRM th {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 80%;
        font-weight: 400;
        padding: 3px;
        background-color: #F9F9F9;
        white-space: nowrap;
        color: #000
    }
    .BottomSimpleCRM td,
    .ControlsSimpleCRM td {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 80%;
        background-color: none;
        color: #000;
        padding: 3px
    }
    .BottomSimpleCRM td {
        text-align: right;
        vertical-align: middle;
        white-space: nowrap
    }
    * html body .ErrorSimpleCRMEdit td,
    * html>body .ErrorSimpleCRMEdit td,
    .ErrorSimpleCRMEdit td {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 100%;
        color: red
    }
    * html body .BottomSimpleCRM td,
    * html body .ControlsSimpleCRM td,
    * html body .ControlsSimpleCRM th,
    html>body .BottomSimpleCRM td,
    html>body .ControlsSimpleCRM td,
    html>body .ControlsSimpleCRM th {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 100%
    }
    .BottomSimpleCRM a:link {
        margin: 9px;
        /*         padding: 3px; */
        padding: 2px;
        /*
        top: 1px
        */
        top:1px;
    }
    .BottomSimpleCRM img,
    .BottomSimpleCRM input {
        margin: 2px;
        vertical-align: middle
    }
    .ErrorSimpleCRMEdit td {
        padding: 3px;
        text-align: left;
        vertical-align: top;
        background-color: #F2F2F2
    }
    .BottomSimpleCRMEdit td,
    .ControlsSimpleCRMEdit td,
    .ControlsSimpleCRMEdit th {
        font-size: 80%;
        /* background-color: #F2F2F2; */
        padding: 3px;
        font-family: 'Tahoma', 'Roboto', sans-serif;
    }
    .ControlsSimpleCRMEdit th {
        font-weight: 400;
        text-align: left;
        vertical-align: top;
        white-space: nowrap;
        color: #222
    }
    .ControlsSimpleCRMEdit td {
        text-align: left;
        vertical-align: top;
        color: #222
    }
    .BottomSimpleCRMEdit td {
        text-align: right;
        vertical-align: middle;
        white-space: nowrap;
        color: #222
    }
    * html body .BottomSimpleCRMEdit td,
    * html body .ControlsSimpleCRMEdit td,
    * html body .ControlsSimpleCRMEdit th,
    html>body .BottomSimpleCRMEdit td,
    html>body .ControlsSimpleCRMEdit td,
    html>body .ControlsSimpleCRMEdit th {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 100%
    }
    .BottomSimpleCRMEdit a:link {
        margin: 9px;
        padding: 3px;
        top: 1px
    }
    .BottomSimpleCRMEdit img,
    .BottomSimpleCRMEdit input {
        margin: 2px;
        vertical-align: middle
    }
    .ControlsSimpleCRMEdit a:link {
        margin: 9px;
        padding: 3px;
        top: 1px
    }
    .thSimpleCRMEdit {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 80%;
        font-weight: 700
    }
    * html body .thSimpleCRMEdit,
    html>body .thSimpleCRMEdit {
        font-size: 100%
    }
    .ControlsSimpleCRMEdit .thSimpleCRMEdit,
    .ErrorSimpleCRMView td,
    .RowSimpleCRMEdit .thSimpleCRMEdit {
        font-size: 80%;
        background-color: #F2F2F2;
        font-family: 'Tahoma', 'Roboto', sans-serif;
        padding: 3px;
        text-align: left;
        vertical-align: top
    }
    .ControlsSimpleCRMEdit .thSimpleCRMEdit,
    .RowSimpleCRMEdit .thSimpleCRMEdit {
        font-weight: 400;
        white-space: nowrap;
        color: #222
    }
    .ErrorSimpleCRMView td {
        color: red
    }
    * html body .ErrorSimpleCRMView td,
    * html>body .ErrorSimpleCRMView td {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 100%
    }
    .BottomSimpleCRMView td,
    .ControlsSimpleCRMView td,
    .ControlsSimpleCRMView th {
        font-size: 80%;
        background-color: #F2F2F2;
        color: #222;
        font-family: 'Tahoma', 'Roboto', sans-serif;
    }
    .ControlsSimpleCRMView th {
        font-weight: 400;
        text-align: left;
        vertical-align: top;
        padding: 3px;
        white-space: nowrap
    }
    .ControlsSimpleCRMView td {
        padding: 3px;
        text-align: left;
        vertical-align: top
    }
    .BottomSimpleCRMView td {
        padding: 3px 3px 15px;
        text-align: right;
        vertical-align: middle;
        white-space: nowrap
    }
    .BottomSimpleCRMView a:link,
    .ControlsSimpleCRMView a:link {
        margin: 9px;
        padding: 3px;
        top: 1px
    }
    * html body .BottomSimpleCRMView td,
    * html body .ControlsSimpleCRMView td,
    * html body .ControlsSimpleCRMView th,
    html>body .BottomSimpleCRMView td,
    html>body .ControlsSimpleCRMView td,
    html>body .ControlsSimpleCRMView th {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 100%
    }
    .BottomSimpleCRMView img,
    .BottomSimpleCRMView input {
        margin: 2px;
        vertical-align: middle
    }
    table tr td strong {
        padding: 0;
        margin: 0
    }
    .thSimpleCRMView {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 80%;
        font-weight: 700
    }
    * html body .thSimpleCRMView,
    html>body .thSimpleCRMView {
        font-size: 100%
    }
    .ControlsSimpleCRMView .thSimpleCRMView,
    .RowSimpleCRMView .thSimpleCRMView {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 80%;
        font-weight: 400;
        text-align: left;
        vertical-align: top;
        padding: 3px;
        background-color: #F2F2F2;
        white-space: nowrap;
        color: #222
    }
    .ui-timepicker-div .ui-widget-header {
        margin-bottom: 8px
    }
    .ui-timepicker-div dl {
        text-align: left
    }
    .ui-timepicker-div dl dt {
        height: 25px;
        margin-bottom: -25px
    }
    .ui-timepicker-div dl dd {
        margin: 0 10px 10px 65px
    }
    .ui-timepicker-div td {
        font-size: 90%
    }
    .ui-tpicker-grid-label {
        background: 0;
        border: 0;
        margin: 0;
        padding: 0
    }
    * {
        margin: 0;
        padding: 0
    }
    a:link,
    a:visited {
        color: #375d81;
        text-decoration: none
    }
    a:hover {
        color: #375d81;
        text-decoration: underline
    }
    body {
        background: #fff;
        font: 12px 'Tahoma', 'Roboto', sans-serif; /*Helvetica, sans-serif*/
    }
    img {
        border: 0
    }
    h1 {
        color: #000
    }
    .dock {
        height: 94px;
        position: relative;
        text-align: center;
        top: 0
    }
    .dock-container {
        background: url(../images/dock-bg-brice.png);
        box-shadow: 1px 1px 12px #555;
        height: 94px;
        padding-left: 5px;
        position: absolute
    }
    a.dock-item,
    a.dock-item:hover,
    a.dock-item:visited {
        color: #000;
        display: block;
        font: 700 12px 'Tahoma', 'Roboto', sans-serif;/* Helvetica, sans-serif;*/
        position: absolute;
        text-align: center;
        text-decoration: none;
        top: 0;
        width: 40px
    }
    .draggableWindowAdmin h1,
    .draggableWindowAna h1,
    .draggableWindowCalculatrice h1,
    .draggableWindowEmprunt h1,
    .draggableWindowBourse h1,
    .draggableWindowChat h1,
    .draggableWindowChercher h1,
    .draggableWindowContact h1,
    .draggableWindowDPO h1,
    .draggableWindowExtract h1,
    .draggableWindowFileSRV h1,
    .draggableWindowSimpleDoc h1, 
	.draggableWindowHorloge h1,
    .draggableWindowImport h1,
    .draggableWindowInter h1,
    .draggableWindowLog h1,
    .draggableWindowPostit h1,
    .draggableWindowProj h1,
    .draggableWindowProjModele h1,
    .draggableWindowRecurrence h1,
    .draggableWindowReq h1,
    .draggableWindowSoc h1,
    .draggableCustom h1,
    .draggableWindowRGPD h1
	{
        font-size: 12px;
        text-align: center;
        text-indent: -67px;
        text-shadow: silver 1px 0 1px
    }
    .dock-item img {
        border: 0;
        margin: 10px 0 0;
        width: 100%
    }
    .dock-item span {
        display: none;
        padding-left: 20px
    }
    ul#navigation {
        left: 0;
        list-style: none;
        margin: 0;
        padding: 0;
        position: fixed;
        top: 144px;
        z-index: 9999
    }
    ul#navigation li {
        width: 100px
    }
    ul#navigation li a {
        background-color: #cfcfcf;
        background-position: center center;
        background-repeat: no-repeat;
        border: 1px solid #afafaf;
        box-shadow: 1px 1px 12px #555;
        display: block;
        filter: alpha(opacity=60);
        height: 70px;
        khtml-border-bottom-right-radius: 10px;
        khtml-border-top-right-radius: 10px;
        margin-left: -2px;
        moz-border-radius: 0 10px 10px 0;
        opacity: .6;
        webkit-border-bottom-right-radius: 10px;
        webkit-border-top-right-radius: 10px;
        width: 100px
    }
    .draggableWindowAdmin,
    .draggableWindowArchive,
    .draggableWindowCalculatrice,
    .draggableWindowChat,
    .draggableWindowChercher,
	.draggableWindowEmprunt,
    .draggableWindowBourse,
    .draggableWindowContact,
    .draggableWindowHorloge,
    .draggableWindowImport,
    .draggableWindowInter,
    .draggableWindowLog,
    .draggableWindowRecurrence,
    .draggableWindowReq,
    .draggableWindowSoc,
    .draggableWindowRGPD,	
	.draggableCustom {
        border-bottom-color: silver;
        border-left-color: silver;
        border-right-color: silver;
        border-style: solid;
        border-top-color: silver;
        border-width: 1px;
        box-shadow: 1px 1px 12px #555;
        clear: both;
        overflow: auto;
        padding: 0;
        float: left
    }
    ul#navigation .calculatrice a {
        background-image: url(../images/calculatrice.png)
    }
    ul#navigation .postit a {
        background-image: url(../images/postit.png)
    }
    ul#navigation .horloge a {
        background-image: url(../images/horloge.png)
    }
    ul#navigation .chat a {
        background-image: url(../images/chat.png)
    }
    ul#navigation .mailing a {
        background-image: url(../images/mass_mailing.png)
    }
    ul#navigation .recherche a {
        background-image: url(../images/recherche.png)
    }
    ul#navigation .faq a {
        background-image: url(../images/smsG.png)
    }
    ul#navigation .print a {
        background-image: url(../images/print.png)
    }
    ul#navigation .import a {
        background-image: url(../images/import.png)
    }
    ul#navigation .extract a {
        background-image: url(../images/extract_email.png)
    }
    .draggableWindowContact {
        margin: 20px 20px;
        width: 95%
    }
    .draggableWindowContact h1 {
        background: url(../images/gris_contact.jpg);
        cursor: default;
        float: left;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        width: 100%
    }
    .draggableWindowContact h1 span {
        background: url(../images/r_contact.png) left no-repeat;
        float: left;
        height: 48px;
        margin: 1px 10px;
        width: 48px
    }
    .draggableWindowSoc {
        margin: 20px 20px;
        width: 95%
    }
    .draggableWindowSoc h1 {
        background: url(../images/gris_soc.jpg);
        cursor: default;
        float: left;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        width: 100%
    }
    .draggableWindowSoc h1 span {
        background: url(../images/r_soc.png) left no-repeat;
        float: left;
        
        /* 
        Bug affichage image rabotee
        height: 42px;
        margin: 4px 10px;
        width: 42px
        */
        height: 48px;
        margin: 1px 10px;
        width: 48px
    }
    .draggableWindowInter {
        margin: 20px 20px;
        width: 95%
    }
    .draggableWindowInter h1 {
        background: url(../images/gris_inter.jpg);
        color: #000;
        cursor: default;
        float: left;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        width: 100%
    }
    .draggableWindowInter h1 span {
        background: url(../images/r_inter.png) left no-repeat;
        float: left;
        height: 48px;
        margin: 1px 10px;
        width: 48px
    }

    .draggableCustom {
        margin: 20px 20px;
        width: 95%
    }
    .draggableCustom h1 {
        background: url(../images/gris_custom.jpg);
        color: #000;
        cursor: default;
        float: left;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        width: 100%
    }
    .draggableCustom h1 span {
        background: url(../images/simple_custom.png) left no-repeat;
        float: left;
        height: 48px;
        margin: 1px 10px;
        width: 48px
    }
	
    .draggableWindowRecurrence {
        margin: 20px 20px;
        width: 95%
    }
    .draggableWindowRecurrence h1 {
        background: url(../images/gris_inter.jpg);
        color: #000;
        cursor: default;
        float: left;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        width: 100%
    }
    .draggableWindowRecurrence h1 span {
        background: url(../images/r_action_recurrente.png) left no-repeat;
        float: left;
        height: 48px;
        margin: 1px 10px;
        width: 48px
    }
    .draggableWindowChercher {
        margin: 20px 20px;
        width: 95%
    }
    .draggableWindowChercher h1 {
        background: url(../images/gris_chercher.jpg);
        color: #000;
        cursor: default;
        float: left;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        width: 100%
    }
    .draggableWindowChercher h1 span {
        background: url(../images/r_chercher.png) left no-repeat;
        float: left;
        height: 48px;
        margin: 1px 10px;
        width: 48px
    }
    .draggableWindowReq {
        margin: 20px 20px;
        width: 95%
    }
    .draggableWindowReq h1 {
        background: url(../images/gris_req.jpg);
        color: #000;
        cursor: default;
        float: left;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        width: 100%
    }
    .draggableWindowReq h1 span {
        background: url(../images/r_req.png) left no-repeat;
        float: left;
        height: 48px;
        margin: 1px 10px;
        width: 48px
    }
    .draggableWindowAna {
        border-bottom-color: silver;
        border-left-color: silver;
        border-right-color: silver;
        border-style: solid;
        border-top-color: silver;
        border-width: 1px;
        box-shadow: 1px 1px 12px #555;
        clear: both;
        float: left;
        margin: 20px 20px;
        overflow: auto;
        padding: 0;
        width: 95%
    }
    .draggableWindowAna h1 {
        background: url(../images/gris_ana.jpg);
        cursor: default;
        float: left;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        width: 100%
    }
    .draggableWindowAna h1 span {
        background: url(../images/r_ana.png) left no-repeat;
        float: left;
        height: 48px;
        margin: 1px 10px;
        width: 48px
    }
    .draggableWindowAdmin {
        margin: 20px 20px;
        width: 95%
    }
    .draggableWindowAdmin h1 {
        background: url(../images/gris_admin.jpg);
        cursor: default;
        float: left;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        width: 100%
    }
    .draggableWindowAdmin h1 span {
        background: url(../images/r_admin.png) left no-repeat;
        float: left;
        height: 42px;
        margin: 4px 10px;
        width: 44px
    }
    .draggableWindowImport {
        margin: 20px 20px;
        width: 95%
    }
    .draggableWindowImport h1 {
        background: url(../images/gris_admin.jpg);
        cursor: default;
        float: left;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        width: 100%
    }
    .draggableWindowImport h1 span {
        background: url(../images/r_import.png) left no-repeat;
        float: left;
        height: 48px;
        margin: 4px 10px;
        width: 48px
    }
    .draggableWindowArchive {
        margin: 20px 20px;
        width: 95%
    }
    .draggableWindowArchive h1 {
        background: url(../images/gris_archive.jpg);
        cursor: default;
        float: left;
        font-size: 12px;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        text-align: center;
        text-indent: -67px;
        text-shadow: silver 1px 0 1px;
        width: 100%
    }
    .draggableWindowArchive h1 span {
        background: url(../images/r_archive.png) left no-repeat;
        float: left;
        /*
        Bug affichage image rabotee
        height: 42px;
        margin: 4px 10px;
        width: 42px
        */
        height: 48px;
        margin: 1px 10px;
        width: 48px
    }
    .draggableWindowLog {
        margin: 20px 20px;
        width: 95%
    }
    .draggableWindowLog h1 {
        background: url(../images/gris_archive.jpg);
        color: #000;
        cursor: default;
        float: left;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        width: 100%
    }
    .draggableWindowLog h1 span {
        background: url(../images/r_log.png) left no-repeat;
        float: left;
        height: 48px;
        margin: 2px 10px;
        width: 48px
    }
    .draggableWindowCalculatrice {
        margin: 10px;
        width: 95%
    }
    .draggableWindowCalculatrice h1 {
        background: url(../images/gris_calculatrice.jpg);
        cursor: default;
        float: left;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        width: 100%
    }
    .draggableWindowCalculatrice h1 span {
        background: url(../images/r_calculatrice.png) left no-repeat;
        float: left;
        height: 42px;
        margin: 4px 10px;
        width: 42px
    }
    .draggableWindowEmprunt {
        margin: 10px;
        width: 95%
    }
    .draggableWindowEmprunt h1 {
        background: url(../images/gris_calculatrice.jpg);
        cursor: default;
        float: left;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        width: 100%
    }
    .draggableWindowEmprunt h1 span {
        background: url(../images/r_emprunt.png) left no-repeat;
        float: left;
        height: 42px;
        margin: 4px 10px;
        width: 42px
    }

    .draggableWindowChat {
        margin: 20px 20px;
        width: 95%
    }
    .draggableWindowChat h1 {
        background: url(../images/gris_chat.jpg);
        cursor: default;
        float: left;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        width: 100%
    }
    .draggableWindowChat h1 span {
        background: url(../images/r_chat.png) left no-repeat;
        float: left;
        height: 42px;
        margin: 4px 10px;
        width: 42px
    }
    .draggableWindowRGPD {
        margin: 20px 20px;
        width: 95%
    }
    .draggableWindowRGPD h1 {
        background: url(../images/gris_chat.jpg);
        cursor: default;
        float: left;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        width: 100%
    }
    .draggableWindowRGPD h1 span {
        background: url(../images/r_RGPD.png) left no-repeat;
        float: left;
        height: 48px;
        margin: 1px 10px;
        width: 48px
    }

    .draggableWindowHorloge {
        margin: 20px 20px;
        width: 95%
    }
    .draggableWindowHorloge h1 {
        background: url(../images/gris_horloge.jpg);
        cursor: default;
        float: left;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        width: 100%
    }
    .draggableWindowHorloge h1 span {
        background: url(../images/r_clock.png) left no-repeat;
        float: left;
        height: 42px;
        margin: 4px 10px;
        width: 42px
    }
    .hrowhorloge {
        color: grey;
        font-weight: 700
    }
    .hrowhorloge td {
        width: 200px;
        padding: 5px 20px 5px 75px
    }
    .draggableWindowExtract,
    .draggableWindowPostit {
        border-bottom-color: silver;
        border-left-color: silver;
        border-right-color: silver;
        border-style: solid;
        border-top-color: silver;
        border-width: 1px;
        box-shadow: 1px 1px 12px #555;
        clear: both;
        overflow: auto;
        padding: 0;
        float: left
    }
    .draggableWindowPostit {
        margin: 20px 20px;
        width: 95%
    }
    .draggableWindowPostit h1 {
        background: url(../images/gris_postit.jpg);
        cursor: default;
        float: left;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        width: 100%
    }
    .draggableWindowPostit h1 span {
        background: url(../images/r_postit.png) left no-repeat;
/*
	width: 42px;
	height: 42px;
	float: left;
	margin: 4px 10px;
*/
width: 48px;
height: 48px;
float: left;
margin: 1px 10px;
    }
    .draggableWindowExtract {
        margin: 20px 55px;
        width: 95%
    }
    .draggableWindowExtract h1 {
        background: url(../images/gris_extract.jpg);
        cursor: default;
        float: left;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        width: 100%
    }
    .draggableWindowExtract h1 span {
        background: url(../images/r_extract.png) left no-repeat;
        float: left;
        height: 42px;
        margin: 4px 10px;
        width: 42px
    }
    .draggableWindowFileSRV,
    .draggableWindowSimpleDoc,
    .draggableWindowGraph {
        margin: 20px 20px;
        width: 95%
    }
    .draggableWindowGraph {
        border-width: 0;
        clear: both;
        float: left;
        overflow: auto;
        padding: 0
    }
    .draggableWindowDPO,
    .draggableWindowFileSRV,
	.draggableWindowSimpleDoc,
	.draggableWindowProjModele,
    .draggableWindowProj {
        border-bottom-color: silver;
        border-left-color: silver;
        border-right-color: silver;
        border-style: solid;
        border-top-color: silver;
        border-width: 1px;
        box-shadow: 1px 1px 12px #555;
        overflow: auto;
        padding: 0;
        float: left;
        clear: both
    }
    .draggableWindowFileSRV h1 {
        background: url(../images/gris_file_server.jpg);
        cursor: default;
        float: left;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        width: 100%
    }
    .draggableWindowFileSRV h1 span {
        background: url(../images/r_file_server.png) left no-repeat;
        float: left;
        height: 48px;
        margin: 1px 10px;
        width: 48px
    }
    .draggableWindowSimpleDoc h1 {
        background: url(../images/gris_file_server.jpg);
        cursor: default;
        float: left;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        width: 100%
    }
    .draggableWindowSimpleDoc h1 span {
        background: url(../images/r_simpledoc.png) left no-repeat;
        float: left;
        height: 48px;
        margin: 1px 10px;
        width: 48px
    }

    .draggableWindowProj {
        margin: 20px 20px;
        width: 95%
    }
    .draggableWindowProj h1 {
        background: url(../images/gris_projet.jpg);
        cursor: default;
        float: left;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        width: 100%
    }
    .draggableWindowProj h1 span {
        background: url(../images/r_projet.png) left no-repeat;
        float: left;
        height: 48px;
        margin: 1px 10px;
        width: 48px
    }
    .draggableWindowProjModele {
        margin: 20px 20px;
        width: 95%
    }
    .draggableWindowProjModele h1 {
        background: url(../images/gris_projet.jpg);
        cursor: default;
        float: left;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        width: 100%
    }
    .draggableWindowProjModele h1 span {
        background: url(../images/r_modele_projet.png) left no-repeat;
        float: left;
        height: 48px;
        margin: 1px 10px;
        width: 48px
    }
    .draggableWindowDPO {
        margin: 20px 20px;
        width: 95%
    }
    .draggableWindowDPO h1 {
        background: url(../images/gris_dpo.jpg);
        cursor: default;
        float: left;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        width: 100%
    }
    .sub_btn_cont,
    .sub_btn_cont:link,
    .sub_btn_soc,
    .sub_btn_soc:link {
        white-space: nowrap;
        border-bottom-color: #fff;
        border-left-color: #fff;
        border-right-color: #fff;
        border-style: solid;
        border-top-color: #fff;
        border-width: 3px;
        box-shadow: 1px 1px 12px #555;
        color: #000;
        font-size: 13px;
        -moz-border-radius: 5px;
        padding: 2px;
        position: relative;
        top: 15px;
        text-decoration: none
    }
    .draggableWindowDPO h1 span {
        background: url(../images/r_dpo.png) left no-repeat;
        float: left;
        height: 48px;
        margin: 1px 10px;
        width: 48px
    }
    .sub_btn_cont,
    .sub_btn_cont:link {
        background-color: #f5f6f6;
        margin: 12px 144px;
        border-radius: 5px;
        -webkit-border-radius: 5px
    }
    .sub_btn_cont:hover {
        background-color: #fff;
        color: #000;
        text-decoration: none;
        border-color: #3497EB
    }
    .sub_btn_cont:visited {
        color: #000;
        text-decoration: none
    }
    .sub_btn_soc,
    .sub_btn_soc:link {
        background-color: #f5f6f6;
        margin: 9px 142px;
        border-radius: 5px;
        -webkit-border-radius: 5px
    }
    .sub_btn_int,
    .sub_btn_int:link,
    .sub_btn_search,
    .sub_btn_search:link {
        white-space: nowrap;
        border-bottom-color: #fff;
        border-left-color: #fff;
        border-right-color: #fff;
        border-style: solid;
        border-top-color: #fff;
        border-width: 3px;
        box-shadow: 1px 1px 12px #555;
        color: #000;
        font-size: 13px;
        margin: 12px 142px;
        -moz-border-radius: 5px
    }
    .sub_btn_soc:hover {
        background-color: #fff;
        color: #000;
        text-decoration: none;
        border-color: #9d2bb2;/*#A030B3*/
    }
    .sub_btn_soc:visited {
        color: #000;
        text-decoration: none
    }
    .sub_btn_int,
    .sub_btn_int:link {
        background-color: #f5f6f6;
        border-radius: 5px;
        padding: 2px;
        position: relative;
        text-decoration: none;
        top: 15px;
        -webkit-border-radius: 5px
    }
    .sub_btn_int:hover {
        background-color: #fff;
        color: #000;
        text-decoration: none;
        border-color: #58B45C
    }
    .sub_btn_int:visited {
        color: #000;
        text-decoration: none
    }
    .sub_btn_search,
    .sub_btn_search:link {
        background-color: #f5f6f6;
        border-radius: 5px;
        padding: 2px;
        position: relative;
        text-decoration: none;
        top: 15px;
        -webkit-border-radius: 5px
    }
    .sub_btn_login,
    .sub_btn_login:link,
    .sub_btn_req,
    .sub_btn_req:link {
        margin: 9px 142px;
        -moz-border-radius: 5px;
        white-space: nowrap;
        border-bottom-color: #fff;
        border-left-color: #fff;
        border-right-color: #fff;
        border-style: solid;
        border-top-color: #fff;
        border-width: 3px;
        box-shadow: 1px 1px 12px #555;
        color: #000;
        font-size: 13px;
        padding: 2px;
        position: relative;
        text-decoration: none;
        top: 15px
    }
    .sub_btn_search:hover {
        background-color: #fff;
        color: #000;
        text-decoration: none;
        border-color: #96796F
    }
    .sub_btn_search:visited {
        color: #000;
        text-decoration: none
    }
    .sub_btn_req,
    .sub_btn_req:link {
        background-color: #f5f6f6;
        border-radius: 5px;
        -webkit-border-radius: 5px
    }
    .sub_btn_req:hover {
        background-color: #fff;
        color: #000;
        text-decoration: none;
        border-color: #FFA014
    }
    .sub_btn_req:visited {
        color: #000;
        text-decoration: none
    }
    .sub_btn_login,
    .sub_btn_login:link {
        background-color: #f5f6f6;
        border-radius: 5px;
        -webkit-border-radius: 5px
    }
    .sub_btn_login:hover {
        background-color: #fff;
        color: #000;
        text-decoration: none;
        border-color: #d2221b
    }
    .sub_btn_login:visited {
        color: #000;
        text-decoration: none
    }
    .sub_btn_ana,
    .sub_btn_ana:link {
        white-space: nowrap;
        background-color: #f5f6f6;
        border-bottom-color: #fff;
        border-left-color: #fff;
        border-right-color: #fff;
        border-style: solid;
        border-top-color: #fff;
        border-width: 3px;
        box-shadow: 1px 1px 12px #555;
        color: #000;
        font-size: 13px;
        margin: 12px 142px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 2px;
        position: relative;
        text-decoration: none;
        top: 15px;
        -webkit-border-radius: 5px
    }
    .sub_btn_ana:hover {
        background-color: #fff;
        color: #000;
        text-decoration: none;
        border-color: #ffd80b; /*#fef200*/
    }
    .sub_btn_adm,
    .sub_btn_adm:link {
        background-color: #f5f6f6;
        -moz-border-radius: 5px;
        border-bottom-color: #fff;
        border-left-color: #fff;
        border-right-color: #fff;
        border-style: solid;
        border-top-color: #fff;
        border-width: 3px;
        margin: 12px 142px;
        padding: 2px;
        position: relative;
        white-space: nowrap;
        box-shadow: 1px 1px 12px #555;
        font-size: 13px;
        color: #000;
        text-decoration: none;
        top: 15px
    }
    .sub_btn_ana:visited {
        color: #000;
        text-decoration: none
    }
    .sub_btn_adm {
        border-radius: 5px;
        -webkit-border-radius: 5px
    }
    .sub_btn_adm:link {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        border-radius: 5px;
        -webkit-border-radius: 5px
    }
    .sub_btn_adm:hover {
        background-color: #fff;
        color: #000;
        text-decoration: none;
        border-color: #FE4409
    }
    .sub_btn_adm:visited {
        color: #000;
        text-decoration: none
    }
    .sub_btn_arch,
    .sub_btn_arch:link {
        white-space: nowrap;
        background-color: #f5f6f6;
        border-bottom-color: #fff;
        border-left-color: #fff;
        border-right-color: #fff;
        border-style: solid;
        border-top-color: #fff;
        border-width: 3px;
        box-shadow: 1px 1px 12px #555;
        color: #000;
        font-size: 13px;
        margin: 12px 142px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 2px;
        position: relative;
        text-decoration: none;
        top: 15px;
        -webkit-border-radius: 5px
    }
    .sub_btn_arch:hover {
        background-color: #fff;
        color: #000;
        text-decoration: none;
        border-color: #000
    }
    .sub_btn_arch:visited {
        color: #000;
        text-decoration: none
    }
    #scrollToTop a {
        border: 0 solid #000;
        bottom: 15px;
        padding: 0;
        position: fixed;
        right: 10px
    }
    .sub_btn_chat {
        white-space: nowrap;
        background-color: #f5f6f6;
        border-bottom-color: #fff;
        border-left-color: #fff;
        border-right-color: #fff;
        border-style: solid;
        border-top-color: #fff;
        border-width: 3px;
        box-shadow: 1px 1px 12px #555;
        color: #000;
        font-size: 13px;
        margin: 12px 144px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 2px;
        position: relative;
        text-decoration: none;
        top: 5px;
        -webkit-border-radius: 5px
    }
    .sub_btn_chat:hover {
        background-color: #fff;
        color: #000;
        text-decoration: none;
        border-color: #3497EB
    }
    .sub_btn_chat:visited {
        color: #000;
        text-decoration: none
    }
    .sub_btn_rgpd {
        white-space: nowrap;
        background-color: #f5f6f6;
        border-bottom-color: #fff;
        border-left-color: #fff;
        border-right-color: #fff;
        border-style: solid;
        border-top-color: #fff;
        border-width: 3px;
        box-shadow: 1px 1px 12px #555;
        color: #000;
        font-size: 13px;
        margin: 12px 144px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 2px;
        position: relative;
        text-decoration: none;
        top: 5px;
        -webkit-border-radius: 5px
    }
    .sub_btn_rgpd:hover {
        background-color: #fff;
        color: #000;
        text-decoration: none;
        border-color: #3497EB
    }
    .sub_btn_rgpd:visited {
        color: #000;
        text-decoration: none
    }
    #btnRSS a {
        border: 0 solid #000;
        padding: 0;
        position: fixed;
        right: 12px;
        top: 15px
    }
    .sub_btn_extracteur,
    .sub_btn_note {
        white-space: nowrap;
        border-bottom-color: #fff;
        border-left-color: #fff;
        border-right-color: #fff;
        border-style: solid;
        border-top-color: #fff;
        border-width: 3px;
        box-shadow: 1px 1px 12px #555;
        color: #000;
        font-size: 13px;
        -moz-border-radius: 5px;
        padding: 2px;
        position: relative;
        text-decoration: none;
        top: 0
    }
    .sub_btn_note {
        background-color: #f5f6f6;
        margin: 10px;
        border-radius: 5px;
        -webkit-border-radius: 5px
    }
    .sub_btn_note:hover {
        background-color: #fff;
        color: #000;
        text-decoration: none;
        border-color: #ffd80b;/*#f3f33d*/
    }
    .sub_btn_note:visited {
        color: #000;
        text-decoration: none
    }
    .sub_btn_extracteur {
        background-color: #f5f6f6;
        margin: 0;
        border-radius: 5px;
        -webkit-border-radius: 5px
    }
    .sub_btn_FileSRV,
    .sub_btn_FileSRV:link,
    .sub_btn_SimpleDoc,
    .sub_btn_SimpleDoc:link,
    .sub_btn_Proj,
    .sub_btn_Proj:link,
    .sub_btn_InventaireERP,
    .sub_btn_InventaireERP:link,
    .sub_btn_ProjERP {
        border-bottom-color: #fff;
        border-left-color: #fff;
        border-right-color: #fff;
        border-style: solid;
        border-top-color: #fff;
        border-width: 3px;
        box-shadow: 1px 1px 12px #555;
        font-size: 13px;
        margin: 12px 142px;
        padding: 2px;
        top: 15px;
        color: #000;
        position: relative;
        text-decoration: none;
        white-space: nowrap
    }
    .sub_btn_extracteur:hover {
        background-color: #fff;
        color: #000;
        text-decoration: none;
        border-color: #6093e4
    }
    .sub_btn_extracteur:visited {
        color: #000;
        text-decoration: none
    }
    .sub_btn_Proj {
        background-color: #f5f6f6;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-border-radius: 5px
    }
    .sub_btn_Proj:hover {
        background-color: #fff;
        color: #000;
        text-decoration: none;
        border-color: #03A9F4
    }
    .sub_btn_Proj:visited {
        color: #000;
        text-decoration: none
    }

    .sub_btn_Proj:link,
    .sub_btn_InventaireERP,
	.sub_btn_InventaireERP:link,
    .sub_btn_ProjERP {
        background-color: #f5f6f6;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
		color: #000 !important;
    }
    .sub_btn_ProjERP:hover {
        background-color: #fff;
        color: #000 !important;
        text-decoration: none;
        border-color: #93C756
    }
    .sub_btn_ProjERP:visited {
        color: #000 !important;
        text-decoration: none
    }
    .sub_btn_InventaireERP:hover {
        background-color: #fff;
        color: #000;
        text-decoration: none;
        border-color: #5e4139
    }
    .sub_btn_InventaireERP:visited {
        color: #000;
        text-decoration: none
    }

    .sub_btn_FileSRV,
    .sub_btn_FileSRV:link {
        background-color: #f5f6f6;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-border-radius: 5px
    }
    .sub_btn_FileSRV:hover {
        background-color: #fff;
        color: #000;
        text-decoration: none;
        border-color: #b5e51d
    }
    .sub_btn_FileSRV:visited {
        color: #000;
        text-decoration: none
    }
	
    .sub_btn_SimpleDoc,
    .sub_btn_SimpleDoc:link {
        background-color: #f5f6f6;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-border-radius: 5px
    }
    .sub_btn_SimpleDoc:hover {
        background-color: #fff;
        color: #000;
        text-decoration: none;
        border-color: #b5e51d
    }
    .sub_btn_SimpleDoc:visited {
        color: #000;
        text-decoration: none
    }
    table.tablesorter {
        background-color: #F8F8F8;
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 14.4px;/*10pt;*/
        margin: 0 0 15px;
        text-align: left;
        width: 100%;
    }
    table.tablesorter tfoot tr th,
    table.tablesorter thead tr th {
        background-color: #F2F2F2;
        border: 1px solid #FFF;
        font-size: 10pt;/*8pt;*/
        padding: 4px
    }
    table.tablesorter thead tr .header {
        background-image: url(../images/bg.gif);
        background-position: center right;
        background-repeat: no-repeat;
        cursor: pointer
    }
    table.tablesorter tbody td {
        background-color: #FFF;
        color: #3d3d3d;
        padding: 4px;
        vertical-align: top
    }
    table.tablesorter tbody tr.odd td {
        background-color: #F9F9F9
    }
    table.tablesorter tbody tr.even td {
        background-color: #FFF
    }
    table.tablesorter thead tr .headerSortUp {
        background-image: url(../images/asc.gif)
    }
    table.tablesorter thead tr .headerSortDown {
        background-image: url(../images/desc.gif)
    }
    .formError {
        z-index: 990
    }
    .formError .formErrorContent {
        z-index: 991
    }
    .formError .formErrorArrow {
        z-index: 996
    }
    .formErrorInsideDialog.formError {
        z-index: 5000
    }
    .formErrorInsideDialog.formError .formErrorContent {
        z-index: 5001
    }
    .formErrorInsideDialog.formError .formErrorArrow {
        z-index: 5006
    }
    .inputContainer {
        position: relative;
        float: left
    }
    .formError {
        position: absolute;
        top: 300px;
        left: 300px;
        display: block
    }
    .ajaxSubmit {
        padding: 20px;
        background: #55ea55;
        border: 1px solid #999;
        display: none
    }
    .formError .formErrorContent {
        background: #ee0101;
        position: relative;
        color: #fff;
        width: 150px;
        font-size: 11px;
        border: 2px solid #F2F2F2;
        box-shadow: 0 0 6px #000;
        -moz-box-shadow: 0 0 6px #000;
        -webkit-box-shadow: 0 0 6px #000;
        padding: 4px 10px;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px
    }
    .greenPopup .formErrorContent {
        background: #33be40
    }
    .blackPopup .formErrorContent {
        background: #393939;
        color: #FFF
    }
    .formError .formErrorArrow {
        width: 15px;
        margin: -2px 0 0 13px;
        position: relative
    }
    body.rtl .formError .formErrorArrow,
    body[dir=rtl] .formError .formErrorArrow {
        margin: -2px 13px 0 0
    }
    .formError .formErrorArrowBottom {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        margin: 0 0 0 12px;
        top: 2px
    }
    .formError .formErrorArrow div {
        border-left: 2px solid #F2F2F2;
        border-right: 2px solid #F2F2F2;
        box-shadow: 0 2px 3px #444;
        -moz-box-shadow: 0 2px 3px #444;
        -webkit-box-shadow: 0 2px 3px #444;
        height: 1px;
        background: #ee0101;
        margin: 0 auto;
        line-height: 0;
        font-size: 0;
        display: block
    }
    .formError .formErrorArrowBottom div {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none
    }
    .greenPopup .formErrorArrow div {
        background: #33be40
    }
    .blackPopup .formErrorArrow div {
        background: #393939;
        color: #FFF
    }
    .formError .formErrorArrow .line10 {
        width: 15px;
        border: 0
    }
    .formError .formErrorArrow .line9 {
        width: 13px;
        border: 0
    }
    .formError .formErrorArrow .line8 {
        width: 11px
    }
    .formError .formErrorArrow .line7 {
        width: 9px
    }
    .formError .formErrorArrow .line6 {
        width: 7px
    }
    .formError .formErrorArrow .line5 {
        width: 5px
    }
    .formError .formErrorArrow .line4 {
        width: 3px
    }
    .formError .formErrorArrow .line3 {
        width: 1px;
        border-left: 2px solid #F2F2F2;
        border-right: 2px solid #F2F2F2;
        border-bottom: 0 solid #F2F2F2
    }
    .formError .formErrorArrow .line2 {
        width: 3px;
        border: 0;
        background: #F2F2F2
    }
    .formError .formErrorArrow .line1 {
        width: 1px;
        border: 0;
        background: #F2F2F2
    }
    form.formular {
        padding: 20px;
        width: 300px;
        margin: 0 auto
    }
    .formular fieldset {
        margin-top: 20px;
        padding: 15px
    }
    .formular legend {
        font-size: 12px;
        color: #15428b;
        font-weight: 900
    }
    .formular fieldset label {
        float: none;
        text-align: inherit;
        width: auto
    }
    .formular label span {
        color: #000
    }
    .formular .text-input,
    .formular textarea {
        width: 250px;
        color: #555;
        padding: 4px;
        border: 1px solid #b5b8c8;
        font-size: 14px;
        margin-top: 4px;
        background: repeat-x #FFF
    }
    .formular input,
    .formular select,
    .formular textarea {
        display: block;
        margin-bottom: 5px
    }
    .formular textarea {
        height: 70px
    }
    .formular .infos {
        background: #FFF;
        color: #333;
        font-size: 12px;
        padding: 10px;
        margin-bottom: 10px
    }
    .formular .checkbox,
    .formular span.checkbox {
        display: inline
    }
    .formular .submit {
        border: 1px solid #AAA;
        padding: 4px;
        margin-top: 20px;
        float: right;
        text-decoration: none
    }
    .formular hr {
        clear: both;
        visibility: hidden
    }
    .formular .fc-error {
        width: 350px;
        color: #555;
        padding: 4px;
        border: 1px solid #b5b8c8;
        font-size: 12px;
        margin-bottom: 15px;
        background: #ffeaea
    }
    .ui-widget-content a,
    .ui-widget-header,
    .ui-widget-header a {
        color: #222
    }
    .ui-helper-hidden {
        display: none
    }
    .ui-helper-hidden-accessible {
        position: absolute!important;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px, 1px, 1px, 1px)
    }
    .ui-helper-zfix,
    .ui-widget-overlay {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%
    }
    .ui-helper-reset {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        line-height: 1.3;
        text-decoration: none;
        font-size: 100%;
        list-style: none
    }
    .ui-helper-clearfix:after,
    .ui-helper-clearfix:before {
        content: "";
        display: table
    }
    .ui-helper-clearfix:after {
        clear: both
    }
    .ui-helper-clearfix {
        zoom: 1
    }
    .ui-helper-zfix {
        opacity: 0;
        filter: Alpha(Opacity=0)
    }
    .ui-state-disabled {
        cursor: default!important
    }
    .ui-icon {
        display: block;
        text-indent: -99999px;
        overflow: hidden;
        background-repeat: no-repeat
    }
    .ui-accordion {
        width: 100%
    }
    .ui-accordion .ui-accordion-header {
        cursor: pointer;
        position: relative;
        margin-top: 1px;
        zoom: 1
    }
    .ui-accordion .ui-accordion-li-fix {
        display: inline
    }
    .ui-accordion .ui-accordion-header-active {
        border-bottom: 0!important
    }
    .ui-accordion .ui-accordion-header a {
        display: block;
        font-size: 1em;
        padding: .5em .5em .5em .7em
    }
    .ui-accordion-icons .ui-accordion-header a {
        padding-left: 2.2em
    }
    .ui-accordion .ui-accordion-header .ui-icon {
        position: absolute;
        left: .5em;
        top: 50%;
        margin-top: -8px
    }
    .ui-accordion .ui-accordion-content {
        padding: 1em 2.2em;
        border-top: 0;
        margin-top: -2px;
        position: relative;
        top: 1px;
        margin-bottom: 2px;
        overflow: auto;
        display: none;
        zoom: 1
    }
    .ui-accordion .ui-accordion-content-active,
    .ui-menu {
        display: block
    }
    .ui-autocomplete {
        position: absolute;
        cursor: default
    }
    * html .ui-autocomplete {
        width: 1px
    }
    .ui-menu {
        list-style: none;
        padding: 2px;
        margin: 0;
        float: left
    }
    .ui-menu .ui-menu {
        margin-top: -3px
    }
    .ui-menu .ui-menu-item {
        margin: 0;
        padding: 0;
        zoom: 1;
        float: left;
        clear: left;
        width: 100%
    }
    .ui-menu .ui-menu-item a {
        text-decoration: none;
        display: block;
        padding: .2em .4em;
        line-height: 1.5;
        zoom: 1
    }
    .ui-menu .ui-menu-item a.ui-state-active,
    .ui-menu .ui-menu-item a.ui-state-hover {
        font-weight: 400;
        margin: -1px
    }
    .ui-button {
        display: inline-block;
        position: relative;
        padding: 0;
        margin-right: .1em;
        text-decoration: none!important;
        cursor: pointer;
        text-align: center;
        zoom: 1;
        overflow: visible
    }
    .ui-button-icon-only {
        width: 2.2em
    }
    button.ui-button-icon-only {
        width: 2.4em
    }
    .ui-button-icons-only {
        width: 3.4em
    }
    button.ui-button-icons-only {
        width: 3.7em
    }
    .ui-button .ui-button-text {
        display: block;
        line-height: 1.4
    }
    .ui-button-text-only .ui-button-text {
        padding: .4em 1em
    }
    .ui-button-icon-only .ui-button-text,
    .ui-button-icons-only .ui-button-text {
        padding: .4em;
        text-indent: -9999999px
    }
    .ui-button-text-icon-primary .ui-button-text,
    .ui-button-text-icons .ui-button-text {
        padding: .4em 1em .4em 2.1em
    }
    .ui-button-text-icon-secondary .ui-button-text,
    .ui-button-text-icons .ui-button-text {
        padding: .4em 2.1em .4em 1em
    }
    .ui-button-text-icons .ui-button-text {
        padding-left: 2.1em;
        padding-right: 2.1em
    }
    input.ui-button {
        padding: .4em 1em
    }
    .ui-button-icon-only .ui-icon,
    .ui-button-icons-only .ui-icon,
    .ui-button-text-icon-primary .ui-icon,
    .ui-button-text-icon-secondary .ui-icon,
    .ui-button-text-icons .ui-icon {
        position: absolute;
        top: 50%;
        margin-top: -8px
    }
    .ui-button-icon-only .ui-icon {
        left: 50%;
        margin-left: -8px
    }
    .ui-button-icons-only .ui-button-icon-primary,
    .ui-button-text-icon-primary .ui-button-icon-primary,
    .ui-button-text-icons .ui-button-icon-primary {
        left: .5em
    }
    .ui-button-icons-only .ui-button-icon-secondary,
    .ui-button-text-icon-secondary .ui-button-icon-secondary,
    .ui-button-text-icons .ui-button-icon-secondary {
        right: .5em
    }
    .ui-buttonset {
        margin-right: 7px
    }
    .ui-buttonset .ui-button {
        margin-left: 0;
        margin-right: -.3em
    }
    button.ui-button::-moz-focus-inner {
        border: 0;
        padding: 0
    }
    .ui-datepicker {
        width: 17em;
        padding: .2em .2em 0;
        display: none
    }
    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0
    }
    .ui-datepicker .ui-datepicker-next,
    .ui-datepicker .ui-datepicker-prev {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em
    }
    .ui-datepicker .ui-datepicker-next-hover,
    .ui-datepicker .ui-datepicker-prev-hover {
        top: 1px
    }
    .ui-datepicker .ui-datepicker-prev {
        left: 2px
    }
    .ui-datepicker .ui-datepicker-next {
        right: 2px
    }
    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px
    }
    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px
    }
    .ui-datepicker .ui-datepicker-next span,
    .ui-datepicker .ui-datepicker-prev span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px
    }
    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center
    }
    .ui-datepicker .ui-datepicker-title select {
        font-size: 1em;
        margin: 1px 0
    }
    .ui-datepicker select.ui-datepicker-month-year {
        width: 100%
    }
    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 49%
    }
    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em
    }
    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: 700;
        border: 0
    }
    .ui-datepicker td {
        border: 0;
        padding: 1px
    }
    .ui-datepicker td a,
    .ui-datepicker td span {
        display: block;
        padding: .2em;
        text-align: right;
        text-decoration: none
    }
    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0
    }
    .ui-datepicker .ui-datepicker-buttonpane button {
        float: right;
        margin: .5em .2em .4em;
        cursor: pointer;
        padding: .2em .6em .3em;
        width: auto;
        overflow: visible
    }
    .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,
    .ui-datepicker-multi .ui-datepicker-group,
    .ui-datepicker-rtl .ui-datepicker-buttonpane button {
        float: left
    }
    .ui-datepicker.ui-datepicker-multi {
        width: auto
    }
    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em
    }
    .ui-datepicker-multi-2 .ui-datepicker-group {
        width: 50%
    }
    .ui-datepicker-multi-3 .ui-datepicker-group {
        width: 33.3%
    }
    .ui-datepicker-multi-4 .ui-datepicker-group {
        width: 25%
    }
    .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
        border-left-width: 0
    }
    .ui-datepicker-multi .ui-datepicker-buttonpane {
        clear: left
    }
    .ui-datepicker-row-break {
        clear: both;
        width: 100%;
        font-size: 0
    }
    .ui-datepicker-rtl {
        direction: rtl
    }
    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto
    }
    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto
    }
    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto
    }
    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto
    }
    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right
    }
    .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
    .ui-datepicker-rtl .ui-datepicker-group {
        float: right
    }
    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px
    }
    .ui-datepicker-cover {
        display: none;
        display: block;
        position: absolute;
        z-index: -1;
        filter: mask();
        top: -4px;
        left: -4px;
        width: 200px;
        height: 200px
    }
    .ui-dialog {
        position: absolute;
        padding: .2em;
        width: 300px;
        overflow: hidden
    }
    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative
    }
    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 16px .1em 0
    }
    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 19px;
        margin: -10px 0 0;
        padding: 1px;
        height: 18px
    }
    .ui-dialog .ui-dialog-titlebar-close span {
        display: block;
        margin: 1px
    }
    .ui-dialog .ui-dialog-titlebar-close:focus,
    .ui-dialog .ui-dialog-titlebar-close:hover {
        padding: 0
    }
    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: 0;
        overflow: auto;
        zoom: 1
    }
    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0;
        background-image: none;
        margin: .5em 0 0;
        padding: .3em 1em .5em .4em
    }
    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
        float: right
    }
    .ui-dialog .ui-dialog-buttonpane button {
        margin: .5em .4em .5em 0;
        cursor: pointer
    }
    .ui-dialog .ui-resizable-se {
        width: 14px;
        height: 14px;
        right: 3px;
        bottom: 3px
    }
    .ui-draggable .ui-dialog-titlebar {
        cursor: move
    }
    .ui-progressbar {
        height: 2em;
        text-align: left;
        overflow: hidden
    }
    .ui-progressbar .ui-progressbar-value {
        margin: -1px;
        height: 100%
    }
    .ui-resizable {
        position: relative
    }
    .ui-resizable-handle {
        position: absolute;
        font-size: .1px;
        z-index: 99999;
        display: block
    }
    .ui-resizable-autohide .ui-resizable-handle,
    .ui-resizable-disabled .ui-resizable-handle {
        display: none
    }
    .ui-resizable-n {
        cursor: n-resize;
        height: 7px;
        width: 100%;
        top: -5px;
        left: 0
    }
    .ui-resizable-s {
        cursor: s-resize;
        height: 7px;
        width: 100%;
        bottom: -5px;
        left: 0
    }
    .ui-resizable-e {
        cursor: e-resize;
        width: 7px;
        right: -5px;
        top: 0;
        height: 100%
    }
    .ui-resizable-w {
        cursor: w-resize;
        width: 7px;
        left: -5px;
        top: 0;
        height: 100%
    }
    .ui-resizable-se {
        cursor: se-resize;
        width: 12px;
        height: 12px;
        right: 1px;
        bottom: 1px
    }
    .ui-resizable-sw {
        cursor: sw-resize;
        width: 9px;
        height: 9px;
        left: -5px;
        bottom: -5px
    }
    .ui-resizable-nw {
        cursor: nw-resize;
        width: 9px;
        height: 9px;
        left: -5px;
        top: -5px
    }
    .ui-resizable-ne {
        cursor: ne-resize;
        width: 9px;
        height: 9px;
        right: -5px;
        top: -5px
    }
    .ui-selectable-helper {
        position: absolute;
        z-index: 100;
        border: 1px dotted #000
    }
    .ui-slider {
        position: relative;
        text-align: left
    }
    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: default
    }
    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0
    }
    .ui-slider-horizontal {
        height: .8em
    }
    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em
    }
    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%
    }
    .ui-slider-horizontal .ui-slider-range-min {
        left: 0
    }
    .ui-slider-horizontal .ui-slider-range-max {
        right: 0
    }
    .ui-slider-vertical {
        width: .8em;
        height: 100px
    }
    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em
    }
    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%
    }
    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0
    }
    .ui-slider-vertical .ui-slider-range-max {
        top: 0
    }
    .ui-tabs {
        position: relative;
        padding: .2em;
        zoom: 1
    }
    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0
    }
    .ui-tabs .ui-tabs-nav li {
        list-style: none;
        float: left;
        position: relative;
        top: 1px;
        margin: 0 .2em 1px 0;
        border-bottom: 0!important;
        padding: 0;
        white-space: nowrap
    }
    .ui-tabs .ui-tabs-nav li a {
        float: left;
        padding: .5em 1em;
        text-decoration: none;
        font-size: 1em;
    }
    .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
        margin-bottom: 0;
        padding-bottom: 1px
    }
    .ui-tabs .ui-tabs-nav li.ui-state-disabled a,
    .ui-tabs .ui-tabs-nav li.ui-state-processing a,
    .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
        cursor: text
    }
    .ui-tabs .ui-tabs-nav li a,
    .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
        cursor: pointer
    }
    .ui-tabs .ui-tabs-panel {
        display: block;
        border-width: 0;
        padding: 1em 1.4em;
        background: 0;
        overflow: auto
    }
    .ui-tabs .ui-tabs-hide {
        display: none!important
    }
    .ui-widget {
        font-family: /*Verdana,*/ 'Tahoma', 'Roboto', sans-serif;
        font-size: 1.1em
    }
    .ui-widget .ui-widget {
        font-size: 1em
    }
    .ui-widget button,
    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea {
        font-family: /*Verdana, */'Tahoma', 'Roboto', sans-serif;
        font-size: 1em
    }
    .ui-widget-content {
        border: 1px solid #aaa;
        background: url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x #fff;
        color: #222
    }
    .ui-widget-header {
        border: 1px solid #aaa;
        background: url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x #ccc;
        font-weight: 700
    }
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default {
        border: 1px solid #d3d3d3;
        /*background: url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x #e6e6e6;*/
        font-weight: 400;
        color: #555
    }
    .ui-state-default a,
    .ui-state-default a:link,
    .ui-state-default a:visited {
        color: #555;
        text-decoration: none
    }
    .ui-state-focus,
    .ui-state-hover,
    .ui-widget-content .ui-state-focus,
    .ui-widget-content .ui-state-hover,
    .ui-widget-header .ui-state-focus,
    .ui-widget-header .ui-state-hover {
        border: 1px solid #999;
        /*background: url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x #dadada;*/
        font-weight: 400;
        color: #212121
    }

    .ui-datepicker .ui-state-hover,
    .ui-datepicker .ui-widget-content .ui-state-hover,
    .ui-datepicker.ui-widget-header .ui-state-hover {
        background:#fcefa1!important;
    }

    .ui-state-hover a,
    .ui-state-hover a:hover {
        color: #212121;
        text-decoration: none
    }
    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active {
        border: 1px solid #aaa;
        /*background: url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x #fff!important;*/
        font-weight: 400;
        color: #212121
    }

    .ui-datepicker .ui-state-active,
    .ui-datepicker .ui-widget-content .ui-state-active,
    .ui-datepicker .ui-widget-header .ui-state-active{
        border: 1px solid #aaa;
        background: url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x #fff!important;
        font-weight: 400;
        color: #212121
    }
    .ui-state-active a,
    .ui-state-active a:link,
    .ui-state-active a:visited {
        color: #212121;
        text-decoration: none
    }
    .ui-widget:active {
        outline: 0
    }
    .ui-state-highlight,
    .ui-widget-content .ui-state-highlight,
    .ui-widget-header .ui-state-highlight {
        border: 1px solid #fcefa1;
        background: url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x #fbf9ee;
        color: #363636
    }
    .ui-state-highlight a,
    .ui-widget-content .ui-state-highlight a,
    .ui-widget-header .ui-state-highlight a {
        color: #363636
    }
    .ui-state-error,
    .ui-widget-content .ui-state-error,
    .ui-widget-header .ui-state-error {
        border: 1px solid #cd0a0a;
        background: url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x #fef1ec;
        color: #cd0a0a
    }
    .ui-state-error a,
    .ui-state-error-text,
    .ui-widget-content .ui-state-error a,
    .ui-widget-content .ui-state-error-text,
    .ui-widget-header .ui-state-error a,
    .ui-widget-header .ui-state-error-text {
        color: #cd0a0a
    }
    .ui-priority-primary,
    .ui-widget-content .ui-priority-primary,
    .ui-widget-header .ui-priority-primary {
        font-weight: 700
    }
    .ui-priority-secondary,
    .ui-widget-content .ui-priority-secondary,
    .ui-widget-header .ui-priority-secondary {
        opacity: .7;
        filter: Alpha(Opacity=70);
        font-weight: 400
    }
    .ui-state-disabled,
    .ui-widget-content .ui-state-disabled,
    .ui-widget-header .ui-state-disabled {
        opacity: .35;
        filter: Alpha(Opacity=35);
        background-image: none
    }
    .ui-icon,
    .ui-widget-content .ui-icon,
    .ui-widget-header .ui-icon {
        background-image: url(images/ui-icons_222222_256x240.png)
    }
    .ui-icon {
        width: 16px;
        height: 16px
    }
    .ui-state-default .ui-icon {
        background-image: url(images/ui-icons_888888_256x240.png)
    }
    .ui-state-active .ui-icon,
    .ui-state-focus .ui-icon,
    .ui-state-hover .ui-icon {
        background-image: url(images/ui-icons_454545_256x240.png)
    }
    .ui-state-highlight .ui-icon {
        background-image: url(images/ui-icons_2e83ff_256x240.png)
    }
    .ui-state-error .ui-icon,
    .ui-state-error-text .ui-icon {
        background-image: url(images/ui-icons_cd0a0a_256x240.png)
    }
    .ui-icon-carat-1-n {
        background-position: 0 0
    }
    .ui-icon-carat-1-ne {
        background-position: -16px 0
    }
    .ui-icon-carat-1-e {
        background-position: -32px 0
    }
    .ui-icon-carat-1-se {
        background-position: -48px 0
    }
    .ui-icon-carat-1-s {
        background-position: -64px 0
    }
    .ui-icon-carat-1-sw {
        background-position: -80px 0
    }
    .ui-icon-carat-1-w {
        background-position: -96px 0
    }
    .ui-icon-carat-1-nw {
        background-position: -112px 0
    }
    .ui-icon-carat-2-n-s {
        background-position: -128px 0
    }
    .ui-icon-carat-2-e-w {
        background-position: -144px 0
    }
    .ui-icon-triangle-1-n {
        background-position: 0 -16px
    }
    .ui-icon-triangle-1-ne {
        background-position: -16px -16px
    }
    .ui-icon-triangle-1-e {
        background-position: -32px -16px
    }
    .ui-icon-triangle-1-se {
        background-position: -48px -16px
    }
    .ui-icon-triangle-1-s {
        background-position: -64px -16px
    }
    .ui-icon-triangle-1-sw {
        background-position: -80px -16px
    }
    .ui-icon-triangle-1-w {
        background-position: -96px -16px
    }
    .ui-icon-triangle-1-nw {
        background-position: -112px -16px
    }
    .ui-icon-triangle-2-n-s {
        background-position: -128px -16px
    }
    .ui-icon-triangle-2-e-w {
        background-position: -144px -16px
    }
    .ui-icon-arrow-1-n {
        background-position: 0 -32px
    }
    .ui-icon-arrow-1-ne {
        background-position: -16px -32px
    }
    .ui-icon-arrow-1-e {
        background-position: -32px -32px
    }
    .ui-icon-arrow-1-se {
        background-position: -48px -32px
    }
    .ui-icon-arrow-1-s {
        background-position: -64px -32px
    }
    .ui-icon-arrow-1-sw {
        background-position: -80px -32px
    }
    .ui-icon-arrow-1-w {
        background-position: -96px -32px
    }
    .ui-icon-arrow-1-nw {
        background-position: -112px -32px
    }
    .ui-icon-arrow-2-n-s {
        background-position: -128px -32px
    }
    .ui-icon-arrow-2-ne-sw {
        background-position: -144px -32px
    }
    .ui-icon-arrow-2-e-w {
        background-position: -160px -32px
    }
    .ui-icon-arrow-2-se-nw {
        background-position: -176px -32px
    }
    .ui-icon-arrowstop-1-n {
        background-position: -192px -32px
    }
    .ui-icon-arrowstop-1-e {
        background-position: -208px -32px
    }
    .ui-icon-arrowstop-1-s {
        background-position: -224px -32px
    }
    .ui-icon-arrowstop-1-w {
        background-position: -240px -32px
    }
    .ui-icon-arrowthick-1-n {
        background-position: 0 -48px
    }
    .ui-icon-arrowthick-1-ne {
        background-position: -16px -48px
    }
    .ui-icon-arrowthick-1-e {
        background-position: -32px -48px
    }
    .ui-icon-arrowthick-1-se {
        background-position: -48px -48px
    }
    .ui-icon-arrowthick-1-s {
        background-position: -64px -48px
    }
    .ui-icon-arrowthick-1-sw {
        background-position: -80px -48px
    }
    .ui-icon-arrowthick-1-w {
        background-position: -96px -48px
    }
    .ui-icon-arrowthick-1-nw {
        background-position: -112px -48px
    }
    .ui-icon-arrowthick-2-n-s {
        background-position: -128px -48px
    }
    .ui-icon-arrowthick-2-ne-sw {
        background-position: -144px -48px
    }
    .ui-icon-arrowthick-2-e-w {
        background-position: -160px -48px
    }
    .ui-icon-arrowthick-2-se-nw {
        background-position: -176px -48px
    }
    .ui-icon-arrowthickstop-1-n {
        background-position: -192px -48px
    }
    .ui-icon-arrowthickstop-1-e {
        background-position: -208px -48px
    }
    .ui-icon-arrowthickstop-1-s {
        background-position: -224px -48px
    }
    .ui-icon-arrowthickstop-1-w {
        background-position: -240px -48px
    }
    .ui-icon-arrowreturnthick-1-w {
        background-position: 0 -64px
    }
    .ui-icon-arrowreturnthick-1-n {
        background-position: -16px -64px
    }
    .ui-icon-arrowreturnthick-1-e {
        background-position: -32px -64px
    }
    .ui-icon-arrowreturnthick-1-s {
        background-position: -48px -64px
    }
    .ui-icon-arrowreturn-1-w {
        background-position: -64px -64px
    }
    .ui-icon-arrowreturn-1-n {
        background-position: -80px -64px
    }
    .ui-icon-arrowreturn-1-e {
        background-position: -96px -64px
    }
    .ui-icon-arrowreturn-1-s {
        background-position: -112px -64px
    }
    .ui-icon-arrowrefresh-1-w {
        background-position: -128px -64px
    }
    .ui-icon-arrowrefresh-1-n {
        background-position: -144px -64px
    }
    .ui-icon-arrowrefresh-1-e {
        background-position: -160px -64px
    }
    .ui-icon-arrowrefresh-1-s {
        background-position: -176px -64px
    }
    .ui-icon-arrow-4 {
        background-position: 0 -80px
    }
    .ui-icon-arrow-4-diag {
        background-position: -16px -80px
    }
    .ui-icon-extlink {
        background-position: -32px -80px
    }
    .ui-icon-newwin {
        background-position: -48px -80px
    }
    .ui-icon-refresh {
        background-position: -64px -80px
    }
    .ui-icon-shuffle {
        background-position: -80px -80px
    }
    .ui-icon-transfer-e-w {
        background-position: -96px -80px
    }
    .ui-icon-transferthick-e-w {
        background-position: -112px -80px
    }
    .ui-icon-folder-collapsed {
        background-position: 0 -96px
    }
    .ui-icon-folder-open {
        background-position: -16px -96px
    }
    .ui-icon-document {
        background-position: -32px -96px
    }
    .ui-icon-document-b {
        background-position: -48px -96px
    }
    .ui-icon-note {
        background-position: -64px -96px
    }
    .ui-icon-mail-closed {
        background-position: -80px -96px
    }
    .ui-icon-mail-open {
        background-position: -96px -96px
    }
    .ui-icon-suitcase {
        background-position: -112px -96px
    }
    .ui-icon-comment {
        background-position: -128px -96px
    }
    .ui-icon-person {
        background-position: -144px -96px
    }
    .ui-icon-print {
        background-position: -160px -96px
    }
    .ui-icon-trash {
        background-position: -176px -96px
    }
    .ui-icon-locked {
        background-position: -192px -96px
    }
    .ui-icon-unlocked {
        background-position: -208px -96px
    }
    .ui-icon-bookmark {
        background-position: -224px -96px
    }
    .ui-icon-tag {
        background-position: -240px -96px
    }
    .ui-icon-home {
        background-position: 0 -112px
    }
    .ui-icon-flag {
        background-position: -16px -112px
    }
    .ui-icon-calendar {
        background-position: -32px -112px
    }
    .ui-icon-cart {
        background-position: -48px -112px
    }
    .ui-icon-pencil {
        background-position: -64px -112px
    }
    .ui-icon-clock {
        background-position: -80px -112px
    }
    .ui-icon-disk {
        background-position: -96px -112px
    }
    .ui-icon-calculator {
        background-position: -112px -112px
    }
    .ui-icon-zoomin {
        background-position: -128px -112px
    }
    .ui-icon-zoomout {
        background-position: -144px -112px
    }
    .ui-icon-search {
        background-position: -160px -112px
    }
    .ui-icon-wrench {
        background-position: -176px -112px
    }
    .ui-icon-gear {
        background-position: -192px -112px
    }
    .ui-icon-heart {
        background-position: -208px -112px
    }
    .ui-icon-star {
        background-position: -224px -112px
    }
    .ui-icon-link {
        background-position: -240px -112px
    }
    .ui-icon-cancel {
        background-position: 0 -128px
    }
    .ui-icon-plus {
        background-position: -16px -128px
    }
    .ui-icon-plusthick {
        background-position: -32px -128px
    }
    .ui-icon-minus {
        background-position: -48px -128px
    }
    .ui-icon-minusthick {
        background-position: -64px -128px
    }
    .ui-icon-close {
        background-position: -80px -128px
    }
    .ui-icon-closethick {
        background-position: -96px -128px
    }
    .ui-icon-key {
        background-position: -112px -128px
    }
    .ui-icon-lightbulb {
        background-position: -128px -128px
    }
    .ui-icon-scissors {
        background-position: -144px -128px
    }
    .ui-icon-clipboard {
        background-position: -160px -128px
    }
    .ui-icon-copy {
        background-position: -176px -128px
    }
    .ui-icon-contact {
        background-position: -192px -128px
    }
    .ui-icon-image {
        background-position: -208px -128px
    }
    .ui-icon-video {
        background-position: -224px -128px
    }
    .ui-icon-script {
        background-position: -240px -128px
    }
    .ui-icon-alert {
        background-position: 0 -144px
    }
    .ui-icon-info {
        background-position: -16px -144px
    }
    .ui-icon-notice {
        background-position: -32px -144px
    }
    .ui-icon-help {
        background-position: -48px -144px
    }
    .ui-icon-check {
        background-position: -64px -144px
    }
    .ui-icon-bullet {
        background-position: -80px -144px
    }
    .ui-icon-radio-off {
        background-position: -96px -144px
    }
    .ui-icon-radio-on {
        background-position: -112px -144px
    }
    .ui-icon-pin-w {
        background-position: -128px -144px
    }
    .ui-icon-pin-s {
        background-position: -144px -144px
    }
    .ui-icon-play {
        background-position: 0 -160px
    }
    .ui-icon-pause {
        background-position: -16px -160px
    }
    .ui-icon-seek-next {
        background-position: -32px -160px
    }
    .ui-icon-seek-prev {
        background-position: -48px -160px
    }
    .ui-icon-seek-end {
        background-position: -64px -160px
    }
    .ui-icon-seek-first,
    .ui-icon-seek-start {
        background-position: -80px -160px
    }
    .ui-icon-stop {
        background-position: -96px -160px
    }
    .ui-icon-eject {
        background-position: -112px -160px
    }
    .ui-icon-volume-off {
        background-position: -128px -160px
    }
    .ui-icon-volume-on {
        background-position: -144px -160px
    }
    .ui-icon-power {
        background-position: 0 -176px
    }
    .ui-icon-signal-diag {
        background-position: -16px -176px
    }
    .ui-icon-signal {
        background-position: -32px -176px
    }
    .ui-icon-battery-0 {
        background-position: -48px -176px
    }
    .ui-icon-battery-1 {
        background-position: -64px -176px
    }
    .ui-icon-battery-2 {
        background-position: -80px -176px
    }
    .ui-icon-battery-3 {
        background-position: -96px -176px
    }
    .ui-icon-circle-plus {
        background-position: 0 -192px
    }
    .ui-icon-circle-minus {
        background-position: -16px -192px
    }
    .ui-icon-circle-close {
        background-position: -32px -192px
    }
    .ui-icon-circle-triangle-e {
        background-position: -48px -192px
    }
    .ui-icon-circle-triangle-s {
        background-position: -64px -192px
    }
    .ui-icon-circle-triangle-w {
        background-position: -80px -192px
    }
    .ui-icon-circle-triangle-n {
        background-position: -96px -192px
    }
    .ui-icon-circle-arrow-e {
        background-position: -112px -192px
    }
    .ui-icon-circle-arrow-s {
        background-position: -128px -192px
    }
    .ui-icon-circle-arrow-w {
        background-position: -144px -192px
    }
    .ui-icon-circle-arrow-n {
        background-position: -160px -192px
    }
    .ui-icon-circle-zoomin {
        background-position: -176px -192px
    }
    .ui-icon-circle-zoomout {
        background-position: -192px -192px
    }
    .ui-icon-circle-check {
        background-position: -208px -192px
    }
    .ui-icon-circlesmall-plus {
        background-position: 0 -208px
    }
    .ui-icon-circlesmall-minus {
        background-position: -16px -208px
    }
    .ui-icon-circlesmall-close {
        background-position: -32px -208px
    }
    .ui-icon-squaresmall-plus {
        background-position: -48px -208px
    }
    .ui-icon-squaresmall-minus {
        background-position: -64px -208px
    }
    .ui-icon-squaresmall-close {
        background-position: -80px -208px
    }
    .ui-icon-grip-dotted-vertical {
        background-position: 0 -224px
    }
    .ui-icon-grip-dotted-horizontal {
        background-position: -16px -224px
    }
    .ui-icon-grip-solid-vertical {
        background-position: -32px -224px
    }
    .ui-icon-grip-solid-horizontal {
        background-position: -48px -224px
    }
    .ui-icon-gripsmall-diagonal-se {
        background-position: -64px -224px
    }
    .ui-icon-grip-diagonal-se {
        background-position: -80px -224px
    }
    .ui-widget-overlay,
    .ui-widget-shadow {
        background: url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x #aaa;
        opacity: .3;
        filter: Alpha(Opacity=30)
    }
    .ui-corner-all,
    .ui-corner-left,
    .ui-corner-tl,
    .ui-corner-top {
        -moz-border-radius-topleft: 4px;
        -webkit-border-top-left-radius: 4px;
        -khtml-border-top-left-radius: 4px;
        border-top-left-radius: 4px
    }
    .ui-corner-all,
    .ui-corner-right,
    .ui-corner-top,
    .ui-corner-tr {
        -moz-border-radius-topright: 4px;
        -webkit-border-top-right-radius: 4px;
        -khtml-border-top-right-radius: 4px;
        border-top-right-radius: 4px
    }
    .ui-corner-all,
    .ui-corner-bl,
    .ui-corner-bottom,
    .ui-corner-left {
        -moz-border-radius-bottomleft: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -khtml-border-bottom-left-radius: 4px;
        border-bottom-left-radius: 4px
    }
    .ui-corner-all,
    .ui-corner-bottom,
    .ui-corner-br,
    .ui-corner-right {
        -moz-border-radius-bottomright: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -khtml-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px
    }
    .ui-widget-shadow {
        margin: -8px 0 0 -8px;
        padding: 8px;
        -moz-border-radius: 8px;
        -khtml-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px
    }
    .menuganalytique a {
        background-image: url(../images/analytic_g.png)
    }
}
.draggableDPO>h1>.audio,
.draggableInventaireERP>h1>.audio,
.draggableProduitERP>h1>.audio,
.draggableRechercheERP>h1>.audio {
    display: none
}
@media only screen and (max-width: 1024px) {
    .BottomSimpleCRMEdit input,
    .formError,
    .formular .submit {
        cursor: pointer
    }
    .draggableWindowAdmin h1,
    .draggableWindowAna h1,
    .draggableWindowCalculatrice h1,
    .draggableWindowChat h1,
    .draggableWindowChercher h1,
    .draggableWindowEmprunt h1,
    .draggableWindowBourse h1,
    .draggableWindowContact h1,
    .draggableWindowDPO h1,
    .draggableWindowExtract h1,
    .draggableWindowFileSRV h1,
    .draggableWindowSimpleDoc h1,
    .draggableWindowHorloge h1,
    .draggableWindowImport h1,
    .draggableWindowInter h1,
    .draggableWindowLog h1,
    .draggableWindowPostit h1,
    .draggableWindowProj h1,
    .draggableWindowProjModele h1,
    .draggableWindowReq h1,
    .draggableWindowSoc h1 {
        text-shadow: silver 1px 0 1px
    }
    .tooltip {
        position: absolute;
        top: -2000px;
        left: -2000px;
        width: 300px;
        margin: 0;
        padding: 5px;
        font-size: 11px;
        color: #666;
        background: #fff;
        border: 5px solid #ccc
    }
    .GridSimpleCRM,
    .RecordSimpleCRM,
    .RecordSimpleCRMEdit,
    .RecordSimpleCRMView {
        width: 100%
    }
    .text,
    body {
        color: #000
    }
    .tooltiplink {
        margin: 2px
    }
    .tooltip p {
        margin: 5px 0 0;
        text-align: justify
    }
    #tooltip_1 {
        z-index: 100000
    }
    * html body,
    html>body {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 80%
    }
    html>body table,
    html>body td,
    html>body th {
        /*101 */
        font-size: 100%
    }
    * html body table,
    * html body td,
    * html body th {
        font-size: 120%
    }
    .th,
    td,
    th {
        font-size: 80%;
        font-family: 'Tahoma', 'Roboto', sans-serif;
    }
    a:active,
    a:hover,
    a:link,
    a:visited {
        color: #375d81
    }
    form {
        margin: 0
    }
    .th {
        font-weight: 700
    }
    * html body .th,
    html>body .th {
        font-size: 100%
    }
    fieldset {
        padding: 5px 20px;
        margin: 0 10px 10px
    }
    legend {
        padding: 6px 10px;
        margin-left: -10px;
        font-weight: 700
    }
    .CaptionSimpleCRM td,
    .CaptionSimpleCRM th {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 80%;
        text-align: left;
        vertical-align: top;
        padding: 3px;
        background-color: none;
        color: #000;
        white-space: nowrap
    }
    * html body .CaptionSimpleCRM td,
    * html body .CaptionSimpleCRM th,
    html>body .CaptionSimpleCRM td,
    html>body .CaptionSimpleCRM th {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 100%;
        text-align: left;
        vertical-align: top
    }
    .RowSimpleCRM td,
    .RowSimpleCRM th {
        font-size: 80%;
        background-color: none
    }
    .CaptionSimpleCRM img,
    .CaptionSimpleCRM input {
        vertical-align: middle
    }
    .CaptionSimpleCRM a:link,
    .CaptionSimpleCRM a:visited {
        color: #000
    }
    .CaptionSimpleCRM a:active,
    .CaptionSimpleCRM a:hover {
        color: #800040
    }
    .RowSimpleCRM td,
    .RowSimpleCRM th,
    caption.RowSimpleCRM {
        padding: 3px;
        color: #000;
        font-family: 'Tahoma', 'Roboto', sans-serif;
    }
    .CaptionSimpleCRM img {
        margin: 2px
    }
    .NoRecordsSimpleCRM td,
    .RowSimpleCRM td,
    .RowSimpleCRM th,
    caption.RowSimpleCRM {
        text-align: left;
        vertical-align: top
    }
    .RowSimpleCRM th {
        font-weight: 400;
        white-space: nowrap
    }
    * html body .RowSimpleCRM td,
    * html body .RowSimpleCRM th,
    html>body .RowSimpleCRM td,
    html>body .RowSimpleCRM th {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 100%
    }
    caption.RowSimpleCRM {
        font-size: 80%;
        border: 2px solid #046380;
        border-bottom: 0;
        background-color: #F9F9F9
    }
    * html body caption.RowSimpleCRM,
    html>body caption.RowSimpleCRM {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 100%
    }
    .FooterSimpleCRM td,
    .NoRecordsSimpleCRM td {
        font-size: 80%;
        padding: 3px;
        font-family: 'Tahoma', 'Roboto', sans-serif;
    }
    .RowSimpleCRM a:link {
        margin: 9px;
        padding: 3px;
        top: 1px;
        text-decoration: none
    }
    .SeparatorSimpleCRM {
        color: #046380
    }
    .SeparatorSimpleCRM td {
        height: 1px
    }
    .NoRecordsSimpleCRM td {
        background-color: none;
        color: #000
    }
    .FooterSimpleCRM td {
        background-color: #fff;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
        color: #000
    }
    html>body .FooterSimpleCRM td,
    html>body .NoRecordsSimpleCRM td {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 100%;
        background-color: #fff
    }
    * html body .FooterSimpleCRM td,
    * html body .NoRecordsSimpleCRM td {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 100%
    }
    .FooterSimpleCRM a:active,
    .FooterSimpleCRM a:hover,
    .FooterSimpleCRM a:link,
    .FooterSimpleCRM a:visited {
        color: #000
    }
    .FooterSimpleCRM img,
    .FooterSimpleCRM input {
        margin: 2px;
        vertical-align: middle
    }
    .GroupCaptionSimpleCRM td,
    .GroupCaptionSimpleCRM th {
        font-size: 80%;
        text-align: left;
        vertical-align: top;
        color: #000;
        font-weight: 700;
        font-family: 'Tahoma', 'Roboto', sans-serif;
        padding: 3px
    }
    .GroupCaptionSimpleCRM th {
        white-space: nowrap;
        background-color: #f0eed7
    }
    .GroupCaptionSimpleCRM td {
        background-color: #F9F9F9
    }
    * html body .GroupCaptionSimpleCRM td,
    * html body .GroupCaptionSimpleCRM th,
    html>body .GroupCaptionSimpleCRM td,
    html>body .GroupCaptionSimpleCRM th {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 100%
    }
    .GroupCaptionSimpleCRM a:link,
    .GroupCaptionSimpleCRM a:visited {
        color: #000
    }
    .GroupCaptionSimpleCRM a:active,
    .GroupCaptionSimpleCRM a:hover {
        color: #800040
    }
    .GroupFooterSimpleCRM td {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 80%;
        padding: 3px;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
        background-color: #dad3c0;
        color: #000
    }
    * html body .GroupFooterSimpleCRM td,
    html>body .GroupFooterSimpleCRM td {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 100%
    }
    .GroupFooterSimpleCRM a:link {
        color: #03c
    }
    .GroupFooterSimpleCRM a:visited {
        color: #800003
    }
    .GroupFooterSimpleCRM a:active,
    .GroupFooterSimpleCRM a:hover {
        color: #800040
    }
    .GroupFooterSimpleCRM img,
    .GroupFooterSimpleCRM input {
        margin: 2px;
        vertical-align: middle
    }
    .ControlsSimpleCRM td,
    .ControlsSimpleCRM th,
    .SubTotalSimpleCRM td,
    .TotalSimpleCRM td {
        text-align: left;
        vertical-align: top
    }
    .SubTotalSimpleCRM td {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 80%;
        padding: 3px;
        font-weight: 700;
        background-color: #f0eed7;
        color: #000;
        border-bottom: 2px solid #046380
    }
    * html body .SubTotalSimpleCRM td,
    html>body .SubTotalSimpleCRM td {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 100%
    }
    .SubTotalSimpleCRM a:link {
        color: #03c
    }
    .SubTotalSimpleCRM a:visited {
        color: #800003
    }
    .SubTotalSimpleCRM a:active,
    .SubTotalSimpleCRM a:hover {
        color: #800040
    }
    .TotalSimpleCRM td {
        font-family: 'Roboto', sans-serif;
        font-size: 80%;
        padding: 3px;
        white-space: nowrap;
        font-weight: 700;
        background-color: #fff;
        color: #000
    }
    * html body .TotalSimpleCRM td,
    html>body .TotalSimpleCRM td {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 100%
    }
    .TotalSimpleCRM a:link {
        color: #03c
    }
    .TotalSimpleCRM a:visited {
        color: #800003
    }
    .TotalSimpleCRM a:active,
    .TotalSimpleCRM a:hover {
        color: #800040
    }
    .thSimpleCRM {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 80%;
        font-weight: 700
    }
    * html body .thSimpleCRM,
    html>body .thSimpleCRM {
        font-size: 100%
    }
    .ControlsSimpleCRM th {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 80%;
        font-weight: 400;
        padding: 3px;
        background-color: #F9F9F9;
        white-space: nowrap;
        color: #000
    }
    .BottomSimpleCRM td,
    .ControlsSimpleCRM td {
        background-color: none;
        color: #000;
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 80%;
        padding: 3px
    }
    .BottomSimpleCRM td {
        text-align: right;
        vertical-align: middle;
        white-space: nowrap
    }
    html>body .BottomSimpleCRM td,
    html>body .ControlsSimpleCRM td,
    html>body .ControlsSimpleCRM th {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 80%
    }
    * html body .BottomSimpleCRM td,
    * html body .ControlsSimpleCRM td,
    * html body .ControlsSimpleCRM th,
    .ErrorSimpleCRMEdit td {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 100%
    }
    .BottomSimpleCRM a:link {
        margin: 9px;
        padding: 3px;
        top: 1px
    }
    .BottomSimpleCRM img,
    .BottomSimpleCRM input {
        margin: 2px;
        vertical-align: middle
    }
    .ErrorSimpleCRMEdit td {
        padding: 3px;
        text-align: left;
        color: red;
        vertical-align: top;
        background-color: #F2F2F2
    }
    * html body .ErrorSimpleCRMEdit td,
    * html>body .ErrorSimpleCRMEdit td {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 100%;
        color: red
    }
    .BottomSimpleCRMEdit td,
    .ControlsSimpleCRMEdit td,
    .ControlsSimpleCRMEdit th {
        font-size: 80%;
        background-color: #F2F2F2;
        padding: 3px;
        font-family: 'Tahoma', 'Roboto', sans-serif;
    }
    .ControlsSimpleCRMEdit th {
        font-weight: 400;
        text-align: left;
        vertical-align: top;
        white-space: nowrap;
        color: #222
    }
    .ControlsSimpleCRMEdit td {
        text-align: left;
        vertical-align: top;
        color: #222
    }
    .BottomSimpleCRMEdit td {
        text-align: right;
        vertical-align: middle;
        white-space: nowrap;
        color: #222
    }
    * html body .BottomSimpleCRMEdit td,
    * html body .ControlsSimpleCRMEdit td,
    * html body .ControlsSimpleCRMEdit th,
    html>body .BottomSimpleCRMEdit td,
    html>body .ControlsSimpleCRMEdit td,
    html>body .ControlsSimpleCRMEdit th {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 100%
    }
    .BottomSimpleCRMEdit a:link {
        margin: 9px;
        padding: 3px;
        top: 1px
    }
    .BottomSimpleCRMEdit img,
    .BottomSimpleCRMEdit input {
        margin: 2px;
        vertical-align: middle
    }
    .ControlsSimpleCRMEdit a:link {
        margin: 9px;
        padding: 3px;
        top: 1px
    }
    .thSimpleCRMEdit {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 80%;
        font-weight: 700
    }
    * html body .thSimpleCRMEdit,
    html>body .thSimpleCRMEdit {
        font-size: 100%
    }
    .ControlsSimpleCRMEdit .thSimpleCRMEdit,
    .ErrorSimpleCRMView td,
    .RowSimpleCRMEdit .thSimpleCRMEdit {
        font-size: 80%;
        background-color: #F2F2F2;
        font-family: 'Tahoma', 'Roboto', sans-serif;
        padding: 3px;
        text-align: left;
        vertical-align: top
    }
    .ControlsSimpleCRMEdit .thSimpleCRMEdit,
    .RowSimpleCRMEdit .thSimpleCRMEdit {
        font-weight: 400;
        white-space: nowrap;
        color: #222
    }
    .ErrorSimpleCRMView td {
        color: red
    }
    * html body .ErrorSimpleCRMView td,
    * html>body .ErrorSimpleCRMView td {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 100%
    }
    .BottomSimpleCRMView td,
    .ControlsSimpleCRMView td,
    .ControlsSimpleCRMView th {
        font-size: 80%;
        background-color: #F2F2F2;
        color: #222;
        font-family: 'Tahoma', 'Roboto', sans-serif;
    }
    .ControlsSimpleCRMView th {
        font-weight: 400;
        text-align: left;
        vertical-align: top;
        padding: 3px;
        white-space: nowrap
    }
    .ControlsSimpleCRMView td {
        padding: 3px;
        text-align: left;
        vertical-align: top
    }
    .BottomSimpleCRMView td {
        padding: 3px 3px 15px;
        text-align: right;
        vertical-align: middle;
        white-space: nowrap
    }
    .BottomSimpleCRMView a:link,
    .ControlsSimpleCRMView a:link {
        margin: 9px;
        padding: 3px;
        top: 1px
    }
    * html body .BottomSimpleCRMView td,
    * html body .ControlsSimpleCRMView td,
    * html body .ControlsSimpleCRMView th,
    html>body .BottomSimpleCRMView td,
    html>body .ControlsSimpleCRMView td,
    html>body .ControlsSimpleCRMView th {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 100%
    }
    .BottomSimpleCRMView img,
    .BottomSimpleCRMView input {
        margin: 2px;
        vertical-align: middle
    }
    table tr td strong {
        padding: 0;
        margin: 0
    }
    .thSimpleCRMView {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 80%;
        font-weight: 700
    }
    * html body .thSimpleCRMView,
    html>body .thSimpleCRMView {
        font-size: 100%
    }
    .ControlsSimpleCRMView .thSimpleCRMView,
    .RowSimpleCRMView .thSimpleCRMView {
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 80%;
        font-weight: 400;
        text-align: left;
        vertical-align: top;
        padding: 3px;
        background-color: #F2F2F2;
        white-space: nowrap;
        color: #222
    }
    .ui-timepicker-div .ui-widget-header {
        margin-bottom: 8px
    }
    .ui-timepicker-div dl {
        text-align: left
    }
    .ui-timepicker-div dl dt {
        height: 25px;
        margin-bottom: -25px
    }
    .ui-timepicker-div dl dd {
        margin: 0 10px 10px 65px
    }
    .ui-timepicker-div td {
        font-size: 90%
    }
    .ui-tpicker-grid-label {
        background: 0;
        border: 0;
        margin: 0;
        padding: 0
    }
    * {
        margin: 0;
        padding: 0
    }
    a:link,
    a:visited {
        color: #375d81;
        text-decoration: none
    }
    a:hover {
        color: #375d81;
        text-decoration: underline
    }
    body {
        background: #fff;
        font: 12px 'Tahoma', 'Roboto', sans-serif;/* Helvetica, sans-serif*/
    }
    img {
        border: 0
    }
    h1 {
        color: #000
    }
    .dock {
        height: 0;
        position: relative;
        text-align: center;
        top: 0
    }
    .dock-container {
        display: none
    }
    a.dock-item,
    a.dock-item:hover,
    a.dock-item:visited {
        color: #000;
        display: block;
        font: 700 12px 'Tahoma', 'Roboto', sans-serif;/* Helvetica, sans-serif;*/
        position: absolute;
        text-align: center;
        text-decoration: none;
        top: 0;
        width: 40px
    }
    .dock-item img {
        border: 0;
        margin: 10px 0 0;
        width: 100%
    }
    .dock-item span {
        display: none;
        padding-left: 20px
    }
    ul#navigation {
        left: 0;
        list-style: none;
        margin: 0;
        padding: 0;
        position: fixed;
        top: 144px;
        z-index: 9999
    }
    ul#navigation li {
        width: 100px
    }
    ul#navigation li a {
        background-color: #cfcfcf;
        background-position: center center;
        background-repeat: no-repeat;
        border: 1px solid #afafaf;
        box-shadow: 1px 1px 12px #555;
        display: block;
        filter: alpha(opacity=60);
        height: 70px;
        khtml-border-bottom-right-radius: 10px;
        khtml-border-top-right-radius: 10px;
        margin-left: -2px;
        moz-border-radius: 0 10px 10px 0;
        opacity: .6;
        webkit-border-bottom-right-radius: 10px;
        webkit-border-top-right-radius: 10px;
        width: 100px
    }
    .draggableWindowAna,
    .draggableWindowArchive,
    .draggableWindowCalculatrice,
    .draggableWindowChat,
    .draggableWindowChercher,
    .draggableWindowEmprunt,
    .draggableWindowBourse,
    .draggableWindowContact,
    .draggableWindowHorloge,
    .draggableWindowImport,
    .draggableWindowInter,
    .draggableWindowLog,
    .draggableWindowReq,
    .draggableWindowSoc {
        border-bottom-color: silver;
        border-left-color: silver;
        border-right-color: silver;
        border-style: solid;
        border-top-color: silver;
        border-width: 1px;
        box-shadow: 1px 1px 12px #555;
        clear: both;
        overflow: auto;
        padding: 0;
        float: left
    }
    ul#navigation .calculatrice a {
        background-image: url(../images/calculatrice.png)
    }
    ul#navigation .postit a {
        background-image: url(../images/postit.png)
    }
    ul#navigation .horloge a {
        background-image: url(../images/horloge.png)
    }
    ul#navigation .chat a {
        background-image: url(../images/chat.png)
    }
    ul#navigation .mailing a {
        background-image: url(../images/mass_mailing.png)
    }
    ul#navigation .recherche a {
        background-image: url(../images/recherche.png)
    }
    ul#navigation .faq a {
        background-image: url(../images/smsG.png)
    }
    ul#navigation .print a {
        background-image: url(../images/print.png)
    }
    ul#navigation .import a {
        background-image: url(../images/import.png)
    }
    ul#navigation .extract a {
        background-image: url(../images/extract_email.png)
    }
    .draggableWindowContact {
        margin: 20px 1px 0;
        width: 120%
    }
    .draggableWindowContact h1 {
        background: url(../images/gris_contact.jpg);
        cursor: default;
        float: left;
        font-size: 12px;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        text-align: center;
        text-indent: -67px;
        width: 100%
    }
    .draggableWindowContact h1 span {
        background: url(../images/r_contact.png) left no-repeat;
        float: left;
        height: 48px;
        margin: 1px 10px;
        width: 48px
    }
    .draggableWindowSoc {
        margin: 20px 1px 0;
        width: 120%
    }
    .draggableWindowSoc h1 {
        background: url(../images/gris_soc.jpg);
        cursor: default;
        float: left;
        font-size: 12px;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        text-align: center;
        text-indent: -67px;
        width: 100%
    }
    .draggableWindowSoc h1 span {
        background: url(../images/r_soc.png) left no-repeat;
        float: left;
        height: 42px;
        margin: 4px 10px;
        width: 42px
    }
    .draggableWindowInter {
        margin: 20px 1px 0;
        width: 120%
    }
    .draggableWindowInter h1 {
        background: url(../images/gris_inter.jpg);
        color: #000;
        cursor: default;
        float: left;
        font-size: 12px;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        text-align: center;
        text-indent: -67px;
        width: 100%
    }
    .draggableWindowInter h1 span {
        background: url(../images/r_inter.png) left no-repeat;
        float: left;
        height: 48px;
        margin: 1px 10px;
        width: 48px
    }
    .draggableWindowChercher {
        margin: 20px 1px 0;
        width: 120%
    }
    .draggableWindowChercher h1 {
        background: url(../images/gris_chercher.jpg);
        color: #000;
        cursor: default;
        float: left;
        font-size: 12px;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        text-align: center;
        text-indent: -67px;
        width: 100%
    }
    .draggableWindowChercher h1 span {
        background: url(../images/r_chercher.png) left no-repeat;
        float: left;
        height: 42px;
        margin: 4px 10px;
        width: 42px
    }
    .draggableWindowReq {
        margin: 20px 1px 0;
        width: 120%
    }
    .draggableWindowReq h1 {
        background: url(../images/gris_req.jpg);
        color: #000;
        cursor: default;
        float: left;
        font-size: 12px;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        text-align: center;
        text-indent: -67px;
        width: 100%
    }
    .draggableWindowReq h1 span {
        background: url(../images/r_req.png) left no-repeat;
        float: left;
        height: 48px;
        margin: 1px 10px;
        width: 48px
    }
    .draggableWindowAna {
        margin: 20px 1px 0;
        width: 120%
    }
    .draggableWindowAna h1 {
        background: url(../images/gris_ana.jpg);
        cursor: default;
        float: left;
        font-size: 12px;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        text-align: center;
        text-indent: -67px;
        width: 100%
    }
    .draggableWindowAna h1 span {
        background: url(../images/r_ana.png) left no-repeat;
        float: left;
        height: 48px;
        margin: 1px 10px;
        width: 48px
    }
    .draggableWindowAdmin {
        border-bottom-color: silver;
        border-left-color: silver;
        border-right-color: silver;
        border-style: solid;
        border-top-color: silver;
        border-width: 1px;
        box-shadow: 1px 1px 12px #555;
        clear: both;
        float: left;
        margin: 20px 20px;
        overflow: auto;
        padding: 0;
        width: 95%
    }
    .draggableWindowAdmin h1 {
        background: url(../images/gris_admin.jpg);
        cursor: default;
        float: left;
        font-size: 12px;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        text-align: center;
        text-indent: -67px;
        width: 100%
    }
    .draggableWindowAdmin h1 span {
        background: url(../images/r_admin.png) left no-repeat;
        float: left;
        height: 42px;
        margin: 4px 10px;
        width: 42px
    }
    .draggableWindowImport {
        margin: 20px 20px;
        width: 95%
    }
    .draggableWindowImport h1 {
        background: url(../images/gris_admin.jpg);
        cursor: default;
        float: left;
        font-size: 12px;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        text-align: center;
        text-indent: -67px;
        width: 100%
    }
    .draggableWindowImport h1 span {
        background: url(../images/r_import.png) left no-repeat;
        float: left;
        height: 42px;
        margin: 4px 10px;
        width: 42px
    }
    .draggableWindowArchive {
        margin: 20px 1px 0;
        width: 120%
    }
    .draggableWindowArchive h1 {
        background: url(../images/gris_archive.jpg);
        cursor: default;
        float: left;
        font-size: 12px;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        text-align: center;
        text-indent: -67px;
        text-shadow: silver 1px 0 1px;
        width: 100%
    }
    .draggableWindowArchive h1 span {
        background: url(../images/r_archive.png) left no-repeat;
        float: left;
        height: 42px;
        margin: 4px 10px;
        width: 42px
    }
    .draggableWindowLog {
        margin: 20px 1px 0;
        width: 120%
    }
    .draggableWindowLog h1 {
        background: url(../images/gris_archive.jpg);
        color: #000;
        cursor: default;
        float: left;
        font-size: 12px;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        text-align: center;
        text-indent: -67px;
        width: 100%
    }
    .draggableWindowLog h1 span {
        background: url(../images/r_log.png) left no-repeat;
        float: left;
        height: 48px;
        margin: 2px 10px;
        width: 48px
    }
    .draggableWindowCalculatrice {
        margin: 10px;
        width: 95%
    }
    .draggableWindowCalculatrice h1 {
        background: url(../images/gris_calculatrice.jpg);
        cursor: default;
        float: left;
        font-size: 12px;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        text-align: center;
        text-indent: -67px;
        width: 100%
    }
    .draggableWindowEmprunt h1 {
        background: url(../images/gris_calculatrice.jpg);
        cursor: default;
        float: left;
        font-size: 12px;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        text-align: center;
        text-indent: -67px;
        width: 100%
    }
    .draggableWindowEmprunt h1 span {
        background: url(../images/r_emprunt.png) left no-repeat;
        float: left;
        height: 42px;
        margin: 4px 10px;
        width: 42px
    }
    .draggableWindowChat {
        margin: 20px 20px;
        width: 95%
    }
    .draggableWindowChat h1 {
        background: url(../images/gris_chat.jpg);
        cursor: default;
        float: left;
        font-size: 12px;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        text-align: center;
        text-indent: -67px;
        width: 100%
    }
    .draggableWindowChat h1 span {
        background: url(../images/r_chat.png) left no-repeat;
        float: left;
        height: 42px;
        margin: 4px 10px;
        width: 42px
    }
    .draggableWindowRGPD {
        margin: 20px 20px;
        width: 95%
    }
    .draggableWindowRPGD h1 {
        background: url(../images/gris_chat.jpg);
        cursor: default;
        float: left;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        width: 100%
    }
    .draggableWindowRGPD h1 span {
        background: url(../images/r_RGPD.png) left no-repeat;
        float: left;
        height: 42px;
        margin: 4px 10px;
        width: 42px
    }
    .draggableWindowHorloge {
        margin: 20px 20px;
        width: 95%
    }
    .draggableWindowHorloge h1 {
        background: url(../images/gris_horloge.jpg);
        cursor: default;
        float: left;
        font-size: 12px;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        text-align: center;
        text-indent: -67px;
        width: 100%
    }
    .draggableWindowHorloge h1 span {
        background: url(../images/r_horloge.png) left no-repeat;
        float: left;
        height: 42px;
        margin: 4px 10px;
        width: 42px
    }
    .hrowhorloge {
        color: grey;
        font-weight: 700
    }
    .hrowhorloge td {
        width: 200px;
        padding: 5px 20px 5px 75px
    }
    .draggableWindowExtract,
    .draggableWindowPostit {
        border-bottom-color: silver;
        border-left-color: silver;
        border-right-color: silver;
        border-style: solid;
        border-top-color: silver;
        border-width: 1px;
        box-shadow: 1px 1px 12px #555;
        clear: both;
        overflow: auto;
        padding: 0;
        float: left
    }
    .draggableWindowPostit {
        margin: 20px 20px;
        width: 95%
    }
    .draggableWindowPostit h1 {
        background: url(../images/gris_postit.jpg);
        cursor: default;
        float: left;
        font-size: 12px;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        text-align: center;
        text-indent: -67px;
        width: 100%
    }
    .draggableWindowPostit h1 span {
        background: url(../images/r_postit.png) left no-repeat;
/*
	width: 42px;
	height: 42px;
	float: left;
	margin: 4px 10px;
*/
width: 48px;
height: 48px;
float: left;
margin: 1px 10px;
    }
    .draggableWindowExtract {
        margin: 20px 55px;
        width: 95%
    }
    .draggableWindowExtract h1 {
        background: url(../images/gris_extract.jpg);
        cursor: default;
        float: left;
        font-size: 12px;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        text-align: center;
        text-indent: -67px;
        width: 100%
    }
    .draggableWindowExtract h1 span {
        background: url(../images/r_extract.png) left no-repeat;
        float: left;
        height: 42px;
        margin: 4px 10px;
        width: 42px
    }
    .draggableWindowGraph {
        border-width: 0;
        clear: both;
        float: left;
        margin: 20px 20px;
        overflow: auto;
        padding: 0;
        width: 95%
    }
    .draggableWindowDPO,
    .draggableWindowFileSRV,
	.draggableWindowSimpleDoc,
    .draggableWindowProjModele, 
	.draggableWindowProj {
        border-bottom-color: silver;
        border-left-color: silver;
        border-right-color: silver;
        border-style: solid;
        border-top-color: silver;
        border-width: 1px;
        box-shadow: 1px 1px 12px #555;
        overflow: auto;
        padding: 0;
        float: left;
        clear: both
    }
    .draggableWindowFileSRV {
        margin: 20px 1px 0;
        width: 120%
    }
    .draggableWindowFileSRV h1 {
        background: url(../images/gris_file_server.jpg);
        cursor: default;
        float: left;
        font-size: 12px;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        text-align: center;
        text-indent: -67px;
        width: 100%
    }
    .draggableWindowFileSRV h1 span {
        background: url(../images/r_file_server.png) left no-repeat;
        float: left;
        height: 48px;
        margin: 1px 10px;
        width: 48px
    }
    .draggableWindowSimpleDoc {
        margin: 20px 1px 0;
        width: 120%
    }
    .draggableWindowSimpleDoc h1 {
        background: url(../images/gris_file_server.jpg);
        cursor: default;
        float: left;
        font-size: 12px;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        text-align: center;
        text-indent: -67px;
        width: 100%
    }
    .draggableWindowSimpleDoc h1 span {
        background: url(../images/r_file_server.png) left no-repeat;
        float: left;
        height: 48px;
        margin: 1px 10px;
        width: 48px
    }

    .draggableWindowProj {
        margin: 20px 1px 0;
        width: 120%
    }
    .draggableWindowProj h1 {
        background: url(../images/gris_projet.jpg);
        cursor: default;
        float: left;
        font-size: 12px;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        text-align: center;
        text-indent: -67px;
        width: 100%
    }
    .draggableWindowProj h1 span {
        background: url(../images/r_projet.png) left no-repeat;
        float: left;
        height: 48px;
        margin: 1px 10px;
        width: 48px
    }
    .draggableWindowProjModele {
        margin: 20px 1px 0;
        width: 120%
    }
    .draggableWindowProjModele h1 {
        background: url(../images/gris_projet.jpg);
        cursor: default;
        float: left;
        font-size: 12px;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        text-align: center;
        text-indent: -67px;
        width: 100%
    }
    .draggableWindowProjModele h1 span {
        background: url(../images/r_modele_projet.png) left no-repeat;
        float: left;
        height: 48px;
        margin: 1px 10px;
        width: 48px
    }

    .draggableWindowDPO {
        margin: 20px 20px;
        width: 95%
    }
    .draggableWindowDPO h1 {
        background: url(../images/gris_dpo.jpg);
        cursor: default;
        float: left;
        font-size: 12px;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        text-align: center;
        text-indent: -67px;
        width: 100%
    }
    .sub_btn_cont,
    .sub_btn_cont:link,
    .sub_btn_soc,
    .sub_btn_soc:link {
        white-space: nowrap;
        border-bottom-color: #fff;
        border-left-color: #fff;
        border-right-color: #fff;
        border-style: solid;
        border-top-color: #fff;
        border-width: 3px;
        box-shadow: 1px 1px 12px #555;
        color: #000;
        font-size: 13px;
        -moz-border-radius: 5px;
        padding: 2px;
        position: relative;
        top: 15px;
        text-decoration: none
    }
    .draggableWindowDPO h1 span {
        background: url(../images/r_dpo.png) left no-repeat;
        float: left;
        height: 48px;
        margin: 1px 10px;
        width: 48px
    }
    .sub_btn_cont,
    .sub_btn_cont:link {
        background-color: #f5f6f6;
        margin: 12px 144px;
        border-radius: 5px;
        -webkit-border-radius: 5px
    }
    .sub_btn_cont:hover {
        background-color: #fff;
        color: #000;
        text-decoration: none;
        border-color: #3497EB
    }
    .sub_btn_cont:visited {
        color: #000;
        text-decoration: none
    }
    .sub_btn_soc,
    .sub_btn_soc:link {
        background-color: #f5f6f6;
        margin: 9px 142px;
        border-radius: 5px;
        -webkit-border-radius: 5px
    }
    .sub_btn_int,
    .sub_btn_int:link,
    .sub_btn_search,
    .sub_btn_search:link {
        white-space: nowrap;
        border-bottom-color: #fff;
        border-left-color: #fff;
        border-right-color: #fff;
        border-style: solid;
        border-top-color: #fff;
        border-width: 3px;
        box-shadow: 1px 1px 12px #555;
        color: #000;
        font-size: 13px;
        margin: 12px 142px;
        -moz-border-radius: 5px
    }
    .sub_btn_soc:hover {
        background-color: #fff;
        color: #000;
        text-decoration: none;
        border-color: #A030B3
    }
    .sub_btn_soc:visited {
        color: #000;
        text-decoration: none
    }
    .sub_btn_int,
    .sub_btn_int:link {
        background-color: #f5f6f6;
        border-radius: 5px;
        padding: 2px;
        position: relative;
        text-decoration: none;
        top: 15px;
        -webkit-border-radius: 5px
    }
    .sub_btn_int:hover {
        background-color: #fff;
        color: #000;
        text-decoration: none;
        border-color: #58B45C
    }
    .sub_btn_int:visited {
        color: #000;
        text-decoration: none
    }
    .sub_btn_search,
    .sub_btn_search:link {
        background-color: #f5f6f6;
        border-radius: 5px;
        padding: 2px;
        position: relative;
        text-decoration: none;
        top: 15px;
        -webkit-border-radius: 5px
    }
    .sub_btn_login,
    .sub_btn_login:link,
    .sub_btn_req,
    .sub_btn_req:link {
        margin: 9px 142px;
        -moz-border-radius: 5px;
        white-space: nowrap;
        border-bottom-color: #fff;
        border-left-color: #fff;
        border-right-color: #fff;
        border-style: solid;
        border-top-color: #fff;
        border-width: 3px;
        box-shadow: 1px 1px 12px #555;
        color: #000;
        font-size: 13px;
        padding: 2px;
        position: relative;
        text-decoration: none;
        top: 15px
    }
    .sub_btn_search:hover {
        background-color: #fff;
        color: #000;
        text-decoration: none;
        border-color: #96796F
    }
    .sub_btn_search:visited {
        color: #000;
        text-decoration: none
    }
    .sub_btn_req,
    .sub_btn_req:link {
        background-color: #f5f6f6;
        border-radius: 5px;
        -webkit-border-radius: 5px
    }
    .sub_btn_req:hover {
        background-color: #fff;
        color: #000;
        text-decoration: none;
        border-color: #FFA014
    }
    .sub_btn_req:visited {
        color: #000;
        text-decoration: none
    }
    .sub_btn_login,
    .sub_btn_login:link {
        background-color: #f5f6f6;
        border-radius: 5px;
        -webkit-border-radius: 5px
    }
    .sub_btn_login:hover {
        background-color: #fff;
        color: #000;
        text-decoration: none;
        border-color: #d2221b
    }
    .sub_btn_login:visited {
        color: #000;
        text-decoration: none
    }
    .sub_btn_ana,
    .sub_btn_ana:link {
        white-space: nowrap;
        background-color: #f5f6f6;
        border-bottom-color: #fff;
        border-left-color: #fff;
        border-right-color: #fff;
        border-style: solid;
        border-top-color: #fff;
        border-width: 3px;
        box-shadow: 1px 1px 12px #555;
        color: #000;
        font-size: 13px;
        margin: 12px 142px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 2px;
        position: relative;
        text-decoration: none;
        top: 15px;
        -webkit-border-radius: 5px
    }
    .sub_btn_ana:hover {
        background-color: #fff;
        color: #000;
        text-decoration: none;
        border-color: #fef200
    }
    .sub_btn_adm,
    .sub_btn_adm:link {
        background-color: #f5f6f6;
        -moz-border-radius: 5px;
        border-bottom-color: #fff;
        border-left-color: #fff;
        border-right-color: #fff;
        border-style: solid;
        border-top-color: #fff;
        border-width: 3px;
        margin: 12px 142px;
        padding: 2px;
        position: relative;
        white-space: nowrap;
        box-shadow: 1px 1px 12px #555;
        font-size: 13px;
        color: #000;
        text-decoration: none;
        top: 15px
    }
    .sub_btn_ana:visited {
        color: #000;
        text-decoration: none
    }
    .sub_btn_adm {
        border-radius: 5px;
        -webkit-border-radius: 5px
    }
    .sub_btn_adm:link {
        font-family: 'Tahoma', 'Roboto', sans-serif;;
        border-radius: 5px;
        -webkit-border-radius: 5px
    }
    .sub_btn_adm:hover {
        background-color: #fff;
        color: #000;
        text-decoration: none;
        border-color: #FE4409
    }
    .sub_btn_adm:visited {
        color: #000;
        text-decoration: none
    }
    .sub_btn_arch,
    .sub_btn_arch:link {
        white-space: nowrap;
        background-color: #f5f6f6;
        border-bottom-color: #fff;
        border-left-color: #fff;
        border-right-color: #fff;
        border-style: solid;
        border-top-color: #fff;
        border-width: 3px;
        box-shadow: 1px 1px 12px #555;
        color: #000;
        font-size: 13px;
        margin: 12px 142px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 2px;
        position: relative;
        text-decoration: none;
        top: 15px;
        -webkit-border-radius: 5px
    }
    .sub_btn_arch:hover {
        background-color: #fff;
        color: #000;
        text-decoration: none;
        border-color: #000
    }
    .sub_btn_arch:visited {
        color: #000;
        text-decoration: none
    }
    #scrollToTop a {
        border: 0 solid #000;
        bottom: 15px;
        padding: 0;
        position: fixed;
        right: 10px
    }
    .sub_btn_chat {
        white-space: nowrap;
        background-color: #f5f6f6;
        border-bottom-color: #fff;
        border-left-color: #fff;
        border-right-color: #fff;
        border-style: solid;
        border-top-color: #fff;
        border-width: 3px;
        box-shadow: 1px 1px 12px #555;
        color: #000;
        font-size: 13px;
        margin: 12px 144px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 2px;
        position: relative;
        text-decoration: none;
        top: 5px;
        -webkit-border-radius: 5px
    }
    .sub_btn_chat:hover {
        background-color: #fff;
        color: #000;
        text-decoration: none;
        border-color: #3497EB
    }
    .sub_btn_chat:visited {
        color: #000;
        text-decoration: none
    }
    .sub_btn_rgpd {
        white-space: nowrap;
        background-color: #f5f6f6;
        border-bottom-color: #fff;
        border-left-color: #fff;
        border-right-color: #fff;
        border-style: solid;
        border-top-color: #fff;
        border-width: 3px;
        box-shadow: 1px 1px 12px #555;
        color: #000;
        font-size: 13px;
        margin: 12px 144px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 2px;
        position: relative;
        text-decoration: none;
        top: 5px;
        -webkit-border-radius: 5px
    }
    .sub_btn_rgpd:hover {
        background-color: #fff;
        color: #000;
        text-decoration: none;
        border-color: #3497EB
    }
    .sub_btn_rgpd:visited {
        color: #000;
        text-decoration: none
    }


    #btnRSS a {
        border: 0 solid #000;
        padding: 0;
        position: fixed;
        right: 12px;
        top: 15px
    }
    .sub_btn_extracteur,
    .sub_btn_note {
        white-space: nowrap;
        border-bottom-color: #fff;
        border-left-color: #fff;
        border-right-color: #fff;
        border-style: solid;
        border-top-color: #fff;
        border-width: 3px;
        box-shadow: 1px 1px 12px #555;
        color: #000;
        font-size: 13px;
        -moz-border-radius: 5px;
        padding: 2px;
        position: relative;
        text-decoration: none;
        top: 0
    }
    .sub_btn_note {
        background-color: #f5f6f6;
        margin: 10px;
        border-radius: 5px;
        -webkit-border-radius: 5px
    }
    .sub_btn_note:hover {
        background-color: #fff;
        color: #000;
        text-decoration: none;
        border-color: #ffd80b;/*#f3f33d*/
    }
    .sub_btn_note:visited {
        color: #000;
        text-decoration: none
    }
    .sub_btn_extracteur {
        background-color: #f5f6f6;
        margin: 0;
        border-radius: 5px;
        -webkit-border-radius: 5px
    }
    .sub_btn_FileSRV,
    .sub_btn_FileSRV:link,
    .sub_btn_SimpleDoc,
    .sub_btn_SimpleDoc:link,
    .sub_btn_Proj,
    .sub_btn_Proj:link,
    .sub_btn_InventaireERP,
    .sub_btn_InventaireERP:link,
    .sub_btn_ProjERP,
    .sub_btn_ProjERP:link {
        border-bottom-color: #fff;
        border-left-color: #fff;
        border-right-color: #fff;
        border-style: solid;
        border-top-color: #fff;
        border-width: 3px;
        box-shadow: 1px 1px 12px #555;
        font-size: 13px;
        margin: 12px 142px;
        padding: 2px;
        top: 15px;
        color: #000;
        position: relative;
        text-decoration: none;
        white-space: nowrap
    }
    .sub_btn_extracteur:hover {
        background-color: #fff;
        color: #000;
        text-decoration: none;
        border-color: #6093e4
    }
    .sub_btn_extracteur:visited {
        color: #000;
        text-decoration: none
    }
    .sub_btn_Proj,
    .sub_btn_Proj:link {
        background-color: #f5f6f6;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-border-radius: 5px
    }
    .sub_btn_Proj:hover {
        background-color: #fff;
        color: #000;
        text-decoration: none;
        border-color: #03A9F4
    }
    .sub_btn_Proj:visited {
        color: #000;
        text-decoration: none
    }
    .sub_btn_FileSRV,
    .sub_btn_SimpleDoc,
    .sub_btn_ProjERP,
    .sub_btn_InventaireERP:link,
	.sub_btn_InventaireERP,
    .sub_btn_ProjERP:link {
        background-color: #f5f6f6;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
		color: #000;
    }
    .sub_btn_ProjERP:hover {
        background-color: #fff;
        color: #000;
        text-decoration: none;
        /*border-color: #5e4139*/
        border-color: #93C756

    }
    .sub_btn_ProjERP:visited {
        color: #000;
        text-decoration: none
    }
    .sub_btn_InventaireERP:hover {
        background-color: #fff;
        color: #000;
        text-decoration: none;
        /*border-color: #93C756*/
        border-color: #5e4139

    }
    .sub_btn_InventaireERP:visited {
        color: #000;
        text-decoration: none
    }
    .sub_btn_FileSRV:link {
        background-color: #f5f6f6;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-border-radius: 5px
    }
    .sub_btn_FileSRV:hover {
        background-color: #fff;
        color: #000;
        text-decoration: none;
        border-color: #b5e51d
    }
    .sub_btn_FileSRV:visited {
        color: #000;
        text-decoration: none
    }
    .sub_btn_SimpleDoc:link {
        background-color: #f5f6f6;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-border-radius: 5px
    }
    .sub_btn_SimpleDoc:hover {
        background-color: #fff;
        color: #000;
        text-decoration: none;
        border-color: #b5e51d
    }
    .sub_btn_SimpleDoc:visited {
        color: #000;
        text-decoration: none
    }
    table.tablesorter {
        background-color: #F8F8F8;
        font-family: 'Tahoma', 'Roboto', sans-serif;
        font-size: 10pt;
        margin: 0 0 15px;
        text-align: left;
        width: 100%
    }
    table.tablesorter tfoot tr th,
    table.tablesorter thead tr th {
        background-color: #F2F2F2;
        border: 1px solid #FFF;
        font-size: 8pt;
        padding: 4px
    }
    table.tablesorter thead tr .header {
        background-image: url(../images/bg.gif);
        background-position: center right;
        background-repeat: no-repeat;
        cursor: pointer
    }
    table.tablesorter tbody td {
        background-color: #FFF;
        color: #3d3d3d;
        padding: 4px;
        vertical-align: top
    }
    table.tablesorter tbody tr.odd td {
        background-color: #F9F9F9
    }
    table.tablesorter tbody tr.even td {
        background-color: #FFF
    }
    table.tablesorter thead tr .headerSortUp {
        background-image: url(../images/asc.gif)
    }
    table.tablesorter thead tr .headerSortDown {
        background-image: url(../images/desc.gif)
    }
    .formError {
        z-index: 990
    }
    .formError .formErrorContent {
        z-index: 991
    }
    .formError .formErrorArrow {
        z-index: 996
    }
    .formErrorInsideDialog.formError {
        z-index: 5000
    }
    .formErrorInsideDialog.formError .formErrorContent {
        z-index: 5001
    }
    .formErrorInsideDialog.formError .formErrorArrow {
        z-index: 5006
    }
    .inputContainer {
        position: relative;
        float: left
    }
    .formError {
        position: absolute;
        top: 300px;
        left: 300px;
        display: block
    }
    .ajaxSubmit {
        padding: 20px;
        background: #55ea55;
        border: 1px solid #999;
        display: none
    }
    .formError .formErrorContent {
        background: #ee0101;
        position: relative;
        color: #fff;
        width: 150px;
        font-size: 11px;
        border: 2px solid #F2F2F2;
        box-shadow: 0 0 6px #000;
        -moz-box-shadow: 0 0 6px #000;
        -webkit-box-shadow: 0 0 6px #000;
        padding: 4px 10px;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px
    }
    .greenPopup .formErrorContent {
        background: #33be40
    }
    .blackPopup .formErrorContent {
        background: #393939;
        color: #FFF
    }
    .formError .formErrorArrow {
        width: 15px;
        margin: -2px 0 0 13px;
        position: relative
    }
    body.rtl .formError .formErrorArrow,
    body[dir=rtl] .formError .formErrorArrow {
        margin: -2px 13px 0 0
    }
    .formError .formErrorArrowBottom {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        margin: 0 0 0 12px;
        top: 2px
    }
    .formError .formErrorArrow div {
        border-left: 2px solid #F2F2F2;
        border-right: 2px solid #F2F2F2;
        box-shadow: 0 2px 3px #444;
        -moz-box-shadow: 0 2px 3px #444;
        -webkit-box-shadow: 0 2px 3px #444;
        height: 1px;
        background: #ee0101;
        margin: 0 auto;
        line-height: 0;
        font-size: 0;
        display: block
    }
    .formError .formErrorArrowBottom div {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none
    }
    .greenPopup .formErrorArrow div {
        background: #33be40
    }
    .blackPopup .formErrorArrow div {
        background: #393939;
        color: #FFF
    }
    .formError .formErrorArrow .line10 {
        width: 15px;
        border: 0
    }
    .formError .formErrorArrow .line9 {
        width: 13px;
        border: 0
    }
    .formError .formErrorArrow .line8 {
        width: 11px
    }
    .formError .formErrorArrow .line7 {
        width: 9px
    }
    .formError .formErrorArrow .line6 {
        width: 7px
    }
    .formError .formErrorArrow .line5 {
        width: 5px
    }
    .formError .formErrorArrow .line4 {
        width: 3px
    }
    .formError .formErrorArrow .line3 {
        width: 1px;
        border-left: 2px solid #F2F2F2;
        border-right: 2px solid #F2F2F2;
        border-bottom: 0 solid #F2F2F2
    }
    .formError .formErrorArrow .line2 {
        width: 3px;
        border: 0;
        background: #F2F2F2
    }
    .formError .formErrorArrow .line1 {
        width: 1px;
        border: 0;
        background: #F2F2F2
    }
    form.formular {
        padding: 20px;
        width: 300px;
        margin: 0 auto
    }
    .formular fieldset {
        margin-top: 20px;
        padding: 15px
    }
    .formular legend {
        font-size: 12px;
        color: #15428b;
        font-weight: 900
    }
    .formular fieldset label {
        float: none;
        text-align: inherit;
        width: auto
    }
    .formular label span {
        color: #000
    }
    .formular .text-input,
    .formular textarea {
        width: 250px;
        color: #555;
        padding: 4px;
        border: 1px solid #b5b8c8;
        font-size: 14px;
        margin-top: 4px;
        background: repeat-x #FFF
    }
    .formular input,
    .formular select,
    .formular textarea {
        display: block;
        margin-bottom: 5px
    }
    .formular textarea {
        height: 70px
    }
    .formular .infos {
        background: #FFF;
        color: #333;
        font-size: 12px;
        padding: 10px;
        margin-bottom: 10px
    }
    .formular .checkbox,
    .formular span.checkbox {
        display: inline
    }
    .formular .submit {
        border: 1px solid #AAA;
        padding: 4px;
        margin-top: 20px;
        float: right;
        text-decoration: none
    }
    .formular hr {
        clear: both;
        visibility: hidden
    }
    .formular .fc-error {
        width: 350px;
        color: #555;
        padding: 4px;
        border: 1px solid #b5b8c8;
        font-size: 12px;
        margin-bottom: 15px;
        background: #ffeaea
    }
    .ui-widget-content a,
    .ui-widget-header,
    .ui-widget-header a {
        color: #222
    }
    .ui-helper-hidden {
        display: none
    }
    .ui-helper-hidden-accessible {
        position: absolute!important;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px, 1px, 1px, 1px)
    }
    .ui-helper-zfix,
    .ui-widget-overlay {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%
    }
    .ui-helper-reset {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        line-height: 1.3;
        text-decoration: none;
        font-size: 100%;
        list-style: none
    }
    .ui-helper-clearfix:after,
    .ui-helper-clearfix:before {
        content: "";
        display: table
    }
    .ui-helper-clearfix:after {
        clear: both
    }
    .ui-helper-clearfix {
        zoom: 1
    }
    .ui-helper-zfix {
        opacity: 0;
        filter: Alpha(Opacity=0)
    }
    .ui-state-disabled {
        cursor: default!important
    }
    .ui-icon {
        display: block;
        text-indent: -99999px;
        overflow: hidden;
        background-repeat: no-repeat
    }
    .ui-accordion {
        width: 100%
    }
    .ui-accordion .ui-accordion-header {
        cursor: pointer;
        position: relative;
        margin-top: 1px;
        zoom: 1
    }
    .ui-accordion .ui-accordion-li-fix {
        display: inline
    }
    .ui-accordion .ui-accordion-header-active {
        border-bottom: 0!important
    }
    .ui-accordion .ui-accordion-header a {
        display: block;
        font-size: 1em;
        padding: .5em .5em .5em .7em
    }
    .ui-accordion-icons .ui-accordion-header a {
        padding-left: 2.2em
    }
    .ui-accordion .ui-accordion-header .ui-icon {
        position: absolute;
        left: .5em;
        top: 50%;
        margin-top: -8px
    }
    .ui-accordion .ui-accordion-content {
        padding: 1em 2.2em;
        border-top: 0;
        margin-top: -2px;
        position: relative;
        top: 1px;
        margin-bottom: 2px;
        overflow: auto;
        display: none;
        zoom: 1
    }
    .ui-accordion .ui-accordion-content-active,
    .ui-menu {
        display: block
    }
    .ui-autocomplete {
        position: absolute;
        cursor: default
    }
    * html .ui-autocomplete {
        width: 1px
    }
    .ui-menu {
        list-style: none;
        padding: 2px;
        margin: 0;
        float: left
    }
    .ui-menu .ui-menu {
        margin-top: -3px
    }
    .ui-menu .ui-menu-item {
        margin: 0;
        padding: 0;
        zoom: 1;
        float: left;
        clear: left;
        width: 100%
    }
    .ui-menu .ui-menu-item a {
        text-decoration: none;
        display: block;
        padding: .2em .4em;
        line-height: 1.5;
        zoom: 1
    }
    .ui-menu .ui-menu-item a.ui-state-active,
    .ui-menu .ui-menu-item a.ui-state-hover {
        font-weight: 400;
        margin: -1px
    }
    .ui-button {
        display: inline-block;
        position: relative;
        padding: 0;
        margin-right: .1em;
        text-decoration: none!important;
        cursor: pointer;
        text-align: center;
        zoom: 1;
        overflow: visible
    }
    .ui-button-icon-only {
        width: 2.2em
    }
    button.ui-button-icon-only {
        width: 2.4em
    }
    .ui-button-icons-only {
        width: 3.4em
    }
    button.ui-button-icons-only {
        width: 3.7em
    }
    .ui-button .ui-button-text {
        display: block;
        line-height: 1.4
    }
    .ui-button-text-only .ui-button-text {
        padding: .4em 1em
    }
    .ui-button-icon-only .ui-button-text,
    .ui-button-icons-only .ui-button-text {
        padding: .4em;
        text-indent: -9999999px
    }
    .ui-button-text-icon-primary .ui-button-text,
    .ui-button-text-icons .ui-button-text {
        padding: .4em 1em .4em 2.1em
    }
    .ui-button-text-icon-secondary .ui-button-text,
    .ui-button-text-icons .ui-button-text {
        padding: .4em 2.1em .4em 1em
    }
    .ui-button-text-icons .ui-button-text {
        padding-left: 2.1em;
        padding-right: 2.1em
    }
    input.ui-button {
        padding: .4em 1em
    }
    .ui-button-icon-only .ui-icon,
    .ui-button-icons-only .ui-icon,
    .ui-button-text-icon-primary .ui-icon,
    .ui-button-text-icon-secondary .ui-icon,
    .ui-button-text-icons .ui-icon {
        position: absolute;
        top: 50%;
        margin-top: -8px
    }
    .ui-button-icon-only .ui-icon {
        left: 50%;
        margin-left: -8px
    }
    .ui-button-icons-only .ui-button-icon-primary,
    .ui-button-text-icon-primary .ui-button-icon-primary,
    .ui-button-text-icons .ui-button-icon-primary {
        left: .5em
    }
    .ui-button-icons-only .ui-button-icon-secondary,
    .ui-button-text-icon-secondary .ui-button-icon-secondary,
    .ui-button-text-icons .ui-button-icon-secondary {
        right: .5em
    }
    .ui-buttonset {
        margin-right: 7px
    }
    .ui-buttonset .ui-button {
        margin-left: 0;
        margin-right: -.3em
    }
    button.ui-button::-moz-focus-inner {
        border: 0;
        padding: 0
    }
    .ui-datepicker {
        width: 17em;
        padding: .2em .2em 0;
        display: none
    }
    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0
    }
    .ui-datepicker .ui-datepicker-next,
    .ui-datepicker .ui-datepicker-prev {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em
    }
    .ui-datepicker .ui-datepicker-next-hover,
    .ui-datepicker .ui-datepicker-prev-hover {
        top: 1px
    }
    .ui-datepicker .ui-datepicker-prev {
        left: 2px
    }
    .ui-datepicker .ui-datepicker-next {
        right: 2px
    }
    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px
    }
    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px
    }
    .ui-datepicker .ui-datepicker-next span,
    .ui-datepicker .ui-datepicker-prev span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px
    }
    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center
    }
    .ui-datepicker .ui-datepicker-title select {
        font-size: 1em;
        margin: 1px 0
    }
    .ui-datepicker select.ui-datepicker-month-year {
        width: 100%
    }
    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 49%
    }
    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em
    }
    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: 700;
        border: 0
    }
    .ui-datepicker td {
        border: 0;
        padding: 1px
    }
    .ui-datepicker td a,
    .ui-datepicker td span {
        display: block;
        padding: .2em;
        text-align: right;
        text-decoration: none
    }
    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0
    }
    .ui-datepicker .ui-datepicker-buttonpane button {
        float: right;
        margin: .5em .2em .4em;
        cursor: pointer;
        padding: .2em .6em .3em;
        width: auto;
        overflow: visible
    }
    .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,
    .ui-datepicker-multi .ui-datepicker-group,
    .ui-datepicker-rtl .ui-datepicker-buttonpane button {
        float: left
    }
    .ui-datepicker.ui-datepicker-multi {
        width: auto
    }
    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em
    }
    .ui-datepicker-multi-2 .ui-datepicker-group {
        width: 50%
    }
    .ui-datepicker-multi-3 .ui-datepicker-group {
        width: 33.3%
    }
    .ui-datepicker-multi-4 .ui-datepicker-group {
        width: 25%
    }
    .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
        border-left-width: 0
    }
    .ui-datepicker-multi .ui-datepicker-buttonpane {
        clear: left
    }
    .ui-datepicker-row-break {
        clear: both;
        width: 100%;
        font-size: 0
    }
    .ui-datepicker-rtl {
        direction: rtl
    }
    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto
    }
    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto
    }
    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto
    }
    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto
    }
    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right
    }
    .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
    .ui-datepicker-rtl .ui-datepicker-group {
        float: right
    }
    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px
    }
    .ui-datepicker-cover {
        display: none;
        display: block;
        position: absolute;
        z-index: -1;
        filter: mask();
        top: -4px;
        left: -4px;
        width: 200px;
        height: 200px
    }
    .ui-dialog {
        position: absolute;
        padding: .2em;
        width: 300px;
        overflow: hidden
    }
    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative
    }
    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 16px .1em 0
    }
    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 19px;
        margin: -10px 0 0;
        padding: 1px;
        height: 18px
    }
    .ui-dialog .ui-dialog-titlebar-close span {
        display: block;
        margin: 1px
    }
    .ui-dialog .ui-dialog-titlebar-close:focus,
    .ui-dialog .ui-dialog-titlebar-close:hover {
        padding: 0
    }
    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: 0;
        overflow: auto;
        zoom: 1
    }
    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0;
        background-image: none;
        margin: .5em 0 0;
        padding: .3em 1em .5em .4em
    }
    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
        float: right
    }
    .ui-dialog .ui-dialog-buttonpane button {
        margin: .5em .4em .5em 0;
        cursor: pointer
    }
    .ui-dialog .ui-resizable-se {
        width: 14px;
        height: 14px;
        right: 3px;
        bottom: 3px
    }
    .ui-draggable .ui-dialog-titlebar {
        cursor: move
    }
    .ui-progressbar {
        height: 2em;
        text-align: left;
        overflow: hidden
    }
    .ui-progressbar .ui-progressbar-value {
        margin: -1px;
        height: 100%
    }
    .ui-resizable {
        position: relative
    }
    .ui-resizable-handle {
        position: absolute;
        font-size: .1px;
        z-index: 99999;
        display: block
    }
    .ui-resizable-autohide .ui-resizable-handle,
    .ui-resizable-disabled .ui-resizable-handle {
        display: none
    }
    .ui-resizable-n {
        cursor: n-resize;
        height: 7px;
        width: 100%;
        top: -5px;
        left: 0
    }
    .ui-resizable-s {
        cursor: s-resize;
        height: 7px;
        width: 100%;
        bottom: -5px;
        left: 0
    }
    .ui-resizable-e {
        cursor: e-resize;
        width: 7px;
        right: -5px;
        top: 0;
        height: 100%
    }
    .ui-resizable-w {
        cursor: w-resize;
        width: 7px;
        left: -5px;
        top: 0;
        height: 100%
    }
    .ui-resizable-se {
        cursor: se-resize;
        width: 12px;
        height: 12px;
        right: 1px;
        bottom: 1px
    }
    .ui-resizable-sw {
        cursor: sw-resize;
        width: 9px;
        height: 9px;
        left: -5px;
        bottom: -5px
    }
    .ui-resizable-nw {
        cursor: nw-resize;
        width: 9px;
        height: 9px;
        left: -5px;
        top: -5px
    }
    .ui-resizable-ne {
        cursor: ne-resize;
        width: 9px;
        height: 9px;
        right: -5px;
        top: -5px
    }
    .ui-selectable-helper {
        position: absolute;
        z-index: 100;
        border: 1px dotted #000
    }
    .ui-slider {
        position: relative;
        text-align: left
    }
    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: default
    }
    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0
    }
    .ui-slider-horizontal {
        height: .8em
    }
    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em
    }
    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%
    }
    .ui-slider-horizontal .ui-slider-range-min {
        left: 0
    }
    .ui-slider-horizontal .ui-slider-range-max {
        right: 0
    }
    .ui-slider-vertical {
        width: .8em;
        height: 100px
    }
    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em
    }
    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%
    }
    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0
    }
    .ui-slider-vertical .ui-slider-range-max {
        top: 0
    }
    .ui-tabs {
        position: relative;
        padding: .2em;
        zoom: 1
    }
    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0
    }
    .ui-tabs .ui-tabs-nav li {
        list-style: none;
        float: left;
        position: relative;
        top: 1px;
        margin: 0 .2em 1px 0;
        border-bottom: 0!important;
        padding: 0;
        white-space: nowrap
    }
    .ui-tabs .ui-tabs-nav li a {
        float: left;
        padding: .5em 1em;
        text-decoration: none;
        font-size: .8em
    }
    .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
        margin-bottom: 0;
        padding-bottom: 1px
    }
    .ui-tabs .ui-tabs-nav li.ui-state-disabled a,
    .ui-tabs .ui-tabs-nav li.ui-state-processing a,
    .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
        cursor: text
    }
    .ui-tabs .ui-tabs-nav li a,
    .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
        cursor: pointer
    }
    .ui-tabs .ui-tabs-panel {
        display: block;
        border-width: 0;
        padding: 1em 1.4em;
        background: 0;
        overflow: auto
    }
    .ui-tabs .ui-tabs-hide {
        display: none!important
    }
    .ui-widget {
        font-family: /*Verdana, */'Tahoma', 'Roboto', sans-serif;
        font-size: 1.1em
    }
    .ui-widget .ui-widget {
        font-size: 1em
    }
    .ui-widget button,
    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea {
        font-family: /*Verdana, */'Tahoma', 'Roboto', sans-serif;
        font-size: 1em
    }
    .ui-widget-content {
        border: 1px solid #aaa;
        background: url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x #fff;
        color: #222
    }
    .ui-widget-header {
        border: 1px solid #aaa;
        background: url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x #ccc;
        font-weight: 700
    }
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default {
        border: 1px solid #d3d3d3;
        background: url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x #e6e6e6;
        font-weight: 400;
        color: #555
    }
    .ui-state-default a,
    .ui-state-default a:link,
    .ui-state-default a:visited {
        color: #555;
        text-decoration: none
    }
    .ui-state-focus,
    .ui-state-hover,
    .ui-widget-content .ui-state-focus,
    .ui-widget-content .ui-state-hover,
    .ui-widget-header .ui-state-focus,
    .ui-widget-header .ui-state-hover {
        border: 1px solid #999;
        background: url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x #dadada;
        font-weight: 400;
        color: #212121
    }

    .ui-state-hover a,
    .ui-state-hover a:hover {
        color: #212121;
        text-decoration: none
    }
    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active {
        border: 1px solid #aaa;
        background: url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x #fff;
        font-weight: 400;
        color: #212121
    }
    .ui-state-active a,
    .ui-state-active a:link,
    .ui-state-active a:visited {
        color: #212121;
        text-decoration: none
    }
    .ui-widget:active {
        outline: 0
    }
    .ui-state-highlight,
    .ui-widget-content .ui-state-highlight,
    .ui-widget-header .ui-state-highlight {
        border: 1px solid #fcefa1;
        background: url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x #fbf9ee;
        color: #363636
    }
    .ui-state-highlight a,
    .ui-widget-content .ui-state-highlight a,
    .ui-widget-header .ui-state-highlight a {
        color: #363636
    }
    .ui-state-error,
    .ui-widget-content .ui-state-error,
    .ui-widget-header .ui-state-error {
        border: 1px solid #cd0a0a;
        background: url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x #fef1ec;
        color: #cd0a0a
    }
    .ui-state-error a,
    .ui-state-error-text,
    .ui-widget-content .ui-state-error a,
    .ui-widget-content .ui-state-error-text,
    .ui-widget-header .ui-state-error a,
    .ui-widget-header .ui-state-error-text {
        color: #cd0a0a
    }
    .ui-priority-primary,
    .ui-widget-content .ui-priority-primary,
    .ui-widget-header .ui-priority-primary {
        font-weight: 700
    }
    .ui-priority-secondary,
    .ui-widget-content .ui-priority-secondary,
    .ui-widget-header .ui-priority-secondary {
        opacity: .7;
        filter: Alpha(Opacity=70);
        font-weight: 400
    }
    .ui-state-disabled,
    .ui-widget-content .ui-state-disabled,
    .ui-widget-header .ui-state-disabled {
        opacity: .35;
        filter: Alpha(Opacity=35);
        background-image: none
    }
    .ui-icon,
    .ui-widget-content .ui-icon,
    .ui-widget-header .ui-icon {
        background-image: url(images/ui-icons_222222_256x240.png)
    }
    .ui-icon {
        width: 16px;
        height: 16px
    }
    .ui-state-default .ui-icon {
        background-image: url(images/ui-icons_888888_256x240.png)
    }
    .ui-state-active .ui-icon,
    .ui-state-focus .ui-icon,
    .ui-state-hover .ui-icon {
        background-image: url(images/ui-icons_454545_256x240.png)
    }
    .ui-state-highlight .ui-icon {
        background-image: url(images/ui-icons_2e83ff_256x240.png)
    }
    .ui-state-error .ui-icon,
    .ui-state-error-text .ui-icon {
        background-image: url(images/ui-icons_cd0a0a_256x240.png)
    }
    .ui-icon-carat-1-n {
        background-position: 0 0
    }
    .ui-icon-carat-1-ne {
        background-position: -16px 0
    }
    .ui-icon-carat-1-e {
        background-position: -32px 0
    }
    .ui-icon-carat-1-se {
        background-position: -48px 0
    }
    .ui-icon-carat-1-s {
        background-position: -64px 0
    }
    .ui-icon-carat-1-sw {
        background-position: -80px 0
    }
    .ui-icon-carat-1-w {
        background-position: -96px 0
    }
    .ui-icon-carat-1-nw {
        background-position: -112px 0
    }
    .ui-icon-carat-2-n-s {
        background-position: -128px 0
    }
    .ui-icon-carat-2-e-w {
        background-position: -144px 0
    }
    .ui-icon-triangle-1-n {
        background-position: 0 -16px
    }
    .ui-icon-triangle-1-ne {
        background-position: -16px -16px
    }
    .ui-icon-triangle-1-e {
        background-position: -32px -16px
    }
    .ui-icon-triangle-1-se {
        background-position: -48px -16px
    }
    .ui-icon-triangle-1-s {
        background-position: -64px -16px
    }
    .ui-icon-triangle-1-sw {
        background-position: -80px -16px
    }
    .ui-icon-triangle-1-w {
        background-position: -96px -16px
    }
    .ui-icon-triangle-1-nw {
        background-position: -112px -16px
    }
    .ui-icon-triangle-2-n-s {
        background-position: -128px -16px
    }
    .ui-icon-triangle-2-e-w {
        background-position: -144px -16px
    }
    .ui-icon-arrow-1-n {
        background-position: 0 -32px
    }
    .ui-icon-arrow-1-ne {
        background-position: -16px -32px
    }
    .ui-icon-arrow-1-e {
        background-position: -32px -32px
    }
    .ui-icon-arrow-1-se {
        background-position: -48px -32px
    }
    .ui-icon-arrow-1-s {
        background-position: -64px -32px
    }
    .ui-icon-arrow-1-sw {
        background-position: -80px -32px
    }
    .ui-icon-arrow-1-w {
        background-position: -96px -32px
    }
    .ui-icon-arrow-1-nw {
        background-position: -112px -32px
    }
    .ui-icon-arrow-2-n-s {
        background-position: -128px -32px
    }
    .ui-icon-arrow-2-ne-sw {
        background-position: -144px -32px
    }
    .ui-icon-arrow-2-e-w {
        background-position: -160px -32px
    }
    .ui-icon-arrow-2-se-nw {
        background-position: -176px -32px
    }
    .ui-icon-arrowstop-1-n {
        background-position: -192px -32px
    }
    .ui-icon-arrowstop-1-e {
        background-position: -208px -32px
    }
    .ui-icon-arrowstop-1-s {
        background-position: -224px -32px
    }
    .ui-icon-arrowstop-1-w {
        background-position: -240px -32px
    }
    .ui-icon-arrowthick-1-n {
        background-position: 0 -48px
    }
    .ui-icon-arrowthick-1-ne {
        background-position: -16px -48px
    }
    .ui-icon-arrowthick-1-e {
        background-position: -32px -48px
    }
    .ui-icon-arrowthick-1-se {
        background-position: -48px -48px
    }
    .ui-icon-arrowthick-1-s {
        background-position: -64px -48px
    }
    .ui-icon-arrowthick-1-sw {
        background-position: -80px -48px
    }
    .ui-icon-arrowthick-1-w {
        background-position: -96px -48px
    }
    .ui-icon-arrowthick-1-nw {
        background-position: -112px -48px
    }
    .ui-icon-arrowthick-2-n-s {
        background-position: -128px -48px
    }
    .ui-icon-arrowthick-2-ne-sw {
        background-position: -144px -48px
    }
    .ui-icon-arrowthick-2-e-w {
        background-position: -160px -48px
    }
    .ui-icon-arrowthick-2-se-nw {
        background-position: -176px -48px
    }
    .ui-icon-arrowthickstop-1-n {
        background-position: -192px -48px
    }
    .ui-icon-arrowthickstop-1-e {
        background-position: -208px -48px
    }
    .ui-icon-arrowthickstop-1-s {
        background-position: -224px -48px
    }
    .ui-icon-arrowthickstop-1-w {
        background-position: -240px -48px
    }
    .ui-icon-arrowreturnthick-1-w {
        background-position: 0 -64px
    }
    .ui-icon-arrowreturnthick-1-n {
        background-position: -16px -64px
    }
    .ui-icon-arrowreturnthick-1-e {
        background-position: -32px -64px
    }
    .ui-icon-arrowreturnthick-1-s {
        background-position: -48px -64px
    }
    .ui-icon-arrowreturn-1-w {
        background-position: -64px -64px
    }
    .ui-icon-arrowreturn-1-n {
        background-position: -80px -64px
    }
    .ui-icon-arrowreturn-1-e {
        background-position: -96px -64px
    }
    .ui-icon-arrowreturn-1-s {
        background-position: -112px -64px
    }
    .ui-icon-arrowrefresh-1-w {
        background-position: -128px -64px
    }
    .ui-icon-arrowrefresh-1-n {
        background-position: -144px -64px
    }
    .ui-icon-arrowrefresh-1-e {
        background-position: -160px -64px
    }
    .ui-icon-arrowrefresh-1-s {
        background-position: -176px -64px
    }
    .ui-icon-arrow-4 {
        background-position: 0 -80px
    }
    .ui-icon-arrow-4-diag {
        background-position: -16px -80px
    }
    .ui-icon-extlink {
        background-position: -32px -80px
    }
    .ui-icon-newwin {
        background-position: -48px -80px
    }
    .ui-icon-refresh {
        background-position: -64px -80px
    }
    .ui-icon-shuffle {
        background-position: -80px -80px
    }
    .ui-icon-transfer-e-w {
        background-position: -96px -80px
    }
    .ui-icon-transferthick-e-w {
        background-position: -112px -80px
    }
    .ui-icon-folder-collapsed {
        background-position: 0 -96px
    }
    .ui-icon-folder-open {
        background-position: -16px -96px
    }
    .ui-icon-document {
        background-position: -32px -96px
    }
    .ui-icon-document-b {
        background-position: -48px -96px
    }
    .ui-icon-note {
        background-position: -64px -96px
    }
    .ui-icon-mail-closed {
        background-position: -80px -96px
    }
    .ui-icon-mail-open {
        background-position: -96px -96px
    }
    .ui-icon-suitcase {
        background-position: -112px -96px
    }
    .ui-icon-comment {
        background-position: -128px -96px
    }
    .ui-icon-person {
        background-position: -144px -96px
    }
    .ui-icon-print {
        background-position: -160px -96px
    }
    .ui-icon-trash {
        background-position: -176px -96px
    }
    .ui-icon-locked {
        background-position: -192px -96px
    }
    .ui-icon-unlocked {
        background-position: -208px -96px
    }
    .ui-icon-bookmark {
        background-position: -224px -96px
    }
    .ui-icon-tag {
        background-position: -240px -96px
    }
    .ui-icon-home {
        background-position: 0 -112px
    }
    .ui-icon-flag {
        background-position: -16px -112px
    }
    .ui-icon-calendar {
        background-position: -32px -112px
    }
    .ui-icon-cart {
        background-position: -48px -112px
    }
    .ui-icon-pencil {
        background-position: -64px -112px
    }
    .ui-icon-clock {
        background-position: -80px -112px
    }
    .ui-icon-disk {
        background-position: -96px -112px
    }
    .ui-icon-calculator {
        background-position: -112px -112px
    }
    .ui-icon-zoomin {
        background-position: -128px -112px
    }
    .ui-icon-zoomout {
        background-position: -144px -112px
    }
    .ui-icon-search {
        background-position: -160px -112px
    }
    .ui-icon-wrench {
        background-position: -176px -112px
    }
    .ui-icon-gear {
        background-position: -192px -112px
    }
    .ui-icon-heart {
        background-position: -208px -112px
    }
    .ui-icon-star {
        background-position: -224px -112px
    }
    .ui-icon-link {
        background-position: -240px -112px
    }
    .ui-icon-cancel {
        background-position: 0 -128px
    }
    .ui-icon-plus {
        background-position: -16px -128px
    }
    .ui-icon-plusthick {
        background-position: -32px -128px
    }
    .ui-icon-minus {
        background-position: -48px -128px
    }
    .ui-icon-minusthick {
        background-position: -64px -128px
    }
    .ui-icon-close {
        background-position: -80px -128px
    }
    .ui-icon-closethick {
        background-position: -96px -128px
    }
    .ui-icon-key {
        background-position: -112px -128px
    }
    .ui-icon-lightbulb {
        background-position: -128px -128px
    }
    .ui-icon-scissors {
        background-position: -144px -128px
    }
    .ui-icon-clipboard {
        background-position: -160px -128px
    }
    .ui-icon-copy {
        background-position: -176px -128px
    }
    .ui-icon-contact {
        background-position: -192px -128px
    }
    .ui-icon-image {
        background-position: -208px -128px
    }
    .ui-icon-video {
        background-position: -224px -128px
    }
    .ui-icon-script {
        background-position: -240px -128px
    }
    .ui-icon-alert {
        background-position: 0 -144px
    }
    .ui-icon-info {
        background-position: -16px -144px
    }
    .ui-icon-notice {
        background-position: -32px -144px
    }
    .ui-icon-help {
        background-position: -48px -144px
    }
    .ui-icon-check {
        background-position: -64px -144px
    }
    .ui-icon-bullet {
        background-position: -80px -144px
    }
    .ui-icon-radio-off {
        background-position: -96px -144px
    }
    .ui-icon-radio-on {
        background-position: -112px -144px
    }
    .ui-icon-pin-w {
        background-position: -128px -144px
    }
    .ui-icon-pin-s {
        background-position: -144px -144px
    }
    .ui-icon-play {
        background-position: 0 -160px
    }
    .ui-icon-pause {
        background-position: -16px -160px
    }
    .ui-icon-seek-next {
        background-position: -32px -160px
    }
    .ui-icon-seek-prev {
        background-position: -48px -160px
    }
    .ui-icon-seek-end {
        background-position: -64px -160px
    }
    .ui-icon-seek-first,
    .ui-icon-seek-start {
        background-position: -80px -160px
    }
    .ui-icon-stop {
        background-position: -96px -160px
    }
    .ui-icon-eject {
        background-position: -112px -160px
    }
    .ui-icon-volume-off {
        background-position: -128px -160px
    }
    .ui-icon-volume-on {
        background-position: -144px -160px
    }
    .ui-icon-power {
        background-position: 0 -176px
    }
    .ui-icon-signal-diag {
        background-position: -16px -176px
    }
    .ui-icon-signal {
        background-position: -32px -176px
    }
    .ui-icon-battery-0 {
        background-position: -48px -176px
    }
    .ui-icon-battery-1 {
        background-position: -64px -176px
    }
    .ui-icon-battery-2 {
        background-position: -80px -176px
    }
    .ui-icon-battery-3 {
        background-position: -96px -176px
    }
    .ui-icon-circle-plus {
        background-position: 0 -192px
    }
    .ui-icon-circle-minus {
        background-position: -16px -192px
    }
    .ui-icon-circle-close {
        background-position: -32px -192px
    }
    .ui-icon-circle-triangle-e {
        background-position: -48px -192px
    }
    .ui-icon-circle-triangle-s {
        background-position: -64px -192px
    }
    .ui-icon-circle-triangle-w {
        background-position: -80px -192px
    }
    .ui-icon-circle-triangle-n {
        background-position: -96px -192px
    }
    .ui-icon-circle-arrow-e {
        background-position: -112px -192px
    }
    .ui-icon-circle-arrow-s {
        background-position: -128px -192px
    }
    .ui-icon-circle-arrow-w {
        background-position: -144px -192px
    }
    .ui-icon-circle-arrow-n {
        background-position: -160px -192px
    }
    .ui-icon-circle-zoomin {
        background-position: -176px -192px
    }
    .ui-icon-circle-zoomout {
        background-position: -192px -192px
    }
    .ui-icon-circle-check {
        background-position: -208px -192px
    }
    .ui-icon-circlesmall-plus {
        background-position: 0 -208px
    }
    .ui-icon-circlesmall-minus {
        background-position: -16px -208px
    }
    .ui-icon-circlesmall-close {
        background-position: -32px -208px
    }
    .ui-icon-squaresmall-plus {
        background-position: -48px -208px
    }
    .ui-icon-squaresmall-minus {
        background-position: -64px -208px
    }
    .ui-icon-squaresmall-close {
        background-position: -80px -208px
    }
    .ui-icon-grip-dotted-vertical {
        background-position: 0 -224px
    }
    .ui-icon-grip-dotted-horizontal {
        background-position: -16px -224px
    }
    .ui-icon-grip-solid-vertical {
        background-position: -32px -224px
    }
    .ui-icon-grip-solid-horizontal {
        background-position: -48px -224px
    }
    .ui-icon-gripsmall-diagonal-se {
        background-position: -64px -224px
    }
    .ui-icon-grip-diagonal-se {
        background-position: -80px -224px
    }
    .ui-widget-overlay,
    .ui-widget-shadow {
        background: url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x #aaa;
        opacity: .3;
        filter: Alpha(Opacity=30)
    }
    .ui-corner-all,
    .ui-corner-left,
    .ui-corner-tl,
    .ui-corner-top {
        -moz-border-radius-topleft: 4px;
        -webkit-border-top-left-radius: 4px;
        -khtml-border-top-left-radius: 4px;
        border-top-left-radius: 4px
    }
    .ui-corner-all,
    .ui-corner-right,
    .ui-corner-top,
    .ui-corner-tr {
        -moz-border-radius-topright: 4px;
        -webkit-border-top-right-radius: 4px;
        -khtml-border-top-right-radius: 4px;
        border-top-right-radius: 4px
    }
    .ui-corner-all,
    .ui-corner-bl,
    .ui-corner-bottom,
    .ui-corner-left {
        -moz-border-radius-bottomleft: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -khtml-border-bottom-left-radius: 4px;
        border-bottom-left-radius: 4px
    }
    .ui-corner-all,
    .ui-corner-bottom,
    .ui-corner-br,
    .ui-corner-right {
        -moz-border-radius-bottomright: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -khtml-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px
    }
    .ui-widget-shadow {
        margin: -8px 0 0 -8px;
        padding: 8px;
        -moz-border-radius: 8px;
        -khtml-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px
    }
    .menuganalytique a {
        background-image: url(../images/analytic_g.png)
    }
}
.draggableWindowIndicatif h1,
.draggableWindowBourse h1,
.draggableWindowSMS h1,
.draggableWindowUser h1,
.draggableWindowVideoChat h1 {
    cursor: default;
    font-size: 12px;
    text-align: center;
    text-indent: -67px;
    text-shadow: silver 1px 0 1px
}
.draggableWindowIndicatif,
.draggableWindowBourse,
.draggableWindowVideoChat {
    border-bottom-color: silver;
    border-left-color: silver;
    border-right-color: silver;
    border-top-color: silver
}
.draggableWindowIndicatif,
.draggableWindowBourse,
.draggableWindowSMS,
.draggableWindowVideoChat {
    border-style: solid;
    border-width: 1px;
    box-shadow: 1px 1px 12px #555;
    clear: both;
    overflow: auto
}
.audio,
.audio2 {
    width: 48px;
    height: 48px;
    float: right
}
.audio2 {
    position: relative;
    left: -25px;
    top: 18px
}
.audio {
    margin: -23px 0 -26px
}
.audio1 {
    margin-top: 9px
}
.draggableWindowSMS {
    width: 95%;
    padding: 0;
    float: left;
    margin: 20px 20px;
    border-color: silver
}
.draggableWindowSMS h1 {
    width: 100%;
    height: 50px;
    float: left;
    background: url(../images/gris_contact.jpg);
    margin-bottom: 0;
    margin-top: 0
}
.draggableWindowSMS h1 span {
    width: 48px;
    height: 48px;
    float: left;
    margin: 1px 10px;
    background: url(../images/sms.png) left no-repeat
}
.draggableWindowSMS h1 div {
    width: 48px;
    height: 48px;
    float: right;
    margin: -29px -26px
}
@media only screen and (min-width: 1025px) {
    .draggableWindowUser {
        width: 95%;
        overflow: auto;
        clear: both;
        padding: 0;
        float: left;
        margin: 20px 20px;
        border-width: 1px;
        border-style: solid;
        box-shadow: 1px 1px 12px #555;
        border-color: silver
    }
}
@media only screen and (max-width: 1024px) {
    .draggableWindowUser {
        width: 120%;
        overflow: auto;
        clear: both;
        padding: 0;
        float: left;
        margin: 20px 1px 0;
        border-width: 1px;
        border-style: solid;
        box-shadow: 1px 1px 12px #555;
        border-color: silver
    }
}
.draggableWindowUser h1 {
    width: 100%;
    height: 50px;
    float: left;
    background: url(../images/gris_admin.jpg);
    margin-bottom: 0;
    margin-top: 0
}
.draggableWindowUser h1 span {
    width: 48px;
    height: 48px;
    float: left;
    margin: 1px 10px;
    background: url(../images/utilisateur.png) left no-repeat
}
.draggableWindowUser h1 div {
    width: 48px;
    height: 48px;
    float: right;
    margin: -29px -26px
}
.draggableWindowIndicatif {
    float: left;
    margin: 20px 20px;
    padding: 0;
    width: 95%
}
.draggableWindowIndicatif h1 {
    background: url(../images/gris_chat.jpg);
    float: left;
    height: 50px;
    margin-bottom: 0;
    margin-top: 0;
    width: 100%
}
.draggableWindowBourse h1 span {
    background: url(../images/r_finance.png) left no-repeat;
    float: left;
    height: 42px;
    margin: 4px 10px;
    width: 42px
}
.draggableWindowBourse {
    float: left;
    margin: 20px 20px;
    padding: 0;
    width: 95%
}
.draggableWindowBourse h1 {
    background: url(../images/gris_chat.jpg);
    float: left;
    height: 50px;
    margin-bottom: 0;
    margin-top: 0;
    width: 100%
}
.draggableWindowIndicatif h1 span {
    background: url(../images/r_indicatif.png) left no-repeat;
    float: left;
/*
	width: 42px;
	height: 42px;
	float: left;
	margin: 4px 10px;
*/
width: 48px;
height: 48px;
float: left;
margin: 1px 10px;
}
.draggableWindowVideoChat {
    float: left;
    margin: 20px 20px;
    padding: 0;
    width: 95%
}
.draggableWindowVideoChat h1 {
    background: url(../images/gris_chercher.jpg);
    color: #000;
    float: left;
    height: 50px;
    margin-bottom: 0;
    margin-top: 0;
    width: 100%
}
.draggableWindowVideoChat h1 span {
    background: url(../images/r_videochat.png) left no-repeat;
    float: left;
    height: 42px;
    margin: 4px 10px;
    width: 42px
}
@media only screen and (min-width: 1025px) {
    .draggableWindowDM {
        border-bottom-color: silver;
        border-left-color: silver;
        border-right-color: silver;
        border-style: solid;
        border-top-color: silver;
        border-width: 1px;
        box-shadow: 1px 1px 12px #555;
        clear: both;
        float: left;
        margin: 20px 20px;
        overflow: auto;
        padding: 0;
        width: 95%
    }
    .draggableWindowDM h1 {
        background: url(../images/gris_ana.jpg);
        cursor: default;
        float: left;
        font-size: 12px;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        text-align: center;
        text-indent: -67px;
        text-shadow: silver 1px 0 1px;
        width: 100%
    }
    .draggableWindowDM h1 span {
        background: url(../images/r_bigdm.png) left no-repeat;
        float: left;
        height: 48px;
        margin: 1px 10px;
        width: 48px
    }
}
@media only screen and (max-width: 1024px) {
    .draggableWindowDM {
        border-bottom-color: silver;
        border-left-color: silver;
        border-right-color: silver;
        border-style: solid;
        border-top-color: silver;
        border-width: 1px;
        box-shadow: 1px 1px 12px #555;
        clear: both;
        float: left;
        margin: 20px 1px 0;
        overflow: auto;
        padding: 0;
        width: 120%
    }
    .draggableWindowDM h1 {
        background: url(../images/gris_ana.jpg);
        cursor: default;
        float: left;
        font-size: 12px;
        height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        text-align: center;
        text-indent: -67px;
        text-shadow: silver 1px 0 1px;
        width: 100%
    }
    .draggableWindowDM h1 span {
        background: url(../images/r_bigdm.png) left no-repeat;
        float: left;
        height: 48px;
        margin: 1px 10px;
        width: 48px
    }
    .sminqu {
        display: none
    }
}
.tablesorter-default {
    width: 100%;
   
    font: 12px/18px 'Tahoma', 'Roboto', sans-serif;
    /*
    font-size: 12px;
    line-height: 18px;
    */
    font-family: 'Tahoma', 'Roboto', sans-serif;
    color: #333;
    background-color: #fff;
    border-spacing: 0;
    margin: 10px 0 15px;
    text-align: left
}
.tablesorter-default th,
.tablesorter-default thead td {
    font: 700 12px/18px 'Tahoma', 'Roboto', sans-serif;
    color: #000;
    background-color: #fff;
    border-collapse: collapse;
    border-bottom: #ccc 2px solid;
    padding: 0
}
.tablesorter-default tfoot td,
.tablesorter-default tfoot th {
    border: 0
}
.tablesorter-default .header,
.tablesorter-default .tablesorter-header {
    background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
    background-position: center right;
    background-repeat: no-repeat;
    cursor: pointer;
    white-space: normal;
    padding: 4px 20px 4px 4px
}
.tablesorter-default thead .headerSortUp,
.tablesorter-default thead .tablesorter-headerAsc,
.tablesorter-default thead .tablesorter-headerSortUp {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
    border-bottom: #046380 2px dotted
}
.tablesorter-default thead .headerSortDown,
.tablesorter-default thead .tablesorter-headerDesc,
.tablesorter-default thead .tablesorter-headerSortDown {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
    border-bottom: #046380 2px dotted
}
.tablesorter-default thead .sorter-false {
    background-image: none;
    padding: 4px
}
.tablesorter-default tfoot .tablesorter-headerAsc,
.tablesorter-default tfoot .tablesorter-headerDesc,
.tablesorter-default tfoot .tablesorter-headerSortDown,
.tablesorter-default tfoot .tablesorter-headerSortUp {
    border-top: 0 none
}
.tablesorter-default td {
    background-color: #fff;
    border-bottom: #ccc 1px solid;
    padding: 4px;
    vertical-align: middle
}
.tablesorter-default tbody>tr.even:hover>td,
.tablesorter-default tbody>tr.odd:hover>td,
.tablesorter-default tbody>tr:hover>td {
    background: #F2F2F2;
    color: #000
}
.tablesorter-default .tablesorter-processing {
    background-position: center center!important;
    background-repeat: no-repeat!important;
    background-image: url(data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=)!important
}
.tablesorter-default tr.odd td {
    background-color: #F2F2F2
}
.tablesorter-default tr.even td {
    background-color: #efefef
}
.tablesorter-default tr.odd td.primary {
    background-color: #bfbfbf
}
.tablesorter-default td.primary,
.tablesorter-default tr.even td.primary,
.tablesorter-default tr.odd td.secondary {
    background-color: #F8F8F8
}
.tablesorter-default td.secondary,
.tablesorter-default tr.even td.secondary,
.tablesorter-default tr.odd td.tertiary {
    background-color: #e6e6e6
}
.tablesorter-default td.tertiary,
.tablesorter-default tr.even td.tertiary {
    background-color: #f2f2f2
}
caption {
    background: #fff
}
.tablesorter-default .tablesorter-filter-row td {
    background: #eee;
    border-bottom: #ccc 1px solid;
    line-height: normal;
    text-align: center;
    -webkit-transition: line-height .1s ease;
    -moz-transition: line-height .1s ease;
    -o-transition: line-height .1s ease;
    transition: line-height .1s ease
}
.tablesorter-default .tablesorter-filter-row .disabled {
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: not-allowed
}
.tablesorter-default .tablesorter-filter-row.hideme td {
    padding: 2px;
    margin: 0;
    line-height: 0;
    cursor: pointer
}
.tablesorter-default .tablesorter-filter-row.hideme .tablesorter-filter {
    height: 1px;
    min-height: 0;
    border: 0;
    padding: 0;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0)
}
.tablesorter-default .tablesorter-filter {
    width: 95%;
    height: auto;
    margin: 4px;
    padding: 4px;
    background-color: #fff;
    border: 1px solid #bbb;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: height .1s ease;
    -moz-transition: height .1s ease;
    -o-transition: height .1s ease;
    transition: height .1s ease
}
.tablesorter .tablesorter-errorRow td {
    cursor: pointer;
    background-color: #e6bf99
}
.Error {
    color: #d2241d!important
}
.autocomplete-suggestions {
    border: 1px solid #999;
    background: #FFF;
    cursor: default;
    overflow: auto;
    -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, .64);
    -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, .64);
    box-shadow: 1px 4px 3px rgba(50, 50, 50, .64)
}
.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden
}
.autocomplete-selected {
    background: #F0F0F0
}
.autocomplete-suggestions strong {
    font-weight: 400;
    color: #39F
}
@media only screen and (min-width: 1025px) {
    .sminqu {
        font-size: 50%;
        width: 35px;
        position: fixed;
        overflow: hidden;
        bottom: -12px;
        right: -13px;
        list-style-type: none;
        margin: 2em;
        padding: 0;
        background: #F2F2F2;
        z-index: 2;
        -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .4);
        -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .4);
        border-bottom-left-radius: 0;
        border-top-left-radius: 12px;
        -moz-border-radius-bottomleft: 5px;
        -moz-border-radius-topleft: 5px;
        box-shadow: 1px 1px 12px #555;
        -moz-border-bottom-left-radius: 0;
        -moz-border-top-left-radius: 12px;
        -webkit-border-bottom-left-radius: 0;
        -webkit-border-top-left-radius: 12px
    }
}
.sminqu img {
    width: 80%
}
.sminqu li a {
    display: block;
    padding: .3em;
    line-height: 3em;
    text-align: center;
    color: #999;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    -webkit-transition: background .1s ease-in-out;
    -moz-transition: background .1s ease-in-out;
    transition: background .1s ease-in-out
}
.sminqu-curr {
    background: rgba(0, 0, 0, .3)!important
}
.sminqu-curr:hover {
    background: rgba!important;
    color: #fff
}
.sminqu li a:hover {
    background: rgba(255, 255, 255, .3);
    color: #fff
}
@media screen and (max-width: 800px) {
    .sminqu {
        width: 100%;
        font-size: 50%;
        margin: 0;
        padding: 0;
        display: table
    }
    .sminqu li {
        display: table-cell;
        text-align: center;
        width: 10%;
        height: 1em
    }
    .sminqu li a {
        vertical-align: middle;
        padding: 0 .1em;
        line-height: 1.2em;
        height: 100%;
        border-bottom: none
    }
}
.draggableAdminERP h1,
.draggableBDCERP h1,
.draggableDevisERP h1,
.draggableFactureERP h1,
.draggableInventaireERP h1,
.draggableLivraisonERP h1,
.draggableProduitERP h1,
.draggableProjetERP h1,
.draggableRechercheERP h1,
.draggableCustom h1
 {
    font-size: 12px;
    text-align: center;
    text-indent: -67px;
    text-shadow: silver 1px 0 1px;
    cursor: default;
    float: left
}
.lienTexte {
    margin: 0!important;
    padding: 0!important
}
.lienTexte:hover {
    text-decoration: underline!important
}
.sub_btn_DevisERP:hover,
.sub_btn_DevisERP:visited {
    text-decoration: none;
    color: #000
}
@media only screen and (min-width: 1025px) {
    .draggableAdminERP {
        width: 95%;
        overflow: auto;
        clear: both;
        padding: 0;
        float: left;
        margin: 20px 20px;
        border-width: 1px;
        border-style: solid;
        box-shadow: 1px 1px 12px #555;
        border-color: silver
    }
}
@media only screen and (max-width: 1024px) {
    .draggableAdminERP {
        width: 120%;
        overflow: auto;
        clear: both;
        padding: 0;
        float: left;
        margin: 20px 1px 0;
        border-width: 1px;
        border-style: solid;
        box-shadow: 1px 1px 12px #555;
        border-color: silver
    }
}
.draggableAdminERP h1 {
    width: 100%;
    height: 50px;
    background: url(../images/gris_admin_ERP.jpg);
    margin-bottom: 0;
    margin-top: 0
}
.draggableAdminERP h1 span {
    width: 48px;
    height: 48px;
    float: left;
    margin: 1px 10px;
    background: url(../images/admin_ERP_petit.png) left no-repeat
}
@media only screen and (min-width: 1025px) {
    .draggableBDCERP {
        width: 95%;
        overflow: auto;
        clear: both;
        padding: 0;
        float: left;
        margin: 20px 20px;
        border-width: 1px;
        border-style: solid;
        box-shadow: 1px 1px 12px #555;
        border-color: silver
    }
}
@media only screen and (max-width: 1024px) {
    .draggableBDCERP {
        width: 120%;
        overflow: auto;
        clear: both;
        padding: 0;
        float: left;
        margin: 20px 1px 0;
        border-width: 1px;
        border-style: solid;
        box-shadow: 1px 1px 12px #555;
        border-color: silver
    }
}
.draggableBDCERP h1 {
    width: 100%;
    height: 50px;
    background: url(../images/gris_commande_ERP.jpg);
    margin-bottom: 0;
    margin-top: 0
}
.draggableBDCERP h1 span {
    width: 48px;
    height: 48px;
    float: left;
    margin: 1px 10px;
    background: url(../images/bon_commande_ERP_petit.png) left no-repeat
}
@media only screen and (min-width: 1025px) {
    .draggableLivraisonERP {
        width: 95%;
        overflow: auto;
        clear: both;
        padding: 0;
        float: left;
        margin: 20px 20px;
        border-width: 1px;
        border-style: solid;
        box-shadow: 1px 1px 12px #555;
        border-color: silver
    }
}
@media only screen and (max-width: 1024px) {
    .draggableLivraisonERP {
        width: 120%;
        overflow: auto;
        clear: both;
        padding: 0;
        float: left;
        margin: 20px 1px 0;
        border-width: 1px;
        border-style: solid;
        box-shadow: 1px 1px 12px #555;
        border-color: silver
    }
}
.draggableLivraisonERP h1 {
    width: 100%;
    height: 50px;
    background: url(../images/gris_bon_livraison_ERP.jpg);
    margin-bottom: 0;
    margin-top: 0
}
.draggableLivraisonERP h1 span {
    width: 48px;
    height: 48px;
    float: left;
    margin: 1px 10px;
    background: url(../images/bon_livraison_ERP_petit.png) left no-repeat
}
@media only screen and (min-width: 1025px) {
    .draggableDevisERP {
        width: 95%;
        overflow: auto;
        clear: both;
        padding: 0;
        float: left;
        margin: 20px 20px;
        border-width: 1px;
        border-style: solid;
        box-shadow: 1px 1px 12px #555;
        border-color: silver
    }
}
@media only screen and (max-width: 1024px) {
    .draggableDevisERP {
        width: 120%;
        overflow: auto;
        clear: both;
        padding: 0;
        float: left;
        margin: 20px 1px 0;
        border-width: 1px;
        border-style: solid;
        box-shadow: 1px 1px 12px #555;
        border-color: silver
    }
}
.draggableDevisERP h1 {
    width: 100%;
    height: 50px;
    background: url(../images/gris_devis_ERP.jpg);
    margin-bottom: 0;
    margin-top: 0
}
.draggableDevisERP h1 span {
    width: 48px;
    height: 48px;
    float: left;
    margin: 1px 10px;
    background: url(../images/devis_ERP_petit.png) left no-repeat
}
@media only screen and (min-width: 1025px) {
    .draggableFactureERP {
        width: 95%;
        overflow: auto;
        clear: both;
        padding: 0;
        float: left;
        margin: 20px 20px;
        border-width: 1px;
        border-style: solid;
        box-shadow: 1px 1px 12px #555;
        border-color: silver
    }
}
@media only screen and (max-width: 1024px) {
    .draggableFactureERP {
        width: 120%;
        overflow: auto;
        clear: both;
        padding: 0;
        float: left;
        margin: 20px 1px 0;
        border-width: 1px;
        border-style: solid;
        box-shadow: 1px 1px 12px #555;
        border-color: silver
    }
}
.draggableFactureERP h1 {
    width: 100%;
    height: 50px;
    background: url(../images/gris_facture_ERP.jpg);
    margin-bottom: 0;
    margin-top: 0
}
.draggableFactureERP h1 span {
    width: 48px;
    height: 48px;
    float: left;
    margin: 1px 10px;
    background: url(../images/factures_ERP_petit.png) left no-repeat
}
@media only screen and (min-width: 1025px) {
    .draggableInventaireERP {
        width: 95%;
        overflow: auto;
        clear: both;
        padding: 0;
        float: left;
        margin: 20px 20px;
        border-width: 1px;
        border-style: solid;
        box-shadow: 1px 1px 12px #555;
        border-color: silver
    }
}
@media only screen and (max-width: 1024px) {
    .draggableInventaireERP {
        width: 120%;
        overflow: auto;
        clear: both;
        padding: 0;
        float: left;
        margin: 20px 1px 0;
        border-width: 1px;
        border-style: solid;
        box-shadow: 1px 1px 12px #555;
        border-color: silver
    }
}
.draggableInventaireERP h1 {
    width: 100%;
    height: 50px;
    background: url(../images/gris_inventaire_ERP.jpg);
    margin-bottom: 0;
    margin-top: 0
}
.draggableInventaireERP h1 span {
    width: 48px;
    height: 48px;
    float: left;
    margin: 1px 10px;
    background: url(../images/inventaire_ERP_petit.png) left no-repeat
}
@media only screen and (min-width: 1025px) {
    .draggableProduitERP {
        width: 95%;
        overflow: auto;
        clear: both;
        padding: 0;
        float: left;
        margin: 20px 20px;
        border-width: 1px;
        border-style: solid;
        box-shadow: 1px 1px 12px #555;
        border-color: silver
    }
}
@media only screen and (max-width: 1024px) {
    .draggableProduitERP {
        width: 120%;
        overflow: auto;
        clear: both;
        padding: 0;
        float: left;
        margin: 20px 1px 0;
        border-width: 1px;
        border-style: solid;
        box-shadow: 1px 1px 12px #555;
        border-color: silver
    }
}
.draggableProduitERP h1 {
    width: 100%;
    height: 50px;
    background: url(../images/gris_produit_ERP.jpg);
    margin-bottom: 0;
    margin-top: 0
}
.draggableProduitERP h1 span {
    width: 48px;
    height: 48px;
    float: left;
    margin: 1px 10px;
    background: url(../images/r_produit_ERP.png) left no-repeat
}
@media only screen and (min-width: 1025px) {
    .draggableRechercheERP {
        width: 95%;
        overflow: auto;
        clear: both;
        padding: 0;
        float: left;
        margin: 20px 20px;
        border-width: 1px;
        border-style: solid;
        box-shadow: 1px 1px 12px #555;
        border-color: silver
    }
}
@media only screen and (max-width: 1024px) {
    .draggableRechercheERP {
        width: 120%;
        overflow: auto;
        clear: both;
        padding: 0;
        float: left;
        margin: 20px 1px 0;
        border-width: 1px;
        border-style: solid;
        box-shadow: 1px 1px 12px #555;
        border-color: silver
    }
}
.draggableRechercheERP h1 {
    width: 100%;
    height: 50px;
    background: url(../images/gris_recherche_ERP.jpg);
    margin-bottom: 0;
    margin-top: 0
}
.draggableRechercheERP h1 span {
    width: 48px;
    height: 48px;
    float: left;
    margin: 1px 10px;
    background: url(../images/recherche_ERP_petit.png) left no-repeat
}
@media only screen and (min-width: 1025px) {
    .draggableProjetERP {
        width: 95%;
        overflow: auto;
        clear: both;
        padding: 0;
        float: left;
        margin: 20px 20px;
        border-width: 1px;
        border-style: solid;
        box-shadow: 1px 1px 12px #555;
        border-color: silver
    }
}
@media only screen and (max-width: 1024px) {
    .draggableProjetERP {
        width: 120%;
        overflow: auto;
        clear: both;
        padding: 0;
        float: left;
        margin: 20px 1px 0;
        border-width: 1px;
        border-style: solid;
        box-shadow: 1px 1px 12px #555;
        border-color: silver
    }
}
.draggableProjetERP h1 {
    width: 100%;
    height: 50px;
    background: url(../images/gris_projet_ERP.png);
    margin-bottom: 0;
    margin-top: 0
}
.draggableProjetERP h1 span {
    width: 48px;
    height: 48px;
    float: left;
    margin: 1px 10px;
    background: url(../images/r_projet_ERP.png) left no-repeat
}
div.textassist {
    display: none;
    position: absolute;
    width: 200px;
    min-width: 200px;
    max-width: 300px;
    background: #FFF;
    border: 1px solid #D7D7D7;
    -moz-box-shadow: rgba(0, 0, 0, .3) 0 10px 15px;
    -khtml-box-shadow: rgba(0, 0, 0, .3) 0 10px 15px;
    box-shadow: rgba(0, 0, 0, .3) 0 10px 15px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    z-index: 10000
}
div.textassist ul {
    list-style: none;
    margin: 0;
    padding: 0
}
div.textassist ul li.divider {
    display: block;
    border-top: #EEE 1px solid;
    margin: 5px 0;
    line-height: 0;
    height: 0
}
div.textassist ul li a {
    display: block;
    color: #000;
    padding: 0 8px
}
div.textassist ul li.first a {
    -moz-border-radius: 4px 4px 0 0;
    -khtml-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}
div.textassist ul li.last a {
    -moz-border-radius: 0 0 4px 4px;
    -khtml-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}
.sub_btn_BCERP,
.sub_btn_BCERP:link,
.sub_btn_DevisERP,
.sub_btn_DevisERP:link {
    border-bottom-color: #fff;
    border-left-color: #fff;
    border-right-color: #fff;
    border-style: solid;
    border-top-color: #fff;
    border-width: 3px;
    box-shadow: 1px 1px 12px #555;
    font-size: 13px;
    margin: 12px 142px;
    -moz-border-radius: 5px
}
div.textassist ul li a:hover {
    color: #FFF;
    background: url(img/mnbg.png) bottom repeat-x #FFF
}
div.textassist ul li a.scrm span {
    background-image: url(img/scrm.png)
}
div.textassist ul li a.linkedin span {
    background-image: url(img/linkedin.png)
}
div.textassist ul li a.social span {
    background-image: url(img/social.png)
}
div.textassist ul li a.google span {
    background-image: url(img/google.png)
}
div.textassist ul li a.gr span {
    background-image: url(img/gr.png)
}
div.textassist ul li a.alert span {
    background-image: url(img/alert.png)
}
div.textassist ul li a.gdrive span {
    background-image: url(img/drive.png)
}
div.textassist ul li a.oned span {
    background-image: url(img/one.png)
}
div.textassist ul li a.evernote span {
    background-image: url(img/evernote.png)
}
div.textassist ul li a.gmail span {
    background-image: url(img/gmail.png)
}
div.textassist ul li a.outlook span {
    background-image: url(img/outlook.png)
}
div.textassist ul li a.coppy span {
    background-image: url(img/copy.png)
}
div.textassist ul li a.ppaste span {
    background-image: url(img/paste.png)
}
div.textassist ul li a.wikipedia span {
    background-image: url(img/wikipedia.png)
}
div.textassist ul li a.translate span {
    background-image: url(img/translate.png)
}
div.textassist ul li a span {
    display: block;
    padding: 8px 0 8px 26px;
    word-wrap: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-position: 0 center;
    background-repeat: no-repeat
}
.sub_btn_DevisERP,
.sub_btn_DevisERP:link {
    background-color: #f5f6f6;
    color: #000;
    border-radius: 5px;
    padding: 2px;
    position: relative;
    text-decoration: none;
    top: 15px;
    -webkit-border-radius: 5px
}
.sub_btn_DevisERP:hover {
    background-color: #fff;
    border-color: #57B459
}
.sub_btn_BCERP,
.sub_btn_BCERP:link {
    background-color: #f5f6f6;
    color: #000;
    border-radius: 5px;
    padding: 2px;
    position: relative;
    text-decoration: none;
    top: 15px;
    -webkit-border-radius: 5px
}
.sub_btn_BLERP,
.sub_btn_BLERP:link,
.sub_btn_FactureERP,
.sub_btn_FactureERP:link {
    -moz-border-radius: 5px;
    border-bottom-color: #fff;
    border-left-color: #fff;
    border-right-color: #fff;
    border-style: solid;
    border-top-color: #fff;
    border-width: 3px;
    box-shadow: 1px 1px 12px #555;
    color: #000;
    font-size: 13px;
    margin: 12px 142px;
    padding: 2px;
    position: relative;
    text-decoration: none;
    top: 15px
}
.sub_btn_BCERP:hover {
    background-color: #fff;
    color: #000;
    text-decoration: none;
    border-color: #FB9310
}
.sub_btn_BCERP:visited {
    color: #000;
    text-decoration: none
}
.sub_btn_FactureERP,
.sub_btn_FactureERP:link {
    background-color: #f5f6f6;
    border-radius: 5px;
    -webkit-border-radius: 5px
}
.sub_btn_FactureERP:hover {
    background-color: #fff;
    color: #000;
    text-decoration: none;
    border-color: #59D3E3
}
.sub_btn_FactureERP:visited {
    color: #000;
    text-decoration: none
}
.sub_btn_BLERP,
.sub_btn_BLERP:link {
    background-color: #f5f6f6;
    border-radius: 5px;
    -webkit-border-radius: 5px
}
.sub_btn_BLERP:hover {
    background-color: #fff;
    color: #000;
    text-decoration: none;
    border-color: #4958B2
}
.sub_btn_BLERP:visited {
    color: #000;
    text-decoration: none
}
.sub_btn_RechercheERP:link {
    background-color: #f5f6f6;
    border-bottom-color: #fff;
    border-left-color: #fff;
    border-right-color: #fff;
    border-style: solid;
    border-top-color: #fff;
    border-width: 3px;
    box-shadow: 1px 1px 12px #555;
    color: #000;
    font-size: 13px;
    margin: 12px 142px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 2px;
    position: relative;
    text-decoration: none;
    top: 15px;
    -webkit-border-radius: 5px
}
.sub_btn_RechercheERP:hover {
    background-color: #fff;
    color: #000;
    text-decoration: none;
    border-color: #A4A4A4
}
.sub_btn_ProdERP,
.sub_btn_ProdERP:link,
.sub_btn_RechercheERP {
    background-color: #f5f6f6;
    -moz-border-radius: 5px;
    border-bottom-color: #fff;
    border-left-color: #fff;
    border-right-color: #fff;
    border-style: solid;
    border-top-color: #fff;
    border-width: 3px;
    box-shadow: 1px 1px 12px #555;
    font-size: 13px;
    margin: 12px 142px;
    padding: 2px;
    position: relative;
    top: 15px;
    color: #000;
    text-decoration: none
}
.sub_btn_RechercheERP:visited {
    color: #000;
    text-decoration: none
}
.sub_btn_RechercheERP {
    border-radius: 5px;
    -webkit-border-radius: 5px
}
.sub_btn_ProdERP,
.sub_btn_ProdERP:link {
    white-space: nowrap;
    border-radius: 5px;
    -webkit-border-radius: 5px
}
.sub_btn_ProdERP:hover {
    white-space: nowrap;
    background-color: #fff;
    color: #000;
    text-decoration: none;
    border-color: #6B5048
}
.sub_btn_ProdERP:visited {
    white-space: nowrap;
    color: #000;
    text-decoration: none
}
.sub_btn_DPO,
.sub_btn_DPO:link {
    white-space: nowrap;
    background-color: #f5f6f6;
    border-bottom-color: #fff;
    border-left-color: #fff;
    border-right-color: #fff;
    border-style: solid;
    border-top-color: #fff;
    border-width: 3px;
    box-shadow: 1px 1px 12px #555;
    color: #000;
    font-size: 13px;
    margin: 12px 142px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 2px;
    position: relative;
    text-decoration: none;
    top: 15px;
    -webkit-border-radius: 5px
}
.sub_btn_DPO:hover {
    white-space: nowrap;
    background-color: #fff;
    color: #000;
    text-decoration: none;
    border-color: #d20000
}
.sub_btn_DPO:visited {
    white-space: nowrap;
    color: #000;
    text-decoration: none
}
.e_prod_error {
    display: none;
    position: fixed;
    top: 200px;
    left: 140px;
    border: 1px solid red;
    background-color: #faa;
    color: #000;
    padding: 3px 10px;
	z-index: 2000;
}
.e_prod_nok {
    display: none;
    position: fixed;
    right: 50px;
    top: 50px;
    border: 1px solid red;
    background-color: #faa;
    color: #000;
    padding: 3px 10px;
	z-index: 2000;
}
.e_prod_ok,
.msg_chrome {
    display: none;
    border: 1px solid #0f0;
    background-color: #afa;
    color: #000;
    padding: 3px 10px;
	z-index: 2000;
}
.e_prod_ok {
    position: fixed;
    right: 50px;
    top: 50px
}
.msg_chrome {
    position: relative;
    margin: 0 auto;
    width: 800px
}
@media only screen and (max-width: 1024px) {
    .conteneurAdmin {
        margin: 0
    }
}
@media only screen and (min-width: 1025px) {
    .conteneurAdmin {
        margin: 20px 110px
    }
}
.control-group li {
    background-color: #333;
    background-image: linear-gradient(to bottom, #838383, #242424);
    border: 1px solid #454545;
    color: #d7d7d7;
    display: block;
    float: left;
    font-size: 12px;
    margin: 0;
    padding: 5px;
    position: relative;
    transition: all .2s ease-out 0s
}
.trash {
    background: url(../images/trash1.png) no-repeat;
    width: 24px;
    height: 24px;
	top: 0;
}
.tablesorter-blue tbody>tr.even:hover+tr.tablesorter-childRow+tr.tablesorter-childRow+tr.tablesorter-childRow+tr.tablesorter-childRow+tr.tablesorter-childRow>td,
.tablesorter-blue tbody>tr.even:hover+tr.tablesorter-childRow+tr.tablesorter-childRow+tr.tablesorter-childRow+tr.tablesorter-childRow>td .tablesorter-blue tbody>tr.even:hover+tr.tablesorter-childRow+tr.tablesorter-childRow+tr.tablesorter-childRow+tr.tablesorter-childRow+tr.tablesorter-childRow>td .tablesorter-blue tbody>tr.even:hover+tr.tablesorter-childRow+tr.tablesorter-childRow+tr.tablesorter-childRow+tr.tablesorter-childRow>td,
.tablesorter-blue tbody>tr:hover+tr.tablesorter-childRow+tr.tablesorter-childRow+tr.tablesorter-childRow+tr.tablesorter-childRow+tr.tablesorter-childRow>td,
.tablesorter-blue tbody>tr:hover+tr.tablesorter-childRow+tr.tablesorter-childRow+tr.tablesorter-childRow+tr.tablesorter-childRow>td,
.tablesorter-blue tbody>tr:hover+tr.tablesorter-childRow+tr.tablesorter-childRow+tr.tablesorter-childRow>td {
    background: #F8F8F8
}
.tablesorter-blue tbody>tr.odd:hover+tr.tablesorter-childRow+tr.tablesorter-childRow+tr.tablesorter-childRow+tr.tablesorter-childRow+tr.tablesorter-childRow>td,
.tablesorter-blue tbody>tr.odd:hover+tr.tablesorter-childRow+tr.tablesorter-childRow+tr.tablesorter-childRow+tr.tablesorter-childRow>td,
.tablesorter-blue tbody>tr.odd:hover+tr.tablesorter-childRow+tr.tablesorter-childRow+tr.tablesorter-childRow>td {
    background: #bfbfbf
}
tr.group-header td {
    background: #eee
}
.group-name {
    text-transform: uppercase;
    font-weight: 700
}
.group-count {
    color: #999
}
.group-hidden {
    display: none!important
}
.group-header,
.group-header td {
    user-select: none;
    -moz-user-select: none
}
tr.group-header td i {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid #888;
    border-right: 4px solid #888;
    border-left: 4px solid transparent;
    margin-right: 7px;
    user-select: none;
    -moz-user-select: none
}
tr.group-header.collapsed td i {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #888;
    border-right: 0;
    margin-right: 10px
}
tr.myDragClass td {
    background-color: #99f !important;
}
tr.dropped {
	display: table-row;
}

.wrapper_small {
	width: 1000px;
	height: 600px;
	overflow: auto;
	position: relative
}

tr.Error td
{
	color: #d20000 !important;
	background-color: #fff !important;
}

.SViframe
{
  height: 300px;
  width: 99.7%;
  resize: vertical;
  overflow: vertical;
}

.etat_tri
{
    /* background-color: #66BE3A;  Green */
    border: none;
    /* color: white; */
    padding: 2px 7px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 4px 2px;
    cursor: pointer;
}

.etat_tri10
{
	color: white;
    /*background-color: #f3434b; - */
    /*background-color:#D70C0C;*/
    background-color:#F54D40;
    /*font-weight: bold;*/

}

.etat_tri20
{
	color: black;
    /*background-color: #ffe400;*/
    background-color:#FFEC42;
    /*font-weight: bold;*/

}

.etat_tri30
{
    color: white;
    /*background-color: #66be3a;*/
    background-color:#52AE56;
    /*font-weight: bold;*/

}

.priorite
{
    border: none;
    color: white;
    padding: 2px 7px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 4px 2px;
}

.priorite_0
{
	color: black;
	background-color: #FFFFFF;	
}

.priorite_1
{
	color: black;
    /*background-color: #A9D0F5;*/
    background-color:#F7FBFD;/*#F7FBFD;*/
}

.priorite_2
{
	color: black;
    /*background-color: #81BEF7;*/
    background-color:#DFEAF0;/*#34596E;*/
}

.priorite_3
{
	color: white;
    /*background-color: #58ACFA;*/
    background-color:#ABBECA;    
    /*#ABBDC9;*/
}

.priorite_4
{
	color: white;
    /*background-color: #2E9AFE;*/
    background-color:#516D7F;
    /*#526D80;*/
}

.priorite_5
{
	color: white;
    /*background-color: #0080FF;*/
    background-color:#34596E;
    /*#34596E*/
}


/*
    margin:0;
    left:0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.97);
    z-index: 500;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
*/

/*
https://stackoverflow.com/questions/12155833/css-selector-id-contains-part-of-text

The Operator ^ - Match elements that starts with given value

div[id^="element_123"] {

}
The Operator $ - Match elements that ends with given value

div[id$="wrapper_text"] {

}
The Operator * - Match elements that have an attribute containing a given value

div[id*="wrapper_text"] {

}
*/
div[id^="ibcontdetail"]{
    font-size: 14px;
    width: 450px;
    line-height: 25px;
    word-wrap: break-word;


}

div[id^="ibnote"]{
    font-size: 14px;
    padding: 15px;
    word-wrap: break-word;


}

div[id^="ibcontdetail"] td > br +br {
    display: none!important;

}

div[id^="ibcontdetail"] a.sub_btn_cont:hover{
    background-color: #fff;
    color: #000;
    text-decoration: none;
    border-color: #3497EB!important;

}

/*
@media only screen and (max-width: 1024px){
    .erp_produit_view_RecordSimpleCRM td.erp_vente_produit,
    .erp_produit_view_RecordSimpleCRM td.erp_produit_note,
    .erp_produit_view_RecordSimpleCRM td.erp_achat_produit,
    .erp_produit_view_RecordSimpleCRM td.erp_stock_produit
     {
        display: contents;
    }
}
*/

@media only screen and (max-width: 1024px) {    
    .ui-datepicker {
        width: 17em;
        padding: .2em .2em 0;
        display: none
    }
    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0
    }
    .ui-datepicker .ui-datepicker-next,
    .ui-datepicker .ui-datepicker-prev {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em
    }
    .ui-datepicker .ui-datepicker-next-hover,
    .ui-datepicker .ui-datepicker-prev-hover {
        top: 1px
    }
    .ui-datepicker .ui-datepicker-prev {
        left: 2px
    }
    .ui-datepicker .ui-datepicker-next {
        right: 2px
    }
    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px
    }
    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px
    }
    .ui-datepicker .ui-datepicker-next span,
    .ui-datepicker .ui-datepicker-prev span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px
    }
    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center
    }
    .ui-datepicker .ui-datepicker-title select {
        font-size: 1em;
        margin: 1px 0
    }
    .ui-datepicker select.ui-datepicker-month-year {
        width: 100%
    }
    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 49%
    }
    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em
    }
    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: 700;
        border: 0
    }
    .ui-datepicker td {
        border: 0;
        padding: 1px
    }
    .ui-datepicker td a,
    .ui-datepicker td span {
        display: block;
        padding: .2em;
        text-align: right;
        text-decoration: none
    }
    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0
    }
    .ui-datepicker .ui-datepicker-buttonpane button {
        float: right;
        margin: .5em .2em .4em;
        cursor: pointer;
        padding: .2em .6em .3em;
        width: auto;
        overflow: visible
    }
    .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,
    .ui-datepicker-multi .ui-datepicker-group,
    .ui-datepicker-rtl .ui-datepicker-buttonpane button {
        float: left
    }
    .ui-datepicker.ui-datepicker-multi {
        width: auto
    }
    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em
    }
    .ui-datepicker-multi-2 .ui-datepicker-group {
        width: 50%
    }
    .ui-datepicker-multi-3 .ui-datepicker-group {
        width: 33.3%
    }
    .ui-datepicker-multi-4 .ui-datepicker-group {
        width: 25%
    }
    .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
        border-left-width: 0
    }
    .ui-datepicker-multi .ui-datepicker-buttonpane {
        clear: left
    }
    .ui-datepicker-row-break {
        clear: both;
        width: 100%;
        font-size: 0
    }
    .ui-datepicker-rtl {
        direction: rtl
    }
    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto
    }
    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto
    }
    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto
    }
    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto
    }
    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right
    }
    .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
    .ui-datepicker-rtl .ui-datepicker-group {
        float: right
    }
    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px
    }
    .ui-datepicker-cover {
        display: none;
        display: block;
        position: absolute;
        z-index: -1;
        filter: mask();
        top: -4px;
        left: -4px;
        width: 200px;
        height: 200px
	}
	
	.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
		font-size: 0px;

	}
	.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
        border: 0px !important;
        background: url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x #fff!important;
        font-weight: 400;
        color: #212121;
    }

    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover {
        background: #fcefa1!important;
    }

    .ui-slider-horizontal {
        height: .8em;
        position: relative;

    }

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em;
    }

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: default;
    }

    /* agenda src*/
    .config_fieldset #tabs li{
        list-style-type: none;
        padding: 5px;
        /*width: fit-content;*/
    }



  #interaction_simple_custom .ui-widget-header {
    background: url(../images/gris_soc.jpg)!important;
  }


  /*
  .ui-widget-header {
    border: 1px solid #aaa;
    background: url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x #ccc;
    font-weight: 700;
  }
  */
  #interaction_simple_custom .ui-widget-header {
    background: url(../images/gris_soc.jpg) 50% 50% repeat-x #ccc;
    border: 0px solid transparent;

  }
  /*
  #interaction_simple_custom .ui-widget-content{
        border: 0px solid transparent;

  }
  */
  #interaction_simple_custom .ui-widget-content{
        border: 0px solid transparent;

  }


.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 1px;
    margin: 0 .2em 1px 0;
    border-bottom: 0!important;
    padding: 0;
    white-space: nowrap;
}
/* onglet edit 
@media only screen and (min-width: 1025px){
  .ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 1px;
    margin: 0 .2em 1px 0;
    border-bottom: 0!important;
    padding: 0;
    white-space: nowrap;
    }
}
*/

/* 
dois remettre le panneau latéral sur le formulaire interaction
 en cas de besoin j'ai gardé l'ancienne version de action_iframed.html : action_iframed_old.html
*/
.interaction_add_box_info.box-show {
    width: 280px;
    right: 5px;
    z-index: 1000;
}

}