form ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
}
form li{
	display:block;
	margin:0;
	padding:6px 5px 9px 9px;
	clear:both;
}

/* ----- LABELS ----- */

label.desc{
	font-weight:bold;
	color:#445044;
	line-height:150%;
	margin:0;
	padding:0 0 3px 0;
	border:none;
	display:block;
	float: left;
}

/* ----- FIELDS ----- */

input.text, input.search, input.file, textarea.textarea, select.select{
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
	font-size:100%;
	color:#333;
	margin:0;
	padding:2px 0;
}
input.text, input.search, textarea.textarea{
	border-top:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
	background: #EDEFE0;
	float: right;
	width: 200px;
}

/* ----- BUTTONS ----- */

form li.buttons{
	position:relative;
	clear:both;
	padding-top:10px;
	width:97% !important;
	padding-top: 17px;
	padding-bottom: 0px;
	
}
form li.buttons input{
	font-size:100%;
	margin-right: 5px;
	background-color: #EDEFE0;
	color: #445044;
	font: normal 100% times,sans-serif;
	font-weight: bold;
}
input.btTxt{
	padding:0 7px;
	width: 148px;
}

#retourForm
{
	font-size:100%;
 margin-left: 25px;
 background-color: #EDEFE0;
 color: #445044;
 font: normal 100% times,sans-serif;
 font-weight: bold;
 width: 270px;
}
/* ----- TEXT DIRECTION ----- */

.rtl .info h2, .rtl .info div, .rtl label.desc, .rtl label.choice, 
.rtl div label, .rtl span label, .rtl input.text, 
.rtl textarea.textarea, .rtl select.select, .rtl p.instruct, 
.rtl .section h3, .rtl .section div, .rtl input.btTxt{
	direction:rtl;
}
/* ----- RESULT ----- */
#result{
 width:90%;
 margin:15px auto 0 auto;
 margin-left: 0px;
 background:#EDEFE0 !important;
 border:1px solid #445044;
 margin-bottom:1em;
 padding:1em 0 1em 0;
 -webkit-border-radius:20px;
 -moz-border-radius:20px;
 font-size: 0.8em;
}

#result .resultMsgLbl 
{
	text-align: center;
	margin:0 0 5px 0;
 padding:0;
 font-size:150%;
 color:#2E3F0C !important;
}

#result .resultMsg
{
	text-align: center;
	margin:0 0 2px 0;
 color:#445044 !important;
 font-size:150%;
}

#result ul {margin-left: 110px; font-size: 130%;}

#result span {font-weight: bold;}

.msgMail
{
	width:90%;
 margin:15px auto 0 auto;
 margin-left: 0px;
 background:#EDEFE0 !important;
 border:1px solid #445044;
 margin-bottom:1em;
 padding:1em 0 1em 0;
 -webkit-border-radius:20px;
 -moz-border-radius:20px;
 text-align: center;
 font-weight: bold;
 color: #2E3F0C !important;
}
/* ----- ERRORS ----- */

#errorLi{
	width:99%;
	margin:15px auto 0 auto;
	background:#EDEFE0 !important;
	border:1px solid #445044;
	margin-bottom:1em;
	text-align:center;
	padding:1em 0 1em 0;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	font-size: 0.8em;
}
#errorMsgLbl{
	margin:0 0 5px 0;
	padding:0;
	font-size:125%;
	color:#2E3F0C !important;
}
#errorMsg{
	margin:0 0 2px 0;
	color:#445044 !important;
	font-size:100%;
}
#errorMsg strong{
	padding:2px 3px;
	background-color: #FFDFDF !important;
	color:red !important;
}
form li.error{
	display:block !important;
	background-color: #A2B283 !important;
	margin-bottom:3px !important;
}
form li.error label, form li.error span.symbol{
	color:#000 !important;
}
form li.error label.desc{
	color:#2E3F0C !important;
}
form p.error{
	display:none;
	margin:0 !important;
	padding:7px 0 0 0 !important;
	line-height:10px !important;
	font-weight:bold;
	font-size:10px;
	color:#2E3F0C !important;
	clear:both;
}
form li.error p.error{
	display:block;
}
form li.complex p.error{
	padding:0 0 9px 0 !important;
}
.leftLabel p.error, .rightLabel p.error{
	margin-left:30%;
	padding-left:15px;
}
.noI .leftLabel p.error, .noI .rightLabel p.error{
	margin-left:35%;
	padding-left:15px;
}

/* ----- REQUIRED ----- */

form span.req{
	display:inline;
	float:none;
	color:red !important;
	font-weight:bold;
	margin:0;
	padding:0;
}

