/*
 * feuille de styles généraux
 * @version 01.08.2017 21:00
 * @author Jean-Fred Burkhardt <webmaster@pierval.ch>
 * @package ppmweb
 * @todo ok 
 */
html, body {margin: 0; padding: 0;
   height: 100%;
	color: #000000;
	font-family: Verdana, Arial, sans-serif;
}

h2 {
  color: rgb(0,56,123);
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0px;
}

input:focus {
	background-color: #F9F7D5;
}

select:focus {
	background-color: #F9F7D5;
}

#flogin input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset;
}

div#hdr {
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 30;
}

#table02content {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
/*  position: absolute;
  top: 160px;
  left: 180px;
  width: 1010px;*/
}

.table02footer {
  color: #000000;
  font-family: Verdana, Helvetica, sans-serif;
  padding: 6px 0px 0px 0px;
  margin: 12px 0px 0px 0px;
  height: 48px;
  width: 1000px;
  border: none;
  font-size: 8pt;
  font-weight: normal;
  letter-spacing: 0px;
  text-align: left;
}

.table01 {
  background: white;
  border-collapse: collapse;
}

.table01 tr {
  color: #000000;
  font-size: 11px;
}

.table01 tr.odd {
  background: #efefef;
}

.table01 tr.even {
  background: #d0d0d0;
}

.table01 tr.footer {
  color: #ffffff;
  background: #08348e;
  font-weight: normal;
  font-size: 10px;
}

.table01 tr th {
  font-weight: bold;
  text-align: center;
  font-size: 10px;
  color: #ffffff;
  background: #08348e;
  padding: 4px 3px 4px 3px;
  border-top: 0;
  border-right: 2px solid #ffffff;
  border-bottom: 0;
  border-left: 0;
}

.table01 td {
  padding: 3px 3px 3px 3px;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  border-bottom: 0;
  border-left: 0;
}

.alignleft {
  text-align: left;
}

.alignright {
  text-align: right;
}

.aligncenter {
  text-align: center;
}

.msginfo {
  color: #646464;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  letter-spacing: 0px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  text-align: left;
  border: none;
}

.msginfostrong {
  color: #646464;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  letter-spacing: 0px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  text-align: left;
  border: none;
}

.msgsuccess {
  color: rgb(0,175,0);
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: normal;#0055E5
  letter-spacing: 0px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  text-align: left;
  border: none;
}

.msgerror {
  color: rgb(255,0,0);
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  letter-spacing: 0px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  text-align: left;
  border: none;
}

.msgwarning {
  color: #ED7E25;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  letter-spacing: 0px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  text-align: left;
  border: none;
}

.errorul {
	text-indent: 15px;
	list-style-image: url(../img/puces/puce02.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: rgb(255,0,0);
	margin: 0px 0px 0px 0px;
}

.infoul {
	text-indent: 15px;
	list-style-image: url(../img/puces/puce02.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #646464;
	margin: 0px 0px 0px 0px;
}

#wrapper {
	min-height:100%;
	position:relative;
}

#rightzone {
	position: relative;
   top: 80px;
	left: 180px;
	width: 100%;
	color: rgb(0,0,0);
	font-family: Verdana, Helvetica, sans-serif;
	background-color: transparent;
	font-size: 8pt;
	font-weight: normal;
	letter-spacing: 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
}

