.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
	
@font-face {
	font-family: "myfont";
	src: url('./font/ABeeZee-Regular.ttf');
}
@font-face {
	font-family: "myfont";
	font-style: italic;
	src: url('./font/ABeeZee-Italic.ttf');
}
	/*
	 Oswald
	 */
body {
	background:#000;
	background-image:url('./fd0.jpg');
	background-size:pourcent;/*cover*/
	background-repeat:no-repeat;
	overflow-x:hidden;
	font-family: myfont, Arial, sans-serif;
	-webkit-text-size-adjust: none;
	max-width: 100%;
	margin: 0 auto;
	padding-top: 10px;
}

section, footer, nav {
  display: block;
}

figure {
  margin: 0;
}

.fond1{
	display:inline;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 99;
	width: 100%;
	height: 100%;
	overflow:hidden;
	overflow-y:hidden;
	background-color: rgba(0,0,0,0.5);
	transition: all 0.7s;
	-webkit-transition: all 0.7s;
}
.alert_box{
	display:none;
	position:absolute;
	background:rgba(255,255,255,0.95);
	color:#666;
	min-width:320px;
	max-width:700px;
	height:auto;
	border-radius:15px;
	padding:5px;
	border:2px solid #ccc;
	transition: all 0.7s;
	-webkit-transition: all 0.7s;
	z-index:100;
}
.container {
  width: 200px;
  height: 50px;
  position: relative;
  margin: 0 auto 40px;
  border:none;
  z-index:98;
  -webkit-perspective: 1100px;
	 -moz-perspective: 1100px;
	   -o-perspective: 1100px;
		  perspective: 1100px;
}

#carousel {
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-transform: translateZ( -288px );
	 -moz-transform: translateZ( -288px );
	   -o-transform: translateZ( -288px );
		  transform: translateZ( -288px );
  -webkit-transform-style: preserve-3d;
	 -moz-transform-style: preserve-3d;
	   -o-transform-style: preserve-3d;
		  transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.7s;
	 -moz-transition: -moz-transform 0.7s;
	   -o-transition: -o-transform 0.7s;
		  transition: transform 0.7s;
}

#carousel figure {
	display: block;
	position: absolute;
	width: auto;
	height: 50px;
	left: 0px;
	top: 0px;
	border-radius: 5px;
	line-height: 40px;
	font-size: 20px;
	font-weight: bold;
	color: white;
	text-align: center;
	letter-spacing:2px;
	/*
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	-o-transition: all 0.7s;
	transition: all 0.7s;		  
	*/
	cursor:pointer;
}

#fdd{
	position:absolute;
	cursor:pointer;
	width:33px;
	height:25px;
	top:0;
	right:0;
}

#bt_chat{
	display:none;
	cursor:pointer;
	height:48px;
	top:0;
}

#chat{
	display:none;
	background:rgba(0,0,0,0.6);
	position:absolute;
	min-width:300px;
	min-height:650px;
	overflow-y:auto;
	overflow-x:hidden;
	top:0;
	left:0;
	font-size: 15px;
	color: #fff;
	text-align: left;
	padding:5px;
	border-top:2px solid #666;
	border-right:2px solid #666;
	border-bottom:2px solid #666;
	border-top-right-radius:20px;
	border-bottom-right-radius:20px;
	resize:both;
	z-index:99;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	-o-transition: all 0.7s;
	transition: all 0.7s;	
}

#sendchat{
	display:inline-block;
	padding:5px;
	width:250px;
	line-height:20px;
	min-height:150px;
	font-size:16px;
	color:#000;
	background:#fff;
	border:1px solid #333;
	resize:both;
	vertical-align:middle;
}

#affpart{
	display:inline-block;
	padding:5px;
	width:600px;
	text-align:center;
	min-height:300px;
	float:right;
	vertical-align:top;
}

#inptpart{
	display:inline-block;
	width:200px;
	height:28px;
	line-height:20px;
	vertical-align:top;
	text-align:center;
	border:1px solid #ccc;
}

