/*
blue: bgrows: #f2f8ff:#c6dfff
green: bgrows: #CEE5EF:#B4D9ED - color: #455a9e
violet: bgrows: #c490a3:#e2c5ce - color: #A4027B
*/

body {
  margin: 10px 20px;
  font-family: arial,helvetica,sans-serif;
  font-size: 9pt;
  color: #455a9e;
}
td {
  font-family: arial,helvetica,sans-serif;
  font-size: 9pt;
  color: #455a9e;
}
input,
select {
  vertical-align: middle;
}

table.canvas td {
  color: #455a9e;
}

td.cell,
td.cell_error {
  padding-left: 3px;
  padding-right: 3px;
  text-align: center;
/*
  border-left: 1px solid black;
  border-right: 1px solid black;
*/
}
/*
td.cell_error,
*/
td.input_error {
  border: 1px solid red;
  background: #ffaaaa;
}
td.colheading {
  font-size: 8pt;
  font-weight: bold;
  text-align: center;
  padding: 10px 3px;
  width: 80px;
/*
  background-color: #f2f8ff;
  border-left: 1px solid black;
  border-right: 1px solid black;
*/
}
td.mtext,
td.qtext {
  vertical-align: top;
  font-size: 11pt;
}
td.qtext .qtext2 {
  font-size: 12pt;
  text-align: center;
}
td.qtext {
  font-weight: bold;
  color: #455a9e;
}
td.mtext {
  text-align: left;
  color: #455a9e;
}
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 {
  color: red;
  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;
}
table.canvas tr:hover td.rowheading {
  color: #005EA7;
}

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

.igreen {
  color: #005EA7;
}

h1 {
  background: #5472ae;
  color: #fff;
  font-size: 17pt;
  padding: 2px;
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: center;
}
body.index a:link,
body.index a:visited,
div.typo a:link,
div.typo a:visited,
div.reg a:link,
div.reg a:visited {
  color: #005EA7;
  text-decoration: none;
}
body.index a:active,
body.index a:hover,
div.typo a:active,
div.typo a:hover,
div.reg a:active,
div.reg a:hover {
  color: #455a9e;
  text-decoration: underline;
}

div.blue {
  background-color: #5472ae;
  height: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}
table.m2main {
  width: 100%;
  border-collapse: collapse;
/*border: 2px solid #005EA7;*/
}
table.m2main_error {
  width: 100%;
  border: none;
  border-collapse: collapse;
}
table.m2main td {
  vertical-align: top;
  padding: 3px 0px;
/*border-collapse: collapse;*/
}
table.m2main .canvas td {
  vertical-align: middle;
  padding: 3px 3px;
}
table.m2qtable,
table.m2qtable2,
table.m2qtable2l,
table.m2qtable2r,
table.m2qtableb,
table.m2qtable2b {
  width: 100%;
  border-collapse: collapse;
}
table.m2qtable2,
table.m2qtable2l,
table.m2qtable2r,
table.m2qtable2b {
  border-top: 1px dotted #455a9e;
}
table.m2qtableb,
table.m2qtable2b {
  border-left: 1px dotted #455a9e;
}
table.m2qtable .qtext,
table.m2qtable2 .qtext,
table.m2qtable2l .qtext,
table.m2qtable2r .qtext,
table.m2qtableb .qtext {
  padding-right: 10px;
}
table.m2qtable2l .qbody {
  padding-right: 10px;
}
table.m2qtable2r .qtext,
table.m2qtable2r td.qerror,
table.m2qtable2r .qbody,
table.m2qtableb .qtext,
table.m2qtableb td.qerror,
table.m2qtableb .qbody,
table.m2qtable2b .qtext,
table.m2qtable2b td.qerror,
table.m2qtable2b .qbody {
  padding-left: 10px;
}
table.msg1,
table.msg2,
table.msg3,
table.msg4,
table.msg5,
table.msg6,
table.msg8 {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}
table.msg1 td,
table.msg2 td,
table.msg3 td,
table.msg6 td,
table.msg8 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;
}
table.msg5 td {
  text-align: justify;
}
table.msg6 td {
  font-size: 120%;
}
table.msg8 td {
  font-size: 16pt;
}
/*
table.m2qtable td.qbody table.canvas {
  margin-left: auto;
  margin-right: 0px;
}
*/

