/*
* @version		$Id: 00001
* @package		WebComSag
* @copyright	Copyright (C) 2010 TCSD. All rights reserved.
* @license		TCSD
* @auteur		Fran�ois Cheminade
* @Fichier		style global du site
*/
@import "jquery/jquery.ui.base.css";
@import "jquery/jquery.ui.theme.css";

body {
  width: 100%;
  font-family: Verdana, Arial, Tahoma, sans-serif;
  margin: 0;
  padding: 0;
  font-size: 12pt;
  color: #333;
  background: #70696d;
}

:focus {
  outline: none;
}

.body_bg {
  /*background-image: url(../images/background.jpg);*/
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* zone de saisie d'une date*/
.date_select {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  height: 12px;
  width: 70px;
  color: #000000;
  background-color: #ffffff;
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 2px;
  border: 1px solid #96ba38;
  cursor: pointer;
}

.date_txt {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  height: 12px;
}

/* message d'information dans la page cumul temp�rature */
#message_user {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  width: 90%;
  color: #e64846;
  border: none;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 18px;
}

#titre-station {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000099;
  border: 1px solid #7c7c7c;
  background-color: #ffffff;
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: 18px;
  width: 700px;
  text-align: center;
  border-spacing: 0px;
}

#titre-station .big {
  font-size: 14px;
}

#titre-station th {
  padding: 15px;
  height: 30px;
  min-height: 30px;
}

div.clear {
  clear: both;
}

#icones_user i.cmr-fa-icon {
  margin-right: 5px;
}

/*----------------------------------------------------------*/
/* bloc actualisation
/*----------------------------------------------------------*/
div.cmr-actualisation {
  float: right;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 7pt;
  height: 32px;
}

div.cmr-actualisation div.cmr-actualisation-txt {
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
  display: inline-block;
  float: right;
}

#cmr-timer {
  width: 32px;
  height: 32px;
  float: right;
  display: inline-block;
  margin-left: 10px;
  cursor: pointer;
}

div.cmr-actualisation div.cmr-actualiser {
  display: inline-block;
  float: right;
  height: 32px;
  line-height: 32px;
}

/*----------------------------------------------------------*/
/* formatage de l'affichage des onglets                     */
/*----------------------------------------------------------*/
.onglet {
  font-size: 9px;
  color: #ffffff;
  font-weight: bold;
  margin: 0px;
  border: 0px;
  padding: 0px;
}

.onglet td:hover {
  color: #0b55c4;
}

/*----------------------------------------------------------*/
/* formatage de l'affichage des message aux clients en haut */
/*----------------------------------------------------------*/
#news_flash {
  float: right;
  margin: -3px -50px 0px 0px;
  overflow: hidden;
}

#news_flash table.informations {
  background: url("../images/bg_info.gif") center left no-repeat;
  -moz-opacity: 0.85;
  opacity: 0.85;
  filter: alpha(opacity=85);
  padding: 0px 0px 0px 0px;
}

/* �l�ment ok de la zone message */
#news_flash table.informations td {
  font-size: 10px;
  color: #009900;
  text-align: justify;
  font-family: Tahoma, Arial, sans-serif;
  padding: 0px 0px 0px 10px;
}

/*----------------------------------------------------------*/
/* formatage de l'affichage de la barre navigateur          */
/*----------------------------------------------------------*/
div.pathway {
  background: transparent url(../images/pathway.png) top left no-repeat;
  color: #ffffff;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 9px;
  height: 20px;
  line-height: 20px;
  font-weight: bold;
}

div.pathway div {
  height: 20px;
  vertical-align: bottom;
}

div.pathway div.pathway-left {
  float: left;
}

div.pathway div.pathway-right {
  float: right;
}

div.pathway div.pathway-clear {
  clear: both;
}

div.tophelper {
  padding-right: 20px;
  margin-right: 10px;
  cursor: pointer;
}

div.tophelper i.cmr-fa-icon {
  font-size: 10pt;
}

div.downloading {
  display: none;
  padding-right: 25px;
  margin-right: 10px;
  cursor: pointer;
  background: url("../images/downloading.gif") no-repeat right;
}

#navi_txt {
  color: #888888;
  font-size: 9px;
}

