body {
  margin: 15px;
  /*font-family: Times New Roman,Times,serif;*/
  font-family: arial,helvetica,sans-serif;
  font-size: 12pt;
  color: #364ca1;
}
td {
  font-family: arial,helvetica,sans-serif;
  font-size: 11pt;
  color: #333;
  /*font-weight: bold;*/
  padding: 5px 3px;
}
input,
select {
  vertical-align: bottom;
}

.odd { background-color:#D9E8E7; }
/*.even { background-color:#CEE5EF; }*/

td.cell,
td.cell_error {
  padding-left: 3px;
  padding-right: 3px;
  text-align: center;
}
td.cell_error,
td.input_error {
  border: 1px red solid;
  background: #ffaaaa;
}
td.colheading {
  font-size: 11pt;
  font-weight: bold;
  text-align: center;
  padding: 10px 3px;
  width: 80px;
  border-bottom: 2px solid #00ADA8;
}
td.mtext,
td.qtext {
  vertical-align: top;
  font-size: 11pt;
}
td.qtext {
  font-weight: bold;
  color: #000000;
}
td.mtext {
  text-align: left;
  color: #74767F;
}
td.qbody {
  padding-top: 0.5em;
/*  padding-bottom: 1.5em; */
}

a.copyright img {
  border: none;
}
a.copyright:hover img,
a.copyright:active img {
  opacity: 0.5;
}

div.perror {
  font-size: 10pt;
  border: none;
  margin-bottom: 20px;
  text-align: center;
}
.qerror {
  color: red;
  font-weight: normal; 
  font-style: italic;
  font-size: 9pt;
  margin-top: 5px;
}

table.canvas {
  border-collapse: collapse;
  border: none;
  padding: 10px 3px;
}
table.canvas tr:hover td.rowheading {
  color: #16A9B0;
}

.inst1 {
  font-size: 10pt;
  font-weight: normal;
  font-style: italic;
}
.cons2 {
  font-style: italic;
  color: #02ada7;
}

.igreen {
  color: #02ada7;
}

.note {
	color:#00ADA8;
        font-size: 11pt;
        font-weight: normal;
	font-style:italic;
/* 	padding-top:3px; */
}
.note2 {
	color:#00ADA8;
        font-size: 8pt;
        font-weight: normal;
	font-style:italic;
}
.note3 {
  font-style: italic;
  font-weight: normal;
}
.note4 {
  font-style: italic;
  font-size: 10pt;
  font-weight: normal;
  color:#7E88BC
}
body.home {
  background-color: #ffffff;
  margin: 5px 10px;
  font-size: 12pt;
}
h1 {
/*  background: #5472ae;*/
  color: #fff;
  font-size: 17pt;
  padding: 2px;
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: center;
}
body.home h2 {
  font-size: 12pt;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;
}
body.home h3 {
  font-size: 12pt;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 5px;
}
body.home h4 {
  font-size: 13pt;
  text-align: center;
  margin: 10px auto;
  border: 2px outset #02ada7;
  padding: 3px;
  width: 500px;
}
body.home h4.large {
  font-size: 14pt;
}
body.home table {
  border: none;
  border-collapse: collapse;
}
body.home td {
  font-size: 12pt;
  font-weight: bold;
}
body.home td span.small {
  font-size: 9pt;
  font-weight: normal;
}
body.home td.visu {
  text-align: right;
  padding-top: 2px;
  padding-right: 60px;
  padding-bottom: 2px;
}
body.home td.visu img {
  border: 1px solid #c6dfff;
}

div.blue {
  background-color: #5472ae;
  height: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}
table.m2main {
  width: 100%;
  border-collapse: collapse;
}
table.m2main_error {
  width: 100%;
  border: none;
  border-collapse: collapse;
}
table.m2main td {
  vertical-align: top;
  padding: 3px;
  border-collapse: collapse;
}
table.m2qtable {
  width: 100%;
  border-collapse: collapse;
  border: 2px solid #02ada7;
}
table.msg1,
table.msg2,
table.msg3,
table.msg4 {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}
table.msg1 td,
table.msg2 td,
table.msg3 td {
  text-align: center;
}
table.msg2 td {
  font-size: 16pt;
}
table.msg3 td {
  font-size: 12pt;
}
table.msg4 td {
  text-align: left;
  font-size: 12pt;
}
.mrg {
  color: red;
}
.qmsg1 {
  font-style: italic;
  font-weight: bold;
  margin-bottom: 1em;
}
table.canvas label {
  padding-right: 10px;
}

table.top2 {
  background-color: #5472ae;
  margin-top: 1em;
  margin-bottom: 20px;
  width: 100%;
}
table.top2 td {
  color: white;
  text-align: left;
  padding: 10px;
  vertical-align: middle;
}
table.top2 h1 {
  text-align: left;
  font-size: 16pt;
  background: none;
}
table.top2 .inst {
  font-size: 12pt;
  font-weight: bold;
  font-style: italic;
}
table.top2 .conf {
  font-weight: normal;
  font-style: italic;
  font-size: 9pt;
}
table.top2 td.visu {
  text-align: right;
  padding: 2px;
}

table.tabtypo {
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
}
table.tabtypo td {
  font-size: 9pt;
  text-align: center;
  border: 1px solid #364ca1;
}
table.tabtypo td.rowh,
table.tabtypo td.rowh2 {
  text-align: left;
  padding-left: 3px;
}
table.tabtypo td.rowh {
  font-weight: bold;
  background-color: #c6dfff;
}
table.tabtypo th {
  font-size: 9pt;
  font-weight: bold;
  border: 1px solid #364ca1;
  width: 90px;
}
table.tabtypo tr.ita td {
  font-style: italic;
}

a img {
  border: none;
  vertical-align: middle;
}

.msgtest {
  color: #F3A05F;
  font-weight: bold;
}

.slidlabl {
  float:left;
  padding-left:7px;
  font-weight:bold;
  font-size:110%;
}
.slidlabr {
  float:right;
  padding-right:3px;
  font-weight:bold;
  font-size:110%;
}
#prix {
  text-align:center;
  font-size: 13pt;
  font-weight: bold;
}