.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 #455a9e;
}
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 #455a9e;
  width: 90px;
}
table.tabtypo tr.ita td {
  font-style: italic;
}
table.tabtypo td.tt,
table.tabtypo td.t1,
table.tabtypo td.t2,
table.tabtypo td.t3,
table.tabtypo td.t4,
table.tabtypo td.t5,
table.tabtypo td.t6,
table.tabtypo td.t7 {
  width: 90px;
}
div.t1 th.t1,
div.t2 th.t2,
div.t3 th.t3,
div.t4 th.t4,
div.t5 th.t5,
div.t6 th.t6,
div.t7 th.t7,
div.t1 td.t1,
div.t2 td.t2,
div.t3 td.t3,
div.t4 td.t4,
div.t5 td.t5,
div.t6 td.t6,
div.t7 td.t7 {
  background-color: #c6dfff;
}

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

table#canvas_cs1 {
  margin: auto;
}
table#canvas_cs1 td {
  width: 180px;
  height: 90px;
  text-align: center;
  vertical-align: middle;
  background-position: center center;
  background-repeat: no-repeat;
}
table#canvas_cs1 td.box0 {
  background-image: url(box0.png);
}
table#canvas_cs1 td.box1 {
  background-image: url(box1.png);
}
table#canvas_cs1 td.box0:hover {
  background-image: url(box2.png);
}
table#canvas_cs1 td.box1:hover {
  background-image: url(box3.png);
}
table#canvas_cs1 div.tsite {
  margin-top: 5px;
  font-size: 8pt;
  font-weight: bold;
}

.msg1 u,
.msg7 u,
.qtext b,
.msg1 b,
.msg7 b {
  font-size: 120%;
/*text-decoration: underline;*/
}
.msg6 b {
  color: #A4027B;
}
.qtext .bu,
.msg1 .bu,
.msg7 .bu {
  font-size: 120%;
  text-decoration: underline;
}
.inst2 {
  text-align: center;
  font-size: 120%;
  text-decoration: underline;
}

table#canvas_cs2 td {
  vertical-align: middle;
}
table#canvas_cs2 div.lsite {
  display: none;
}
table#canvas_cs2 div.tsite {
  text-align: right;
  padding-left: 1em;
}

table#canvas_csc {
  margin-left: auto;
  margin-right: auto;
}
table#canvas_csc td.labl {
  width: 348px;
  text-align: right;
  padding-right: 1em;
  font-size: 10pt;
}
table#canvas_csc td.labr {
  width: 348px;
  text-align: left;
  padding-left: 1em;
  font-size: 10pt;
}
table#canvas_csc td.scoreg,
table#canvas_csc td.scorev {
  width: 262px;
  background-position: center center;
  background-repeat: no-repeat;
}
table#canvas_csc td.scoreg {
  background-image: url(cursor1bg_g.png);
}
table#canvas_csc td.scorev {
  background-image: url(cursor1bg_v.png);
}
table#canvas_csc .sco1 {
  font-size: 11pt;
  font-weight: bold;
}

body.violet table.canvas td {
  color: #A4027B;
}
body.violet table.m2qtable2,
body.violet table.m2qtable2l,
body.violet table.m2qtable2r,
body.violet table.m2qtable2b {
  border-top: 1px dotted #A4027B;
}
body.violet table.m2qtableb,
body.violet table.m2qtable2b {
  border-left: 1px dotted #A4027B;
}

p#lsv {
  text-align: justify;
  font-weight: bold;
}
p#lsv .small {
  font-size: 8pt;
}

#pause1 {
  float: right;
}

img.p {
  padding-right: 5px;
}

.index span.h {
  font-weight: bold;
  font-size: 12pt;
}
.index span.hg {
  font-weight: bold;
  font-size: 12pt;
  color: #A4027B;
}
.index {
  font-size: 10pt;
}
.reg table td {
  padding: 3px 5px 3px 0;
}

td#qtext_q1 {
  text-align: left;
  width: 140px;
}
td#qbody_q1 {
  text-align: left;
}

#main.padtop {
  padding-top: 30px;
}
.index #main.padtop {
  padding-top: 0px;
  padding-bottom: 10px;
}

img.padtop {
  padding-top: 5px;
}

.nita {
  font-weight: normal;
  font-style: italic;
}