/* ----- INSTRUCTIONS ----- */

form li.focused{
	background-color:#fff7c0;
	-webkit-box-shadow:rgba(0,0,0,.15) 1px 1px 2px;
	-moz-box-shadow:rgba(0,0,0,.15) 1px 1px 2px;
}
form li.focused, form li:hover{
	position:relative; /* Makes Instructs z-index stay on top in IE. */
}
form .instruct{
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
	width:42%;
	margin:0 0 0 8px;
	padding:8px 10px 10px 10px;
	border:1px solid #e6e6e6;
	background:#f5f5f5;
	visibility:hidden;
	font-size:105%;
}
form .instruct small{
	line-height:120%;
	font-size:80%;
	color:#444;
}
form li.focused .instruct, form li:hover .instruct{
	left:100%; /* Prevent scrollbars for IE Instruct fix */
	visibility:visible;
}

/* ----- ADVANCED CLASSNAMES ----- */

.hideSeconds .seconds, .hideAMPM .ampm{
	display:none;
}

/* ----- ALT INSTRUCTIONS ----- */

.altInstruct .instruct, li.leftHalf .instruct, li.rightHalf .instruct{
	visibility:visible;
	position:static;
	margin:0;
	padding:6px 0 0 0;
	width:100%;
	clear:left;
	background:none;
	border:none;
}
li.altInstruct p.complex , li.leftHalf p.complex, li.rightHalf p.complex{
	padding:0 0 9px 0;
}

/* ----- LABEL LAYOUT ----- */

.leftLabel li, .rightLabel li{
	width:74% !important;
	padding-top:9px;
}
.leftLabel label.desc, .rightLabel label.desc{
	float:left;
	width:29%;
	margin:0px 15px 0 0;
}
.rightLabel label.desc{
	text-align:right;
}
.leftLabel li div.col, .rightLabel li div.col,
.leftLabel li.complex div, .rightLabel li.complex div{
	float:left;
}


.leftLabel .small, .rightLabel .small{
	width:17%;
	min-width:17%;
}
.leftLabel .medium, .rightLabel .medium{
	width:35%;
	min-width:35%;
}
.leftLabel .large, .leftLabel textarea.textarea,
.rightLabel .large, .rightLabel textarea.textarea,
.leftLabel li div.col, .rightLabel li div.col,
.leftLabel li.complex div, .rightLabel li.complex div{
	width:64%;
	min-width:64%;
}


* html .leftLabel .small, * html .rightLabel .small{
	width:23%;
}
* html .leftLabel .medium, * html .rightLabel .medium{
	width:55%;
}
* html .leftLabel .large, * html .leftLabel textarea.textarea,
* html .rightLabel .large, * html .rightLabel textarea.textarea{
	width:97%;
}

*+html .leftLabel .small, *+html .rightLabel .small{
	width:23%;
	min-width:23%;
}
*+html .leftLabel .medium, *+html .rightLabel .medium{
	width:55%;
	min-width:55%;
}
*+html .leftLabel .large, *+html .leftLabel textarea.textarea,
*+html .rightLabel .large, *+html .rightLabel textarea.textarea{
	width:97% !important;
	min-width:97%;
}


.leftLabel p.instruct, .rightLabel p.instruct{
	width:27%;
	margin-left:5px;
}
.leftLabel .altInstruct .instruct, .rightLabel .altInstruct .instruct{
	margin-left:29% !important;
	padding-left:15px;
	width:65%;
}


.leftLabel .buttons, .rightLabel .buttons{
	margin-left:15px;
}
* html .leftLabel .buttons, * html .rightLabel .buttons{
	margin-left:11px;
}
.leftLabel .buttons .submit, .rightLabel .buttons .submit{
	margin-left:22%;
}

/* ----- NO INSTRUCTIONS ----- */

.noI form li, .altInstruct form li{
	width:97% !important;
}
.noI form li.section, .altInstruct form li.section{
	padding-left:9px !important;
}

/* ----- NO INSTRUCTIONS LABEL LAYOUT ----- */

.noI .leftLabel label.desc, .noI .rightLabel label.desc{
	width:34%;
}
.noI .leftLabel .buttons input, .noI .rightLabel .buttons input{
	margin-left:34%;
}
* html .noI .leftLabel .buttons input, * html .noI .rightLabel .buttons input{
	margin-left:30%;
}

/* ----- LEFT HALF / RIGHT HALF ----- */

form li.leftHalf, form li.rightHalf{
	width:46% !important;
}
li.leftHalf{
	clear:left !important;
	float:left;
}
li.rightHalf{
	clear:none !important;
	float:right;
}
form li.likert{
	width:97% !important;
	clear:both !important;
	float:none;
}
li.leftHalf .medium, li.rightHalf .medium,
li.leftHalf .small, li.rightHalf .small{
	width:100%;
}

