body {
  margin: 0px;
  font-family: verdana,arial,helvetica,sans-serif;
  font-size: 8pt;
  background-color: #ffffff;
/*  background-image: url(bg1.gif);*/
  background-repeat: repeat-x repeat-y;
text-align:left;
}

/********************* ajout EG *******************/


#cadre { /* taille du cadre */
text-align:left;
border-width: 1px;
border-style: dashed;
border-color: red;
margin: 50px;
padding-top: 50px;
padding-left: 100px;
padding-right: 80px;
}

/* cons1 = taille petit ;  cons2 = rouge ; cons3 = orange ; cons4 = bleu taille normal ; mblank = pas de puce*/

.cons1 {
  vertical-align: top;
  padding-top: 10px;
  font-size: 8pt;
  color: #005EFF;
}

.cons2 {
  vertical-align: top;
  padding-top: 10px;
  color: #D70007;
}

.cons3 {
  vertical-align: top;
  padding-top: 10px;
  font-size: 8pt;
  color: #ee9a4d;
}

.cons4 {
  vertical-align: top;
  padding-top: 10px;
  color: #005EFF;
}

.mblank {
  vertical-align: top;
  width: 31px;
  background-repeat: no-repeat;
  background-position: 20px 13px;
}

.titrecol {
  font-size: 8pt;
  text-align: center;
}



.bloc1 {
background-color: #ffffff;
float: left;
}

.bloc2 {
background-color: #ffffff;
float: right;
}


.sc {
float: left;
font-size: 8pt;
font-weight:normal;
width : 700px ; height : 350px ;
left : 100px ; top : 100px ;
overflow : scroll ;
padding-bottom: 1px;
margin-bottom: 1px;
background-color : white;
border: 1px solid #A9A9A9;
}

 

/******************** Fin ajout EG ******************/
td {
  font-family: verdana,arial,helvetica,sans-serif;
  font-size: 10pt;
}
input,
select {
  vertical-align: bottom;
}