table#canvas_cm1 img,
table#canvas_cm2 img {
  display: block;
  margin: auto;
  margin-bottom: 5px;
}
table#canvas_cm1 td.rowheading,
table#canvas_cm2 td.qb1logo,
table#canvas_cm2 td.qb1logo1,
table#canvas_cm2 td.qb1logo0 {
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 10pt;
  font-weight: bold;
}
table#canvas_cm1 td.colheading {
  font-size: 10pt;
  font-weight: bold;
}
table#canvas_cm1 td {
  border: 1px solid #455a9e;
}
table#canvas_cm2  {
  margin: 20px auto 0px auto;
}
table#canvas_cm2 td.qb1spcr {
  height: 20px;
}
table#canvas_cm2 td.qb1spcc {
  width: 20px;
}
table#canvas_cm2 td.qb1btnl,
table#canvas_cm2 td.qb1btnr {
  width: 100px;
}
table#canvas_cm2 td.qb1btnl {
  text-align: right;
  padding-right: 15px;
}
table#canvas_cm2 td.qb1btnr {
  text-align: left;
  padding-left: 15px;
}
table#canvas_cm2 td.qb1logo {
  border: 3px solid #eeeeff;
}
table#canvas_cm2 td.qb1logo0 {
  border: 3px dashed #eeeeff;
}
table#canvas_cm2 td.qb1logo1 {
  border: 3px solid #005EA7;
}

td.msg7 {
  vertical-align: top;
  font-size: 10pt;
  font-weight: bold;
  color: #455a9e;
}
table.m2main td.msg7 {
  padding-bottom: 1.5em;
}

table#canvas_cm3  {
  margin: 20px auto 0px auto;
}
table#canvas_cm3 img {
  display: block;
  margin: auto;
  margin-bottom: 5px;
}
table#canvas_cm3 td.qb2 {
  text-align: center;
  padding-top: 5px;
  padding-bottom: 20px;
  font-size: 12pt;
  font-weight: bold;
}
table#canvas_cm3 input {
  margin-left: 10px;
  margin-right: 10px;
/*width: 160px;*/
}
table#canvas_cm3 input.qb2btn0 {
  border-style: outset;
  border-width: 3px;
}
table#canvas_cm3 input.qb2btn1 {
  border-style: inset;
  border-width: 3px;
/*color: #005EA7;*/
  color: #455a9e;
}
table#canvas_cm3 td.btn {
  text-align: center;
/*padding-bottom: 10px;*/
}
table#canvas_cm3 td.btn input {
  margin-left: 5px;
  margin-right: 5px;
}

body.echb #bt_next {
  visibility: hidden;
}

span.violet {
  color: #A4027B;
}

table.canvas.cc {
  border-collapse: separate;
}
table.cc td.cell.hvg {
  border: 1px solid transparent;
}
table.cc td.cell_error.hvg {
  border: 1px solid red;
}
table.cc td.cell.hvg.hvcell,
table.cc td.cell_error.hvg.hvcell {
  border: 1px solid #455a9e;
}

table.m2main .canvas td.cimg {
  text-align: center;
  vertical-align: bottom;
  width: 200px;
}
td.cimg:hover {
  opacity: 0.6;
}
td.cimg img {
  display: block;
  margin: 0px auto 5px auto;
}
td.cimg label {
  padding: 0px;
}

body.q44 td.qbody,
#qbody_q48 {
  padding-top: 15px;
}
body.q112 #main.padtop {
  padding-top: 10px;
}
body.q112 #qtext_c2 {
  padding-bottom: 15px;
}
body.q112 #qbody_c2,
body.q112 #qtext_MSG002 {
  padding-bottom: 15px;
}
body.q112 .droite {
  float: right;
}
body.q112 .droite img {
  margin-top: -30px;
  padding-right: 90px;
}

div.reg h1 {
  font-size: 14pt;
  font-weight: bold;
  padding: 5px;
}
div.reg p {
  margin-top: 1em;
  margin-bottom: 1em;
  text-align: justify;
}
div.reg ul {
  list-style: inherit;
  margin-left: 2em;
}

img#kdo:hover {
  opacity: 0.6;
}

#share {
  text-align: right;
  font-style: italic;
  font-size: 8pt;
  color: #A4027B;
}
#share img {
  width: 32px;
  height: 32px;
}

body.share b {
  color: #A4027B;
}
body.share table.canvas {
  margin: auto;
}
body.share table.canvas td {
  text-align: center;
  font-size: 10pt;
}
img.tooltipimg {
  padding-left: 0.5em;
  padding-right: 0.5em;
  vertical-align: middle;
}