.fieldset1 {
	padding: 0px 6px 6px 6px;
	margin: 0px 0px 0px 0px;
	background: transparent;
	background-color: transparent;
	min-width: 1000px;
	max-width: 850px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
	
.fieldset2 {
	padding: 0px 6px 6px 6px;
	margin: 0px 0px 0px 0px;
	background: transparent;
   min-width: 1000px;
	max-width: 850px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.fieldset2 b {
	color: Red;
	font-weight: bold;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.legend2 {
	color: #00387B;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: transparent;
	font-size: 8pt;
	font-weight: bold;
	letter-spacing: 0px;
	padding: 0px 5px 0px 2px;
	margin: 0px 0px 0px 0px;
}
.zlm1ok {
  color: #000000;
  font-family: Verdana, Helvetica, sans-serif;
  background-color: #FFFFFF;
  font-size: 8pt;
  font-weight: normal;
  letter-spacing: 0px;
  padding: 0px 0px 0px 0px;
  margin: 5px 0px 5px 0px;
  text-align: left;
  border: 1px solid #BCBCBC;
}

.zlm1ko {
	color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: #F99191;
	font-size: 8pt;
	font-weight: normal;
	letter-spacing: 0px;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 5px 0px;
	text-align: left;
	border: 1px solid #BCBCBC;
}

.zlm1ro {
  color: #646464;
  font-family: Verdana, Helvetica, sans-serif;
  background-color: transparent;
  font-size: 8pt;
  font-weight: normal;
  letter-spacing: 0px;
  padding: 0px 0px 0px 0px;
  margin: 5px 0px 5px 0px;
  text-align: left;
  border: 1px solid #BCBCBC;
}

.zt1ok {
  color: #000000;
  font-family: Verdana, Helvetica, sans-serif;
  background-color: #FFFFFF;
  font-size: 8pt;
  font-weight: normal;
  letter-spacing: 0px;
  padding: 0px 0px 0px 3px;
  margin: 0px 0px 0px 0px;
  text-align: left;
  border: 1px solid #BCBCBC;
}

.zt1ok2 {
  color: #000000;
  font-family: Verdana, Helvetica, sans-serif;
  background-color: #FFFFFF;
  font-size: 8pt;
  font-weight: normal;
  letter-spacing: 0px;
  padding: 0px 0px 0px 3px;
  margin: 0px 0px 0px 0px;
  text-align: left;
  border: 1px solid #00C000;
}

.zt1ko {
  color: #000000;
  font-family: Verdana, Helvetica, sans-serif;
  background-color: #F99191;
  font-size: 8pt;
  font-weight: normal;
  letter-spacing: 0px;
  padding: 0px 0px 0px 3px;
  margin: 0px 0px 0px 0px;
  text-align: left;
  border: 1px solid #BCBCBC;
}

.zt1rightok {
  color: #000000;
  font-family: Verdana, Helvetica, sans-serif;
  background-color: #FFFFFF;
  font-size: 8pt;
  font-weight: normal;
  letter-spacing: 0px;
  padding: 0px 3px 0px 0px;
  margin: 0px 0px 0px 0px;
  text-align: right;
  border: 1px solid #BCBCBC;
}

.zt1rightok2 {
  color: #000000;
  font-family: Verdana, Helvetica, sans-serif;
  background-color: #FFFFFF;
  font-size: 8pt;
  font-weight: normal;
  letter-spacing: 0px;
  padding: 0px 3px 0px 0px;
  margin: 0px 0px 0px 0px;
  text-align: right;
  border: 1px solid #00C000;
}

.zt1rightko {
  color: #000000;
  font-family: Verdana, Helvetica, sans-serif;
  background-color: #F99191;
  font-size: 8pt;
  font-weight: normal;
  letter-spacing: 0px;
  padding: 0px 3px 0px 0px;
  margin: 0px 0px 0px 0px;
  text-align: right;
  border: 1px solid #BCBCBC;
}

.zt1ro {
   color: #646464;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: transparent;
	font-size: 8pt;
	font-weight: normal;
	letter-spacing: 0px;
	padding: 0px 0px 0px 3px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	border: 1px solid #BCBCBC;
}

.zt1rightro {
   color: #646464;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: transparent;
	font-size: 8pt;
	font-weight: normal;
	letter-spacing: 0px;
	padding: 0px 3px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: right;
	border: 1px solid #BCBCBC;
}

.cac1ok {
  margin: 0px 3px 0px -3px;
  border: 1px solid transparent;
}

.cac1ko {
  margin: 0px 3px 0px -3px;
  border: 1px solid #FF0000;
}

.cac1ro {
  margin: 0px 3px 0px -3px;
  border: 1px solid transparent;
}

.im1 {
	margin: 0px 0px 0px 1px;
	border: 0px;
}

.im2 {
	margin: 0px 0px 0px 1px;
	border: 0px;
	cursor: pointer;
}

.im3 {
	margin: 0px 0px 0px 1px;
	border: 0px;
	cursor: not-allowed;
}

.im4 {
	margin: 0px 0px 0px 1px;
	border: 0px;
	cursor: help;
}

.im5 {
	margin: 0px 0px 0px 0px;
	border: 0px;
}

.im6 {
	margin: 0px 3px -3px 3px;
	border: 0px;
	cursor: help;
}

.im7 {
	width: 26px;
	height: 19px;
	display: block;
	padding: 4px 0px 0px 0px;
	cursor: pointer;
	border: 0;
}

.im8 {
	width: 26px;
	height: 6px;
	display: block;
	padding: 4px 0px 0px 0px;
	border: 0;
}

.im9 {
	width: 26px;
	height: 19px;
	display: block;
	padding: 4px 0px 0px 0px;
	cursor: not-allowed;
	border: 0;
}

.im10 {
	width: 26px;
	height: 19px;
	display: block;
	padding: 4px 0px 0px 0px;
	border: 0;
}

.im11 {
	margin: 1px 0px 0px 0px;
	border: 0px;
	cursor: help;
}

.im12 {
	margin: 0px 0px 0px 12px;
	border: 0px;
	cursor: pointer;
}

.im13 {
	margin: 2px 0px 2px 1px;
	border: 0px;
	cursor: pointer;
}

.im14 {
	margin: 2px 0px 2px 1px;
	border: 0px;
	cursor: not-allowed;
}

.objfileok {
  color: #000000;
  font-family: Verdana, Helvetica, sans-serif;
  background-color: #FFFFFF;
  font-size: 8pt;
  font-weight: normal;
  letter-spacing: 0px;
  padding: 1px 0px 1px 0px;
  margin: 0px 0px 0px 0px;
  text-align: left;
  border: 1px solid #BCBCBC;
}

.objfileko {
  color: #000000;
  font-family: Verdana, Helvetica, sans-serif;
  background-color: #F99191;
  font-size: 8pt;
  font-weight: normal;
  letter-spacing: 0px;
  padding: 1px 0px 1px 0px;
  margin: 0px 0px 0px 0px;
  text-align: left;
  border: 1px solid #BCBCBC;
}
/* fieldset info table */
.fstabinfo {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 4px 0px;
	background: transparent;
	border-collapse: collapse;
}

.fstabinfo tr {
	color: #646464;
	font-size: 8pt;
	height: 20px;
}

.fstabinfo td {
	padding: 0px 0px 0px 0px;
}

/* fieldset table 1*/
.fstab1 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: transparent;
	border-collapse: collapse;
}

.fstab1 tr {
	/*color: #000000;*/
	color: #646464;
	font-size: 8pt;
	height: 24px;
}

.fstab1 td {
	padding: 0px 0px 0px 0px;
}

/** fieldset table image drag & drop 01 */
.fstabidd01 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: transparent;
	border-collapse: collapse;
}

.fstabidd01 tr {
	/*color: #000000;*/
	color: #646464;
	font-size: 8pt;
	height: 24px;
}

.fstabidd01 td {
	padding: 0px 0px 0px 0px;
}


.ctrltextasimg {
	border: 2px solid transparent;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: auto;
}

.fstab2 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: transparent;;
	border-collapse: collapse;
}