/*************************************************************************************/
/*                               Conteneur de l'arborescence                         */
/*************************************************************************************/
#divarbocontent {
  width: 158px;
}

#divarbocontent div.arbo-icons {
  text-align: right !important;
  margin-top: 5px !important;
  margin-right: 3px !important;
}

#divarbocontent div.arbo-icons i.cmr-fa-icon {
  font-size: 10pt;
}

/*************************************************************************************/
/*                               Conteneur des user icones                           */
/*************************************************************************************/
#zone_icones_conteneur {
  padding: 0pc 15px 0px 15px;
}

/*************************************************************************************/
/*                               position des tableau dans les modules               */
/*************************************************************************************/
#leftcolumn table,
#rightcolumn table {
  width: 148px;
  margin: 2px auto 0 auto;
  padding: 0;
}

/*************************************************************************************/
/*                               gestion des modules                                 */
/*************************************************************************************/
/* zone interieur des blocs */
#leftcolumn div.module div div,
#rightcolumn div.module div div {
  background: url(../images/bg_sel.jpg) center center repeat-y;
  padding: 0 0px 0px 0;
  margin: 0 0 0px 0;
}

/* bas */
#leftcolumn div.module div div div,
#rightcolumn div.module div div div {
  background: url(../images/l_r_top.jpg) bottom center no-repeat;
  padding: 0px 0px 0px 0px;
  margin: 0px auto;
}

/* barre haut bloc */
#leftcolumn .module div div div h3,
#rightcolumn .module div div div h3 {
  color: #ffffff;
  font-family: Tahoma, Arial, Verdana, sans-serif;
  font-size: 11px;
  height: 20px;
  line-height: 18px;
  background: transparent url(../images/h3_bg.jpg) top left no-repeat;
  font-weight: bold;
  padding: 0 0 0 0px;
  margin: 0 0 0px 0;
}

/*************************************************************************************/
/*                                TEMPLATE                                           */
/*************************************************************************************/
.clr {
  clear: both;
  font-size: 0;
  line-height: 0;
}

#wrapper {
  width: 960px;
  background: url(../images/content_m.jpg) top left repeat-y;
  margin: 0 auto;
}

.wrapper_b {
  background: url(../images/content_b.jpg) bottom center no-repeat;
  margin: 0 auto;
  padding: 10px;
  width: 940px;
}

/*** LOGO ***/
#top {
  margin: 0 auto;
  width: 940px;
  background: #ffffff;
  padding: 0 0 10px 0;
}

#logo {
  float: left;
  width: 739px;
  padding: 0;
  margin: 0 auto 6px 0;
  text-align: left;
}

#logo h1 {
  font-size: 16px;
  font-family: Arial;
  font-weight: bold;
  text-align: left;
  letter-spacing: 1px;
  color: #a1191b;
  padding: 0;
  margin: 0;
}

/*    START TOP MENU    */
#top_menu {
  background: url(../images/top_menu_bg.jpg) top center no-repeat;
  height: 50px;
  vertical-align: bottom;
  margin: 0 auto;
  padding: 10px 0 5px 0;
}

#topnavi {
  margin: 0;
  padding: 0;
}

#topnavi ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 0;
}

#topnavi ul li {
  float: left;
  padding: 0;
  margin: 0 1px;
}

#topnavi ul li a,
#topnavi ul li a:visited {
  float: left;
  color: #fff;
  display: block;
  font-family: Verdana, Tahoma, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  height: 50px;
  line-height: 45px;
  padding: 0 25px;
  background: url(../images/but.jpg) center center repeat-x;
}

#topnavi ul li a:hover {
  background: url(../images/but_hover.jpg) center center repeat-x;
  color: #fff;
  text-decoration: none;
}

/*    END TOP MENU    */
#header {
  background: url(../images/header_bg.jpg) top left no-repeat;
  width: 937px;
  margin: 0 auto 0 auto;
  height: 100px;
  padding: 0;
}

#content {
  width: 938px;
  padding: 0;
}

#leftcolumn,
#rightcolumn {
  margin: 0;
  width: 180px;
  float: left;
}

#leftcolumn table td {
  font-size: 12px;
  font-family: Tahoma, Verdana, sans-serif;
}