#contpart{
	display:inline-block;
	width:600px;
	padding:10px;
	line-height:20px;
	min-height:500px;
	font-size:16px;
	text-align:left;
	color:#000;
	background:#fff;
	border:1px solid #333;
	resize:both;
	vertical-align:top;
	float:right;
}

#contchat{
	padding:5px;
	width:250px;
	line-height:20px;
	min-height:250px;
	font-size:16px;
	color:#000;
	background:#fff;
	border:1px solid #ccc;
	border-radius:15px;
	overflow: auto;
	resize:vertical;
}

.lstpt{
	display:inline-block;
	width:80%;
	text-align:left;
	border-bottom:1px solid #ccc;
	font-size:14px;
	line-height:24px;
	color:#333;
	cursor:pointer;
	opacity:1.0;
}


.lstpt:hover{
	opacity:0.7;
}

#quest{
	display:none;
	font-size: 45px;
	color: snow;
	
}
.trs{
	border-top:1px dashed #ccc;
	border-left:1px dashed #ccc;
	opacity:1;
	font-size: 13px;
	font-weight:normal;
	color: #000;
	
}
.trs:hover{
	opacity:0.5;
	cursor:pointer;
	border-top:1px solid #fff;
	color:red;
}
.jr{
	width:100%;
	opacity:1;
	font-size: 10px;
	line-height:10px;
	color: #ccc;
	border-radius:10px;	
}
.jrs{
	background:#fff;
	width:100%;
	line-height:10px;
	font-size: 10px;
	color: #666;
	/*text-shadow: 1px 1px #000;*/
	text-align:left;
	text-decoration:none;
	text-weight:normal;
}
.jrs1{
	vertical-align:middle;
	line-height:14px;
	letter-spacing:0px;
	font-size: 12px;
	color: #000000;
}
.selected_day{
	vertical-align:middle;
	line-height:14px;
	letter-spacing:0px;
	font-size: 12px;
	color: #ffffff;
}
.colorPicker-picker{
	display:inline-block;
}

#contools, #contools1{
	border:none;
	display:none;
	width:auto;
	padding:0px;
	text-align:center;
	height:auto;
	background:transparent;
}

.btools{
	background:#EBEBEB;
	vertical-align:middle;
	padding:0;
	margin:0;
	display:inline;
	opacity:1;
	width:auto;
	height:auto;
	text-align:center;
	border:1px solid #666;
}
.btools:hover{
	display:inline-block;
	opacity:0.6;
}

#toolsedit{
	background:#fff;
	padding:5px;
	border-radius:10px;
	display:none;
	color:#fff;
	width:560px;
	left:0;
	top:0;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	vertical-align:bottom;
}

#typevent{
	background:transparent;
	position:absolute;
	top:0;
	left:0;
	font-size: 18px;
	padding:0px;
	color: #fff;
	width:100%;
	text-align:center;
	cursor:pointer;
	white-space:nowrap;
	text-overflow:ellipsis;
	vertical-align:middle;
}
#contmsg{
	display:none;
	background:rgba(255,255,255,0.95);
	position:absolute;
	top:0;
	font-size: 14px;
	padding:8px;
	color: #333;
	width:600px;
	text-align:center;
	cursor:pointer;
	border-bottom:1px solid #000;
	border-bottom-right-radius:30px;
	border-bottom-left-radius:30px;
	white-space:nowrap;
	text-overflow:ellipsis;
	z-index:101;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	-o-transition: all 0.7s;
	transition: all 0.7s;

}
.mois{
	text-shadow: 1px 1px #000;

}
.tabjour{
	background:snow;
	opacity:0.9;
	border-radius:10px;		
}
.tabjour:hover{
	background:white;
	opacity:1;
	border-radius:10px;		
}
#slcyear{
	background:transparent;
	cursor:pointer;
	font-size:24px;
	color:orange;
	text-shadow: 1px 1px snow;
	/*border-bottom-right-radius:30px;
	border-bottom-left-radius:30px;
	font-weight:bold;*/
	max-width:200px;
}
#myear, #pyear{
	color:snow;
	cursor:pointer;
	font-size:50px;
}
#myear:hover, #pyear:hover{
	color:green;
}
#btprev, #btsuiv{
	cursor:pointer;
	font-size:40px;
	color:snow;
}