.fstab2 tr {
	color: #646464;
	font-size: 8pt;
	height: 24px;
}

.fstab2 td {
	padding: 0px 0px 0px 0px;
	border: 1px dotted Fuchsia;
}

.tvs1 {
	color: #000000;
	height: 36px;
}

.bo1 {
  margin: 0px 0px 0px -3px;
}


.invisible {
	display: none;
}

.memo1ok {
  color: #000000;
  font-family: Verdana, Helvetica, sans-serif;
  background-color: white;
  font-size: 8pt;
  font-weight: normal;
  letter-spacing: 0px;
  padding: 0px 0px 0px 3px;
  margin: 5px 0px 5px 0px;
  text-align: left;
  border: 1px solid #BCBCBC;
}

.memo1ko {
  color: #000000;
  font-family: Verdana, Helvetica, sans-serif;
  background-color: #F99191;
  font-size: 8pt;
  font-weight: normal;
  letter-spacing: 0px;
  padding: 0px 0px 0px 3px;
  margin: 5px 0px 5px 0px;
  text-align: left;
  border: 1px solid #BCBCBC;
}

.memo1ro {
  color: #646464;
  font-family: Verdana, Helvetica, sans-serif;
  background-color: white;
  font-size: 8pt;
  font-weight: normal;
  letter-spacing: 0px;
  padding: 0px 0px 0px 3px;
  margin: 5px 0px 5px 0px;
  text-align: left;
  border: 1px solid #BCBCBC;
}

.bu1 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	letter-spacing: 0px;
	border: 1px solid #993300;
	padding: 2px 3px 2px 3px;
	background-color: #F2F2F2;
	color: #00387B;
}

.bu1over {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	letter-spacing: 0px;
	border: 2px solid #CC6600;
	padding: 1px 2px 1px 2px;
	background-color: #F2F2F2;
	color: #00387B;
}

.bu2 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal;
	letter-spacing: 0px;
	border: 1px solid #993300;
	padding: 0px 0px 0px 0px;
	background-color: #D8D8D8;
	color: #555555;
}

#aboutapplogo {
	padding: 0px 0px 0px 2px;
	border: 0;
	position: fixed;
	left: 470px;
	top: 98px;
}

#aboutapplogo img {
	width: 238px;
	height: 131px;
	display:none;
	/* for IE */
   filter:alpha(opacity=50);
   /* CSS3 standard */
   opacity:0.5;
}

