body {margin:0; padding:0; background:#fff; font-family:'truenolight',Arial; font-size:14px; color:#333; -webkit-font-smoothing:antialiased;}
td {font-size:14px; color:#333;}
#plusclient {cursor:pointer; display:inline-block;}
#fix {position:fixed; top:0; width:calc(100% - 20px); z-index:99;font-size:18px; background:#956c31; color:#fff; padding:5px 10px; min-height:30px; line-height:30px;}
#main {position:relative; margin-top:40px;}
form {margin:0;}
#calendar {padding:10px;}
.bande {color:#fff; background:#999;}
.bande td {color:#fff;} 
form {display:inline;}
a {outline:none;}
a:link { color:#fff; text-decoration:none;}
a:visited { color:#fff; text-decoration:none;}
a:hover { color:#fff; text-decoration:none;}
.right {float:right;}
#menu {background:#fff; font-size:0; padding:10px;}
.item {border-radius:4px; border:1px solid #956c31; font-size:16px; padding:4px; display:inline-block; vertical-align:middle;color:#956c31; cursor:pointer; margin-right:5px; transition: 0.4s;}
.item:hover, .on {background:#956c31; color:#fff;}
.item2 {border-radius:4px;border:1px solid #fc1919; font-size:16px; padding:4px; display:inline-block; vertical-align:middle; color:#fc1919; cursor:pointer; transition: 0.4s;}
.item2:hover {background:#fc1919; color:#fff;}
.text, .textarea, .select, .bselect {font-family:'truenolight',Arial; font-size:14px; border:1px solid #999999; padding:8px; margin:1px 0;border-radius:4px; outline:none; background:#fff;}
.text {width:300px;}
.bselect {padding:4px; border:1px solid #ddd;}
.vert {display:inline-block;font-family:'truenoregular'; font-size:14px; padding:4px 8px; border:0; background:#19ca00; color:#ffffff; cursor:pointer;border-radius:4px; line-height:100%;}
.gris {display:inline-block;font-family:'truenoregular'; font-size:14px; padding:4px 8px; border:0; background:#999999; color:#ffffff; cursor:pointer; min-width:30px;border-radius:4px; line-height:100%;}
.ajout {display:inline-block;font-family:'truenoregular'; font-size:14px; padding:4px 8px; border:0; background:#1b8fff; color:#ffffff; cursor:pointer;border-radius:4px; line-height:100%;}
.rouge {display:inline-block;font-family:'truenoregular'; font-size:14px; padding:4px 8px; border:0; background:#e40007; color:#ffffff; cursor:pointer;border-radius:4px; line-height:100%;}
.orange {display:inline-block;font-family:'truenoregular'; font-size:14px; padding:4px 8px; border:0; background:#ff6600; color:#ffffff; cursor:pointer;border-radius:4px;line-height:100%;}
.ac_results        {position:relative; font-size:14px; margin-top:5px; border-radius:2px; border:1px solid #999999; width:500px!important; background:#eeeeee; z-index: 15000!important; min-height:100px;}
.ac_results ul     {list-style-position:outside; list-style:none; padding:0; margin:0;}
.ac_results li     {margin:0px; padding: 5px; cursor:default; display:block; overflow:hidden;}
.ac_loading        {background: white url('highslide/graphics/loader.white.gif') right center no-repeat;}
.ac_odd            {background-color: #ffffff;}
.ac_over           {background-color: #555555; color:#ffffff;}
@font-face {font-family: 'truenoregular'; src: url('/fonts/truenorg-webfont.woff2') format('woff2'),url('/fonts/truenorg-webfont.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap;}
@font-face {font-family: 'truenolight'; src: url('/fonts/truenolt-webfont.woff2') format('woff2'),url('/fonts/truenolt-webfont.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap;}
.yes {display:none;}
.mini {display:inline-block; vertical-align:top; margin-right:10px;}
.mini img {width:100px; height:75px;}
.red {color:#ff0000;}
.etat {display:inline-block; width:20px; height:20px;}
#total {font-size:20px;}
@media screen and (max-width:767px)
  {
  #logo {max-width:100%;}
  #fix {position:relative !important;}
  #main {margin-top:0;}
  .item {font-size:13px;margin-bottom:2px;}
  .text, .vert, .rouge {-webkit-appearance:none;}
  .bande, .no, #print {display:none;}
  .yes {display:inline-block;}
  .ac_results {font-size:12px; width:200px; left:0;}
  .text {width:calc(100% - 10px) !important;}
  td {width:auto;}
  .t  td {display:block;}
  }