/* Pour changer la couleur si on se déplace */
/* row pour l'item */
tr.hvrow { background-color:#ddddff;  } 
/* cell pour les cases à cocher */
td.hvcell { background-color:#ddddff; }

/* Pour changer la couleur si une case est cochée */
td.checked {  }

td.cell {
  padding-left: 3px;
  padding-right: 3px;
  padding-bottom: 3px;
  text-align: center;
}
td.colheading {
  font-size: 8pt;
  text-align: center;
  padding-left: 3px;
  padding-right: 3px;
  width: 80px;
}
td.qtext {
  vertical-align: top;
  padding-top: 10px;
  font-weight: bold;
}
td.mtext {
  vertical-align: top;
  width: 31px;
  background-image: url(bul1.gif);
  background-repeat: no-repeat;
  background-position: 20px 13px;
}
td.msgb {
  vertical-align: top;
  padding-top: 10px;
  font-weight: bold;
  color: #0000FF;
}
td.msgprom {
  vertical-align: top;
  padding-top: 10px;
  font-weight: bold;
  font-size: 12pt;
  color: #0000FF;
}
td.msgprom2 {
  vertical-align: top;
  padding-top: 10px;
  font-weight: bold;
  font-size: 10pt;
  color: #0000FF;
}
td.msgn {
  vertical-align: top;
  padding-top: 10px;
  font-weight: bold;
}
td.qbody {
  padding-top: 0.5em;
  padding-bottom: 1.5em;
}
.h2 {
  font-family: verdana,arial,helvetica,sans-serif;
  font-size: 12pt;
  font-weight: bold;
  color: #330099;
}
.h3 {
  font-family: verdana,arial,helvetica,sans-serif;
  font-size: 11pt;
  font-weight: normal;
  font-style: italic;
  color: #330099;
}
div.txt1 {
  margin-top: 1em;
  font-weight: normal;
}
.section {
  color: #336633;
  font-family: verdana,arial,helvetica,sans-serif;
  font-size: 11pt;
  padding-top: 1em;
  padding-bottom: 1em;
  font-style: italic;
}

/*
div.copyright a,
div.copyright a:visited {
  text-decoration: none;
  color: #ff0099;
}
div.copyright a:hover,
div.copyright a:active {
  text-decoration: underline;
  color: #FF2A07;
}
*/

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

a {
  text-decoration: underline;
  color: #ee9a4d;
}
a:visited {
  text-decoration: underline;
  color: #ee9a4d;
}
a:hover {
  text-decoration: underline;
  color: #cc0000;
}

.note {
  font-weight: bold;
  font-size: 7pt;
  color: #0066cc;
}

.note1 {
  font-weight: normal;
  font-style: italic;
/*padding-left: 10px;*/
}

.note2 {
  font-weight: normal;
  font-style: italic;
  padding-left: 40px;
}

.range {
  color: green;
  font-size:12pt;
  font-weight: bold;
  border: 1px solid #A9A9A9;
}

.message {
  font-weight: bold;
  padding-bottom: 15px;
  padding-top: 15px;  
  font-size: 12pt;
  color: #330099;
}

.message2 {
  font-weight: bold;
  padding-bottom: 15px;
  padding-top: 15px;  
  font-size: 10pt;
  color: #330099;
}

div.perror {
  margin-top: 10px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ff0f0f;
  color: #ff0f0f;
  font-size: 11pt;
  font-style: italic;
  padding-bottom: 5px;
}
td.qerror {
  color: #ff0f0f;
  font-weight: bold; 
  font-style: italic;
  font-size: 8pt;
  text-decoration: blink;
}
td.cell_error,
td.input_error {
  border: 1px red solid;
  background: #ffaaaa;
  padding-left: 3px;
  padding-right: 3px;
  text-align: center
}
#qbody_c8,
.center {
  text-align: center;
}
.rose1 {
  color: #cc0066;
  font-weight: bold;
}
td.msg1 {
  text-align: center;
  font-weight: bold;
  font-style: normal;
  padding-bottom: 1.5em;
  padding-left: 10.0em;
  text-decoration: underline;
}
table.canvas {
  border-collapse: collapse;
  border: none;
}
td.msg2 {
  padding-bottom: 1.5em;
}
.msg3 {
  color: black;
  font-style: italic;
  font-weight: normal;
}
.msg4 {
  color: black;
  font-weight: normal;
  padding-bottom: 1.5em;
}
span.b1 {
  text-decoration: underline;
  color: #616161;
  font-weight: bold;
}

span.champ {
  text-decoration: underline;
  color: #0000CC;
}

span.indic {
  color: #0000FF;
  font-size: 9pt;
  font-weight: normal;
}

span.indic2 {
  color: #000000;
  font-size: 9pt;
  font-weight: normal;
}

span.reprise {
  color: #0000FF;
}

span.cottage {
  color: #0000CC;
}

td.part {
  font-style: italic;
  font-weight: bold;
  font-size: 12pt;
  color: #cc0066;
  padding-bottom: 1.5em;
}
table#canvas_q9a td.colheading,
table#canvas_q9b td.colheading {
  font-size: 8pt;
  text-align: center;
  padding-left: 3px;
  padding-right: 3px;
  width: 100px;
}

input.disabled {
  color: black;
  background-color: #eeeeee;
  border-color: #eeeeee;
} 

.red {
  color:red;
  font-weight: normal;
  font-style: italic;
}

.blue {
  color:#00008B;
  font-weight: normal;
  font-style: italic;
}

.green {
  color:#006400;
  font-weight: normal;
  font-style: italic;
}

/************************ POUR SLIDER */

@media print {
	body { display:none; }
}

table#canvas_ci img {
  border: 2px solid #ffffff;
}
table#canvas_ci td {
  vertical-align: center;
  text-align: center;
}
table#canvas_c1 td {
  vertical-align: center;
  text-align: center;
}
.prop1 {
  margin-top: 10px;
  font-size: 110%;
  color: #5d5f5c;
}

td.msg1 div {
  color: #5d5f5c;
  font-size: 11pt;
  margin-top: 10px;
  padding-bottom: 1.5em;
}

.ub {
	text-decoration:underline;
	font-weight:bold;
}

div.rating {
	height:10px;
	width:200px;
}

.bad { color:red; }
.good { color:green; }

.reditm {
	color:red;
	font-size:13pt;
}

.odd { background-color:#BBDAF9; }

div.slider {
        width:200px;
        height:10px;
        margin-left:8px;
        margin-right:8px;
}

a.ui-slider-handle { visibility:hidden; }
div.pipe {
        position:absolute;
        left:50%;
        width:2px;
        height:100%;
}

/****************  FIN SLIDER **********************/