#dgtablezone {
	position: relative;
	top: 15px;
	left: 0px;
	color: rgb(0,0,0);
	font-family: Verdana, Helvetica, sans-serif;
	background-color: transparent;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
}
/*---------------------------------------------*/
.dgtable {
   background: transparent;
   border-collapse: collapse;
   font-family: Verdana, Arial, sans-serif;   
}
/*---------------------------------------------*/
.dgtable tr {
   color: #000000;
   font-size: 11px;
}
/*---------------------------------------------*/
.dgtable tr.odd {
   background: #efefef;
}
/*---------------------------------------------*/
.dgtable tr.hidres {
   background: #d7dffb;
}
/*---------------------------------------------*/
.dgtable tr.even {
   background: #d0d0d0;
}
/*---------------------------------------------*/
.dgtable tr.stabilo1{
   /**background: #FFFFDC; */
	background: #E6E779;
}
/*---------------------------------------------*/
.dgtable tr.dgstats {
   background: #F6D8D8;
}
/*---------------------------------------------*/
.dgtable td {
  padding: 3px 3px 3px 3px;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  border-bottom: 0;
  border-left: 0;
}
/*---------------------------------------------*/
.dgtable td a {
   color: rgb(0, 0, 0);
}
/*---------------------------------------------*/
.dgtable td a:link {
   /**color: rgb(33, 97, 161);*/
   color: rgb(8, 52, 141);
   text-decoration: underline;
}
/*---------------------------------------------*/
.dgtable td a:visited {
   color: rgb(8, 52, 141);
   text-decoration: underline;
}
/*---------------------------------------------*/
.dgtable td a:hover {
   color: rgb(204, 102, 0);
   font-weight: bold;
   text-decoration: underline;
}
/*---------------------------------------------*/
.dgtable td a:active {
   color: rgb(204, 102, 0);
   font-weight: bold;
   text-decoration: underline;
}
/*---------------------------------------------*/
.dgtable td.alignleft {
   text-align: left;
}
/*---------------------------------------------*/
.dgtable td.alignright {
   text-align: right;
}
.dgtable td.aligncenter {
   text-align: center;
}
/*---------------------------------------------*/
.dgtable tr th {
   font-weight: bold;
   text-align: center;
   font-size: 10px;
   color: #ffffff;
   background: #08348e;
   height: 16px;
   padding: 2px 3px 2px 3px;
   border-top: 0;
   border-right: 2px solid #ffffff;
   border-bottom: 0;
   border-left: 0;
}
/*---------------------------------------------*/
.dgtable tr.footer {
  color: #ffffff;
  height: 16px;
  background: #08348e;
  font-weight: normal;
  font-size: 10px;
}
/*---------------------------------------------*/
.dgtable img.alignmiddle {
   vertical-align: middle;
   margin: 0px 0px 0px 1px;
	border: 0px;
}
/*---------------------------------------------*/
.ctrltable {
   background: transparent;
   border-collapse: collapse;
   font-family: Verdana, Arial, sans-serif;
}
/*---------------------------------------------*/
.ctrltable tr {
   color: #000000;
   font-size: 11px;
}
/*---------------------------------------------*/
.ctrltable tr.odd {
   background: #efefef;
}
/*---------------------------------------------*/
.ctrltable tr.hidres {
   background: #d7dffb;
}
/*---------------------------------------------*/
.ctrltable tr.even {
   background: #d0d0d0;
}
/*---------------------------------------------*/
.ctrltable tr.stabilo1{
   /**background: #FFFFDC; */
	background: #E6E779;
}
/*---------------------------------------------*/
.ctrltable tr.stats {
   background: #F6D8D8;
}
/*---------------------------------------------*/
.ctrltable td {
  padding: 3px 3px 3px 3px;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  border-bottom: 0;
  border-left: 0;
}
/*---------------------------------------------*/
.ctrltable td a {
   color: rgb(0, 0, 0);
}
/*---------------------------------------------*/
.ctrltable td a:link {
   /**color: rgb(33, 97, 161);*/
   color: rgb(8, 52, 141);
   text-decoration: underline;
}
/*---------------------------------------------*/
.ctrltable td a:visited {
   color: rgb(8, 52, 141);
   text-decoration: underline;
}
/*---------------------------------------------*/
.ctrltable td a:hover {
   color: rgb(204, 102, 0);
   font-weight: bold;
   text-decoration: underline;
}
/*---------------------------------------------*/
.ctrltable td a:active {
   color: rgb(204, 102, 0);
   font-weight: bold;
   text-decoration: underline;
}
/*---------------------------------------------*/
.ctrltable td.alignleft {
   text-align: left;
}
/*---------------------------------------------*/
.ctrltable td.alignright {
   text-align: right;
}
.ctrltable td.aligncenter {
   text-align: center;
}
/*---------------------------------------------*/
.ctrltable tr th {
   font-weight: bold;
   text-align: center;
   font-size: 10px;
   color: #ffffff;
   background: #08348e; 
   height: 16px;
   padding: 0px 3px 0px 3px;
   border-top: 0;
   border-right: 2px solid #ffffff;
   border-bottom: 0;
   border-left: 0;
}
/*---------------------------------------------*/
.ctrltable tr.footer {
  color: #ffffff;
  height: 16px;
  background: #08348e;
  font-weight: normal;
  font-size: 10px;
}
/*---------------------------------------------*/
.ctrltable img.alignmiddle {
   vertical-align: middle;
   margin: 0px 0px 0px 1px;
	border: 0px;
}
/*---------------------------------------------*/
.ctrltablediv {
	max-height: 250px;
	overflow-x: hidden;
	overflow-y: scroll;
}
/*---------------------------------------------*/
/* spreadsheet */
.spreadsheet {
	padding: 0px 0px 0px 0px;
	margin: -9px 0px 0px 0px;
	background: #ffffff;
	border-collapse: collapse;
}