#leftcolumn div.module form table {
  /* modula za registracia */
  padding: 0 0px;
  text-align: center;
  /*margin:0 auto;*/
  font-size: 12px;
  font-family: Tahoma, Verdana, sans-serif;
  color: #f7eded;
}

#leftcolumn div.module form {
  /* modula za registracia */
  padding: 0;
  text-align: center;
  margin: 0px 5px 0px 10px;
  font-size: 12px;
  font-family: Tahoma, Verdana, sans-serif;
  color: #f7eded;
  width: 160px;
}

#leftcolumn div.module div div div div {
  /** menuto v liava kolona**/
  text-align: left;
}

#leftcolumn div.module div div div #help_title {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  color: #a1191b;
  border: none;
  background: none;
  margin-top: 5px;
  margin-bottom: 5px;
}

#main {
  float: left;
  width: 600px;
  font-size: 12px;
  padding: 0 0 0 15px;
}

div#main {
  text-align: center;
  min-height: 800px;
}

#main_full {
  float: left;
  width: 718px;
  padding: 10px;
  font-size: 12px;
  text-align: center;
}

#leftcolumn div.module div div div div div {
  /** syndicate **/
  text-align: left;
  background: #f7eded;
  padding: 0;
  margin: 0 auto;
}

/**  Linkove  **/
a {
  outline: none;
}

a:link,
a:visited {
  text-decoration: underline;
  font-weight: normal;
  color: #999933;
}

a:hover {
  text-decoration: none;
  font-weight: normal;
  color: #999933;
}

.copyright {
  font-size: 10px;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  color: #000000;
  font-weight: bolder;
  padding: 0;
  font-family: Tahoma, Arial, Verdana, sans-serif;
}

.copyright-container {
  padding: 0;
  margin: 0;
}

.infofoot {
  font-size: 9px;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  color: #333333;
  font-family: Tahoma, Arial, Verdana, sans-serif;
}

#footer {
  margin: 0 auto;
  width: 960px;
  height: 15px;
  text-align: right;
  vertical-align: top;
  padding: 10px 0 20px 0;
}

img.link {
  cursor: pointer;
}

/*----------------------------------------------------------*/
/* BOUTONS
/*----------------------------------------------------------*/
.cmr-btn {
  -moz-box-shadow: inset 0px 1px 0px 0px #cae3fc;
  -webkit-box-shadow: inset 0px 1px 0px 0px #cae3fc;
  box-shadow: inset 0px 1px 0px 0px #cae3fc;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #a1191b),
    color-stop(1, #e64846)
  );
  background: -moz-linear-gradient(center top, #a1191b 5%, #e64846 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A1191B', endColorstr='#E64846');
  background-color: #a1191b;
  -webkit-border-top-left-radius: 11px;
  -moz-border-radius-topleft: 11px;
  border-top-left-radius: 11px;
  -webkit-border-top-right-radius: 11px;
  -moz-border-radius-topright: 11px;
  border-top-right-radius: 11px;
  -webkit-border-bottom-right-radius: 11px;
  -moz-border-radius-bottomright: 11px;
  border-bottom-right-radius: 11px;
  -webkit-border-bottom-left-radius: 11px;
  -moz-border-radius-bottomleft: 11px;
  border-bottom-left-radius: 11px;
  text-indent: 0;
  border: 1px solid #e64846;
  display: inline-block;
  color: #ffffff;
  font-family: Tahoma;
  font-size: 10px;
  font-weight: 700;
  font-style: normal;
  height: 23px;
  line-height: 23px;
  width: 110px;
  text-decoration: none;
  text-align: center;
  /*text-shadow:1px 1px 0px #6699ff;*/
  cursor: pointer;
  box-shadow: -1px -1px 6px 0px rgba(42, 42, 42, 0.53);
}

.cmr-btn:hover {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #e64846),
    color-stop(1, #a1191b)
  );
  background: -moz-linear-gradient(center top, #e64846 5%, #a1191b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E64846', endColorstr='#A1191B');
  background-color: #e64846;
}

.cmr-btn:active {
  position: relative;
  top: 1px;
}

#leftcolumn div.module div div div div.btnContainer {
  background: none;
  text-align: center;
}

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

.btnContainer span {
  margin-top: 10px;
  margin-bottom: 10px;
}

.btnContainer.small span {
  margin-top: 5px;
  margin-bottom: 5px;
}

.btnContainer.left {
  padding-right: 20px;
}

.btnContainer.right {
  padding-left: 20px;
}

/*----------------------------------------------------------*/
/* sélection de cartes
/*----------------------------------------------------------*/
.actif_sel span.fancytree-title {
  font-weight: bold;
}

.inactif_sel span.fancytree-title {
  color: #888888;
}

span.fancytree-title span.parent-name {
  display: none;
}

span.fancytree-title span.node-details {
  display: none;
}

.toolbarIcon {
  padding: 2px;
  border-width: 1px;
  border-color: #cccccc;
  border-style: solid;
  cursor: pointer;
}

.ui-dialog {
  z-index: 10000 !important;
}

.disabled {
  color: #999;
}

.no-flash {
  display: block;
  width: 100;
  border: 1px;
  background-color: #f1db87;
  margin: 5px;
  padding: 5px;
}

.no-flash .link {
  cursor: pointer;
}

.tooltip {
  padding: 0;
  margin: 0;
  margin-left: 5px;
  margin-right: 5px;
  vertical-align: middle;
  position: relative;
  top: -1px;
  *overflow: hidden;
}

#main.popup {
  height: 100%;
  width: 90%;
  padding: 0;
  overflow: hidden;
}

