/*html{
	height: 100%;
	width: 100%;
}*/

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 76%;
  line-height: 1.4em;
  height: 95%;
  /*width: 100%;*/
}

a:link {
  color: #000;
  text-decoration: underline;
}
a:hover {
  color: #000;
  text-decoration: underline;
}
a:visited {
  color: #000;
  text-decoration: underline;
}
a:active {
  color: #000;
  text-decoration: underline;
}

#content {
  height: 100%;
  /*margin: 3em;*/
}
tr.mdp {
  background-color: #f7c1e7;
}
tr.gris {
  background-color: #c6c6c6;
}
tr.rouge {
  background-color: #dd0806;
}

span.warning {
  color: red;
}

#menu_coursier {
  float: left;
  margin-right: 5px;
}
#menu_admin {
}

.clear {
  clear: both;
}

/*#content p {
	height: 95%;
}
*/

#mainmenudispo {
  height: 55%;
  /*margin: auto;*/
  padding: 1em;
}

#mainmenuliens {
  height: 25%;
  /*margin: auto;*/
  margin-top: 50px;
  padding: 1em;
}
.note {
  /*height: 20;*/
  /*width: 100%;*/
  position: relative;
  float: left;
  border: 3px solid #000;
  margin: 10px;
  padding: 10px;
  /*overflow: scroll;*/
}
.afaire {
  margin-top: 0;
  color: red;
}
.fait {
  margin-top: 10px;
  margin-bottom: 0;
  color: green;
}
.panel {
  clear: both;
  display: none;
  border: 3px solid #00adef;
  padding: 1em;
  overflow: scroll;
}
.panel.active-tab-body {
  display: block;
  height: 95%;
  /*margin: auto;*/
}
.paneldispo {
  clear: both;
  display: none;
  border: 3px solid #00adef;
  padding: 1em;
  background-color: #fff;
  overflow: scroll;
}
.paneldispo.active-tab-body {
  display: block;
  height: 100%;
  /*margin: auto;*/
}

#tabs {
  list-style: none;
  padding: 0;
  margin: 0;
}
#tabs li {
  position: relative;
  float: left;
}
#tabs a {
  float: left;
  padding: 5px 8px;
  margin-right: 6px;
  border: 1px solid #00adef;
  border-width: 1px 1px 0 1px;
  text-decoration: none;
  color: #000;
}
#tabs a:hover {
  background-color: #8dd8f8;
  color: #fff;
}
#tabs a.active-tab {
  background-color: #00adef;
  color: #fff;
}
#tabsdispo {
  list-style: none;
  padding: 0;
  margin: 0;
}
#tabsdispo li {
  position: relative;
  float: left;
}
#tabsdispo a {
  float: left;
  padding: 5px 8px;
  margin-right: 6px;
  border: 1px solid #00adef;
  border-width: 1px 1px 0 1px;
  text-decoration: none;
  color: #000;
}
#tabsdispo a:hover {
  background-color: #8dd8f8;
  color: #fff;
}
#tabsdispo a.active-tab {
  background-color: #00adef;
  color: #fff;
}

table {
  border-collapse: collapse;
  table-layout: fixed;
  white-space: nowrap;
}

.sanscadre td {
  border: 0px solid #ccc;
}

td,
th {
  padding: 0.5em;
  border: 1px solid #ccc;
  text-align: left;
}

.table_interieure td {
  border: 0px none;
}

thead,
tfoot {
  background-color: #ddd;
}

.planningTable {
  border-spacing: 1px;
  margin: 20px 0 0;
}

.planningTable thead {
  background-color: transparent;
  position: sticky;
  top: 0;
  z-index: 2;
}

.planningTable thead th,
.planningTable tfoot th {
  border: 1px solid black;
  background-color: #95fff0;
}

.planningTable thead th:first-child,
.planningTable tfoot th:first-child {
  position: sticky;
  left: 0;
  text-align: left;
}

.planningTable tbody th {
  position: sticky;
  left: 0;
  border: 1px solid black;
  background-color: #e7bdff;
  z-index: 1;
  text-align: left;
}

table.planningTable {
  border-collapse: initial;
}

tr.rowodd {
  background-color: #fff;
}

tr.roweven {
  background-color: #f2f2f2;
}

.sortcol {
  cursor: pointer;
  padding-right: 20px;
  background-repeat: no-repeat;
  background-position: right center;
}
.sortasc {
  background-color: #ddffac;
  background-image: url(up.gif);
}
.sortdesc {
  background-color: #b9ddff;
  background-image: url(down.gif);
}
.nosort {
  cursor: default;
}

.urg1,
.urg2,
.urg3,
.urg4,
.urg5 {
  padding: 3px;
  text-align: center;
  border: 1px solid #333;
  width: 3em;
}

.urg1 {
  background-color: #fffacd;
}
.urg2 {
  background-color: #ffd700;
}
.urg3 {
  background-color: #ffa500;
}
.urg4 {
  background-color: #e13e00;
}
.urg5 {
  background-color: Red;
}

th.resize-handle-active {
  cursor: e-resize;
}

div.resize-handle {
  cursor: e-resize;
  width: 2px;
  border-right: 1px dashed #1e90ff;
  position: absolute;
  top: 0;
  left: 0;
}

/*-----------tout pour les info-bulles...---------------------------------*/
a.info {
  position: relative;
  color: black;
  text-decoration: none;
  border-bottom: 1px black dotted; /* on souligne le texte */
}
a.info span {
  display: none; /* on masque l'infobulle */
}
a.info:hover {
  background: none; /* correction d'un bug IE */
  z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;

  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

  top: 30px; /* on positionne notre infobulle */
  left: 20px;

  background: white;

  color: black;
  padding: 3px;

  border: 1px solid black;
  border-left: 4px solid black;
}

/*-----------tout pour les entetes---------------------------------*/
a.entete {
  position: relative;
  color: black;
  text-decoration: none;
  border-bottom: 1px black dotted; /* on souligne le texte */
}
a.entete:hover {
  background: none; /* correction d'un bug IE */
  z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
}

/* Tout pour le calendrier jusqu'à la fin de la page, merci de ne rien écire après cette ligne*/
/* the div that holds the date picker calendar */
.dpDiv {
}

/* the table (within the div) that holds the date picker calendar */
.dpTable {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: center;
  color: #505050;
  background-color: #ece9d8;
  border: 1px solid #aaaaaa;
}

/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
}

/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
}

/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
}

/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
}

/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
  border: 1px solid #ece9d8;
}

/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
  background-color: #cccccc;
  border: 1px solid #aaaaaa;
}

/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
  background-color: #aca998;
  border: 1px solid #888888;
  cursor: pointer;
  color: red;
}

/* the table cell that holds the name of the month and the year */
.dpTitleTD {
}

/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
}

/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
}

/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
  background-color: #cccccc;
  border: 1px solid #aaaaaa;
  color: white;
}

/* additional style information for the text that indicates the month and year */
.dpTitleText {
  font-size: 12px;
  color: gray;
  font-weight: bold;
}

/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlight {
  color: 4060ff;
  font-weight: bold;
}

/* the forward/backward buttons at the top */
.dpButton {
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: gray;
  background: #d8e8ff;
  font-weight: bold;
  padding: 0px;
}

/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: gray;
  background: #d8e8ff;
  font-weight: bold;
}

.centrer {
  text-align: center;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}

@media only screen and (max-width: 900px) {
  body {
    font-size: 90%;
  }
}

.hideVevey {
  display: none;
}