.spreadsheet tr {
	color: #646464;
	font-size: 8pt;
	height: 24px;
}

.spreadsheet tr.bg0 {
   background: #F0F0F0;
}

.spreadsheet tr.bg1 {
   background: #FBCEA3;
}

.spreadsheet tr.bg2 {
   background: #FAFC5A;
}

.spreadsheet tr.bg3 {
   background: #E6E779;
}

.spreadsheet tr.bg4 {
   background: #C4EEEE;
}

.spreadsheet tr.bg5 {
   background: #FFFFDC;
}

.spreadsheet tr.bg6 {
   background: #D5F9D5;
}

.spreadsheet tr.bg7 {
   background: #EFDBED;
}

.spreadsheet tr.bg8 {
   background: #FB6A43;
}

.spreadsheet td {
   padding: 3px 3px 3px 3px;
}

.spreadsheet td.bgrow {
   /* background of row will be kept */
}

.spreadsheet td.bg0 {
   background: #F0F0F0;
}

.spreadsheet td.bg1 {
   background: #EEAF72;
}

.spreadsheet td.bg2 {
   background: #FAFC5A;
}

.spreadsheet td.bg3 {
   background: #E6E779;
}

.spreadsheet td.bg4 {
   background: #C4EEEE;
}

.spreadsheet td.bg5 {
   background: #FFFFDC;
}

.spreadsheet td.bg6 {
   background: #D5F9D5;
}

.spreadsheet td.bg7 {
   background: #EFDBED;
}

.spreadsheet td.bg8 {
   background: #FB6A43;
}

.spreadsheet td.srccell {
	background-image: url("/img/lib/srccell.gif");

}

.redboboco {
	border-bottom-color: red;
	border-bottom-width: 1px;
}

/*---------------------------------------------*/
.czt1ok {
  color: #436BFF;
  font-family: Verdana, Helvetica, sans-serif;
  background-color: #FFFFFF;
  font-size: 8pt;
  font-weight: normal;
  letter-spacing: 0px;
  padding: 0px 1px 0px 0px;
  margin: 0px 0px 0px 0px;
  text-align: left;
  border: none;
}

.czt1okhighlight {
  color: #436BFF;
  font-family: Verdana, Helvetica, sans-serif;
  background-color: #FFFFFF;
  font-size: 8pt;
  font-weight: bold;
  letter-spacing: 0px;
  padding: 0px 1px 0px 0px;
  margin: 0px 0px 0px 0px;
  text-align: left;
  border: none;
}

.czt1okagain {
  color: #436BFF;
  font-family: Verdana, Helvetica, sans-serif;
  background-color: #FFFFFF;
  font-size: 8pt;
  font-weight: normal;
  letter-spacing: 0px;
  padding: 0px 1px 0px 0px;
  margin: 0px 0px 0px 0px;
  text-align: left;
  border: none;
  -webkit-transition: font-weight 3s ease;
  -moz-transition: font-weight 3s ease;
  -o-transition: font-weight 3s ease;
  transition: font-weight 3s ease;
}

.czt1ko {
  color: #436BFF;
  font-family: Verdana, Helvetica, sans-serif;
  background-color: #F99191;
  font-size: 8pt;
  font-weight: normal;
  letter-spacing: 0px;
  padding: 0px 1px 0px 0px;
  margin: 0px 0px 0px 0px;
  text-align: left;
  border: none;
}