.tb_annee{
	background:none;
	padding:0px;
	margin-top:25px;
}

.tb_nav{
	background:none;
	padding:0px;
}
.task{
	background:rgba(255,255,255,0.8);
	width:100%;
	color:#666;	
}
.task, table, td{
	/*border-bottom:1px solid #ccc;*/
}
#contask{
	display:none;
	width:100%;		
	height:0px;
	overflow-y:auto;
	overflow-x:hidden;
	border:2px solid rgba(0,0,0,0.5);
	border-radius:0px;
	text-align:center;
	z-index:14;
	opacity:0;

}

.slcmen{
	display:inline-block;
	width:110px;
	cursor:pointer;
}
.men{
	display:none;
	font-size:14px;
	padding-top:20px;
	max-width:500px;
	text-align:justify;
	line-height:20px;
}

.btup, .btup1{
	height:28px;
	padding-right:0px;
	vertical-align:bottom;
	cursor:pointer;
}
.contedi{

	max-height:200px;
	overflow-y:auto;
	overflow-x:hidden;
	resize: both;
}
.taskheure{
	/*background:#fff;*/
	background:url(./img/fds.png);
	background-repeat:no-repeat;
	color:#666;
	width:100%;
	text-align:right; 
	font-size:13px;
	line-height:25px;
}
.tasktxt{
	width:75%;
	text-align:left;
	border-bottom:1px solid #ccc;
}
.tdtask{
	 min-width:80px;
	 background:rgba(255,255,255,0.5);
	 padding-right:5px;
}
.tdtask:first-child{
	 min-width:80px;
	 background:rgba(255,255,255,0.8);
	 letter-spacing:2px;
}
.bts1{
	width:15%;
}

.an{
	width:48px;
	cursor;pointer;
}

.tasktxt:hover{
	background:rgba(255,255,255,0.3);
}
.txtedit{
	width:100%;
	text-align:left; 
	line-height:25px;
	min-height:25px;
	color:#333;
	max-height:300px;
	overflow-y:auto;
	overflow-x:hidden;
	padding:5px;
	/*resize: both;*/

}
.lstype, .lstusr, .lstagd{
	width:100%;
	text-align:left; 
	color:#333;
	border-bottom:1px solid #ccc;
	cursor:pointer;
}
.lstype:hover, .lstusr:hover,.lstagd:hover{
	color:orange;
}
.lstype1{
	width:100%;
	text-align:left; 
	color:#333;
	border-bottom:1px solid #ccc;
	cursor:pointer;
}

#bt_val{
	width:100%;
	color: #666;
}

.chkenv{
	background:rgba(255,255,255,0.8);
	/*transform: scale(1.2,1.2);*/
}	

.aperc{
	vertical-align:top;
	background:rgba(255,255,255,0.8);
	text-align:left;
	font-size: 14px;
	color: #666;
	width:100%;
	white-space:nowrap;
	/**/
}
.slcaperc{
	display:inline-block;
	background:rgba(255,255,255,0.9);
	text-align:left;
	font-size: 14px;
	line-height:18px;
	letter-spacing:0px;
	border-bottom:1px solid #ccc;
	padding:10px;
	color: #333;
	cursor:pointer;
	max-height:100px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	width:100%;
	vertical-align:top;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	/*pointer-events:none;*/
}
.slcaperc:hover{
	color: #666;
}

.titev{
	background:rgba(255,255,255,0.9);
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border:1px solid #ccc;
	padding:7px;
	font-size:16px;
	color:red;
	letter-spacing:0px;
}