.popup div.content {
  padding: 15px;
}

.popup div.title {
  font-weight: bold;
  text-decoration: underline;
  text-align: center;
  margin-bottom: 20px;
}

div.cmrcadre.cmr-bloc {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  margin-right: 3px;
  margin-bottom: 10px;
  float: left;
}

img.compteur_ouvert {
  margin-left: 5px;
}

div.onglets {
  display: block;
  text-align: left;
  width: 710px;
  padding-left: 12px;
}

div.valeur {
  line-height: 20px;
  min-height: 20px;
  display: inline-block;
}

div.valeur.ok {
  font-weight: bold;
  color: #40bf40;
}

div.valeur.warning {
  font-weight: bold;
  color: #c79500;
}

div.valeur.error {
  font-weight: bold;
  color: #ff3333;
}

div.valeur.imgbg {
  padding-right: 25px;
}

div.valeur img.icon {
  margin-left: 10px;
  vertical-align: top;
}

div.clear-sel {
  background: url("../images/cross.png") no-repeat center !important;
  cursor: pointer;
  width: 16px;
  height: 16px;
  margin-left: 5px !important;
}

/********************************************
      CHECKBOXES
*********************************************/
input[type="checkbox"].cmrcheckbox {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

input[type="checkbox"].cmrcheckbox + label.cmrcheckbox-label {
  padding-left: 22px;
  height: 17px;
  display: inline-block;
  line-height: 17px;
  background-repeat: no-repeat;
  background-position: 0 0;
  font-size: 17px;
  vertical-align: middle;
  cursor: pointer;
}

input[type="checkbox"].cmrcheckbox:checked + label.cmrcheckbox-label {
  background-position: 0 -17px;
}

label.cmrcheckbox-label {
  background-image: url(../images/checkbox.png);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

span.cmr-checkbox-value-label {
  margin-left: 0;
  padding-left: 0;
  padding-right: 10px;
}

/********************************************
      RADIOS
*********************************************/
input[type="radio"].cmrradio {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

input[type="radio"].cmrradio + label.cmrradio-label {
  padding-left: 14px;
  padding-right: 10px;
  height: 15px;
  display: inline-block;
  line-height: 15px;
  background-repeat: no-repeat;
  background-position: 0 0;
  vertical-align: middle;
  cursor: pointer;
}

input[type="radio"].cmrradio:checked + label.cmrradio-label {
  background-position: 0 -15px;
}

label.cmrradio-label {
  background-image: url(../images/radio.png);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/********************************************
      TEXTBOXES
*********************************************/
.cmrtextbox {
  border-width: 2px;
  border-style: solid;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding: 5px;
  background-color: #f7eded;
  border-color: #e64946;
  border-radius: 8px;
  box-shadow: -1px 0px 14px 0px rgba(42, 42, 42, 0.53);
  width: 100px;
}

.cmrtextbox:focus {
  outline: none;
  box-shadow: none;
  border-color: #a1191b;
  background-color: #ffffff;
}

.cmrsmalltextbox {
  border-width: 1px;
  border-style: solid;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  padding: 2px;
  background-color: #f7eded;
  border-color: #e64946;
  border-radius: 8px;
  box-shadow: -1px 0px 14px 0px rgba(42, 42, 42, 0.53);
}

.cmrsmalltextbox:focus {
  outline: none;
  box-shadow: none;
  border-color: #a1191b;
  background-color: #ffffff;
}

/********************************************
      SELECT
*********************************************/
div.cmr-select {
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
  width: 100%;
}

div.cmr-select select {
  font-family: "Verdana, Arial, Tahoma, sans-serif";
  font-size: 10pt;
  display: inline-block;
  /*width: 100%;*/
  width: 70px;
  cursor: pointer;
  padding: 5px 5px;
  outline: 0;
  border: 2px solid #e64946;
  border-radius: 8px;
  background: #f7eded;
  color: #000000;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  box-shadow: -1px 0px 14px 0px rgba(42, 42, 42, 0.53);
}

div.cmr-select select::-ms-expand {
  display: none;
}

div.cmr-select select:hover,
div.cmr-select select:focus {
  color: #000000;
  background: #ffffff;
}

div.cmr-select select:disabled {
  opacity: 0.5;
  pointer-events: none;
}

div.cmr-select-arrow {
  position: absolute;
  top: 8px;
  right: 15px;
  width: 0px;
  height: 0px;
  border: solid #7b7b7b;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

div.cmr-select select:hover ~ .select_arrow,
div.cmr-select select:focus ~ .select_arrow {
  border-color: #000000;
}

div.cmr-select select:disabled ~ .select_arrow {
  border-top-color: #cccccc;
}

.ui-datepicker select.ui-datepicker-month::-ms-expand,
.ui-datepicker select.ui-datepicker-year::-ms-expand {
  display: none;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0 !important;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  position: relative;
  display: inline-block;
  line-height: 1;
  overflow: hidden;
  cursor: pointer;
  border-width: 1px !important;
  border-style: solid !important;
  border-color: #e64946 !important;
  border-radius: 6px !important;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 3px;
  padding-bottom: 3px;
  box-shadow: -1px 0px 14px 0px rgba(42, 42, 42, 0.53);
  background: #f7eded url("../images/select-arrow.png") no-repeat right center;
  margin-left: 2px;
  margin-right: 2px;
  width: 60px;
}

.ui-datepicker select.ui-datepicker-month:focus,
.ui-datepicker select.ui-datepicker-year:focus {
  outline: none;
  box-shadow: none;
  border-color: #a1191b;
  background: #ffffff url("../images/select-arrow-focus.png") no-repeat right
    center;
}

.ui-datepicker select.ui-datepicker-month::-ms-expand,
.ui-datepicker select.ui-datepicker-year::-ms-expand {
  display: none;
}

/*********************************************************************************************************
    CADRES
*************************************************************************************************************/
div.cmrcadre {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 5px;
  vertical-align: middle;
  display: block;
  text-align: center;
  font-weight: bold;
  background-color: #f7eded;
  border: 1px solid #e64846;
  margin-left: 10px;
  margin-right: 10px;
}

div.cmrcadre.titre {
  color: #000000;
  margin-bottom: 20px;
}

div.cmrcadre.titre div.main-title {
  font-family: Verdana, Arial, Tahoma, sans-serif;
  font-size: 10pt;
  font-weight: bolder;
  text-transform: uppercase;
  padding-top: 5px;
  padding-bottom: 5px;
}

div.cmrcadre.titre div.sub-title {
  font-family: Verdana, Arial, Tahoma, sans-serif;
  font-size: 9pt;
  font-weight: normal;
}

div.cmrcadre.message {
  color: #a1191b;
  margin-bottom: 30px;
}

/*********************************************************************************************************
      ARBORESCENCE
*************************************************************************************************************/
#filtre_cartes_container {
  display: table;
}

.filtre_cartes {
  margin-top: 5px;
  width: 100px;
  margin-bottom: 10px;
}

/*********************************************************************************************************
      DATES
*************************************************************************************************************/
.filtre_dates {
  width: 75px;
  margin-top: 5px;
  margin-bottom: 0;
  cursor: pointer;
}

/*********************************************************************************************************
      CUSTOMISATION JQUERY-UI DIALOG
*************************************************************************************************************/
.ui-widget-content {
  border: 1px solid #e64846;
  background-color: #FFFFF;
}

.ui-widget-content div.cmrcadre {
  margin-top: 3px;
}

.ui-widget-header {
  border: 1px solid #e64846;
  background: #e64846;
  color: #ffffff;
  font-weight: bold;
}

.ui-widget-header button {
  background-color: transparent;
  border: none;
  color: transparent;
}

.ui-widget-header .ui-icon {
  background-image: url(../images/ui-icons.png);
}

div.ui-widget.cmr-small-dialog {
  background-color: #f7eded;
  background-image: none;
  text-align: center;
}

div.ui-widget.cmr-dialog span.ui-dialog-title,
div.ui-widget.cmr-small-dialog span.ui-dialog-title {
  font-family: Verdana, Arial, Tahoma, sans-serif;
  font-size: 9pt;
  text-align: left;
}

div.ui-widget.cmr-small-dialog div.ui-dialog-content {
  padding-top: 10px;
  padding-left: 5px;
  padding-right: 5px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  overflow: hidden;
}

div.cmr-small-dialog-buttons {
  vertical-align: middle;
  text-align: center;
  margin: auto;
  margin-top: 5px;
}

div.cmr-small-dialog-buttons .btnContainer span {
  margin-bottom: 3px;
}

/*********************************************************************************************************
      FONT-AWESOME
*************************************************************************************************************/
i.cmr-fa-icon {
  margin-left: 5px;
  font-size: 12pt;
  color: rgba(0, 0, 0, 0.7);
}

i.cmr-fa-icon.invisible {
  visibility: hidden;
}

i.cmr-fa-icon.white {
  color: rgba(255, 255, 255, 0.9);
}

i.cmr-fa-icon.red {
  color: #ff3333;
}

i.cmr-fa-icon.grey {
  color: rgba(0, 0, 0, 0.4);
}

i.cmr-fa-icon.link {
  cursor: pointer;
}

span.cmr-btn i.cmr-fa-icon {
  font-size: 10pt;
}

/*********************************************************************************************************
      MAP
*************************************************************************************************************/
#no-map {
  display: none;
}

#cmrmapdiv div.ol-layer canvas {
  display: block;
}

/*********************************************************************************************************
      TOOLTIP
*************************************************************************************************************/
.cmr-fa-icon.tipso_style {
  cursor: inherit;
  border-bottom: none;
}

.tipso_content {
  font-family: Verdana, Arial, Tahoma, sans-serif;
  font-size: 8pt;
  white-space: pre-line;
  box-shadow: -1px 0px 14px 0px rgba(42, 42, 42, 0.53);
}

/*********************************************************************************************************
      IMAGES DES COMPTEURS DANS LA MAP
*************************************************************************************************************/
img.compteur-map {
  padding: 5px;
  background: #e64846;
}

.ThemeOfficeMenuItemLeft,
.ThemeOfficeMenuItemHover .ThemeOfficeMenuFolderLeft,
.ThemeOfficeMenuItemActive .ThemeOfficeMenuFolderLeft,
.ThemeOfficeMenuItemHover .ThemeOfficeMenuItemLeft,
.ThemeOfficeMenuItemActive .ThemeOfficeMenuItemLeft {
  display: none;
}

.ThemeOfficeMenuItemText,
.ThemeOfficeMenuItemHover .ThemeOfficeMenuFolderText,
.ThemeOfficeMenuItemActive .ThemeOfficeMenuFolderText,
.ThemeOfficeMenuItemHover .ThemeOfficeMenuItemText,
.ThemeOfficeMenuItemActive .ThemeOfficeMenuItemText {
  padding-left: 20px;
  width: 100%;
}

.tipso_bubble {
  z-index: 100000 !important;
}

a.black-link,
a.black-link:link,
a.black-link:visited,
a.black-link:focus,
a.black-link:hover,
a.black-link:active {
  color: rgb(51, 51, 51);
  font-weight: bold;
}

#choix-etat img.etat-option {
  vertical-align: middle;
}