.czt1rightok {
  color: #436BFF;
  font-family: Verdana, Helvetica, sans-serif;
  background-color: #FFFFFF;
  font-size: 8pt;
  font-weight: normal;
  letter-spacing: 0px;
  padding: 0px 1px 0px 0px;
  margin: 0px 0px 0px 0px;
  text-align: right;
  border: none;
}

.czt1rightko {
  color: #436BFF;
  font-family: Verdana, Helvetica, sans-serif;
  background-color: #F99191;
  font-size: 8pt;
  font-weight: normal;
  letter-spacing: 0px;
  padding: 0px 1px 0px 0px;
  margin: 0px 0px 0px 0px;
  text-align: right;
  border: none;
}

.czt1ro {
   color: #5A5A5A;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: transparent;
	font-size: 8pt;
	font-weight: normal;
	letter-spacing: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	border: none;
}

.czt1rightro {
   color: #646464;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: transparent;
	font-size: 8pt;
	font-weight: normal;
	letter-spacing: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: right;
	border: none;
}

.czt2ok {
  color: #436BFF;
  font-family: Verdana, Helvetica, sans-serif;
  background-color: #FFFFFF;
  font-size: 8pt;
  font-weight: normal;
  letter-spacing: 0px;
  padding: 0px 1px 0px 0px;
  margin: 0px 0px 0px 0px;
  text-align: left;
  border: 1px solid #00C000;
}

.czt2ro {
   color: #5A5A5A;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: transparent;
	font-size: 8pt;
	font-weight: normal;
	letter-spacing: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	border: 1px solid #00C000;
}

.czt3ok {
  color: #436BFF;
  font-family: Verdana, Helvetica, sans-serif;
  background-color: #FFFFFF;
  font-size: 8pt;
  font-weight: normal;
  letter-spacing: 0px;
  padding: 0px 1px 0px 0px;
  margin: 0px 0px 0px 0px;
  text-align: left;
  border: 1px solid #DD0000;
}

.czt3ro {
   color: #5A5A5A;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: transparent;
	font-size: 8pt;
	font-weight: normal;
	letter-spacing: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	border: 1px solid #DD0000;
}

.czt4ok {
  color: #436BFF;
  font-family: Verdana, Helvetica, sans-serif;
  background-color: #FFFFFF;
  font-size: 8pt;
  font-weight: normal;
  letter-spacing: 0px;
  padding: 0px 1px 0px 0px;
  margin: 0px 0px 0px 0px;
  text-align: left;
  border: 1px dotted #00C000;
}

.czt4ro {
   color: #5A5A5A;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: transparent;
	font-size: 8pt;
	font-weight: normal;
	letter-spacing: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	border: 1px dotted #00C000;
}

.czlm1ok {
  color: #436BFF;
  font-family: Verdana, Helvetica, sans-serif;
  background-color: #FFFFFF;
  font-size: 8pt;
  font-weight: normal;
  letter-spacing: 0px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  text-align: left;
  border: 1px solid #BCBCBC;
}

.czlm1ko {
	color: #436BFF;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: #F99191;
	font-size: 8pt;
	font-weight: normal;
	letter-spacing: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	border: 1px solid #BCBCBC;
}

.czlm1ro {
  color: #5A5A5A;
  font-family: Verdana, Helvetica, sans-serif;
  background-color: #ffffff;
  font-size: 8pt;
  font-weight: normal;
  letter-spacing: 0px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  text-align: left;
  border: 1px solid #BCBCBC;
}

div#waitzone {
  visibility: hidden;
  position: absolute;
  top: 74px;
  width: 100%;
  height: 100%;
  margin: 0px 0px 0px 0px;
  padding: 100px 0px 0px 475px;
  background-color: #000000;
  border: none;
  /* for IE */
  filter:alpha(opacity=0.3);
  /* CSS3 standard */
  opacity:0.3;
  z-index: 20;
}

div#modalzone1 {
  display: none;
  position: fixed;
  top: 74px;
  left: 0px;
  width: 100%;
  height: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background: rgba(0, 0, 0, 0.3);
  border: none;
  z-index: 10;
}

div#modalzone2 {
  display: none;
  position: absolute;
  top: 110px;
  left: 186px;
  width: 980px;
  max-height: 85%;
  overflow: auto;
  margin: 0px 0px 0px 0px;
  padding: 15px 15px 15px 15px;
  background: rgba(255, 255, 255, 1.0);
  border-right: 4px solid #606060;
  border-bottom: 4px solid #606060;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  z-index: 15;
}

