body {
/*	min-width:320px;*/
	overscroll-behavior: contain;
   /* background-color:lightblue ;*/
}
a:link {
  text-decoration: none;
}

.agendatd1 {width:25px;}
.agendacolFond {width:25px;background-color:#FFFFCC;}
.agendacolFond0 {width:25px;background-color:#FFFFCC;}
.agendacolFond1 {width:25px;background-color:#FFFFCC;text-decoration:underline;color:red;}
.colTitre {background-color:silver;}
.colTexte {color:#0000CC; font-size:25px;text-align:center;}
.agendacolFerie0 {width:25px;background-color:#66FF66;}
.agendacolFerie1 {width:25px;background-color:#66FF66;text-decoration:underline;color:red;}
.colOn {font-style:italic;text-decoration:underline;color:red;}
.contactinp {font-size:12px;font-weight: bolder;font-family:"Courier New";	}
.contactletter {font-size:14px;font-weight: bolder;font-family:"Courier New";	color:#0000CC;}
.ZTmalert{
display:block;
align:center;
width:50px;
background-color:#cccccc;
}
.ZTmalertmes1{
background-color:#cccccc;
color:black;
}
.ZTmalertmes2{
color:red;
}
.ZTmprompt1{
background-color:#cccccc;
border:solid 2px;
width:100;
align:center;
text-align:center;
display:inline;
}
.ZTmprompt2{
background-color:#cccccc;
border:solid 2px;
width:50px;
align:center;
text-align:center;
display:inline;
}

.ztmBlk{
display:inline;
margin-left:0px;
}
.ztmhlp {
/*background-color:#ffffff;*/
color:blue;
}
.ZTm1hlp {
	color:blue;border-bottom:1px solid grey;
	}
.ZTm2hlp {
	color:black;
	padding-left:10px;
	margin-top:10px;
	font-style : italic;
	}
.ZTm3hlp {
	color:black;
	padding-left:20px;
	margin-top:20px;
	display:inline;
	}
.ZTm4hlp {
	color:black;
	padding-left:20px;
	}
.tithlp {
	font-family :Arial;
	color:red;display:block;
	background-color: #EEEEEE;
}
.phohlp {
	font-family :Arial;
	color:green;display:block;
	background-color: #EEEEEE;
}
.bodhlp {
	font-family :Arial;
	background-color: #EFEFEF;
	color :blue;
}

.padcss {
padding-left:16px;
clear:both;
cursor: pointer;
display:block;
}
.padclear {
padding-left:8px;clear:both;
}
.padleft {
padding-left:8px;float:left;
text-align:center;
}
.padright {
padding-left:8px;float:left;
text-align:center;
}
.padnone {
padding-left:8px;
}
.padin {
font-family:Arial;color:blue;
font-size:16px;
}
#xemail{
width:100px;
}
#password{
width:100px;
}
.epoint{
list-style-image: url(Icon/ep.png);
color:#FFFFFF
}
.cplus{
list-style-image: url(Icon/cp.png);
color:#0000FF
}
.omoins{
list-style-image: url(Icon/om.png);
background-color:hotpink;
color:#0000FF;
}
.view {
font-family:"Courier New";
font-size:12px;
}
.cadre{
background-color:#FFFFFF;
height:345px;
width:230px;
left:0;top:0;
border:1px;
position:absolute;
}
.ball{
background-color:#E0E0E0;
height:250px;
width:200px;
left:0;top:0;
border:1px;
z-index:-2;
position:absolute;
}
.pan{
background-color:#FF0000;
height:5px;
width:20px;
left:50px;top:250px;
border:1px;
z-index:-1;
position:absolute;
}

.divcalc {
font-family:"Arial, sans-serif";
margin:0px;
padding-left:0px;
background-color:#000000;
color:yellow;
font-size:16px;
width:45px;
height:25px;
text-align:center;
}
.divcalc2 {
padding-left:4px;
font-family:"Arial ,sans-serif";
background-color:#000000;
color:red;
font-size:16px;
width:45px;
height:25px;
text-align:center;
border:1px;
}
.divcalc3 {
font-family:Arial;
margin:0px;
background-color:#CCCCCC;
color:#1D23FA;
font-size:16px;
width:45px;
height:25px;
text-align:center;
}
.tdcalc {
margin:0px;
height:25px;
}
.tdtextarea {
margin:0px;
}
.divcalc1 {
margin-left:23px;
background-color:black;
}
.tdcalc1 {
background-color:#cccccc;
height:30px;
}

.filemgr{
height:500px;
background-color:white;

}
.filemgr DIV .appdef DIV{
font-family :"Courier New"; 
font-size : 12px;; 
font-weight: bold; 
}
.init  .courant{
font-family :"Courier New"; 
}
.ztmbox1 {
	border-left-width : 0px ; 
	padding:0px;margin:0px;
/*	border:1px solid;*/
	border-spacing:0; /* Removes the cell spacing via CSS */
  border-collapse: collapse; /* Optional - if you don't want to have double border where cells touch */
}
.ztmbox2 {
	/*background-color:#CCCCCC;*/
	padding:0px;margin:0px;
/*	border:1px solid;*/
	border-spacing:0; /* Removes the cell spacing via CSS */
  border-collapse: collapse;
  display:block;
}
.ztmbox3 {
	padding:0px;
	margin:0px;	
	border-spacing:0; /* Removes the cell spacing via CSS */
  border-collapse: collapse;
}
.ztmtdbox3 .ztmtd2box3{
	padding:0px;
	margin:0px;	
	border-spacing:0; /* Removes the cell spacing via CSS */
  border-collapse: collapse;
  width:1px;
}
.ztmtete {
	font-family :Arial; 
/*	font-weight:bolder; */
	color:white;
}
.ztmteteimg {	
	width:25px;
	height:25px;
	font-size:25px;
	text-align:center;
	color:red;
}
.ztmteteimg2 {	
	width:25px;
	height:25px;
	font-size:25px;
	text-align:center;
	color:red;
}
.ztmteteimg3 {
padding-left:12px;
	display:block;
	width:25px;
	height:25px;
	font-size:25px;
	text-align:center;
	color:red;
}
.ztmtetediv {
	display:block;
	width:25px;
	height:25px;
	font-size:25px;
	text-align:center;
	background-color:#cccccc;
	border-bottom:2px solid;
	font-weight:bolder; 
}
.ztmtetediv2 {
	display:block;
	width:35px;
	height:30px;
	font-size:25px;
	text-align:center;
	background-color:#cccccc;
	border-bottom:2px solid;
	font-weight:bolder; 
}
.ztmtetetd {
	display:block;
	width:20px;
	
}

.ztmbox2imgbl {
	
	width:16px;
	
}
.ztmbox3imgbl12 {
display:block;
	height:25px;
	width:25px;	
}
.ztmbox3imgbl16 {
display:block;
	width:25px;
	height:25px;	
}
.ztmtaskcorps {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;  
background-color:#EEEEEE; 
margin:0; padding:0;
white-space: nowrap;
width:auto;
font-size:20px;
color:blue;
} 
.ztmcorps {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;  
margin: 0; padding:2px 0 0 0;
font-size:20px;
} 
.ztminl {
display:inline;
}
.ztminputconv{
padding-left :5px ; 
background-color:#FFFFFF;
}

.ztminscription {
font-family: "Arial sans-serif";
color:blue;
display:table-cell;
margin-top:5px;
padding-top:15px;
border:solid 2px #CCCCCC;
background-color:#EEEEEE; 
height:40px;
width:300px;
font-size : 30px; 
text-align:center;
}
.ztmHorloge{
font-size : 24px;
background-color:red;
color:yellow;
}
.ztmgenspan{
font-family: "Arial sans-serif";
font-size : 16px;
color:red;
font-weight:bolder;
}
.init DIV , .courant DIV { 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
} 

.source{
/*height:100px;
color:red;*/
}
.tasks{
color:red;
}
.art {
background-color:white;
}
.art DIV { 
font-family : Courier New; 
font-size : 12px; 
} 

.imgmenuopen {
float:left;
valign: bottom;
padding-top:7px;
width:32px
border-bottom:0px solid;
}
img.imgmenuopen {
	width:20px;
	padding-right:5px;
}
.ztminputclear{
padding-left :5px ; 
border-bottom:solid 1px #CCCCCC;
border-left:none;
border-right:none;
border-top:none;
background-color:#EEEEEE; 
text-align:left;
}


.divquizz { 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size : 16px; 
color : blue;
background-color:#FFFFFF; 
border:0;
} 
.spanquizz { 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size : 16px; 
color : grey;
background-color:#FFFFFF; 
border:0;
}
.pad {
padding-left:8px;
cursor: pointer;
display:block;
/*overflow:auto;*/
clear:both;
white-space: nowrap;
}
.ztml { visibility:hidden;display:none; }

.ztmtasktext { 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;  
background-color:#EEEEEE; 
border:0px solid;
text-align:left;
display:inline;
padding:2px;
float:left;
width:auto;
}
.ztmanc
{ spacing:5px;
margin:  ;
padding:;
max-width:;
background-color: white;
text-decoration:none;
} 
.ztmtexte
{spacing:5px;
margin:5px 0 0 5px  ;
padding: 0 0 0 5px;
max-width:;
background-color: ;
text-decoration:none;
border-left:3px solid black;
float:left;
font-size:23px;
font-weight:bold;
}
.ztmtextecss { 
font-family : console;  
color : black;
border:0;
text-align:left;
display:inline;
margin:auto;
height:30px;
width:70px;
padding:2px;
}
.divtatt { 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-style:italic;
color : #E000E0;
border:0;
display:inline;
text-align:center;
float:left;
} 
.ztminput{
margin:5px;
padding-top :2px ;  
border-bottom:;
border-left:3px solid black;
border-right:none;
border-top:none;
background-color:#EEEEEE; 
display:inline;
font-size:20px;
}
.ztmcdata{
white-space:wrap;
overflow:scroll;
margin-top:2px;
padding-left :5px ; 
border-bottom:solid 1px #cccccc;
border-left:none;
border-right:none;
border-top:none;
background-color:#dddddd; 
display:inline;
resize:both;
cursor:alias;
tab-size:4;
font-size:23px;

} 
.ztmselect{
	margin-left:25px;
	width:120px;
}	
.art  INPUT { 
margin-bottom : 0; 
display:inline;
font-size:12px;
} 
.spancss {
font-size : 12px; 
font-style:italic;
font-weight:bolder; 
}
.rufelf1 { font-Family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: bolder;background-color: #CCCCCC;}
.nuance { padding:0px; font-size:10px; margin:0px;border:1pt outset;}
.rufelf2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	background-color: #FFFFFF;
}
.rufeldrag {
	border-left-width : 2px ; 
	border-left-style:dotted;
	border-left-color : #ffff00;
}
.palete_rslider ,.palete_vslider, .palete_bslider{
	width: 256px;
	height:25px;
	margin: 0;
	background: url(Icon/slide2.png) 0 center repeat-x;
		cursor: pointer;
}
.rcurs{
	background-color: #FF0000;
	width:255px;
	height:15px;
	margin: 0;
	display:block;
	cursor: pointer;
}
.vcurs{
	background-color: #00FF00;
	width:255px;
	height:15px;
	margin: 0;
	display:block;
}
.bcurs{
	background-color: #0000FF;
	width:255px;
	height:15px;
	margin: 0;
	display:block;
}
.palete_back{
background-color: #FFFFFF;
width:256px;
height:75px;
}
.palete_texte{
padding-top:20px;
margin-left: 50px;
font-size:36px;
}
.ztmesp{
height:10px;
}
.ztmpatab{
border-left:1px  solid  #cccccc;
border-top: 1px solid #cccccc;
border-bottom: 1px outset #cccccc;
border-right: 2px outset #cccccc;
margin:0px 0px;
padding:0;
}
.ZTmSdk10 {
	color:blue;
	font-size:20px;
	}
.ZTmSdk20 {
	color:darkviolet;
	padding-left:10px;
	margin-top:10px;
	font-style : italic;
	font-size:25px;
	}
.ZTmSdk1 {
	color:blue;
	border-bottom:1px solid grey;
	font-size:20px;
	}
.ZTmSdk2 {
	color:darkviolet;
	padding-left:10px;
	margin-top:10px;
	font-style : italic;
	font-size:18px;
	}
.ZTmSdk3 {	
	padding-left:20px;
	margin-top:20px;
	display:inline;
	font-size:16px;
	}
.ZTmSdk4 {
	padding-left:20px;
	font-size:16px;
	
	}
.ztmtitleen{white-space: nowrap;
background: rgba(0, 0, 0, 0) repeating-linear-gradient(90deg,red, white) repeat scroll 0% 0%;
width:150px;
}
.ztmtitlede{white-space: nowrap;
background: rgba(0, 0, 0, 0) repeating-linear-gradient(90deg,black,red,yellow) repeat scroll 0% 0%;
width:150px;
}
.ztmtitlesp{white-space: nowrap;
background:rgba(0, 0, 0, 0) repeating-linear-gradient(90deg,red, white) repeat scroll 0% 0%;
width:150px;
}
.ztmtitlekr{white-space: nowrap;
background:rgba(0, 0, 0, 0)  repeating-linear-gradient(90deg,white,black,red,white) repeat scroll 0% 0%;
width:150px;

}
.ztmtitlecn{white-space: nowrap;
background: rgba(0, 0, 0, 0) repeating-linear-gradient(90deg,red,yellow,red) repeat scroll 0% 0%;
width:150px;
}
.ztmtitlefr{white-space: nowrap;
background: rgba(0, 0, 0, 0) repeating-linear-gradient(90deg,blue,white,red) repeat scroll 0% 0%;
width:150px;color:black
}
.ztmtitle{white-space: nowrap;
width:150px;color:black;
color:#F7F70F;background:black;
font-size:20px;
cursor:help;
}
.redbut {
	cursor: pointer;
	position:relative;
	display:block;
}
.calendar TD{
border-top: 1px outset #cccccc;
border-left: 1px outset #cccccc;
font-weight: bolder;
}
.tableurTD {
white-space:nowrap;
text-align:right;
}
.rufelf1 { font-Family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: bolder;background-color: #CCCCCC}
.rufelf2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	background-color: #FFFFFF;
	overflow: auto;
}
.rufelfinput {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	width:30px;
	background-color: #FFFFFF
}
.rufelfinput15 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	width:15px;
	background-color: #FFFFFF
}
.rufelf3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color:#FF0000;
	background-color: #FFFFFF
}
.rufeltab{	border: 2px solid #FF0000;padding:4px;border-color: red;}
.rufeltabo { BORDER:  0pt outset; border-color:#0000ff ;BACKGROUND-COLOR:#FF0000;    }
.rufelrow { BORDER:  0pt outset; border-color:#0000ff ;BACKGROUND-COLOR:#cccccc;    }
.rufelcol { BORDER:  0pt outset; padding:4px; border-color:#00ff00 ;BACKGROUND-COLOR:#00ff00 ;   }
.rufelimg1 {BACKGROUND-COLOR:#ffffff;BORDER:1pt outset;border-color:#0000ff;border-style:dotted;border-width:thin}  
.rufeldiv  {BORDER:2pt solid #0000ff;padding:4px;border-color: blue;}  
a:hover {TEXT-DECORATION: underline; color: #CC0000} 
.btn {height:15px;border:solid;border-style:outset;border-width:thin;font-weight:bold;padding:0;color:black;background-color:#cccccc;cursor:default;} 
.btndown  {	border:solid;border-style:inset;border-width:thin;font-weight:bold;padding:2px;color:black;background-color:#cccccc;cursor:default;}
.rufelnua { BORDER: 1pt outset; padding:4px; border-color:#cccccc; }
.mybox {font-family:'Lucida console';font-size:12px;color:#000000;background:#DDDDDD;width:100px;}
.ztms {padding:0px 0px;margin:0px 0px;
border-spacing:0;border-collapse: collapse;}
.ztmmain {
  max-width: fit-content;
  padding: 0px;
  margin: 0px
}
.ztmview {
max-width: fit-content;
  margin: 0px;
  padding: 0px;
}
tr{padding:0px 0px;margin:0px 0px}
td{padding:0px 0px;margin:0px 0px}