body {margin:0; padding:0; background:#ffffff; font-family:Arial; font-size:14px; color:#222222;}
td {font-size:14px; transition:0.2s;}
.right {float:right;}
table.login, tr.login, td.login {margin:auto; border:0; border-radius:1px; padding:5px; background:#e15929; color:#ffffff; font-size:14px;}
.btext {font-family:Arial; font-size:14px; border:0; padding:4px; margin:1px; -webkit-appearance:none; background:#fff;}
.bvert {font-family:Arial; font-size:16px; border:0; padding:4px 8px; margin:2px; display:inline-block; background:#19ca00; color:#ffffff; cursor:pointer; transition:0.2s; border-radius:1px;-webkit-appearance:none;}
.bvert:hover {background:#23f000;}
.vert {font-family:Arial; font-size:14px; padding:4px; border:0; border-radius:1px; display:inline-block; background:#19ca00; color:#ffffff; cursor:pointer; font-weight:bold; line-height:14px;-webkit-appearance:none;}
.bleu {font-family:Arial; font-size:14px; padding:4px; border:0; border-radius:1px; display:inline-block; background:#0263b8; color:#ffffff; cursor:pointer; font-weight:bold; line-height:14px;-webkit-appearance:none;}
.rouge {font-family:Arial; font-size:14px; padding:4px; border:0; border-radius:1px; display:inline-block; background:#e40006; color:#ffffff; cursor:pointer; font-weight:bold; line-height:14px;-webkit-appearance:none;}
.gris {font-family:Arial; font-size:14px; padding:4px; border:0; border-radius:1px; display:inline-block; background:#aaaaaa; color:#ffffff; cursor:pointer; font-weight:bold; line-height:14px;-webkit-appearance:none;}

#menu {background:#fff;}
.item {border:1px solid #777; font-weight:Bold; font-size:15px; padding:4px; border-radius:1px; display:inline-block; color:#777; cursor:pointer; margin:2px; transition:0.2s;}
.item:hover, .on {background:#777; color:#fff;}
.item2 {border:1px solid #fc1919; font-weight:Bold; font-size:15px; padding:4px; border-radius:1px; display:inline-block; color:#fc1919; cursor:pointer; margin:2px; transition:0.2s;}
.item2:hover {background:#fc1919; color:#ffffff;}
#fix {position:fixed; top:0; width:calc(100% - 20px); z-index:99;font-size:16px; background:#777; color:#fff; padding:5px 10px; min-height:30px; line-height:30px;}
#main {position:relative; margin-top:40px;}
form {margin:0;}
.bande {color:#ffffff; background:#999999;}
.text, .select {font-family:Arial; font-size:14px; border:1px solid #aaaaaa; padding:4px; color:#055173;margin:1px; background:#fff;}
.text {width:320px; -webkit-appearance:none;}
.petit {font-size:11px;}
input[type=text]:disabled {background: #fff; font-weight:bold;}

a{outline:none;}
a:link, a:visited, a:hover {color:#309fcc; text-decoration:none;}
a.b:link        { color:#ffffff; text-decoration:none;}
a.b:visited     { color:#ffffff; text-decoration:none;}
a.b:hover       { color:#ffffff; text-decoration:underline;}
.b {color:#ffffff;}
.cal {display:inline-block; vertical-align:middle; border:1px solid #999; margin:5px; padding:5px; text-align:left;}
.caladmin {display:inline-block; vertical-align:middle; text-align:left;margin-bottom:5px;}

.ac_results        {position:relative; font-size:14px; margin-top:5px; border-radius:2px; border:1px solid #aaa; width:500px; 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: #fff;}
.ac_over           {background-color: #309fcc; color:#ffffff;}
.yes {display:none;}
.half {width:50%;}
.col1 {width:250px;}
.red {color:#ff0000;}
.t {border:0; width:100%; border-collapse:collapse;}
.t td {padding:0;}
thead th { background:#999999;position: -webkit-sticky; position: -moz-sticky; position: -o-sticky; position: -ms-sticky; position: sticky; top: 50px;}
td .half {font-size:12px; width:auto;}
.pie {display:inline-block; text-align:center; margin-bottom:60px;}

.wrapper {border: 1px solid #aaa;width:400px; height:200px;}
canvas#signature-pad {background: #fff;width:400px; height:200px;cursor: crosshair;}
button#clear {height: 100%;background: #000;border:0;color: #fff;cursor: pointer;}


#carte {position:relative; width:100% overflow:hidden;}
.map {position:absolute; left:0; height:500px; width:100%; top:0;}
.marker {position:absolute; display:block; cursor:pointer; width:30px; height:30px; border-radius:50% 50% 50% 0; background:#000;}
.marker::after {content:''; position:absolute; width:16px; height:16px; background:#fff; left:7px; top:7px; border-radius:50%;}

.clearfix {display:block;}
.clearfix:after {content:'.'; display:block; height:0; clear:both;visibility:hidden;}
.mapboxgl-popup {padding:20px; font-family:truenoregular,Arial;}
.mapboxgl-popup-close-button {display:none;}
.mapboxgl-popup-content {font-size:14px;padding:0 !important; width:250px;overflow:hidden;}
.mapboxgl-popup-content-wrapper {padding:1%;}
.mapboxgl-popup-content h3 {background:#e15929;color:#fff; margin:0;display:block; padding:5px; font-size:14px;}
.mapboxgl-popup-content h4 {margin:0;display:block; padding:5px; font-weight:normal; font-size:14px;}
.mapboxgl-container .leaflet-marker-icon {cursor:pointer;}
.mapboxgl-popup-anchor-top > .mapboxgl-popup-content {margin-top:0px;}
.mapboxgl-popup-anchor-top > .mapboxgl-popup-tip {border-bottom-color: #e15929;}


@media screen and (max-width:767px)
  {
  body,td {font-size:12px;}
  .bande, .no, #print {display:none;}
  .yes {display:block;}
  .item, .item2 {font-size:11px; max-width:50px; overflow:hidden; max-height:12px;}
  .ac_results {font-size:12px; left:0;}
  .half {width:calc(100% - 10px); display:block;}
  .text {width:auto !important;}
  .text, .select {font-size:11px;}
  .calendrier {display:inline-block; text-align:center; width:100%; margin-bottom:10px;}
  .col1 {width:auto;}
  #fix .btext {margin:0 1px 0 0; max-width:70px;}
  td {width:auto!important;}
  .edit {width:calc(100% - 10px) !important; display:block;}
  }