div#modalzone8 {
  display: none;
  position: fixed;
  top: 74px;
  left: 0px;
  width: 100%;
  height: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background: rgba(0, 0, 0, 0.3);
  border: none;
  z-index: 18;
}

div#modalzone9 {
  display: none;
  position: absolute;
  top: 110px;
  left: 186px;
  width: 700px;
  max-height: 85%;
  overflow: auto;
  margin: 0px 0px 0px 0px;
  padding: 15px 15px 15px 15px;
  background: rgba(255, 255, 255, 1.0);
  border-top: 2px solid #606060;
  border-right: 4px solid #606060;
  border-bottom: 4px solid #606060;
  border-left: 2px solid #606060;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  z-index: 19;
}

.modaltable1 {
   width: 100%;
	background: transparent;
   border-collapse: collapse;
   font-family: Verdana, Arial, sans-serif;
	border: none;
}

.modaltable1 td {
  color: #505050;
  font-size: 11pt;
}

.modaltablespacer {
   width: 100%;
	background: transparent;
   border-collapse: collapse;
   font-family: Verdana, Arial, sans-serif;
	border: none;
}

.modaltablespacer td {
  color: transparent;
}

#modaltablegallery  {
   margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	width: auto;
	background: transparent;
   border-collapse: separate;
   font-family: Verdana, Arial, sans-serif;
}

#modaltablegallery  td {
	width: 230px;
	text-align: center;
	vertical-align: center;
	border-bottom: 30px solid transparent;
}

.modalimg1 {
	width: 24px;
	height: 24px;
}

.imggal1 {
	border: 3px solid #aaaaaa;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 5px;
	cursor: pointer;
}

.imggal2 {
	border: 3px solid #00DD00;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 5px;
	cursor: not-allowed;
}

.imggal3 {
	border: 3px solid #CC6600;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 5px;
	cursor: pointer;
}

.modaltablemessage {
	text-align: left;
	width: auto;
	background: transparent;
   border-collapse: collapse;
   font-family: Verdana, Arial, sans-serif;
}

.modaltablemessage td {
	vertical-align: middle;
}

.modaltablemessage td p {
	font-family: Verdana, Arial, sans-serif;
	color: #646464;
	font-size: 9pt;
}

.modaltablemessage h1, h2, h3, h4, h5, h6 {
  color: #646464;
  background-image: none;
  font-family: OpenSans, Arial, Verdana, Helvetica, sans-serif;
  font-size: 11pt;
  font-weight: bold;
  letter-spacing: 0px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 10px 0px;
  border: 0;
  border-width: 0;
}

body {
	counter-reset: h1 h2 h3;
}

.modaltablemessage h1:before {
 content: counter(h1) ". ";
 counter-increment: h1;
}

.modaltablemessage h2:before {
 content: counter(h1) "." counter(h2) " ";
 counter-increment: h2;
}

.modaltablemessage h3:before {
 content: counter(h1) "." counter(h2) "." counter(h3) " ";
 counter-increment: h3;
}

.modaltablemessage h1 {
	counter-reset: h2;
	font-family: OpenSans, Verdana, Arial, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #646464;
	padding-top: 10px;
}

.modaltablemessage h2 {
	counter-reset: h3;
 	font-family: OpenSans, Verdana, Arial, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #646464;
	padding-top: 10px;
}

.modaltablemessage h3 {
	font-family: OpenSans, Verdana, Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #646464;
	padding-top: 10px;
}

.modaltablemessage h1.unnumbered, .modaltablemessage h2.unnumbered {
 counter-reset: none;
}

.modaltablemessage h1.unnumbered:before, 

.modaltablemessage h2.unnumbered:before,

.modaltablemessage h3.unnumbered:before{
 content: none;
 counter-increment: none;
}

.modaltablemessage code {
	font-family: "Courier New", Courier, monospace;
	color: #5B1201;
}

.modaltablemessage ul {
   list-style-image: url(/img/puces/puce03.gif);
  	color: #646464;
	font-size: 9pt;
}

.modaltablemessage li {
	margin-bottom: 5pt;
	color: #646464;
	font-size: 9pt;
}

.modaltablemessage td a:link {
   color: #993300;
   text-decoration: underline;
}

.modaltablemessage td a:visited {
   color: #993300;
   text-decoration: underline;
}

.modaltablemessage td a:hover {
   color: #CC6600;
   font-weight: bold;
   text-decoration: underline;
}

.modaltablemessage td a:active {
   color: #CC6600;
   font-weight: bold;
   text-decoration: underline;
}

.progbar1main {
	background-color: transparent;
	margin: 8px 0px 8px 0px;
	border-collapse: collapse;
}