img.checked { border:5px solid #99cc00; }
label img { border:5px solid transparent; }

img.nochecked { border:5px solid transparent; }
table#canvas_cc {
  margin: auto;
}

body.clickimg td.hv input[type="radio"],
body.clickimg td.hv input[type="checkbox"] { display:none; }

/* Scale */


#canvas_c .scale_note input {
  display: none;
}

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

.scale_note {
  text-align: center;
  font-size: 11pt;
  padding:5px;
  border: 2px solid #B4D9ED;
  font-weight: bold;
  height: 20px;
  width: 50px;
}
.scale_note.selected {
  color: white;
  background-color: #4779B9;
  font-weight: bold;
}
.scale_note:hover {
  cursor: pointer;
  background-color: #B4D9ED;
}
.scale_note.selected:hover {
  cursor: pointer;
  background-color: #4779B9;
}


.val1 {background-color:#ff0000}
.val2 {background-color:#ff6600}
.val3 {background-color:#ff9933}
.val4 {background-color:#ffcc33}
.val5 {background-color:#ffe933}
.val6 {background-color:#e9ff33}
.val7 {background-color:#ccff33}
.val8 {background-color:#99ff33}
.val9 {background-color:#2ee02e}
.val10 {background-color:#00cc00}
.val11 {background-color:#009900}
.val12 {background-color:#99ffff}
.val13 {background-color:#6699ff}


.hidedropdown select { display:none; } 

div.slidercolor { 
	width:391px; 
	height:10px; 
	margin-left:8px; 
	margin-right:8px; 
}

/* SORTABLE */

body.sortui ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        width:450px;
        min-height:100px;
}
body.sortui ul li {
        cursor:move;
        margin: 0 5px 5px 5px;
        padding: 5px;
} 
  
body.sortui .list1,
body.sortui .list2 { vertical-align:top;padding-top:10px; }


.list1, .list2 {
        background-image: -moz-linear-gradient(top, #bce3f4, #F8F9F9); /* Firefox 3.6 */
        background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #F8F9F9),color-stop(1, #bce3f4)); /* Safari & Chrome */
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bce3f4', endColorstr='#F8F9F9'); /* IE6 & IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bce3f4', endColorstr='#F8F9F9')"; /* IE8 */
        font-weight:bold;
        border: 2px solid white;
}

.gris {
	background-color: #EAEAEA;
}

.error {
  border-color:red;
}

body.board1 #qbody_qwarning,
body.board2 #qbody_qwarning {
  display : none;
}
body.board1 td.zoom {
  padding-bottom:7px;
}
body.board2 td.mtext {
  text-align:center;
  vertical-align:top;
  padding:5px 50px 5px 10px;
}
body.board0 table.main img,
body.board1 table.main img,
body.board2 table.main img {
  border: 1px solid silver;
  -webkit-box-shadow: 3px 3px 5px #888888;
  -moz-box-shadow: 3px 3px 5px #888888;
       box-shadow: 3px 3px 5px #888888;
}

.titreg {
  background-color:#a6a6a6;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
}

.titre {
  background-color:#a6a6a6;
  font-size:14pt;
  color:white;
  font-weight:bold;
}

.titred {
  background-color:#a6a6a6;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
   border-top-right-radius: 5px;
  width:10px;
}

.tooltip {
  font-weight:bold;
}

.ens {
  font-size:11pt;
  color: #2f4594;
  font-weight:bold;
}

.prix {
  font-size:14pt;
  color: #ff6600;
  font-weight:bold;
}
td.colheading2 {
  padding-top:15px;
  padding-bottom:15px;
  border-top: 2px solid #00ADA8;
  background-color:#D9E8E7;
}