.notifications_login
{
overflow : auto;
border: 1px solid #8559e5;
padding : 2px;
background-color: white;
}
.notification_login
{
border: 1px solid #8559e5;
padding : 2px;
}

.file-upload {
    grid-template-columns: auto auto auto;
    grid-template-rows: auto auto;
    grid-column-gap: 2px;
    grid-row-gap: 6px;
}
.dialog-box-ap.ctrl-fullscreen .popupContent {
  opacity: 1; }

.ctrl-planning {
  background: rgba(255,255,255,1);
  border-radius: 8px;
  margin: 2px;
  padding: 2px 0;
  box-shadow: 0px 6px 8px 0 rgba(60, 64, 67, 0.302), 0 4px 10px 6px rgba(60, 64, 67, 0.149);
  color: rgba(32,33,36,0.622);
  font-size: 8pt;
  box-sizing: border-box; }
  .ctrl-planning button {
    margin: 0em;
    border-width: 1px;
    border-style: solid;
    border-color: #d8d8d8 #d1d1d1 #bababa; }
  .ctrl-planning select {
    margin: 0em;
    border-color: #a6a6a6; }
  .ctrl-planning .planning-btn:hover {
    background: rgba(241,243,244,1) !important;
    cursor: pointer; }
  .ctrl-planning ::-webkit-scrollbar {
    background: transparent;
    height: 8px;
    width: 8px; }
  .ctrl-planning ::-webkit-scrollbar-thumb:hover {
    background: #bdc1c6; }
  .ctrl-planning ::-webkit-scrollbar-thumb {
    border: none;
    box-shadow: none;
    background: rgba(218,220,224,1);
    border-radius: 8px;
    min-height: 40px; }
  .ctrl-planning.ctrl-planning-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    margin: 0;
    z-index: 20000; }
  .ctrl-planning .ctrl-planning-header {
    grid-template-columns: auto auto auto auto auto 1fr;
    grid-template-rows: auto;
    align-items: center;
    justify-items: center;
    padding: 0 25px 2px;
    border-bottom: 1px solid rgba(189,208,241,1);
    grid-column-gap: 25px; }
    .ctrl-planning .ctrl-planning-header .planning-switchview-box {
      grid-area: 1/2/span 1/span 1; }
    .ctrl-planning .ctrl-planning-header .planning-today-btn {
      grid-area: 1/3/span 1/span 1; }
    .ctrl-planning .ctrl-planning-header .planning-previous-btn {
      grid-area: 1/4/span 1/span 1; }
    .ctrl-planning .ctrl-planning-header .planning-next-btn {
      grid-area: 1/5/span 1/span 1; }
    .ctrl-planning .ctrl-planning-header .planning-fullscreen-btn {
      grid-area: 1/1/span 1/span 1;
      margin-right: 30px; }
    .ctrl-planning .ctrl-planning-header .planning-header-dates {
      grid-area: 1/6/span 1/span 1;
      font-size: 2.5em;
      justify-self: start;
      margin-left: 25px; }
    .ctrl-planning .ctrl-planning-header .planning-today-btn, .ctrl-planning .ctrl-planning-header .planning-switchview-box, .ctrl-planning .ctrl-planning-header .planning-fullscreen-btn {
      background: transparent;
      font-size: 1em;
      border-radius: 4px;
      padding: 10px 15px;
      align-self: stretch;
      justify-self: stretch; }
    .ctrl-planning .ctrl-planning-header .planning-previous-btn, .ctrl-planning .ctrl-planning-header .planning-next-btn {
      border-radius: 100%;
      padding: 8px; }
    .ctrl-planning .ctrl-planning-header .planning-next-btn {
      margin-left: -15px; }
    .ctrl-planning .ctrl-planning-header .planning-fullscreen-btn {
      border-width: 0.15em;
      width: 2em;
      height: calc(2em * .75);
      position: relative;
      place-self: center; }
      .ctrl-planning .ctrl-planning-header .planning-fullscreen-btn:before, .ctrl-planning .ctrl-planning-header .planning-fullscreen-btn:after {
        content: "";
        position: absolute;
        background: rgba(255,255,255,1); }
      .ctrl-planning .ctrl-planning-header .planning-fullscreen-btn:hover:before, .ctrl-planning .ctrl-planning-header .planning-fullscreen-btn:hover:after {
        background: rgba(241,243,244,1) !important; }
      .ctrl-planning .ctrl-planning-header .planning-fullscreen-btn:before {
        width: 40%;
        height: calc(100% + 2 * 0.15em);
        left: 30%;
        top: -0.15em; }
      .ctrl-planning .ctrl-planning-header .planning-fullscreen-btn:after {
        width: calc(100% + 2 * 0.15em);
        height: 40%;
        top: 30%;
        left: -0.15em; }
      .ctrl-planning .ctrl-planning-header .planning-fullscreen-btn:focus {
        outline: none; }
  .ctrl-planning.ctrl-planning-timeless .planning-timeless-hidden {
    display: none; }
  .ctrl-planning .planning {
    z-index: 2;
    overflow: hidden;
    margin: 2px; }
    .ctrl-planning .planning.multiple-day-planning .planning-pre-header {
      align-self: end;
      justify-self: stretch;
      text-align: center;
      margin-bottom: 10px;
      font-size: 1em; }
    .ctrl-planning .planning.multiple-day-planning .planning-header {
      align-items: stretch;
      justify-items: stretch;
      font-size: 1.2em;
      grid-row-gap: 20px;
      overflow-y: scroll;
      scrollbar-width: none; }
      .ctrl-planning .planning.multiple-day-planning .planning-header::-webkit-scrollbar {
        width: 16px;
        height: 16px;
        background: transparent; }
      .ctrl-planning .planning.multiple-day-planning .planning-header::-webkit-scrollbar-thumb {
        border: 4px solid white; }
      .ctrl-planning .planning.multiple-day-planning .planning-header .planning-header-elem {
        position: relative;
        align-content: stretch;
        justify-content: stretch;
        align-items: center;
        justify-items: center;
        padding: 5px 0;
        grid-row-gap: 5px; }
        .ctrl-planning .planning.multiple-day-planning .planning-header .planning-header-elem:before {
          content: "";
          height: 30px;
          width: 1px;
          border-left: 1px solid rgba(218,220,224,1);
          position: absolute;
          left: 0;
          bottom: 0; }
        .ctrl-planning .planning.multiple-day-planning .planning-header .planning-header-elem:last-child:after {
          content: "";
          height: 30px;
          border-left: 1px solid rgba(218,220,224,1);
          position: absolute;
          right: 0;
          bottom: 0; }
        .ctrl-planning .planning.multiple-day-planning .planning-header .planning-header-elem div:last-child {
          font-size: 2em;
          text-align: center; }
        .ctrl-planning .planning.multiple-day-planning .planning-header .planning-header-elem .planning-header-btn {
          width: 30px;
          border-radius: 100%;
          padding: 8px; }
    .ctrl-planning .planning.multiple-day-planning .planning-side {
      overflow-y: hidden; }
    .ctrl-planning .planning.multiple-day-planning .planning-content {
      overflow-y: scroll;
      scrollbar-width: none;
      border-top: 1px solid rgba(218,220,224,1); }
      .ctrl-planning .planning.multiple-day-planning .planning-content::-webkit-scrollbar {
        width: 16px;
        height: 16px;
        background: transparent; }
      .ctrl-planning .planning.multiple-day-planning .planning-content::-webkit-scrollbar-thumb {
        border: 4px solid white; }
    .ctrl-planning .planning.month-planning .planning-header {
      width: 100%;
      border-bottom: 1px solid rgba(218,220,224,1); }
    .ctrl-planning .planning.month-planning .planning-side {
      height: 100%;
      border-right: 1px solid rgba(218,220,224,1); }
    .ctrl-planning .planning.month-planning .planning-content {
      grid-template-columns: repeat(7, 1fr);
      grid-auto-rows: minmax(120px, 1fr);
      overflow-y: scroll; }
      .ctrl-planning .planning.month-planning .planning-content .planning-sub-content {
        padding: 10px 6px 0 2px;
        z-index: 2;
        overflow: auto;
        align-items: center;
        justify-items: center;
        grid-row-gap: 2px;
        font-size: 1.2em; }
        .ctrl-planning .planning.month-planning .planning-content .planning-sub-content .planning-header-btn {
          width: 20px;
          border-radius: 100%;
          padding: 3px;
          text-align: center; }
    .ctrl-planning .planning.month-planning .planning-list-event-manager {
      height: 100%; }
    .ctrl-planning .planning.year-planning .planning-content {
      grid-template-columns: repeat(4, 1fr);
      grid-auto-rows: repeat(3, 1fr);
      margin: 2px;
      place-items: center; }
      .ctrl-planning .planning.year-planning .planning-content .planning-sub-content {
        grid-template-columns: repeat(7, minmax(0, 36px));
        grid-auto-rows: minmax(0, 28px);
        align-items: center;
        justify-items: center;
        font-size: 1.2em; }
        .ctrl-planning .planning.year-planning .planning-content .planning-sub-content > .gwt-Label:first-child {
          font-weight: bold; }
    .ctrl-planning .planning .planning-day-grid {
      grid-template-columns: 1fr;
      grid-auto-rows: minmax(40px, 1fr);
      border-left: 1px solid rgba(218,220,224,1); }
      .ctrl-planning .planning .planning-day-grid:last-child {
        border-right: 1px solid rgba(218,220,224,1); }
      .ctrl-planning .planning .planning-day-grid div {
        border-bottom: 1px solid rgba(218,220,224,1);
        text-align: center; }
    .ctrl-planning .planning .planning-month-grid {
      border-right: 1px solid rgba(218,220,224,1);
      border-bottom: 1px solid rgba(218,220,224,1); }
    .ctrl-planning .planning .planning-day-side {
      grid-template-columns: 1fr;
      grid-auto-rows: minmax(40px, 1fr);
      border-top: 1px solid rgba(218,220,224,1); }
      .ctrl-planning .planning .planning-day-side .planning-day-side-hour {
        position: relative;
        align-content: stretch;
        justify-content: stretch;
        align-items: end;
        justify-items: center;
        margin: 0 20px; }
        .ctrl-planning .planning .planning-day-side .planning-day-side-hour .gwt-Label {
          transform: translateY(0.5em); }
        .ctrl-planning .planning .planning-day-side .planning-day-side-hour:last-child .gwt-Label {
          opacity: 0; }
        .ctrl-planning .planning .planning-day-side .planning-day-side-hour:after {
          content: "";
          width: 10px;
          border-bottom: 1px solid rgba(218,220,224,1);
          position: absolute;
          right: 0;
          top: -1px; }
    .ctrl-planning .planning .planning-list-event-manager {
      align-content: start;
      justify-content: stretch;
      align-self: start;
      justify-self: stretch; }
    .ctrl-planning .planning .planning-has-event-manager {
      padding: 2px 0;
      border-radius: 100%;
      cursor: pointer; }

.planning-event {
  background: rgba(199,218,251,1);
  border-radius: 8px;
  box-sizing: border-box;
  font-size: 1.2em;
  padding: 5px 10px 0;
  cursor: pointer;
  overflow: hidden; }
  .planning-event .planning-event-content {
    overflow: hidden; }
  .planning-event.planning-event-expanded {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr;
    color: rgba(32,33,36,0.622);
    border: 1px solid white; }
    .planning-event.planning-event-expanded.planning-event-selected, .planning-event.planning-event-expanded.planning-dragged-event {
      background: rgba(209,228,255,1);
      color: rgba(32, 33, 36, 0.852); }
  .planning-event.planning-event-regular {
    grid-template-columns: auto auto 1fr;
    grid-template-rows: auto;
    background: transparent;
    margin: 1px 0;
    grid-column-gap: 10px;
    align-items: center;
    color: rgba(32,33,36,0.702);
    padding: 4px 12px; }
    .planning-event.planning-event-regular:hover {
      background: rgba(241,243,244,1); }
    .planning-event.planning-event-regular.planning-event-selected, .planning-event.planning-event-regular.planning-dragged-event {
      color: rgba(32,33,36,0.622); }
    .planning-event.planning-event-regular.multiple-day-event {
      background: rgba(199,218,251,1); }
      .planning-event.planning-event-regular.multiple-day-event:hover {
        filter: brightness(95%); }
      .planning-event.planning-event-regular.multiple-day-event .day-event-pre {
        display: none; }
      .planning-event.planning-event-regular.multiple-day-event .planning-event-title {
        text-align: center; }
    .planning-event.planning-event-regular .day-event-pre {
      width: 0.6em;
      height: 0.6em;
      background: rgba(189,208,241,1);
      border-radius: 100%; }
  .planning-event.planning-event-shrink {
    background: transparent;
    color: rgba(60,64,67,1);
    padding: 11px;
    border: 1px solid rgba(11,36,251,1);
    border-radius: 100%;
    z-index: 2; }
    .planning-event.planning-event-shrink.special-event-only {
      border: none; }
  .planning-event.planning-event-selected, .planning-event.planning-dragged-event {
    border: none;
    box-shadow: ; }
  .planning-event.planning-dragged-event {
    cursor: move; }
  .planning-event.planning-event-dragging, .planning-event.planning-event-cutted {
    opacity: 0.4; }
  .planning-event .planning-event-title {
    overflow: hidden; }
  .planning-event .planning-event-widening-section {
    width: 100%;
    height: 10px;
    align-self: end;
    z-index: 2;
    cursor: ns-resize; }

.planning-selection-overlay {
  z-index: 20000;
  overflow-y: hidden;
  cursor: crosshair; }
  .planning-selection-overlay .planning-selection-div {
    border: 1px solid rgba(0, 0, 230, 0.4);
    background: rgba(0, 0, 210, 0.2); }

.planning-event-list-popup {
  grid-row-gap: 5px;
  background: rgba(255,255,255,1);
  padding: 12px 8px;
  width: 250px;
  border-radius: 8px;
  box-shadow: ; }
  .planning-event-list-popup .planning-event-list-popup-header {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto; }
    .planning-event-list-popup .planning-event-list-popup-header .gwt-Label:first-child {
      padding: 5px;
      font-size: 1em; }
    .planning-event-list-popup .planning-event-list-popup-header .gwt-Label:last-child {
      font-size: 2em;
      border-radius: 100%;
      text-align: center;
      padding: 10px 0px; }
      .planning-event-list-popup .planning-event-list-popup-header .gwt-Label:last-child:hover {
        background: rgba(241,243,244,1); }
  .planning-event-list-popup .planning-event-list-popup-close {
    align-self: start;
    justify-self: end;
    transform: scale(0.8, 0.8);
    padding: 10px;
    border-radius: 100%; }
    .planning-event-list-popup .planning-event-list-popup-close:hover {
      background: rgba(241,243,244,1); }

.close-icon {
  position: relative;
  width: 22px;
  height: 22px; }
  .close-icon:before, .close-icon:after {
    position: absolute;
    left: 10px;
    content: " ";
    height: 23px;
    width: 2px;
    background-color: rgba(60,64,67,1); }
  .close-icon:before {
    transform: rotate(45deg); }
  .close-icon:after {
    transform: rotate(-45deg); }

/*# sourceMappingURL=planning.css.map */

.ctrl-planning .planning.year-planning .planning-content .planning-sub-content {
    grid-template-columns: repeat(7, minmax(0, 30px));
    grid-auto-rows: minmax(0, 25px);
    margin-top: 15px;
}
.ctrl-color-red {
    color: red;
}
.ctrl-color-green {
    color: green;
}
.ctrl-color-blue {
    color: blue;
}

/*
@font-face {
	font-family: "Gothic";
	src: url('fonts/GOTHIC.TTF');
}
@font-face {
	font-family: "Gothic italic";
	font-style: italic;
	src: url('fonts/GOTHICI.TTF');
}
@font-face {
	font-family: "Gothic bold";
	font-weight: bold;
	src: url('fonts/GOTHICB.TTF');
}

@font-face {
	font-family: "Gothic bold italic";
	font-weight: bold;
        font-style: italic;
	src: url('fonts/GOTHICBI.TTF');
}
*/
body {
    margin: 0px;
    width:100%;
    height:100%;
    white-space : nowrap;
    -ms-user-select:none;
    -webkit-user-select:none;
    -moz-user-select:-moz-none;
    -khtml-user-select: none;
    -o-user-select: none;   
    user-select: none;   
}

body {
  font-family : Arial,Amaranth, Helvetica, sans-serif, Times New Roman;

font-size: 10pt;

  background-color: #e6e6fa;
  color: #000000;
  font-size: 10pt;
}




table {
     border-spacing: 0px 0px;
}

input, textarea {
    background-color:#FFFFFF;
    border: solid 1px #8559e5;
}

textarea {
    white-space : pre-wrap;
}

input:focus {
  background-color : #ffffff;
  border: solid 1px #9370db;
}

select:focus {
  background-color : #ffffff;
  border: 0px;
}

textarea:focus {
  background-color : #ffffff;
  border: solid 1px #9370db;
}

checkbox:focus {
  background-color : #ffffff;
  border: solid 1px #9370db;
}

div {
   -ms-user-select:none;
    -webkit-user-select:none;
    -moz-user-select:-moz-none;
    -khtml-user-select: none;
    -o-user-select: none;   
    user-select: none;  
}

/* HACK IE */
input[type=checkbox]{
    border: none;
    background: none;
}

/* Contre l'action du user agent stylesheet */

body, textarea, input
{
   font-family : Arial,Amaranth, Helvetica, sans-serif, Times New Roman;

font-size: 10pt;

}

.container-rd
{
    display: grid;
    place-content: start;
}
.container-filtre
{
}
.ctrl-textarea {
    background-color: #FFFFFF;
}

.dialog-box-ap .ctrl-textarea{}

.ctrl-textarea-readonly{
      background-color : #bfbdbd;
}

.ctrl-textarea.ctrl-textarea-noredim 
{
   resize:none;
}

.ctrl-textarea-compteur {
    background-color: #0da512;
    color: #fffcfc;
    text-align: center;
    white-space: pre;
    vertical-align:middle;
    padding:0px 5px;
    height:100%;
    border: solid 1px #8559e5;
}

.ctrl-textarea-compteur-invisible{
     display : none;
}

.ctrl-textarea-compteur-non-valide{
    background-color: #e06d6d;
    color: #fffcfc;
    text-align: center;
    white-space: pre;
    vertical-align:middle;
    padding:0px 5px;
    height:100%;
    border: solid 1px #8559e5;
}

.dialog-box-ap .ctrl-textarea-compteur {}

.ListView-ligne-paire .rouge{
    color: red;
}
.ListView-ligne-impaire .rouge{
    color: red;
}

.ListView-ligne-paire .vert{
    color: green;
}
.ListView-ligne-impaire .vert{
    color: green;
}

.ListView-ligne-paire .bleu{
    color: blue;
}
.ListView-ligne-impaire .bleu{
    color: blue;
}

a {
     color: #0000a0;
}

a:visited {
     color: #a000b0;
}

.ctrl-image{
	font-size: 14px;
        cursor: default;
}

.ctrl-Image-pos-sel {
  filter:alpha(opacity=70);
  -moz-opacity:0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
}
.ctrl-Image-pos {
}





.ctrl-time{
    border:2px inset;
    padding:1px 1px 0px 5px;
    font-size: 14px;
    background-color: #FFFFFF;
    margin : 0px;
}
.ctrl-time-sep{
    border:0px;
    width: 5px;
  background-color: #FFFFFF;
    margin : 0px;
}
.ctrl-time-element{
    border:0px;
    width: 15px;
    font-size: 14px;
    background-color: #FFFFFF;
    margin : 0px;
}
.ctrl-time-hhh{
    border:0px;
    width: 23px;
    font-size: 14px;
    background-color: #FFFFFF;
    margin : 0px;
    text-align : right;
}
.ctrl-time-hhhh{
    border:0px;
    width: 30px;
    font-size: 14px;
    background-color: #FFFFFF;
    margin: 0px;
    text-align : right;
}
.ctrl-time-hhhhh{
    border:0px;
    width: 38px;
    font-size: 14px;
    background-color: #FFFFFF;
    margin: 0px;
    text-align : right;
}
.ctrl-time-panel{
    padding-left:2px;
}

.ctrl-time-readonly, .ctrl-time-readonly .ctrl-time-element, .ctrl-time-readonly .ctrl-time-sep {
    background-color: #bfbdbd;
}
.ctrl-textbox-number{
    padding:1px 1px 0px 1px;
    font-size: 14px;
    margin:0px;
    margin-bottom:1px;
}

.ctrl-textbox-number-saisie{
    border:0px;
    padding:1px;
    font-size: 14px;
    margin:0px;
    border: solid 1px #9370db;
}

.ctrl-textbox-number-saisie-readonly{
      background-color : #bfbdbd;
}

.dialog-box-ap .ctrl-textbox-number-saisie-readonly {}

.ctrl-textbox-number-label{
    border:0px;
    padding:0px;
    font-size: 14px;
    margin:0px;
    margin-left:2px;
}

ctrl-checkbox input
{
    border: solid 1px #9370db;
}

.cadre-1px
{
border: 1px solid #8559e5;
padding : 0px;
}
.cadre-2px
{
border: 1px solid #8559e5;
padding : 0px;
}
.gwt-HTML{
}

.ctrl-html{
}

.ctrl-date{
    margin :0px;
    vertical-align: middle; 
    border-spacing: 0px 0px;
}

.ctrl-date-field{
    font-size: 14px;
    color :  #000000;
    width:58px;
    margin :0px;
    padding:2px;
}


.ctrl-date-field-readonly
{
    background-color: #bfbdbd;
}

.ctrl-date-btn-cal{
    width:19px;
    height:19px;
    vertical-align: middle; 
}

.ctrl-date-filtre{
   padding-right :2px;
}

.ctrl-date-filtre td{
   padding-right :1px;
}

.ctrl-calendrier
{
  background-color: #FFFFFF;
  border: 1px solid #8559e5;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  -moz-user-select: none;
  -khtml-user-select: none;
}

.ctrl-calendrier-Entete
{
    text-decoration:none;
    text-align:center;
    font-size: 14px;
    cursor:default;
    border-collapse:collapse;
    margin:0px 0px 0px 0px ;
    padding:0px 0px 0px 0px;
    height:20px;
    border-bottom: 1px solid #8559e5;
}

.ctrl-calendrier-Entete td
{
   width:22px;
}

.ctrl-calendrier-Tab-Jour
{
    text-decoration:none;
    text-align:center;
    vertical-align:middle;
    font-size: 14px;
    cursor:default;
    border-collapse:collapse;
    margin:0px 0px 0px 0px ;
    padding:0px 0px 0px 0px;
}

.ctrl-calendrier-Jour-Div {
    width:22px;
    height:18px;
}

.ctrl-calendrier-Jour
{
    text-decoration:none;
    -moz-outline:0 none;
    outline:0 none;
    display:block;
    padding-left:1px;
    padding-right:1px;
    padding-bottom:1px;
    padding-top:1px;
}

.ctrl-calendrier-Jour-Mois
{
    color:#91A1BE;
    background-color:#FFFFFF;
}
.ctrl-calendrier-Jour-Hors-Mois
{
    color:#CED4DD;
    background-color:#FFFFFF;
}
.ctrl-calendrier-Jour-Aujourdhui
{
   border:1px solid #8DB2E3;
}

.ctrl-calendrier-Jour-Courant
{
   border:1px groove #AAAAAA;
   font-weight : bolder;
}

.ctrl-calendrier-Jour-ferie
{
   border:1px dotted #AAAAAA;
   font-weight : bolder;
}

.ctrl-calendrier-Jour-R
{
   background-color: #F2A01A;
}

.ctrl-calendrier-Jour-J
{
   background-color: #FEE000;
}

.ctrl-calendrier-Jour-V
{
   background-color:#7FB61B;
}
.ctrl-calendrier-Chambre
{
   border:1px solid #666666;
   width:20px;
   height:20px;
}

.ctrl-calendrier-Jour-Survol
{
    font-style : italic;
    font-weight : bolder;
}
.ctrl-calendrier-Bouton-PlusAnnee
{
    background:url(images/web/cal-annee-d.png) no-repeat left center;
    background-color: #33436A;
}
.ctrl-calendrier-Bouton-MoinsAnnee
{
    background:url(images/web/cal-annee-g.png) no-repeat left center;
    background-color: #33436A;
}
.ctrl-calendrier-Bouton-PlusMois
{
    background:url(images/web/cal-mois-d.png) no-repeat left center;
    background-color: #33436A;

}
.ctrl-calendrier-Bouton-MoinsMois
{
    background:url(images/web/cal-mois-g.png) no-repeat left center;
    background-color: #33436A;
}

.ctrl-calendrier-Titre
{
    background-color: #33436A;
    border:0px;
    padding:0px;
    margin:0px;
    color:#FFFFFF;
    font-size: 14px;
    text-decoration:none;
    text-align:center;
    overflow:hidden;
    height:25px;
    width:100%;
    cursor:default;
}

.ctrl-calendrier-Titre button
{
    width:14px;
    border:0px;
    opacity:.6;
    -moz-opacity: .6;
    margin:0px;
    padding:0px;
    padding-top:4px;
    text-decoration:none;
}

.ctrl-calendrier-Titre button:hover{
    -moz-opacity: 1;
    opacity:1;
}
.ctrl-calendrier-MoisAnnee
{
    width:104px;
    font-weight : bolder;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
    padding-top:5px;
    background-color: #33436A;
    white-space: nowrap;
}

.ctrl-calendrier-Pied
{
    text-align:center;
    font-size: 14px;
    border-top: 1px solid #8559e5;
    cursor:default;
    border-collapse:collapse;
    margin:0px;
    padding:0px;    
    background-color : #f7f7fc;
    width:100%;
    height:30px;
}

.ctrl-calendrier-Pied button
{
    -moz-opacity: .6;
    opacity:.6;
}

.ctrl-calendrier-Pied button:hover{
    -moz-opacity: 1;
    opacity:1;
}

.ctrl-calendrier-Bouton-Aujourdhui
{
   background-color: #91A1BE;
   border:1px solid #666666;
   margin-top:5px;
   padding-left:3px;
   padding-right:3px;
   padding-bottom:1px;
   padding-top:1px;
   vertical-align:middle;
   text-decoration:none;
   text-align:center;
   font-size: 14px;
   color:#FFFFFF;
   cursor:default;
   border-collapse:separate;
}

.ctrl-calendrier-Bouton-Futur 
{
  background-color: #91A1BE;
   border:1px solid #666666;
   margin-top:5px;
   padding-left:3px;
   padding-right:3px;
   padding-bottom:1px;
   padding-top:1px;
   vertical-align:middle;
   text-decoration:none;
   text-align:center;
   font-size: 14px;
   color:#FFFFFF;
   cursor:default;
   border-collapse:separate;
}


.ctrl-calendrier-Bouton-Null
{
  background-color: #91A1BE;
   border:1px solid #666666;
   margin-top:5px;
   padding-left:3px;
   padding-right:3px;
   padding-bottom:1px;
   padding-top:1px;
   vertical-align:middle;
   text-decoration:none;
   text-align:center;
   font-size: 14px;
   color:#FFFFFF;
   cursor:default;
   border-collapse:separate;
}
.ctrl-color td
{
    border:0px;
    cursor: pointer;
}
.ctrl-color-image
{
   border:1px solid #000000;
   cursor: pointer;
}










.ctrl-color-label
{
   border : 1px solid #000000; 
   margin-right: 3px;
}

.ctrl-progress-bar
{
border:1px solid #000000;
background-color: #CCCCCC;
-moz-border-radius-:5px;
-webkit-border-radius:5px;
}

.ctrl-progress-bar-value
{
background-color:#0000A0;
}

.ctrl-progress-bar-text
{
position:relative;
left:0;
color: #FFFFFF;
text-align: center;
}

.Ihm-Panel-Etat 
{
}

.Ihm-Panel-Etat-old
{
    border-top: 1px solid #8559e5;
    padding : 1px;
}



.bar-btn
{
    background-color: #F3F3F0;
    border-style:groove;
}







.About-bt
{
  width : 100px;
}
.About-img
{
  margin: 0px 20px;
  border : 2px;
}
.About-description {
  width : 24em;
  font-weight : bolder;
  font-size: 14px;
  text-align : justify;
}

.About-version {
  font-style : italic;
  font-weight : bolder;
  font-size: 14px;
  text-align : center;
}







.ctrl-textbox-increment{
    padding: 0px;
    margin: 0px;
}
.ctrl-textbox-increment-panel-btn {
    font-size: 7pt;
}
.ctrl-textbox-increment-btn {
    width: 7px;
    height: 5px;
}






.ctrl-label{
	font-size: 14px;
        margin : 0px;
}

.dialog-box-ap  .ctrl-label{}





.ctrl-nb-jour{
        border:2px inset;;
	font-size: 14px;
        color: #000000;
        background-color: #FFFFFF;
        margin : 0px;
        margin-bottom:1px;
        padding:1px 1px 0px 1px;
}







.ctrl-saisie-rapide{
}

.ctrl-saisie-rapide-txt-btn{
}

.ctrl-saisie-rapide-txt{
text-align:right;
}

.ctrl-saisie-rapide-btn{
}


.ctrl-search 
{
         margin : 0px;
         padding :0px;
}

.ctrl-search-textbox {
	font-size: 14px;
        border: solid 1px #9370db;
        margin : 0px;
        padding-left: 1px;
}

.ctrl-search-textbox-disable {      
       background-color : #bfbdbd;
}

.ctrl-search-alerte {
    margin: 0px;
    padding: 0px;
    background-image: url(images/AddImage/Icones/gyrophare_03.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
    padding-right: 28px;
    line-height: 32px;
}

.dialog-box-ap .ctrl-search-textbox-disable {}
/* Plage de décimaux ou entier */

.ctrl-textboxnumber-filtre{
	
}

.ctrl-mosaique {
	
}
.ctrl-mosaique-table {
	margin : 0px;
        padding : 1px;
        border: solid 1px #9370db;  
}
.ctrl-mosaique-table-iframe {
        margin : 0px;
        padding : 1px;
        border: solid 1px #9370db;	
}
.ctrl-mosaique-table-iframe-entete {
        font-size: 14px;
        font-weight: bold;        
        text-align : center; 	
        cursor :pointer;
}

.ctrl-textbox {
	font-size: 14px;
        border: solid 1px #9370db;
        margin : 0px;
        padding-left: 1px;
}

.dialog-box-ap .ctrl-textbox {}

.ctrl-textbox-readonly{
      background-color : #bfbdbd;
}

.ctrl-textbox-orange {
	font-size: 14px;
        color : RED;
        border: solid 1px #9370db;
        margin : 0px;
        padding-left: 1px;
}

.ctrl-textbox-password{
	font-size: 14px;
        margin : 0px;
        padding-left: 1px;
}

.dialog-box-ap .ctrl-textbox-password {}

.ctrl-textbox-password-readonly{
      background-color : #bfbdbd;
}






.ctrl-combobox {
        margin : 0px;
        padding : 0px;
        font-size: 14px;
        background-color:#FFFFFF;
        border: solid 1px #9370db;      
}

.ctrl-combobox-disable {      
       background-color : #bfbdbd;
}

.dialog-box-ap .ctrl-combobox-disable {}

.ctrl-combobox td {
  display:inline-block;
  overflow:hidden; 
}


.ctrl-combobox-libelle {      
       padding-top : 1px;
       padding-bottom : 1px;
       padding-left : 2px;
       padding-right : 2px;
       margin : 0px;
       white-space: nowrap;
}

.ctrl-combobox-img
{
       margin: 0px;
       padding-left: 3px;
       padding-right: 3px;
       padding-top: 0px;
       padding-bottom: 1px;
 }

.ctrl-listbox-panel {
        margin : 0px;
        padding :0px;
        border: 1px solid #9370db;
}

.ctrl-listbox {
        margin : 0px;
        padding :0px;
        font-size: 14px;
        background-color:#FFFFFF;     
        border: 0px;
}

.ctrl-listbox-panel-sscroll
{
     display:inline-block; overflow:hidden; 
}

.ctrl-listbox-sscroll
{
     margin-right :-15px;
}

.ctrl-img-etat{
   font-size: 14px; 
   cursor: pointer;
   vertical-align: middle;
}
.ctrl-img-etat-grise {
   font-size: 14px; 
   cursor: pointer;
   vertical-align: middle;
   filter:alpha(opacity=50); 
   -moz-opacity:0.5; 
   -khtml-opacity: 0.5; 
   opacity: 0.5;    
}
/* Boutons */

.ctrl-btn-down {
     padding : 2px 0px 0px 2px; 
}

.ctrl-btn-up {
     padding : 1px 1px 1px 1px;

}

.ctrl-btn-label {
   margin-left : 3px;
   margin-right : 5px;
   cursor : pointer;
}

.ctrl-btn-sans-label {
   margin-left : 2px;
}

.ctrl-btn-avec-label {}
.ctrl-btn-sans-label {}
.dialog-box-ap .ctrl-btn-label {}

.ctrl-btn-label {
  /*   color: #000000;*/
color : #000000;

}
.ctrl-btn-avec-label {
     border : 1px solid #8559e5;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     background-color : #eaeaea;
     margin : 0 1px;
     cursor : pointer;
}






.dialog-box 
{
    border: 2px solid;
    border-radius : 8px;
    -moz-border-radius-:8px;
    -webkit-border-radius:8px;
    padding : 0px;
    margin : 0px;
}
.dialog-box-ap {
    border: 2px solid;
    background-color: white;
}

.dialog-box-entete
{
    border-radius : 6px 6px 0px 0px;
    -moz-border-radius:6px 6px 0px 0px;
    -webkit-border-radius:6px 6px 0px 0px;    
    background-repeat : repeat-x;
    vertical-align: bottom;
    padding: 0px;
    margin : 0px;
    cursor: default;
    width : 100%;   
    border-bottom: 1px solid;
}

.dialog-box-entete-logo
{
   width:24px;
   height:24px;
   padding : 0px;
   margin-left  : 1px;
   margin-right : 1px;
}

.dialog-box-entete-div
{
   width:26px;
   height:26px;
   position : relative;
}

.dialog-box-entete-div-logo
{
   position : absolute;
   width : 18px;
   margin-top : 7px;

}

.dialog-box-entete-div-list
{  
   position : absolute;
}

.dialog-box-entete .table
{
   padding : 0px;
   margin : 0px;
   border-bottom: 0px;
}

.dialog-box .dialog-box-entete {}

.dialog-box-ap {
    border-radius : 8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    padding : 0px;
    margin : 0px;
}

.dialog-box-ap .popupContent{opacity : 0.70;}
.dialog-box-ap .dialog-box-entete {opacity : 0.6;}

.dialog-box-titre
{
   width   : 100%;
   cursor  : move;
   padding : 4px;
}

.liaison-table{
      margin : -2px 0px -2px 14px;
}

.dialog-box {
    border-color : #8559e5;
    background-color: #f7f7fc;    
}
.dialog-box-ap {
    border-color : #8559e5;
    background-color: white;
}

.dialog-box-entete {   
    font-size: 15px;
    font-family : Arial,Amaranth, Helvetica, sans-serif, Times New Roman;
font-weight : Bold;
    border-color: #8559e5;    
}

.dialog-box-entete {
	background-color: rgba(147,112,219,1);
    /* IE9, iOS 3.2+ */
    background-image: -webkit-gradient(linear, 0% 0%, 100% 0%,color-stop(0, rgba(147,112,219,1)),color-stop(1, rgb(255, 255, 255)));
    /* Android 2.3 */
    background-image: -webkit-repeating-linear-gradient(left,rgba(147,112,219,1) 0%,rgb(255, 255, 255) 100%);
    /* IE10+ */
    background-image: repeating-linear-gradient(to right,rgba(147,112,219,1) 0%,rgb(255, 255, 255) 100%);
    background-image: -ms-repeating-linear-gradient(left,rgba(147,112,219,1) 0%,rgb(255, 255, 255) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(147,112,219,1)',endColorstr="#ffffff",GradientType=1);
text-shadow: 0.5px 0.5px 2px rgba(0, 0, 0, 0.3);
    color: rgba(255,255,255,1);
}
.dialog-box-entete-div{
   border-top-left-radius : 5px;
   background-color : white;
}

.dialog-box .window-tx-focus
,.dialog-box-ap .window-tx-focus {
     font-size : 1px;
     background-color : #f7f7fc;
     color : #f7f7fc;
     border : 0px;
}
.gwt-Image {
   cursor: pointer;
   vertical-align: middle;
}

/* Gestion du menu */

.gwt-MenuBar {}
.gwt-MenuBar .gwt-MenuItem {}

.gwt-MenuBar-vertical {
  /*padding: 4px 14px 4px 1px;*/
  cursor : pointer;
  min-width: 52px;
  position : relative !important;
 }

.gwt-MenuBar-vertical .gwt-MenuItem {}
 
.gwt-MenuBar-vertical .gwt-MenuItem-selected {}

.gwt-MenuBar-vertical table {
  border-collapse: collapse;
  width:100%;
}
.zone-laterale-menu .gwt-MenuBar-vertical td {
  width:100%;
}

.gwt-MenuBar-vertical .gwt-MenuItemSeparator {
  padding: 2px 0px;
}

.gwt-MenuBar-vertical .gwt-MenuItemSeparator .menuSeparatorInner {
  border: 0px;
  height: 1px;
  overflow: hidden;
  border-top: 1px solid;
}

.gwt-MenuBar-vertical .subMenuIcon {
	padding-right: 4px;
}
.gwt-MenuBar-vertical .zone-laterale-bouton-left{
    text-align:center;
}

.menu-vertical-item-readonly{
    color : #930000;
}

.gwt-MenuBar-vertical .subMenuIcon-selected {}

.gwt-MenuBar-horizontal {
   position : fixed;
   width: 100%;
   border : 1px solid ;
   cursor : pointer;
}

.gwt-MenuBar-horizontal .gwt-MenuItem {
  padding : 5px 10px;
  vertical-align : bottom;
   -moz-border-radius : 5px;
   -webkit-border-radius : 5px;
   border : 1px solid rgba(0, 0, 0, 0); 
}

.gwt-MenuBar-horizontal .gwt-MenuItemSeparator {
  width : 1px;
  padding : 0px;
  margin : 0px;
  border : 0px;
  border-left : 1px solid;
}

.gwt-MenuBar-horizontal .gwt-MenuItemSeparator .menuSeparatorInner {
  width: 1px;
  height: 1px;
}

.gwt-MenuBar-horizontal .gwt-MenuItem-selected {}

.gwt-MenuBar {
   font-size : 14px;
}

.gwt-MenuBar .gwt-MenuItem {
    color : #05368B;
}

/* MENU HORIZONTAL */

.gwt-MenuBar-horizontal {
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5e5f5', endColorstr='#d5e5f5');
    background : -webkit-gradient(linear, left top, left bottom, from(#d5e5f5), to(#d5e5f5));
    background : -moz-linear-gradient(top, #d5e5f5, #d5e5f5);  
    border-color : #9370db;
    border: 0px;
    border-bottom: 1px solid #9370db;
}

.gwt-MenuBar-horizontal .gwt-MenuItem {
  color : rgba(0,0,0,1);
  text-shadow : 0.5px 0.5px 2px rgba(0, 0, 0, 0.3);
  font-family : Arial,Amaranth, Helvetica, sans-serif, Times New Roman;
font-weight : Bold;
}

.gwt-MenuBar-horizontal .gwt-MenuItem-selected {
   background-color : #9370db;
   color : rgba(255,255,255,1);
   text-shadow : none;
}

.gwt-MenuBar-horizontal .gwt-MenuItemSeparator {
  border-color : #9370db;
  background : #FFFFFF;
}

.gwt-MenuBar-horizontal .gwt-MenuItemSeparator .menuSeparatorInner {
   background : #FFFFFF;
}

/* MENU VERTICAL */

.gwt-MenuBar-vertical {
  background-color: #f7f7f7;
  color: #595959;
 }

.gwt-MenuBar-vertical .gwt-MenuItem {
   color : #595959;
}
 
.gwt-MenuBar-vertical .gwt-MenuItem-selected {
   background-color: #9370db;
   color :  #ffffff;
}
.zone-laterale-menu .gwt-TreeItem-selected{
   color :  #ffffff;
   font-family : Arial,Amaranth, Helvetica, sans-serif, Times New Roman;
font-weight : Bold;
}

.gwt-MenuBar-vertical .gwt-MenuItemSeparator .menuSeparatorInner {
  border-color : #9370db;
  background: #595959;
}

table.menu-lateral-item-element:hover{
   background-color : #9370db;
   color: #ffffff;
}


.gwt-TabPanel {
 }

.gwt-TabPanelBottom {
  border: 1px solid #8559e5;
}

.gwt-TabPanel-Title {
 padding-bottom: 5px;
}

.gwt-TabPanel-TitleImg {
  padding-bottom: 5px;
}

.gwt-TabPanel-Title-Libelle {
  white-space: nowrap;
  height : 12px;
}

.gwt-TabPanel-Title-Img {
 padding-right: 5px;
}







.gwt-TabBar_none {}
.gwt-TabBar {}

.gwt-TabBar .gwt-TabBarFirst {
  height: 100%;
  padding-left: 3px;
}

.gwt-TabBar .gwt-TabBarRest {
  padding-right: 3px;
}

.dialog-box-ap  .gwt-TabBar {}
.dialog-box .gwt-TabBarRest {}
.dialog-box-ap  .gwt-TabBarRest {}

.gwt-TabBar .gwt-TabBarItem {
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 1px;
  cursor: default;  
  white-space: nowrap;
 -moz-border-radius-topleft: 5px 5px;
  -moz-border-radius-topright: 5px 5px;
  border-top-left-radius: 5px 5px;
  border-top-right-radius: 5px 5px;
  border-bottom : 0px;
}


.gwt-TabBar .gwt-TabBarItem-selected {
  border-top: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 1px;
  cursor: default;  
  border-bottom : 0px;
}

.gwt-TabBar .gwt-TabBarItem .gwt-Label {}
.gwt-TabBar .gwt-TabBarItem-selected .gwt-Label {}

.gwt-TabBar {
  font-size:  14px;
  color : rgba(0,0,0,1);
}

.gwt-TabBar .gwt-TabBarItem {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5e5f5', endColorstr='#f7f7f7');
  background: -webkit-gradient(linear, left top, left bottom, from(#d5e5f5), to(#f7f7f7));
  background: -moz-linear-gradient(top, #d5e5f5, #f7f7f7);  
  border-color : #9370db;
  color:#000000;
}

.gwt-TabBar .gwt-TabBarItem-selected {
  font-family : Arial,Amaranth, Helvetica, sans-serif, Times New Roman;
font-weight : Bold;
  background: #5c93de;
  border-color : #9370db;
  color : rgba(0,0,0,1);
}

.rd-container {
  display: grid;
  max-width: 1500px;
  grid-template-columns: 1fr;
  grid-gap: 10px;
  background-color: #fff;
  color: #444;
}

.fond_accueil {
 background-image: url(images/Accueil/accueil.png);
 background-repeat: no-repeat;
 background-attachment:fixed;
 background-position: center 50px;
}







.gwt-PopupPanel {
  border: 0px;
  padding: 0px;  
}

html>body .gwt-PopupPanel {
}

* html .gwt-PopupPanel {
}

.gwt-DecoratedPopupPanel .popupContent {
}

.gwt-DecoratedPopupPanel .popupMiddleCenter {
  padding: 3px;
}

.gwt-DecoratedPopupPanel .popupTopCenter {
  background: url() repeat-x;
}

.gwt-DecoratedPopupPanel .popupMiddleLeft {
  background: url() repeat-y;
}

.gwt-DecoratedPopupPanel .popupTopLeftInner {
  width: 5px;
  height: 5px;
  zoom: 1;
}

.gwt-DecoratedPopupPanel .popupTopRightInner {
  width: 8px;
  height: 5px;
  zoom: 1;
}

.gwt-DecoratedPopupPanel .popupBottomLeftInner {
  width: 5px;
  height: 8px;
  zoom: 1;
}

.gwt-DecoratedPopupPanel .popupBottomRightInner {
  width: 8px;
  height: 8px;
  zoom: 1;
}

html>body .gwt-DecoratedPopupPanel .popupBottomCenter {
  background: url() repeat-x 0px -4px;
}

html>body .gwt-DecoratedPopupPanel .popupMiddleRight {
  background: url() repeat-y -4px 0px;
}

html>body .gwt-DecoratedPopupPanel .popupTopLeft {
  background: url() no-repeat 0px -10px;
}

html>body .gwt-DecoratedPopupPanel .popupTopRight {
  background: url() no-repeat -5px -10px;
}

html>body .gwt-DecoratedPopupPanel .popupBottomLeft {
  background: url() no-repeat 0px -15px;
}

html>body .gwt-DecoratedPopupPanel .popupBottomRight {
  background: url() no-repeat -5px -15px;
}

* html .gwt-DecoratedPopupPanel .popupBottomCenter {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='',sizingMethod='scale');
}

* html .gwt-DecoratedPopupPanel .popupMiddleRight {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='',sizingMethod='scale');
}

* html .gwt-DecoratedPopupPanel .popupTopLeftInner {
  width: 5px;
  height: 15px;
  margin-top: -10px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='',sizingMethod='crop');
}

* html .gwt-DecoratedPopupPanel .popupTopRightInner {
  width: 13px;
  height: 15px;
  margin-left: -5px;
  margin-top: -10px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='',sizingMethod='crop');
}

* html .gwt-DecoratedPopupPanel .popupBottomLeftInner {
  width: 5px;
  height: 23px;
  margin-top: -15px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='',sizingMethod='crop');
}

* html .gwt-DecoratedPopupPanel .popupBottomRightInner {
  width: 13px;
  height: 23px;
  margin-left: -5px;
  margin-top: -15px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='',sizingMethod='crop');
}

.image-popup{
  z-index : 50000;
}

.image-popup-button-left {
    width  : 10px;
    height : 10px;
}

.image-popup-button-right {
    width  : 10px;
    height : 10px;
}








.ListView {
    cursor: default;
    text-decoration:none;    
    -moz-user-select: none;
    -khtml-user-select: none;
    border: 1px solid;
    /*border-right-width: 1px;*/
}

.cell {
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 1px;
    margin-bottom: 1px;
    margin-left: 3px;
    /*margin-right: 3px;*/
}

.cellentete {
    overflow  :hidden;
    text-align : left;
    text-overflow: ellipsis;
    white-space: normal;
    margin-top: 1px;
    margin-bottom: 1px;
    margin-left: 3px;
    /*margin-right: 3px;*/
}

.cellentete-sel {
     width : 2px;
     height : 15px;
     cursor: col-resize;
}

.celltotal {
    overflow  :hidden;
    text-align : left;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 1px;
    margin-bottom: 1px;
    margin-left: 3px;
}

.celltotal-sel {
     width : 2px;
     height : 15px;
     cursor: col-resize;
}

.ListView-Titre {
    padding: 1px;
    width: 100%;
    white-space: nowrap;
    border-bottom:1px solid #8559e5;
}

.ListView-Titre img {
    padding-left : 1px;
    padding-top : 1px;
}

.ListView-Titre-Libelle {
    margin: 3px;
}

.ListView-Nav-Compteur {
    text-align : right;
    padding-right: 3px;
}

.ListView-Titre-Compteur {
    text-align : right;
    padding-right: 3px;
}

.ListView-Nav {
    padding: 1px;
    width: 100%;
    white-space: nowrap;
    border-top : 1px solid #9370db;
}

.ListView-core {
     border-collapse:collapse;
}
.ListView-core table{	
    margin:0px;
    padding:0px;
    border-collapse:collapse;
}

.ListView-core td {
    border-right  : 1px solid;
    border-bottom : 1px solid;
}

.ListView-col-split {
	cursor: e-resize;
	cursor: col-resize;
	display: block;
	height: 16px;
	overflow: hidden;
	position: absolute;
	top: 2px;
	width: 6px;
	z-index: 3;
}



.ListView-Entete-div{
   display:block; 
   overflow:hidden;
   border-bottom : 1px solid #9370db;
}

.ListView-Entete {
}


.ListView-Entete td {
   border-bottom : 0px;
}


.ListView-Totaux-div{
   display:block; 
   overflow:hidden;
}

.ListView-Totaux
{   

}

.ListView-Totaux td {
   border-bottom : 0px;
}

.ListView-List-scroll {
 overflow: auto;
}

.ListView-Regle {
  cursor: col-resize;
  width: 1px;
  margin-left: 0px;
  position: absolute;
  overflow: hidden;
  z-index : 100000;
}

.cell td {
    border : 0px;
}

.ListView-Totaux {
    border-top : 1px solid #9370db;
}


.container-filtre {}

.ListView-Entete {}
.ListViewGrandePolice .ListView-List {}
.ListViewGrandePolice .ListView-Entete {}

.ListView-Totaux td {}
.ListView-List {}
.ListView-List .ctrl-image td {}
.ListView-List .ctrl-color td {}
.ListView-ligne-impaire {}
.ListView-ligne-paire {}
.ListView-SelectedRow {}
.ListView-SelectedRow .cell {}
.ListView-SelectedRow a{}

.ListViewGrandePolice .ListView-List {
    font-size: 12pt;
    font-family : Arial,Amaranth, Helvetica, sans-serif, Times New Roman;
font-weight : Bold;
}

.ListViewGrandePolice .ListView-Entete {
    font-size: 12pt;
    font-family : Arial,Amaranth, Helvetica, sans-serif, Times New Roman;
font-weight : Bold;
}

.ListView {
    background-color: #f7f7fc;
    border-color : #9370db; 
}

.ListView-Regle {
  background-color:#9370db;
}

.cell {}
.cellentete {}

.celltotal {
    font-family : Arial,Amaranth, Helvetica, sans-serif, Times New Roman;
font-weight : Bold;

}

.ListView-Titre {
    font-size: 14px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7fc', endColorstr='#f7f7f7');
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f7fc), to(#f7f7f7));
    background: -moz-linear-gradient(top, #f7f7fc, #f7f7f7);  
    border-color : #9370db;
}

.ListView-Titre-Libelle {
    font-size: 14px;
    font-family : Arial,Amaranth, Helvetica, sans-serif, Times New Roman;
font-weight : Bold;
}

.ListView-Nav-Compteur {}
.ListView-Titre-Compteur {}

.ListView-Nav {
    font-size: 14px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f7f7fc');
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#f7f7fc));
    background: -moz-linear-gradient(top, #f7f7f7, #f7f7fc);  
    border-color : #9370db;
}

.ListView-core td {
  border-color : #9370db;
}

.ListView-Entete{
    font-size: 14px; 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7fc', endColorstr='#f7f7f7');
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f7fc), to(#f7f7f7));
    background: -moz-linear-gradient(top, #f7f7fc, #f7f7f7);
}

.ListView-Totaux{
    font-size: 14px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7fc', endColorstr='#f7f7f7');
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f7fc), to(#f7f7f7));
    background: -moz-linear-gradient(top,#f7f7fc,#f7f7f7);
}

.ListView-List {}

.ListView-ligne-impaire {
    background: #f7f7fc;
}

.ListView-ligne-paire {
    background: #f7f7f7;
}

.ListView-SelectedRow {
    background : #dba7e8; 
}


.ListView-SelectedRow .cell {
    color :      #FFFFFF;
}

.ListView-SelectedRow a{
    color :      #FFFFFF;
}

.ListView-col-split {
	background-image: url();
	background-position: center;
	background-repeat: no-repeat;
}

.container-filtre {
  border : 1px solid #8559e5;
  padding : 2px;
  margin :  10px 0px;
}

.masque_noir_sdi {
background-color:rgba(10,10,10,0.5);
position:fixed;
top:0;
left:0;
}
.gwt-PushButton-up, .gwt-PushButton-up-hovering, .gwt-PushButton-up-disabled, .gwt-PushButton-down, .gwt-PushButton-down-hovering, .gwt-PushButton-down-disabled {
background:transparent url() repeat-x scroll 0 -20px;
margin:0;
text-decoration:none;
}
.gwt-PushButton-up, .gwt-PushButton-up-hovering, .gwt-PushButton-up-disabled {
padding:3px 5px;
}
.gwt-PushButton-up {
border:1px outset #CCCCCC;
cursor:pointer;
}
.gwt-PushButton-up-hovering {
border-color:#99CCFF #6699EE #77AAFF #FFAAFF;
border-style:outset;
border-width:1px;
cursor:pointer;
}
.gwt-PushButton-up-disabled {
border:1px outset #CCCCCC;
cursor:default;
opacity:0.5;
}
.gwt-PushButton-down, .gwt-PushButton-down-hovering, .gwt-PushButton-down-disabled {
padding:4px 4px 2px 6px;
}
.gwt-PushButton-down {
border:1px inset #666666;
cursor:pointer;
}
.gwt-PushButton-down-hovering {
border-color:#99CCFF #6699EE #77AAFF #FFAAFF;
border-style:inset;
border-width:1px;
cursor:pointer;
}
.gwt-PushButton-down-disabled {
border:1px outset #CCCCCC;
cursor:default;
opacity:0.5;
}







.gwt-RichTextArea {
    background-color: #FFFFFF;
}

.hasRichTextToolbar {
  border: 0px;
}

.gwt-RichTextToolbar {
  background: #E3E8F3 url() repeat-x 0px -2003px;
  border-bottom: 1px solid #8559e5;
  padding: 3px;
  margin: 0px;
}

.gwt-RichTextToolbar .gwt-PushButton-up {
  padding: 0px 1px 0px 0px;
  margin-right: 4px;
  margin-bottom: 4px;
  border-width: 1px;
}

.gwt-RichTextToolbar .gwt-PushButton-up-hovering {
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 0px 1px 0px 0px;
  border-width: 1px;
}

.gwt-RichTextToolbar .gwt-PushButton-down {
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 0px 0px 0px 1px;
  border-width: 1px;
}

.gwt-RichTextToolbar .gwt-PushButton-down-hovering {
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 0px 0px 0px 1px;
  border-width: 1px;
}

.gwt-RichTextToolbar .gwt-ToggleButton-up {
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 0px 1px 0px 0px;
  border-width: 1px;
}

.gwt-RichTextToolbar .gwt-ToggleButton-up-hovering {
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 0px 1px 0px 0px;
  border-width: 1px;
}

.gwt-RichTextToolbar .gwt-ToggleButton-down {
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 0px 0px 0px 1px;
  border-width: 1px;
}

.gwt-RichTextToolbar .gwt-ToggleButton-down-hovering {
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 0px 0px 0px 1px;
  border-width: 1px;
}

.cw-RichText {
  border: 1px solid #8559e5;
  border-spacing: 0px;
}







/* Sections */

.gwt-StackPanel {
  cursor: default;
  border: 1px solid;
}

.gwt-StackPanel .gwt-StackPanelItem {
  padding: 3px;
  cursor: default;
  border-bottom: 1px dotted;
}

.gwt-StackPanel .gwt-StackPanelItem-selected {}
.dialog-box-ap .gwt-StackPanel{}

.gwt-StackPanel {
  background-color: #d5e5f5;
  border-color : #9370db;
}

.gwt-StackPanel .gwt-StackPanelItem {
  background-color : #ebebeb;
  border-color : rgba(0,0,0,1);
  font-size: 10pt;
}
.gwt-StackPanel .gwt-StackPanelItem-selected {
  background-color : rgba(147,112,219,1);
}


.gwt-ToggleButton-up, .gwt-ToggleButton-up-hovering, .gwt-ToggleButton-up-disabled, .gwt-ToggleButton-down, .gwt-ToggleButton-down-hovering, .gwt-ToggleButton-down-disabled {
background:transparent url() repeat-x scroll 0 -20px;
margin:0;
text-decoration:none;
}
.gwt-ToggleButton-up, .gwt-ToggleButton-up-hovering, .gwt-ToggleButton-up-disabled {
padding:3px 5px;
}
.gwt-ToggleButton-up {
border:1px outset #CCCCCC;
cursor:pointer;
}
.gwt-ToggleButton-up-hovering {
border-color:#99CCFF #6699EE #77AAFF #FFAAFF;
border-style:outset;
border-width:1px;
cursor:pointer;
}
.gwt-ToggleButton-up-disabled {
border:1px outset #CCCCCC;
cursor:default;
opacity:0.5;
}
.gwt-ToggleButton-down, .gwt-ToggleButton-down-hovering, .gwt-ToggleButton-down-disabled {
padding:4px 4px 2px 6px;
}
.gwt-ToggleButton-down {
background-position:0 -513px;
border:1px inset #666666;
cursor:pointer;
}
.gwt-ToggleButton-down-hovering {
background-position:0 -513px;
border-color:#99CCFF #6699EE #77AAFF #FFAAFF;
border-style:inset;
border-width:1px;
cursor:pointer;
}
.gwt-ToggleButton-down-disabled {
background-position:0 -513px;
border:1px inset #CCCCCC;
cursor:default;
opacity:0.5;
}







.gwt-Tree {
	margin-top: 1em;
	margin-bottom: 1em;
	color: #A1A1A1;

}

.gwt-Tree .gwt-TreeItem {
	font-size: 14px;
	cursor: default;
}

.gwt-Tree .gwt-TreeItem-selected {
	background-color: #AEB4CD;
	/*color: #EBEBEB;*/
}








.gwt-MenuBarPopup {
  margin: 0px 0px 0px 1px;
  -moz-border-top-right-radius:5px;
  -moz-border-bottom-right-radius:5px;
  -webkit-border-top-right-radius:5px;
  -webkit-border-bottom-right-radius:5px;
   z-index : 40000;
   background-color : white;
   border: 1px solid #d5e5f5;
   padding:4px;
   position:fixed !important;
}
/*
.gwt-MenuBarPopup .menuPopupTopCenter {
  background: url() 0px -12px repeat-x;
}

.gwt-MenuBarPopup .menuPopupMiddleLeft {
  background: url() -12px 0px repeat-y;
}
*/
.gwt-MenuBarPopup .menuPopupTopLeftInner {
  width: 5px;
  height: 5px;
  zoom: 1;
}

.gwt-MenuBarPopup .menuPopupTopRightInner {
  width: 8px;
  height: 5px;
  zoom: 1;
}

.gwt-MenuBarPopup .menuPopupBottomLeftInner {
  width: 5px;
  height: 8px;
  zoom: 1;
}

.gwt-MenuBarPopup .menuPopupBottomRightInner {
  width: 8px;
  height: 8px;
  zoom: 1;
}
/*
html>body .gwt-MenuBarPopup .menuPopupBottomCenter {
  background: url() 0px -13px repeat-x;
}

html>body .gwt-MenuBarPopup .menuPopupMiddleRight {
  background: url() -13px 0px repeat-y;
}

html>body .gwt-MenuBarPopup .menuPopupTopLeft {
  background: url() no-repeat 0px -36px;
}

html>body .gwt-MenuBarPopup .menuPopupTopRight {
  background: url() no-repeat -5px -36px;
}

html>body .gwt-MenuBarPopup .menuPopupBottomLeft {
  background: url() no-repeat 0px -41px;
}

html>body .gwt-MenuBarPopup .menuPopupBottomRight {
  background: url() no-repeat -5px -41px;
}

* html .gwt-MenuBarPopup .menuPopupBottomCenter {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='',sizingMethod='scale');
}

* html .gwt-MenuBarPopup .menuPopupMiddleRight {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='',sizingMethod='scale');
}

* html .gwt-MenuBarPopup .menuPopupTopLeftInner {
  width: 5px;
  height: 41px;
  margin-top: -36px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='',sizingMethod='crop');
}

* html .gwt-MenuBarPopup .menuPopupTopRightInner {
  width: 13px;
  height: 41px;
  margin-left: -5px;
  margin-top: -36px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='',sizingMethod='crop');
}

* html .gwt-MenuBarPopup .menuPopupBottomLeftInner {
  width: 5px;
  height: 49px;
  margin-top: -41px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='',sizingMethod='crop');
}

* html .gwt-MenuBarPopup .menuPopupBottomRightInner {
  width: 13px;
  height: 49px;
  margin-left: -5px;
  margin-top: -41px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='',sizingMethod='crop');
}
*/

.menuPopupTop,
.menuPopupBottom{
   display:none;
}



.prs-volet {
}
.prs-volet-open {
}
.prs-volet-closed {
}
.prs-volet .header,
.prs-volet .header a,
.prs-volet .header td {
  text-decoration: none;  /* Remove underline from header */
  color: black; 
  cursor: default;
}
.prs-volet .content {
  border-left: 3px solid #8559e5;
  padding: 4px 0px 4px 8px;
  margin-left: 6px;
}
.fond_bureau {
 display: block;
 margin-left: auto;
 margin-top: 50px;
 margin-right: auto;
}







.nom_utilisateur {
 top : 0;
 right :0;
 display : inline;
}







.gwt-SuggestBox-Panel 
{ 
}
.gwt-SuggestBox
{
    font-size                   :    14px;
    border                      :    1px solid #666;
    text-align                  :    left;
    padding-left              :   1px;
}
.gwt-SuggestBoxPopup
{
    text-align                   :    left;
    cursor                       :   default;
    border                       :    1px solid #666;
    border-top                :    0;
    background-color     :    #fff;
    z-index : 30000;
}
.gwt-SuggestBoxPopup .item
{
    border                       :    1px dotted #aaa;
}
.gwt-SuggestBoxPopup .item-selected
{
    background-color             :    #ffc;
}



.Supervision{
    font-size: 14px;
}

.Supervision-flextable{
    border-right:1px solid black;
    border-bottom:1px solid black;
    font-size:14px;
    border-spacing: 0px 0px;
}

.Supervision-flextable td{
    border-top:1px solid black;
    border-left:1px solid black;
}

.Supervision-flextable td{
    border-top:1px solid black;
    border-left:1px solid black;
}

.Supervision-listbox{
    width:188px;
    height:20px;
}

.Supervision-label{
    padding-top:3px;
    padding-left:3px;
    width:220px;
    height:20px;
    overflow:hidden;
}

.Supervision-textArea{
    width:175px;
    height:97px;
    font-size: 14px;
}

.Supervision-textLog{
    width:408px;
    height:250px;
    font-size: 14px;
}

.Supervision-barreBouton {

}

.Supervision-barreBouton-btn {
   margin : 2px;
   width : 50px;
}

.Supervision-style-ecriture{
   border : 0px;
   padding : 0px;
   margin : 0px;
   width : 100%;
}


.Supervision-style-ecriture td
{
   border : 0px;
   padding : 0px;
   margin : 0px;
}

.Supervision-panel-imagefond
{
   border : 0px;
   padding : 0px;
   margin : 0px;
   width : 100%;
}

.Supervision-panel-imagefond-label
{
   border : 0px;
   padding : 2px;
   margin : 2px;
   width : 140px;
   text-align : center;
}

.Supervision-panel-imagefond td
{
   border : 0px;
   padding : 0px;
   margin : 0px;
}


.Supervision-redim{
    width:408px;
    background:transparent;
    cursor:pointer;
}

.Supervision-labelSlider{
    width:175px;
    height: 20px;
    padding-top:3px;
    padding-left:3px;
    font-size: 14px;
}

.ColorPanel{
   border : 0px;
   padding : 0px;
   margin : 0px;
}

.ColorPanel td{
   border : 0px;
   padding : 0px;
   margin : 0px;
}

.ColorPanel-image{
    margin : 1px;
    border : 1px solid black;
    padding : 0px;
    width:30px;
    height:20px;
}

.ColorPanel-textbox{
    margin : 0px;
}
.hotline {
 position:absolute;
 top:15px;
 right:0px;
}







.bar-tache {
  position: fixed;
  padding : 1px;
  width : 100%;
  border-bottom : 1px solid;
  min-height : 52px;
}

.bar-tache td{
   vertical-align : middle;
}

.bar-tache-btn-system{
   cursor:pointer;
}

.bar-tache-btn-icone {
   width : 24px;
   height : 24px;
   padding : 0px;
   margin : 0px 1px;
} 

.bar-tache-btn-div {
   width : 26px;
   height : 26px;
   position : relative;
}

.bar-tache-btn-div-icone {
   position : absolute;
   width : 18px;
   margin-top : 7px;
}

.bar-tache-btn-div-list {
   position : absolute;
}

.bar-tache-btn-actif {
  margin : 1px;
  padding : 1px 3px;
  border : 1px solid;
  -moz-border-radius- : 4px;
  -webkit-border-radius : 4px;
}

.bar-tache-btn-inactif {
  margin : 1px;
  padding : 1px 3px;
  border : 1px solid;
  -moz-border-radius- : 4px;
  -webkit-border-radius : 4px;
}

.bar-tache-btn-system,
.bar-tache-droite .bar-tache-btn
{
  margin : 2px 1px;
  padding : 2px 4px;
  border : 0px;
  display : inherit;
}

.bar-tache-btn-system-click,
.bar-tache-droite .bar-tache-btn-click
{
  margin : 1px;
  padding-top : 3px;
  padding-left : 5px;
  padding-right : 3px;
  padding-bottom : 1px;
  border : 0px;
  display : inherit;

}

.bar-tache-bandeau{
}

.bar-tache-bandeau-image{
    height : 30px;
    margin-left: 8px;
}

.bar-tache-btn-notification 
{
   width: 40px;
}

.notification-btn
{
    float:left;
    z-index: 2000;
    position: relative;
    padding-right: 5px;
}

@-webkit-keyframes rotation{
    0%  {
        -webkit-transform: rotate(0deg);
        opacity: 1; 
		}
    10%  {
        -webkit-transform: rotate(45deg);
        opacity: 0.75; 
		}
    20%  {
        -webkit-transform: rotate(90deg);
        opacity: 0.50; 
		}
    30%  {
        -webkit-transform: rotate(135deg);
        opacity: 0.25; 
		}
    40%  {
        -webkit-transform: rotate(180deg);
        opacity: 0.0; 
		}
    50%  {
        -webkit-transform: rotate(225deg);
        opacity: 0.25; 
		}
    60%  {
        -webkit-transform: rotate(270deg);
        opacity: 0.50; 
		}
    70%  {
        -webkit-transform: rotate(315deg);
        opacity: 0.75;
		}
    80%  {
        -webkit-transform: rotate(360deg);
        opacity: 1; 
		}
    90%  {
        -webkit-transform: rotate(360deg);
        opacity: 1; 
		}
    100%  {
        -webkit-transform: rotate(360deg);
        opacity: 1; 
		}
}
 
.rotation{
    -webkit-animation: rotating 2s linear infinite;
}

.notification-max
{
    margin-left: 15px;
    z-index: 3000;
    border-radius: 6px;
    font-size: 10px;
    position: absolute;
    font-weight: bold;
    padding: 3px;
    border:solid 1px black; 
    animation-name: rotation;
    animation-duration: 3s; 
    animation-iteration-count : infinite;
    animation-timing-function: linear;
}

.notification-max:hover{
animation-play-state: paused;
}

.notification-priorite-1
{
 background-color:green;
 color:white;

}
.notification-priorite-2
{
 background-color:yellow;
 color:black; 
}

.notification-priorite-3
{
 background-color:red;
 color:white;
}
.bar-tache-droite .bar-tache-btn-system,
.bar-tache-droite .bar-tache-btn,
.bar-tache-droite .bar-tache-btn-system-click,
.bar-tache-droite .bar-tache-btn-click
{
    height: 52px;
    padding: 0 10px;
    vertical-align:middle;
}

.bar-tache-gauche {
   height:52px;
}

/* Boutons fenêtres ouvertes */
.bar-tache-btn{
   display: inline-block;
   padding:3px;
}

.bar-tache-btn .container-image{
   min-width: 24px;
   min-height: 36px;
}

.bar-tache-btn .libelle{
   max-width: 90px;
   max-height: 36px;
   overflow: hidden;
   white-space: normal;
   font-family : Arial,Amaranth, Helvetica, sans-serif, Times New Roman;
font-weight : Bold;;
   text-align:center;
   line-height : 12px;
}

.bar-tache-btn .container-image img{
   position: absolute;
   padding-top: 5px;
}

.bar-tache-btn img.image-icone-list{
   height: 16px;
   margin-top: 10px;
}

.bar-tache-btn .container-image,
.bar-tache-btn .libelle{
   display: inline-block;
   vertical-align: middle;
}

.bar-tache-support-div{
    padding:0 10px;
    text-align:center;
    line-height:18px;
    font-family : Arial,Amaranth, Helvetica, sans-serif, Times New Roman;
font-weight : Bold;;
}

.bar-tache-milieu {
    height:52px;
    margin-left: 5px;
}

.bar-tache-milieu .bar-tache-btn{
     height:35px;
     padding:5px 3px;
     margin-right:5px;
     background-color: #d5e5f5;
     cursor:pointer;
     overflow:hidden;
}

.bar-tache-milieu .bar-tache-btn.inactif{
    border: 1px solid grey; 
}

.bar-tache-milieu .bar-tache-btn.actif{
    border: 2px solid white; 
}

.bar-tache-droite {}

.bar-tache-application
{

}
.bar-tache-application-div
{
    padding:0 10px;
    text-align:center;
    line-height:18px;
    ;
}
.bar-tache-application-div
{
    font-size:21px;
}

.bar-tache {
       /*border-color : #9370db;*/
       border-bottom : 1px solid #808080;
       /*border:0px;*/
       background-color : #d5e5f5;
       color: rgba(0,0,0,1);
}
.bar-tache a{
  color: rgba(0,0,0,1);
}


.bar-tache-btn.actif {
     border-color : #9370db WHITE WHITE #9370db;
     background-color : #ebebeb;
}

.bar-tache-btn.inactif {
    border-color : WHITE #9370db #9370db WHITE;
    background-color : #f7f7fc;
}
.bar-tache-droite .bar-tache-btn-system,
.bar-tache-droite .bar-tache-btn,
.bar-tache-btn-system-click,
.bar-tache-droite .bar-tache-btn-system-click {
    border-left : 1px solid #808080 /*#9370db*/;
}

.bar-tache-droite{
   color : rgba(0,0,0,1);
}

.bar-tache-btn-system:hover{
   background-color : #9370db;
}

.bar-tache-support,
.bar-tache-bandeau,
.bar-tache-application,
.bar-tache-contexte
{
    border-right : 1px solid #808080;
    padding-left :5px;
    padding-right :5px;
}

.bar-tache-btn-system,
.bar-tache-btn-system-click
{
    border-left : 1px solid #808080;
    padding-left :5px;
    padding-right :5px;
}



.bar-tache-addixi{
   /* border-right : 1px solid #9370db;*/
    margin-right : 2px;
    padding:0 10px;
    background-color: #f7f7fc;
}
.bar-tache-addixi .bar-tache-addixi-image{
   width:32px;
}


/*.bar-tache-droite 
.bar-tache-btn-system,
.bar-tache-btn-system-click
{
    border-color :#8559e5;
}
*/

.bar-tache-milieu .bar-tache-btn.inactif{
    background-color: #d5e5f5; 
}

.bar-tache-milieu .bar-tache-btn.actif{
    background-color: #d5e5f5;
    color : #000000;
}

.zone-centrale{
  height : 100%;
}


.zone-laterale{
   position: fixed;
   border-left :0px;
   border-left: solid 1px #8559e5; 
   border-right: solid 1px #8559e5;
   background-color: #d5e5f5;   
  overflow-y : auto;
   overflow-x : hidden;

}

.zone-laterale-bouton-right{
   right: 0px;
   padding: 2px;
   float:right;
}

.zone-laterale-bouton-left{
   left: 0px;
   padding: 2px;
   text-align:center;
}

@-moz-document url-prefix(){
   .menu-lateral-items.niv0{
     padding-right: 15px;
   }
   .zone-laterale-bouton-right{
     padding-right:20px;
   }
}
.MessageBox
{
   /*width : 272px;*/
}
 
.MessageBox-Text
{
    font-size : 14px;
    padding-right : 20px;
}

.MessageBox-Logo
{
   padding : 10px;  
}

.MessageBox-Btn
{
   padding : 2px;
    -moz-border-radius-:5px;
    -webkit-border-radius:5px;  
    width : 70px;
    font-size : 14px;
}



.ADDFS-PANIER-VALIDER
{
    border : 1px solid #222222;
    background: red;
    border-radius: 60px 10px 40px
}

.ADDFS-PANIER-VALIDER .btn-label
{
  font-size: 20px;  
  font-weight: bold;
  margin  : 10px;
  margin-right : 20px;
}

.ADDFS-PANIER-VALIDER .CtrlImgEtat
{
  width : 32px;
  height : 32px;
}

.ADDFS-PANIER-ENREG
{
   border : 1px solid #222222;
   background: gold;
   border-radius: 40px 10px
}

.ADDFS-PANIER-ENREG .btn-label
{
  font-size: 16px;  
  font-weight: bold;
   margin  : 10px;  
}

.ADDFS-PANIER-QUIT
{
   border : 1px solid #222222;
   background: gold;
   border-radius: 40px 10px
}

.ADDFS-PANIER-QUIT .btn-label
{
  font-size: 14px;  
  font-weight: bold;
   margin  : 10px;
}
.hht_red{
Background-color: red;
Padding: 1px 5px;
Font-weight: bold;
Color: white;
}

/* 
**  ############### MENU RÉDUIT ###############
*/

.zone-laterale-menu .subMenuIcon{
   display: none;
}

.zone-laterale-menu td.gwt-MenuItem td img{
    padding-bottom: 10px;
    padding-left: 1px;
    padding-top: 10px;
}

.zone-laterale-menu td.gwt-MenuItem td{
    text-align: center;
}

.zone-laterale-menu .gwt-MenuBar-vertical{
    background-color : transparent;
}

.zone-laterale-menu img.zone-laterale-bouton{
     position: absolute;
}

.zone-laterale-menu table.menu-lateral img.gwt-Image{
     float: left;
     margin: 0px 5px;
}

.zone-laterale-menu table.menu-lateral td.gwt-StackPanelItem p{
    margin:0px;
}

.zone-laterale-menu table.menu-lateral td.gwt-StackPanelItem img{
    margin-top:3px;
}

.zone-laterale-menu .menu-vertical-treeitem-image img.gwt-Image{
    display:inline-block;
    width:16px;
}

/* 
**  ############### MENU DÉVELOPPÉ ###############
*/

.menu-lateral-items{
    color : rgba(0,0,0,1);
}

.menu-lateral-items.niv1{background-color: #d5e5f5;}
.menu-lateral-items.niv2{background-color: #d5e5f5;}
.menu-lateral-items.niv3{background-color: #d5e5f5;}
.menu-lateral-items.niv4{background-color: #d5e5f5;}

.menu-lateral-items.niv0{
   border-top: solid 1px #8559e5;
}

.menu-lateral-items .menu-lateral-item-title,
.menu-lateral-items.niv1,.menu-lateral-items.niv2,
.menu-lateral-items.niv3,.menu-lateral-items.niv4,
.menu-lateral-items.niv0 .menu-lateral-item-element{
   font-family : Arial,Amaranth, Helvetica, sans-serif, Times New Roman;
font-weight : Bold;
   border-bottom: solid 1px #8559e5; 
}

.menu-lateral-items .menu-lateral-item-title,
.menu-lateral-items.niv0 .menu-lateral-item-element{
   cursor : pointer;
   padding-left: 5px;
   padding-top: 5px;
   padding-bottom: 5px;
}

.menu-lateral-items.niv1 .menu-lateral-item-title,
.menu-lateral-items.niv1 .menu-lateral-item-element{
   padding-left: 25px;
   padding-top: 3px;
   padding-bottom: 3px;
}
.menu-lateral-items.niv2 .menu-lateral-item-title,
.menu-lateral-items.niv2 .menu-lateral-item-element{
   padding-left: 35px;
   padding-top: 3px;
   padding-bottom: 3px;
}
.menu-lateral-items.niv3 .menu-lateral-item-title,
.menu-lateral-items.niv3 .menu-lateral-item-element{
   padding-left: 45px;
   padding-top: 3px;
   padding-bottom: 3px;
}

.menu-lateral-items.niv0 .menu-lateral-item-title .td-icone,
.menu-lateral-items.niv0 .menu-lateral-item-title img.icone{
   padding-right: 5px;
   height: 24px;
   width: 24px;
}

.menu-lateral-items.niv1 .menu-lateral-item-title img.icone,
.menu-lateral-items.niv2 .menu-lateral-item-title img.icone,
.menu-lateral-items.niv3 .menu-lateral-item-title img.icone,
.menu-lateral-items.niv4 .menu-lateral-item-title img.icone{
   padding-right: 5px;
   width : 20px;
   height: 20px;
}

.menu-lateral-items img,
.menu-lateral-items .label,
.menu-lateral-items .mnuetat{
   vertical-align: middle;
}

.menu-lateral-items .menu-lateral-item-element{
   cursor: pointer;
}

.menu-lateral-items.niv0 .menu-lateral-item-element .td-icone,
.menu-lateral-items.niv0 .menu-lateral-item-element img.icone{
   width: 24px;
   height: 24px;
   margin-right: 5px;
}

.menu-lateral-items.niv1 .menu-lateral-item-element,
.menu-lateral-items.niv2 .menu-lateral-item-element,
.menu-lateral-items.niv3 .menu-lateral-item-element,
.menu-lateral-items.niv4 .menu-lateral-item-element{
    border: 0px;
}
.menu-lateral-items.niv1 .menu-lateral-item-element .label,
.menu-lateral-items.niv2 .menu-lateral-item-element .label,
.menu-lateral-items.niv3 .menu-lateral-item-element .label,
.menu-lateral-items.niv4 .menu-lateral-item-element .label{
   font-family : Arial,Amaranth, Helvetica, sans-serif, Times New Roman;
   
}

.menu-lateral-items.niv1 .menu-lateral-item-element img.icone,
.menu-lateral-items.niv2 .menu-lateral-item-element img.icone,
.menu-lateral-items.niv3 .menu-lateral-item-element img.icone,
.menu-lateral-items.niv4 .menu-lateral-item-element img.icone{
   width:20px;
   height:20px;
   margin-right:3px;
}

.menu-lateral-items .label{
   white-space:normal;
   line-height:13px;
   margin-right:10px;
}

img.mnuetat{
   width: 15px;
   height : 15px;
}
table.menu-lateral-item-title,
.menu-lateral-item-element,
.menu-lateral-item-title td.td-label{
   width: 100%;
}

.menu-lateral-item-title-selection .mnuetat{
   transform: rotate(-90deg);
}

.menu-lateral-item-readonly{
   color: rgba(255,255,255,1);
}

.gwt-MenuBar {
   font-size : 14px;
}

.gwt-MenuBar .gwt-MenuItem {
    color : #05368B;
}

/* MENU HORIZONTAL */

.gwt-MenuBar-horizontal {
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5e5f5', endColorstr='#d5e5f5');
    background : -webkit-gradient(linear, left top, left bottom, from(#d5e5f5), to(#d5e5f5));
    background : -moz-linear-gradient(top, #d5e5f5, #d5e5f5);  
    border-color : #9370db;
    border: 0px;
    border-bottom: 1px solid #9370db;
}

.gwt-MenuBar-horizontal .gwt-MenuItem {
  color : rgba(0,0,0,1);
  text-shadow : 0.5px 0.5px 2px rgba(0, 0, 0, 0.3);
  font-family : Arial,Amaranth, Helvetica, sans-serif, Times New Roman;
font-weight : Bold;
}

.gwt-MenuBar-horizontal .gwt-MenuItem-selected {
   background-color : #9370db;
   color : rgba(255,255,255,1);
   text-shadow : none;
}

.gwt-MenuBar-horizontal .gwt-MenuItemSeparator {
  border-color : #9370db;
  background : #FFFFFF;
}

.gwt-MenuBar-horizontal .gwt-MenuItemSeparator .menuSeparatorInner {
   background : #FFFFFF;
}

/* MENU VERTICAL */

.gwt-MenuBar-vertical {
  background-color: #f7f7f7;
  color: #595959;
 }

.gwt-MenuBar-vertical .gwt-MenuItem {
   color : #595959;
}
 
.gwt-MenuBar-vertical .gwt-MenuItem-selected {
   background-color: #9370db;
   color :  #ffffff;
}
.zone-laterale-menu .gwt-TreeItem-selected{
   color :  #ffffff;
   font-family : Arial,Amaranth, Helvetica, sans-serif, Times New Roman;
font-weight : Bold;
}

.gwt-MenuBar-vertical .gwt-MenuItemSeparator .menuSeparatorInner {
  border-color : #9370db;
  background: #595959;
}

table.menu-lateral-item-element:hover{
   background-color : #9370db;
   color: #ffffff;
}


/* SMARTPHONES SEULEMENT */
@media screen and (min-width: 0px) and (max-width: 500px){

}


/* TABLETTES SEULEMENT */
@media screen and (min-width: 501px) and (max-width: 1024px)
{


}

/* SMARTPHONES ET TABLETTES */
@media screen and (max-width: 1024px)
{
    .bar-tache-btn .libelle{display:none;}
}
.wizard-label {
  text-align: center;
  margin: .5em 0;
  font-size: 1.2em;
  color: #000000;
}
 
.wizard-radio-btn {
  position: relative;
	width: 60px;
}
 
.wizard-radio-btn>input[type=radio] {
  display: none;
}
 
.wizard-radio-btn>label {
  /* height: 100%; */
  box-sizing: border-box;
  -webkit-appearance: none;
  background-color: #d5e5f5;
  border: 1px solid #5c93de;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 25%;
  border-radius: 100px;
  display: inline-block;
  position: relative;
	left: 25%;
}
 
.wizard-radio-btn.validated-step>label {
  background-color: #f7f7f7;
  border-color: #dba7e8;
}
 
.wizard-radio-btn:first-child:before {
  content: none;
}
 
.wizard-radio-btn:before {
  display: inline-block;
  width: 49%;
  height: 2px;
  content: '';
  position: absolute;
  background-color: #5c93de;
  top: 50%;
  left: -24%;
}
 
.wizard-radio-btn.validated-step:before {
  background-color: #dba7e8;
}
 
.wizard-radio-btn>input[type=radio]:checked+label {
  background-color: #e6e6fa;
}
 
.wizard-radio-btn>input[type=radio]:checked+label:after {
  content: ' ';
  position: absolute;
  width: 60%;
  height: 60%;
  top: 20%;
  left: 20%;
  border-radius: 100px;
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.3);
  background: -moz-radial-gradient(center, ellipse cover, #e6e6fa 0%, #dba7e8 100%);
  /* ff3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #e6e6fa), color-stop(100%, #dba7e8));
  /* safari4+,chrome */
  background: -webkit-radial-gradient(center, ellipse cover, #e6e6fa 0%, #dba7e8 100%);
  /* safari5.1+,chrome10+ */
  background: -o-radial-gradient(center, ellipse cover, #e6e6fa 0%, #dba7e8 100%);
  /* opera 11.10+ */
  background: -ms-radial-gradient(center, ellipse cover, #e6e6fa 0%, #dba7e8 100%);
  /* ie10+ */
  background: radial-gradient(ellipse at center, #e6e6fa 0%, #dba7e8 100%);
  /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6fa', endColorstr='#dba7e8', GradientType=1);
  /* ie6-9 */
}
 
.wizard-radio-btn>label:active,
.wizard-radio-btn>input[type=radio]:checked+label:active {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.gros-titre
{
     font-size: 20pt;
     color:rgba(147,112,219,1)
}

.moyen-titre
{
     font-size: 15pt;
     color:rgba(147,112,219,1)
}

.tres-gros-titre
{
     font-size: 24pt;
     color:rgba(147,112,219,1);
     font-weight: bold;
}

.ctrl-date-field
{
    width: 70px;
}

.rs_separateur
{
    border-color:white;
}


.rs_lignes {
    font-size: 12px;
}

.rs_ligne {
    display: grid;
    grid-template-columns: 30px 1fr;
    padding: 1px 0px;
}

.rs_creneaux_libres {
    text-align : center;
}

.rs_vos_creneaux {
    text-align : center;
    text-decoration: underline;
}

.rs_titre {
    display: inline-block;
    text-align : center;
}

.rs_carres {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto auto auto;
    justify-items: center;
    align-items: center;
}

.rs_carre_blanc_plein {
    display:inline-block;
    height: 8px;
    width: 8px;
    border: 1px solid #FFF;
    background-color: #FFF;
}

.rs_carre_noir_plein {
    display:inline-block;
    height: 8px;
    width: 8px;
    border: 1px solid #000;
    background-color: #000;
}

.rs_carre_blanc_vide {
    display:inline-block;
    height: 8px;
    width: 8px;
    border: 1px solid #FFF;
}

.rs_carre_gris_plein {
    display:inline-block;
    height: 8px;
    width: 8px;
    border: 1px solid #9E9E9E;
    background-color: #9E9E9E;
}

.rs_carre_noir_gris_plein {
    display:inline-block;
    height: 8px;
    width: 8px;
    border: 1px solid #000;
    background-color: #9E9E9E;
}

.planning-event {
    background: rgba(199,218,251,1);
    border-radius: 8px;
    box-sizing: border-box;
    font-size: 1.2em;
    padding: 5px 3px 0;
    cursor: pointer;
    overflow: hidden;
}