.progbar1main tr {
	color: #646464;
	font-size: 8pt;
}

.progbar1main td {
}

.progbar1tddone {
	color: rgb(255, 255, 255);
	background-color:rgb(0, 192, 0);
	border-left: 1px solid #BCBCBC;
	border-top: 1px solid #BCBCBC;
	border-right: 1px solid #BCBCBC;
	border-bottom: 1px solid #BCBCBC;
}

.progbar1tdtodo {
	background-color:#F2F2F2;
	border-left: 1px solid #BCBCBC;
	border-top: 1px solid #BCBCBC;
	border-right: 1px solid #BCBCBC;
	border-bottom: 1px solid #BCBCBC;
}

div#hdrmtb {
	display: none;
	top: 33px;
	left: 180px;
	position: fixed;
	width: 100%;
	height: 29px;
	background-color: #f2f2f2;
	z-index: 5;
	overflow: hidden;
}

.maintoolbar {
	padding: 0px 0 0 0;
}

div#nav {
  float: left;
  position: fixed;
  top: 85px;
  left: 14px;
  width: 150px;
  margin: -1px 0 0 -1px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  z-index: 6;
}
  
div#nav ul {margin: 0; padding: 0;
  width: 150px;
  background: #f2f2f2;
  border-left: 1px solid #BCBCBC;
  border-top: 1px solid #BCBCBC;
  border-right: 1px solid #BCBCBC;
  border-bottom: 1px solid #BCBCBC;
  }
  
div#nav li {position: relative;
  list-style: none;
  margin: 0;
  padding: 3px 0px 3px 0px;
  border-top: 0px;
  border-bottom: 0px;
  }
  
div#nav li:hover {background: #BCBCBC;}
div#nav li.submenu {background: url(../img/menus/submenu.gif) 95% 50% no-repeat;}
div#nav li.submenu:hover {background-color: #BCBCBC;}
div#nav li a {
  display: block;
  padding: 0.25em 0 0.25em 0.5em;
  text-decoration: none;
  width: 130px;
  color: rgb(0,56,123);
  }
   
div#nav>ul a {width: auto;}
div#nav ul ul {position: absolute; top: 0; left: 148px;
  display: none;
  }
div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {display:block;}

div#sidetb {
	display: none;
	top: 0px;
	left: 0px;
	position: fixed;
	background-color: #F2F2F2;
	z-index: 3;
	text-align: center;
	padding: 3px 2px 7px 2px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

div#sidetb a:active {
	color: #F2F2F2;
}

div#sidetb a:hover {
	color: #F2F2F2;
}

div#sidetb a:visited {
	color: #F2F2F2;
}

.ctrlidd01dropzoneleftb {
	width: 344px;
	margin: 10px 0px 0px 3px;
	padding: 0px 0px 0px 0px;
	min-height: 120px;
	border: 2px solid #cccccc;
	background-color: #f2f2f2;
	text-align: left;
}

.ctrlidd01dropzonelefta {
	display: none;
	width: 140px;
	height: 75px;
	margin: 0px 50px 0px 50px;
	background-image: url("/img/lib/arrow01a.gif");
	background-color: #f9f9f9;
	border: 2px dashed #999999;
}

.ctrlidd01dropzonelefta.dragover {
	background-image: url("/img/lib/arrow01b.gif");
	background-color: #daffda;
	border: 2px dashed #00B000;
}

.ctrlidd01dropzoneleftb img {
	padding: 6px 6px 6px 6px;
}

.ctrlidd01dropzonerightb {
	width: 344px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	min-height: 120px;
	border: 2px solid #cccccc;
	background-color: #f2f2f2;
	text-align: left;
}

.ctrlidd01dropzonerighta {
	display: none;
	width: 140px;
	height: 75px;
	margin: 0px 50px 0px 50px;
	background-image: url("/img/lib/arrow02a.gif");
	background-color: #f9f9f9;
	border: 2px dashed #999999;
}

.ctrlidd01dropzonerighta.dragover {
	background-image: url("/img/lib/arrow02b.gif");
	background-color: #daffda;
	border: 2px dashed #00B000;
}

.ctrlidd01dropzonerightb img {
	padding: 6px 6px 6px 6px;
}

.ctrlidd01dropzonesaspacer {
	width: 140px;
	height: 75px;
	margin: 0px 50px 0px 50px;
	background-color: #f2f2f2;
	border: 2px dashed #cccccc;
}

.invisible {
	display: none;
}
	
.topmarg12px {
	margin-top: 12px;
}

.zt1ronify {
	color: #646464;
	background-color: transparent;
}