body {
	font-family:Verdana, "Times New Roman", Times, serif;
	font-size:10px;
	background:#EFEFEF;
}
#questionDescription {
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:11px;
	color:666666;
}
#questionDescription a {
	color:#009DE2;
	text-decoration:none;
}
#questionDescription a:hover {
	color:#009DE2;
	text-decoration:underline;
}
#main {
	width: 950px;   
	
	margin-left: -475px;      
	left: 50%;
	margin-bottom: 0px;
	padding: 0px;
	position: absolute;
	border: 0px solid #FF0000;
	background:#FFFFFF;
}

#header {
	background:#FFFFFF url("./images/header1.jpg") repeat-y top left;
	
	height:154px;
	margin-bottom:20px;
}
#langageBox {
	float:right;
	margin-top:10px;
	margin-right:10px;

}
.comboBox {
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:10px;
}
#headerTitle {
	font-family:Arial, "Times New Roman", Times, serif;
	position: relative;
  	top: 70px;
  	left:300px;
	width:400px;
	text-align: center;
  	font-size:25px;
  	color:#60a077;
	border:0px solid #60a077;
  	
  	
}
h2 {
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:12px;
	color:#000000;
	padding-top:10px;
}
#disclaimer {
	clear:both;
	margin-top: 70px;
	color:#7D7D7D;
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:11px;
}
#introBox {
	color:#7D7D7D;
	font-size:11px;
	padding:0px 60px 40px 60px;
	text-align: justify;
}
#resultBox {
	float:left;
	width:80%;
	border: 0px solid #CCCCCC;
	margin:30px;
	padding:10px;
}
#leftBox {
	float:left;
	width:450px;
	height:400px;
	border: 0px solid #ff0000;
	padding:20px;
}
#rightBox {
	float:right;
	width:440px;
	
	border: 0px solid #ff0000;
	padding:0px 0px 30px 0px;
	background:#D6D1CD;
	border-radius:10px 0px 0px 10px;
	-moz-border-radius:10px 0px 0px 10px;
	-webkit-border-radius:10px 0px 0px 10px;
	-opera-border-radius:10px 0px 0px 10px;
	-khtml-border-radius:10px 0px 0px 10px;
}
#rightBoxTitle {
	font-size:20px;
	color:#FFFFFF;
	margin:20px 0px 30px 0px;
	text-align:center;
}
#rightBoxComment {
	font-size:11px;
	font-style:italic;
	padding:30px 20px 0px 20px;
	text-align:center;
	color:#009DE2;
	
}

#rightBoxNumber {
	float:left;
	font-size:11px;
	color:#444444;
	width:25px;
	text-align:right;
	border: 0px solid #ff0000;
	margin:0px 0px 0px 10px;
}

#rightBoxQuestion {
	float:left;
	font-size:11px;
	color:#444444;
	width:270px;
	border: 0px solid #ff0000;
	margin:0px 0px 0px 0px;
}
#rightBoxQuestion a {
	color:#444444;
	text-decoration:none;

}
#rightBoxQuestion a:hover {
	color:#009DE2;
	text-decoration:underline;

}
#rightBoxReponse {
	float:left;
	font-size:11px;
	color:#009DE2;
	width:100px;
	border: 0px solid #ff0000;
	margin:0px 0px 0px 0px;
	padding-left:3px;
}

#rightBoxScore {
	float:left;
	font-size:11px;
	color:#ff0000;
	width:20px;
	border: 0px solid #ff0000;
	margin:0px 0px 0px 0px;
}

#questionBox {
	
	font-size:12px;
	color:#7D7D7D;
	border: 1px solid #FF0000;
	margin-left:20px;
	margin-bottom:20px;g
}
#nomProduit {
	
	font-size:22px;
	color:#009DE2;
	background:#FFFFFF url("./images/flecheVerte.jpg") no-repeat left 7px;
	border: 0px solid #FF0000;
	height:30px;
	padding-left:20px;
	margin-left:20px;
	
}
#questionLabel {
	
	font-size:14px;
	color:#444444;
	margin:30px 0px 0px 20px;
	
	border:0px solid #000000;
}
#questionForm {
	height:70px;
	font-size:14px;
	color:#009DE2;
	margin:30px 0px 0px 40px;
	
	border:0px solid #ff0000;
}
.classYes {
	float:left;
	margin:0px 0px 0px 20px;
	border:0px solid #000000;
}
#classCheckedYes {
	float:left;
	height:15px;
	margin:1px 0px 0px 10px;
	border:0px solid #000000;
	padding:0px;
}
.classNo {
	float:left;
	margin:0px 0px 0px 40px;
	border:0px solid #000000;
}
#classCheckedNo {
	float:left;
	height:15px;
	margin:1px 0px 0px 10px;
	border:0px solid #000000;
	padding:0px;
}