.dvenv{
	display:none;
	background:transparent;
	text-align:center;
	vertical-align:top;
	width:10%;
	float:right;
}

.fle{
	width:32px;
	display:inline-block;
	cursor:pointer;
}
.btmdh, .btpdh{
	display:inline-block;
	border:1px solid gray;
	font-size:30px;
	width:30px;
	text-align:center;
	cursor:pointer;
}
.modmp{
	display:inline-block;
	border:none;
	font-size:12px;
	width:14px;
	text-align:center;
	cursor:pointer;
}
	
.selectmois{
	background:transparent;
	/*background-image:url('./img/fdmois.png');
	background-size:cover;
	background-repeat:no-repeat;*/
	color:#999;
	display:inline-block;
	padding:0px;
	margin:0;
	border:none;
	font-size:14px;
	line-height:25px;
	width:32px;
	height:25px;
	text-align:center;
	cursor:pointer;
	text-shadow:1px 1px #fff;
}
.selectmois:hover{
	/*background-image:url('./img/fdmois1.png');*/
	color:#fff;
}

.tridate{
	cursor:pointer;
	font-weight:b0ld;
}
#nmagd{
	color:#000;
	cursor:pointer;
}
.titagd{
	cursor:pointer;
	font-weight:b0ld;
}
.valmo, .btslp{
	cursor:pointer;
	opacity:0.3;
}

.valmo:hover, .btslp:hover{
	cursor:pointer;
	opacity:1;
}

.styled-select {
   background: url(./img/slc.png) no-repeat 96% 0;
   height: 29px;
   overflow: hidden;
   width: 200px;
}

.styled-select select {
   background: transparent;
   border: none;
   font-size: 14px;
   height: 29px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
   width: 228px;
   cursor:pointer;
}

.styled-select.slate {
   background: url(./img/slc.jpg) no-repeat right center;
   height: 34px;
   width: 200px;
}

.styled-select.slate select {
   border: 1px solid #ccc;
   font-size: 16px;
   height: 34px;
   width: 228px;
}
.optlst{
	display:inline-block;
	padding:5px;
	opacity:1;
	width:90px;
}

.optlst:hover{
	opacity:0.7;
	cursor:pointer;
}

.inpt{
	width:200px;
	font-size:16px;
	padding:10px;
}

.inpt1{
	width:200px;
	font-size:14px;
	opacity:0.4;
	padding:10px;
}

.inpt1:hover{
	width:200px;
	font-size:14px;
	opacity:1;
}
.lstopts{
	text-align:left;
	cursor:pointer;
	padding-left:20px;
	width:100%;
	color:#333;
	border-bottom:1px dashed #ccc;
}
.lstopts:hover{
	color:orange;
	cursor:pointer;
	vertical-align:middle;
}
.contlstopts{
	border:1px solid #999;
	border-radius:10px;
	line-height:30px;
	padding:10px;
	max-height:200px;
	overflow-x:hidden;
	overflow-y:auto;
}
.lbopt{
	cursor:pointer;
	vertical-align:middle;
}
.affusr{
	font-weight:bold;
	font-size: 14px;
	color:#ccc;
}
#slcjour{
	display:inline-block;
	min-width:400px;
	padding-bottom:0px;
	font-size: 22px;
	letter-spacing:3px;
	color:snow;
	text-shadow: 1px 1px #000;
	vertical-align:middle;
}
.bt_menu{
	width:100%;
	text-align:center;
	color:snow;
	font-size:26px;
	text-shadow: 1px 1px #000;
	cursor:pointer;
}


#affrach{
	background:rgba(0,0,0,0.7);
	width:100%;
	border-top-right-radius:0px;
	border-top-left-radius:0px;
	line-height:25px;
	text-align:center;
	display:none;
	padding-top:5px;
}
.rach{
	background:transparent;
	border-radius:0%;
	width:35px;
	font-size:14px;
	color:#fff;
	display:inline;
	cursor:pointer;
	margin-bottom:5px;
	padding:10px;
	border-top:0px solid grey;
	transition: all 0.7s;
	-webkit-transition: all 0.7s;
}
.rach:hover{
	background:rgba(0,204,51,0.5);
}