/* ----- CAPTCHA ----- */

form li.captcha {
	clear:both;
	border-top:1px dotted #ccc;
	margin-top:5px;
	padding-top:.9em;
	padding-bottom:9px;
	padding-left:9px;
	width:97% !important;
	position:static;
}
form li.captcha label.desc{
	text-align:left;
	margin-bottom:4px;
	float:none;
	width:auto !important;
}
#recaptcha_widget_div table{
	background:#fff;
}
form li.captcha .noscript iframe{
	border:none;
	overflow:hidden;
	margin:0;
	padding:0;
}
form li.captcha .noscript label.desc{
	display:block !important;
}
form li.captcha .noscript textarea{
	margin-left:12px;
}

/* ----- PAGINATION ----- */

form li.paging-context{
	clear:both;
	border-bottom:1px dotted #ccc;
	margin-top:5px;
	margin-bottom:7px;
	padding:5px 0 10px 0;
	width:100% !important;
	position:static;
}
.paging-context table{
	width:100%;
}

.pg1 td{
	text-align:left;
	padding:6px 0;
}
.pg1 a{
	padding-left:9px;
	display:block;
	position:relative;
}
.pg1 var{
	background:none;
	border:1px solid #CCC;
	color:#000;
	display:block;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	margin:-10px 0 0 0;
	-webkit-box-shadow:rgba(0,0,0,.15) 0px 1px 2px;
	-moz-box-shadow:rgba(0,0,0,.15) 0px 1px 2px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	font-size:85%;
	font-style:normal;
	position:absolute;
	top:50%;
}
.pg1 .done var{
	background:#e6e6e6;

}
.pg1 .selected var{
	background:#FFF7C0;
	color:#000;
	border:1px solid #e6dead;
	font-weight:bold;
}
.pg1 b{
	display:block;
	padding:0 0 0 28px;
	font-size:85%;
	font-weight:normal;
	color:#000;
}
.pg1 .selected b{
	font-weight:bold;
}
.nopagelabel b{
	display:none;
}

.pg1.circle6 td, .pg1.circle7 td, .pg1.circle8 td, .pg1.circle9 td, .pg1.circle10 td{
	vertical-align:top;
	text-align:center;
}
.pg1.circle6 a, .pg1.circle7 a, .pg1.circle8 a, .pg1.circle9 a, .pg1.circle10 a{
	padding:0;
}
.pg1.circle6 var, .pg1.circle7 var, .pg1.circle8 var, .pg1.circle9 var, .pg1.circle10 var{
	width:24px;
	height:24px;
	line-height:24px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	font-size:90%;
	position:static;
	margin:0 auto 7px auto;
}
.pg1.circle6 b, .pg1.circle7 b, .pg1.circle8 b, .pg1.circle9 b, .pg1.circle10 b{
	padding:0;
}

.circle2 td{width:50%;}
.circle3 td{width:33%;}
.circle4 td{width:25%;}
.circle5 td{width:20%;}
.circle6 td{width:16.6%;}
.circle7 td{width:14.2%;}
.circle8 td{width:12.5%;}
.circle9 td{width:11%;}
.circle10 td{width:10%;}

.pg2 td{
	vertical-align:middle;
	height:25px;
	border:1px solid #e6dead;
	position:relative;
	-webkit-border-radius:14px;
	-moz-border-radius:14px;
	-webkit-box-shadow:rgba(0,0,0,.10) 1px 1px 1px;
	-moz-box-shadow:rgba(0,0,0,.10) 1px 1px 1px;
	padding:2px;
}
.pg2 var{
	display:block;
	height:26px;
	float:left;
	background:#FFF7C0;
	color:#000;
	font-style:normal;
	text-align:right;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	-webkit-box-shadow:rgba(0,0,0,.15) 1px 0px 0px;
	-moz-box-shadow:rgba(0,0,0,.15) 1px 0px 0px;
}
.pg2 var b{
	display:block;
	float:right;
	font-size:100%;
	padding:3px 10px 3px 3px;
	line-height:18px;
}
.pg2 em{
	font-size:85%;
	font-style:normal;
	display:inline-block;
	margin:0 0 0 9px;
	padding:4px 0;
	line-height:18px;
}
.pg2 var em{
	padding:4px 5px 3px 0;
}
.page1 .pg2 var{
	padding-left:7px;
	text-align:left;
	background:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
}
.page1 .pg2 b{
	padding-right:0px;
}
.hideMarkers .marker{
	display:none;
}
