html {
	margin: 0px;
	padding: 0px;
	
	font-family:  "Trebuchet MS",Verdana,Geneva,Arial;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	line-height:1.5em;
}

body {
	background-image: url("/images/bg_body.gif");
	background-repeat: repeat-x;
	background-color: #f9efd7;
	color: #333;

	margin: 0px;
    padding: 0px;	
	overflow-x:hidden;
    overflow-y:hidden;
}

a img {
  border: 0;
}

a {color: #c95595;}

a:hover {
color:#396AB1;
}


#main {
	width:900px;
	margin: 0px auto 0px 10px;
  position: relative;
	background-image: url("/images/background-main.png");
	background-repeat: no-repeat;
	background-position: center;}
	
#main-full {
	width:auto;
	margin: 0px auto 0px auto;
	padding: 0 16px;}


.main-link  {
	padding: 8px 16px;
	margin-left: 16px;
	margin-right: 16px;
	margin-top: 8px;
	background-color: #c95595;
	-moz-border-radius: 3px;
        position: relative;
/*	-webkit-border-radius: 3px;*/
}
	
.main-link li {
	display:inline;
	font-weight: 800;
	padding: 3px 8px;}

.main-link a {
	color:#FFFFFF;
	font-size:1.2em;
	font-variant:small-caps;
	font-weight:bold;
	text-decoration:none;}
	
.main-link .link:hover {
	border-bottom: 5px solid #833;}
	
.main-link .link .actif {
	border-bottom: 5px solid #c99;}

.main-link .link-right {
 position: absolute;
 right:0px;
 top: 3px; 
}

#menu {
	padding: 10px;
	background-color: #dddddd;
	
	border-top: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
}

button {
	font-size: 16px;
	padding: 4px;
}

#btntable {
	padding: 10px;
}

#page {
	background-color: #ffffff;
	width:  100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	
}

#data {	
	min-width:400px;	
	background-color: #ffffff;		
	overflow-y:auto;
}

#canvasMain {
	/*position: absolute;*/
	left: 0px;
	top: 0px;
}

table {
	width: 100%;
	font-size: 12px;
	
/*	border-collapse: collapse;	*/
	
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	
	/*border-top: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
	*/
}

th {
	width: 100%;
	background-color: #dddddd;
	padding: 10px;
	text-align: left;
	border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
	border-bottom: 1px solid #cecece;	
	white-space: nowrap;
}

td {
	padding: 4px;
	border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
	white-space: nowrap;
}

tr {
	background-color: #ffffff;
}

/*#guests tr:nth-child(even) {
	background-color: #f3f6fa;	
}

#groups tr:nth-child(even) {
	background-color: #f3f6fa;	
}*/


.partsplit {
	
	/*
	margin: 0px;
    padding: 0px;	
	position: relative;
	height: 100%;*/
	
   flex: 1 1 auto;
   display: flex;
   flex-direction: row;
   overflow: auto;
	
}

.partleft {	
    /*margin: 0px;
    padding: 0px;	
	overflow:hidden;
	float: left;
	height: 100%;*/
	
   flex: 0 0 auto;   
   overflow: hidden;
   /*-webkit-overflow-scrolling: touch;*/
}

.partright {
	
    /*margin: 0px;
    padding: 0px;	
	overflow:hidden;    	
	height: 100%;	*/
	
	flex: 1 1 auto;   
	overflow:hidden;
	/*-webkit-overflow-scrolling: touch;*/
}

.splitter {
	
	/*
	width: 8px;	 
	height: 100%;	
	z-index:900;
	background-color: #dddddd;
	cursor: col-resize;
	border: 1px solid #cecece;*/
	
	-moz-user-select: none;
    -ms-user-select: none;
    user-select: none;		

	z-index:900;	

	flex: 0 0 auto;     
	width: 12px;
	cursor: col-resize;
	background: #dddddd; 	
	border: 1px solid #cecece;
}


.menu {
  width: 200px;
  z-index: 1;
  box-shadow: 0 4px 5px 3px rgba(0, 0, 0, 0.2);
  position: fixed;
  display: none;
  background-color: rgba(255, 255, 255, 1.0);
}

.menu-options {
    list-style: none;
    padding: 8px 0;
    z-index: 1;
}	

.menu-option {
      font-weight: 500;
      z-index: 1;
      font-size: 14px;
      padding: 10px 10px 10px 10px;
      cursor: pointer;
	  
	 -moz-user-select: none;
	 -ms-user-select: none;
	 user-select: none;		
}

.menu-option:hover {
	background-color: rgba(0, 0, 0, 0.2);
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 5px;
  border-radius: 5px;  
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.modal-dialog.modal-800 {
    width: 800px;
    margin: 30px auto;
}