#btNext {
	text-align:right;
	margin-top:10px;
	padding:10px 0px 0px 0px;
	border-top:1px solid #CCCCCC;
}
.formProduct {
	
	font-size:12px;
	color:#7D7D7D;
	border: 0px solid #FF0000;
	height:30px;
	margin-left:0px;
	margin-bottom:20px;
}
.formProductLabel {
	float:left;
	margin:6px 0px 0px 0px;
	
	border:0px solid #000000;
}
.formProductFleche {
	float:left;
	margin:8px 10px 0px 10px;
	border:0px solid #000000;
}
.formProductZone {
	float:left;
	width:265px;
	height:30px;
	background:#FFFFFF url("./images/cadreZone.jpg") no-repeat left 0px;
	border:0px solid #000000;
}
.formBtStart {
	float:left;
	
	height:30px;
	border:0px solid #000000;
}
.formProductInput {
	margin:3px 0px 0px 8px;
	border:0px;
	color:#009DE2;
	font-size:14px;
	padding-top:3px;
}

#formGrid {
	background:#D6D1CD;
	padding:10px 10px 10px 10px;
	margin:0px 10px 20px 10px;
	height:290px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-opera-border-radius:5px;
	-khtml-border-radius:5px;
}

#formGrid table {
	border:1px solid #FFFFFF;
	
}

.line1 {
	font-family:Arial, "Times New Roman", Times, serif;
	width:100px;
	vertical-align:middle;
	font-size:10px;
	padding:3px;
	border-right:1px solid #B8D487;
	color:#FFFFFF;
	background:#FFFFFF url("./images/fondTableTitre.jpg") repeat-x left 0px;
}
.col1 {
	font-family:Arial, "Times New Roman", Times, serif;
	width:150px;
	font-size:11px;
	background:#BAD183;
	border-right:1px solid #AAAAAA;
	border-bottom:1px solid #AAAAAA;
	padding:3px;
	
}
.inputCell {
	
	font-size:12px;
	
	
	margin:3px;
	width:100px;
	
	border-right:1px solid #AAAAAA;
	border-bottom:1px solid #AAAAAA;
	border-top:0px solid #AAAAAA;
	border-left:0px solid #AAAAAA;

	
	
}
.resultCell {
	font-family:Arial, "Times New Roman", Times, serif;
	background:#FFFFFF;
	font-size:11px;
	text-align:right;
	
	padding:3px;
	width:100px;
	
	border-right:1px solid #AAAAAA;
	border-bottom:1px solid #AAAAAA;
	border-top:0px solid #AAAAAA;
	border-left:0px solid #AAAAAA;
}
.inactiveCell {
	background:#D6D1CD;
}
.inputfield {
	background:transparent;
	font-size:12px;
	
	border:1px solid #AAAAAA;
	padding:3px;
	width:150px;

	
	
}
.resultfield {
	background:transparent;
	font-size:10px;
	text-align:right;
	border:0px;
	
	padding:3px;
	width:100px;
}

#formTotal {
	background:#D6D1CD;
	padding:10px 10px 10px 10px;
	margin:0px 10px 50px 10px;
	
}

#formTotal table {
	border:1px solid #FFFFFF;
	
}
.totalField {
	width:100px;
	font-size:11px;
	font-weight:bold;
	text-align:right;
	padding:3px;
	border:0px solid #000000;
}

.totalFieldCol1 {
	width:150px;
	font-size:10px;
	
	border-right:1px solid transparent;
	
	padding:3px;
	
}



#idFleche {
	text-align:center;
	margin-top:15px;	
}

#idResultat {
	text-align:center;
	margin-top:15px;
	margin:0px;

	
	
}

.resultatFinal {
	font-size:12px;
	color:#009DE2;

	padding:8px 0px 10px 0px;
	
	border:0px solid #FF0000;
	background:#FFFFFF url("./images/cadreZone.jpg") no-repeat 350px 0px;
}
.buttonNext {
	float:right;
	height:30px;
	border:0px solid #000000;
}

.buttonPrint {
	float:left;
	height:30px;
	border:0px solid #000000;
}
.buttonRestart {
	float:right;
	height:30px;
	border:0px solid #000000;
}

.buttonLeft {
	float:left;
}

.buttonCenter {
	float:left;
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:bold;
	text-align:right;
	color:#ffffff;
	background:#FFFFFF url("./images/buttonCenter.png") repeat-x;
	padding:3px 15px 6px 15px;
}
.buttonCenter a {
	
	font-weight:bold;
	text-align:right;
	color:#ffffff;
	text-decoration: none;
	
}
.buttonRight {
	float:left;
	
}