.btpwd{
	display:inline-block;
	width:39px;
	height:39px;
	background:rgba(255,255,255,0.5);
	font-size:1.2rem;
	line-height:39px;
	color:#000;
	padding:2px;
	margin:2px;
	cursor:pointer;
	border:1px solid #ccc;
	border-radius:5px;		
}
.btpwd:hover{
	background:green;
	color:#fff;

}
.btpwd1{
	display:inline-block;
	width:28px;
	height:28px;
	background:rgba(255,255,255,0.4);
	font-size:1.0rem;
	line-height:28px;
	color:#000;
	padding:2px;
	margin:2px;
	cursor:pointer;
	border:1px solid #ccc;
	border-radius:5px;		
}
.btpwd1:hover{
	background:green;
	color:#fff;

}
.btmp, .btmp1{
	width:28px;
	cursor:pointer;
	opacity:1;
	padding:5px;
}

.btmp:hover, .btmp1:hover{
	opacity:0.5;
}

.tbmb{
	border:#fff;
	display:inline-block;
	width:290px;
	padding:2px;
	border:1px solid #ccc;
	border-radius:10px;
}

.mdhist{
	width:80px;
	border:1px solid #999;
	font-size:18px;
	line-height:20px;
	color:#333;
	text-align:center;
	border-top:1px dashed #ccc;
	border-bottom:1px dashed #ccc;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow-x:hidden;
}

table#mytable { 
	margin: 0 auto;
	border-collapse: collapse;
	font-weight: 200; 
	background: rgba(3,3,3,0.8);
	color: #fff;
	text-rendering: optimizeLegibility;
	border: none; 
	width:100%;
}
table#mytable caption { 
	font-size: 12px;
	color: #fff;
	font-weight: 400; 
	background-image: url();
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center left, center right; 
}
table#mytable thead th {
	text-align:left;
	font-weight: 400;
}

table#mytable thead th, table#mytable tbody td { 
	padding: .8rem;
	font-size: 1.1rem;
}
table#mytable tbody td { 
	padding: .8rem;
	font-size: 18px;
	contenteditable:true;
	color: #000;
	background:rgba(255,255,255,1.0); 
}
table#mytable tbody td:nth-child(4) { 
	width:60%; 
}
table#mytable tbody td:nth-child(-n+3) { 
	width:10%; 
}
table#mytable tbody tr td:hover { 
	background: #fff; 
}
table#mytable tbody tr:not(:last-child) { 
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;  
}

@media screen and (max-width: 600px) {
	#fdd{
		display:none;
	}

	#contmsg{
		width:100%;
	}
	#slcjour{
		font-size: 16px;
		min-width:200px;
	}
	.fle{
		width:26px;
	}
	#contask{
		border-radius:0px;
		width:100%;		
	}	
	#typevent{
		font-size: 16px;
		padding:3px;
	}
	#slcyear{
		font-size:24px;
		border-bottom-right-radius:15px;
		border-bottom-left-radius:15px;
		width:250px;
	}
	table#mytable tbody td:nth-child(4) { 
		width:100%; 
	}
	table#mytable tbody td:nth-child(-n+3) { 
		width:100%; 
	}
	table#mytable caption {
		background-image: none;
	}
	table#mytable thead {
		display: none;
	}
	table#mytable tbody td { 
		display: block;
		padding: .6rem; 
	}
	table#mytable tbody tr td:first-child { 
		background: #666;
		color: #fff; 
	}
	table#mytable tbody td:before { 
		content: attr(data-th); 
		font-weight: bold;
		display: inline-block;
		width: 6rem;  
	}
}
@media screen and (max-width: 800px) {
	#affrach{
		max-width:500x;	
	}
}