body {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 9pt;
        color: #000000;
        background-color: #e6e6e6;
}

table {
  border-collapse: collapse;
}

.copyright {
  text-align: right;
  margin: 10px auto;
  width: 980px;
}
.copyright img:hover {
  opacity: .6;
}
#conteneur {
        max-width: 1024px;
        height: auto;
        margin: auto auto;
        background-color: white;
        padding: 10px;
	-webkit-box-shadow: 3px 3px 5px #888888;
	box-shadow: 3px 3px 5px #888888;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.index h1, .index h2, .index h3 {
        width: 100%;
        margin: 15px 0;
        font-weight: bold;
        font-size: 12pt;
        text-align: center;
        color: #000000;
}

#bottom {
  text-align: center;
}

input.start, .nav {
	font-family: Arial,Verdana,Helvetica,sans-serif;
	height: 35px;
	border: none;
	cursor: pointer;
	font-weight: bold;
	font-size: 18px;
	text-transform:uppercase;
	color: #FFFFFF;
	background-color: #16A9B0;
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.45 ease;
	transition: all 0.5s ease;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
input.start:hover, a.nav:hover {
	background: #514692;
	color: #FFFFFF;
	text-decoration:underline;
	text-shadow: 2px 2px 2px #000000;
	/* filter: dropshadow(color=#000000, offx=2, offy=2); */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}




.ope {
  color:#851895
}

.notice,
.zoom {
  width: 960px;
  text-align: center;
  font-size: 9pt;
/*  width: 200px; */
/*  text-align: center;*/
/*  font-size: 9pt;*/
}

.zoom a {
  text-decoration: none;
  color: grey;
}

.priced14 {
  text-align: right;
  display: block;
  color: #00ADA8;
  font-weight: bold;
  padding-top: 10px;
}

.d14 .rowheading {
  width: 400px; 
}
.d14 .colheading {
  width: 130px; 
}

/*Mise en forme C5*/

#canvas_cch input {
  display: none;
}

.radiomask label {
  padding-right: 0px;
  padding-left: 5px;
}

.radiomask {
  text-align: center;
  font-size: 11pt;
  padding:5px;
  border: 2px solid #B4D9ED;
/*  font-weight: bold;*/
  height: 30px;
  width: 40px;
}
.radiomask.selected {
  color: white;
  background-color: #4779B9;
  font-weight: bold;
  font-size: 18pt;
}
.radiomask:hover {
  cursor: pointer;
  background-color: #B4D9ED;
}
.radiomask.selected:hover {
  cursor: pointer;
  background-color: #4779B9;
}

.val0 {background-color:#fe0000}
.val1 {background-color:#ff650e}
.val2 {background-color:#f4912b}
.val3 {background-color:#fac632}
.val4 {background-color:#ffdc2a}
.val5 {background-color:#e4ff37}
.val6 {background-color:#bfff29}
.val7 {background-color:#95fc31}
.val8 {background-color:#85e005}
.val9 {background-color:#01e200}
.val10 {background-color:#00a204}

.msg {
  color :#000000;
  font-weight: bold; 
}
.price {
  color: #514692;
  font-weight: bold;
  font-size: 12pt;
}

.main input {
  text-align: center;
}

div.perror {
	background-color: red;
	color: #ffffff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-weight: bold;
	padding: 5px;
	text-shadow: 1px 2px 2px #000000;
 	/* text-shadow: 2px 2px 5px silver; */
	/* filter: dropshadow(color=#000000, offx=2, offy=2); */
}
td.qerror {
	/*text-shadow: 1px 2px 2px #888888;*/
	/* text-shadow: 2px 2px 5px silver; */
	/* filter: dropshadow(color=#888888, offx=2, offy=2); */
	font-weight: bold;
	font-size:11pt;
}
.pourcent { font-weight:bold; }
.progress img {
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.input_left input {
  text-align: left;
}

#lot {
  margin: auto;
  display: none;
  background-color: #D9E8E7;
}
#lot.checked {
  display: block;
}
#lot table {
  width: 100%;
}
#lot td {
  text-align: center;
  width: 50%;
  color: #16A9B0;
  font-weight: bold;
}

.dynaminput input {
  text-align: left;
}
.plus,
.moins{
  opacity:0.7;
}

.plus:hover,
.moins:hover {
  opacity:1;
  cursor: pointer;
}
.color_blue {
  color: #16A9B0;
  font-weight: bold;
  background-color:#D9E8E7;
}

.cblue {
  color: #16A9B0;
}

.test {
	color:red;
	font-weight:bold;
}

.image {
  text-align:center;
  width:1000px;
}

.libred {
  color:#C60101;
}

.zoomtxt {
  text-align: left;
  font-size: 9pt;
}
.zoomtxt a {
  text-decoration: none;
  color: grey;
}