html {height: 100%; margin-bottom: 1px;}
form {margin: 0; padding: 0;}
body {margin: 0; color: #333;}
body * {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.3em;*/
	/* Fix font scaling issues in Safari and other mobile browsers */
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
/*a:link, a:visited {color: #000000; text-decoration: none; font-weight: normal;}
a:hover {color: #ffffff; text-decoration: underline; font-weight: normal;}*/
input.button {cursor: pointer;}
p {margin-top: 0; margin-bottom: 5px;}
img {border: 0 none;}
hr {width: 90%; height: 1px; color: #ccc; background-color: #ccc; border: 0;}
br {line-height: 0.1em;}
h1 {font-size: 24px !important; margin-top: 0;}

@media (min-width: 768px) {
	#page_bg {
		padding: 10px 0;
		/*margin-bottom: 1px;}*/
	}
}

.container {
	max-width: 1024px;
	padding: 0 !important;
}

div#header,
div#header_l,
div#header_r,
div#footer,
div#footer_l,
div#footer_r {
	position: relative;
}

/*
div#header {}
div#header_l {}
div#header_r {
	height: 50px;
}

div#header_r .header-left {
	position: absolute;
	left: 0;
	top: 0;
	width: 80px;
	height: 50px;
	background: url(images/header-MIS-left-80x50.png);
	background-repeat: no-repeat;
	z-index: 2;
}

div#header_r .header-right {
	position: absolute;
	right: 0;
	top: 0;
	width: 300px;
	height: 75px;
	z-index: 1;
}

@media (min-width: 340px) {
	div#header_r {
		height: 75px;
	}
	
	div#header_r .header-left {
		width: 340px;
		height: 75px;
		background: url(images/header-MIS-left-340x75.png);
	}
}

@media (min-width: 640px) {
	div#header_r .header-right {
		background: url(images/header-MIS-right-300x75.jpg);
		background-repeat: no-repeat;
	}
}*/




#whitebox {margin: 20px; width: auto;}
#whitebox div {text-align: left;}
#whitebox_t {}
#whitebox_tl {}
#whitebox_tr {height: 1px; overflow: hidden;}
#whitebox_m {width: auto; min-height: 150px;}
#whitebox_b {margin-top: -10px;}
#whitebox_bl {}
#whitebox_br {height: 10px;}

/*div#footer {display: none;}*/
div#footer_l {}
div#footer_r {
	padding: 10px 20px;
	background-color: #f5f5f5;
	border-top: 1px solid #e0e0e0;
	/*text-align: center;
	overflow: hidden;*/
}
/*div#footer_r .box-info {font-size: .90em; color: #aaa;}
div#footer_r a:link, div#footer_r a:visited  {color: #999;}
div#footerspacer {height: 30px;}*/

/*div#progressBar {
	height: 10px;
	width: 100%;
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	background: #888888;
}
div#progressBar .mrProgressText {display: block; position: absolute; width: 100%; text-align: center; font-weight: bold; height: 10px; line-height: 8px; color: #ffffff;}
div#progressBar table {border-spacing: 0px; border-collapse: collapse;}*/
div#tabarea {display: none;}

.navBar {
	width: 100%;
	margin-top: 20px;
}
.progress {
	height: 12px;
	border-radius: 2px;
}

#qName {display: none;}

#mrContent .mrContentLayout {
	display: table;
	width: 100%;
	/**
	 * emulate "display: table" in Internet Explorer 6 and 7
	 * @see http://tanalin.com/en/projects/display-table-htc/
	 */
	behavior: url(lib/display-table.min.htc);
}
#mrContent .mrContentLayout .conditionalMrContentContainer {
	display: table-cell;
	width: 100%;
	vertical-align: top;
	-dt-display: table-cell;
}

#noscript p {
	margin: 20px;
}

#noscript a, #noscript a:link, #noscript a:visited, #noscript a:hover {
	color: blue;
	text-decoration: none;
}

#page_bg {background: #e8e8e8;}
div#wrapper {background: #ffffff; border: 3px solid #cccccc;}


div.button span {
	/* Override box-sizing:border-box set by Bootstrap which screws up Uniform buttons */
	box-sizing: content-box !important;
}


.conditionalMrContentContainer > .conditionalMrContent,
.conditionalMrContentContainer > .defaultMrContent {
	position: relative;
	min-height: 160px;
}

.mrQuestionText,
.mrBannerText,
.mrErrorText,
.mrSingleText,
.mrMultipleText,
.mrGridQuestionText,
.mrGridCategoryText {
	/*
	 * Fix font scaling issues in Android Chrome
	 * @see http://davemacaulay.com/webkit-text-size-adjust-doesnt-work-on-android-chrome/
	 */
	max-height: 5000px;
}

.conditionalMrContent > br,
.defaultMrContent > br {
	display: none;
}

.mrQuestionText br,
.mrBannerText br {
	line-height: 1em !important;
}

.conditionalMrContent > .mrQuestionText,
.defaultMrContent > .mrQuestionText,
.defaultMrContent > label > .mrQuestionText,
.conditionalMrContent > label > .mrQuestionText,
#mrForm > .mrBannerText {
	display: block;
	padding: 10px;
	font-weight: bold;
	background-color: #f6f6f6;
	border: 1px solid #cccccc;
	border-radius: 4px;
}
.conditionalMrContent > label,
.defaultMrContent > label {
	display: block;
}

.conditionalMrContent > .mrBannerText,
.defaultMrContent > .mrBannerText,
.information .mrQuestionText {
	display: block;
	margin-top: 20px;
	font-style: italic;
}


.mrQuestionText .information,
.mrQuestionText .info,
.mrSingleText .information,
.mrSingleText .info {
	font-style: italic;
	color: #888;
}

.mrQuestionText .info,
.mrQuestionText .information {
	display: block;
	/*margin: 20px 0;*/
	padding-left: 30px;
	background-image: url("images/icon-info-19x19.png");
	min-height: 22px;
    /*background-position: 0 2px;*/
    background-repeat: no-repeat;
}

.mrQuestionText .para {
	margin: 20px 0;
	display: block;
}
.mrQuestionText .para:first-child {
	margin-top: 0 !important;
}
.mrQuestionText .para:last-child {
	margin-bottom: 0 !important;
}
.mrQuestionText .para + br,
.mrQuestionText .para + br + br,
.mrQuestionText .para + br + br + br,
.mrQuestionText .para + br + br + br + br,
.mrQuestionText .para + br + br + br + br + br,
.mrQuestionText .para + br + br + br + br + br + br {
	display: none;
}

.mrShowText {
	font-weight: bold;
}

label .mrMultipleText {
	font-weight: normal !important;
}


.mrErrorText {
	display: block;
	padding: 10px;
	font-weight: normal !important;
	/*color: #dd0000 !important;
	background-color: #ffdddd;
	border: 1px solid #ff9999 !important;
	background-image: url(images/icon-warning-25x25.png);*/
	color: #c04500 !important;
	background-color: #facd8a;
	border: 1px solid #f29500 !important;
	background-image: url(images/icon-warning2-25x25.png);
	padding-left: 50px;
    background-position: 8px 8px;
    background-repeat: no-repeat;
}

.conditionalMrContent > .mrErrorText,
.defaultMrContent > .mrErrorText {
	margin-top: 20px;
}

.mrControls {
	display: block;
	margin-top: 20px;
}

.mrDropdown, .mrEdit {
	margin-left: 0 !important;
}
.mrDropdown {
	width: auto;
	/*uniform select screwed up if wider than 500px... */
    max-width: 460px;
    text-overflow: ellipsis;
}


.mrControls .mrEdit {
	/*width: 500px;*/
	background-color: #ffffff !important;
}
@media (min-width: 400px) {
	span.mrQuestionTable .mrEdit {
		width: 300px; /*!important;*/
	}
}

.mrControls .mrEdit + .mr-empty-div {
	height: 10px;
}

span.mrQuestionTable input.mrSingle,
span.mrQuestionTable div.radio,
span.mrQuestionTable input.mrMultiple,
span.mrQuestionTable div.checkbox {
	vertical-align: text-top;
}

span.mrQuestionTable input.mrSingle + label,
span.mrQuestionTable div.radio + label,
span.mrQuestionTable input.mrMultiple + label,
span.mrQuestionTable div.checkbox + label {
	padding-left: 5px;
	vertical-align: text-top;
}

span.mrQuestionTable input.mrSingle + label + span,
span.mrQuestionTable div.radio + label + span,
span.mrQuestionTable input.mrMultiple + label + span,
span.mrQuestionTable div.checkbox + label + span {
	padding-left: 5px;
	vertical-align: text-top;
}

span.mrQuestionTable > span {
	display: table !important;
	margin-bottom: 10px;
}
span.mrQuestionTable input.mrSingle,
span.mrQuestionTable div.radio,
span.mrQuestionTable input.mrMultiple,
span.mrQuestionTable div.checkbox,
span.mrQuestionTable input.mrSingle + label,
span.mrQuestionTable div.radio + label,
span.mrQuestionTable input.mrMultiple + label,
span.mrQuestionTable div.checkbox + label,
span.mrQuestionTable input.mrSingle + label + span,
span.mrQuestionTable div.radio + label + span,
span.mrQuestionTable input.mrMultiple + label + span,
span.mrQuestionTable div.checkbox + label + span {
	display: table-cell;
}

body[role=document]  span.mrQuestionTable > span {
	display: inline-block;
	margin-bottom: 20px;
}
body[role=document] span.mrQuestionTable input.mrSingle,
body[role=document] span.mrQuestionTable div.radio,
body[role=document] span.mrQuestionTable input.mrMultiple,
body[role=document] span.mrQuestionTable div.checkbox,
body[role=document] span.mrQuestionTable input.mrSingle + label,
body[role=document] span.mrQuestionTable div.radio + label,
body[role=document] span.mrQuestionTable input.mrMultiple + label,
body[role=document] span.mrQuestionTable div.checkbox + label,
body[role=document] span.mrQuestionTable input.mrSingle + label + span,
body[role=document] span.mrQuestionTable div.radio + label + span,
body[role=document] span.mrQuestionTable input.mrMultiple + label + span,
body[role=document] span.mrQuestionTable div.checkbox + label + span {
	display: inline-block;
}

body[role=document] span.mrQuestionTable {
	margin-left: 30px !important;
}
body[role=document] span.mrQuestionTable .mrShowText {
	margin-left: -20px;
}

table.mrQuestionTable {
	border-collapse: collapse;
	display: table !important;
}
table.mrQuestionTable td {
	padding: 5px;
}
table.mrQuestionTable tbody tr td {
	vertical-align: text-top !important;
}
table.mrQuestionTable td.mrGridQuestionText {
    text-align: center;
    vertical-align: bottom !important;
}
table.mrQuestionTable td.mrGridCategoryText {
	min-width: 100px;
}
table.mrQuestionTable td.mrGridCell {
	text-align: center;
}

table.mrQuestionTable tbody tr:not(:first-child) {
	border-top: 1px solid #cccccc;
}
table.mrQuestionTable tbody tr:nth-child(even) {
   background-color: #eeeeee;
}

.mrQuestionTable label > .mrMultipleText {
    /* pour éviter les labels des champs exclusifs en gras! */
    font-weight: normal !important;
}

table.mrQuestionTable  td.mrGridQuestionText .mrQuestionText .lbl,
table.mrQuestionTable  td.mrGridQuestionText .mrQuestionText .scale,
table.mrQuestionTable  td.mrGridQuestionText .mrQuestionText .dash {
	display: block;
}
table.mrQuestionTable  td.mrGridQuestionText .mrQuestionText .scale {
	padding-top: 10px;
}
table.mrQuestionTable  td.mrGridQuestionText .mrQuestionText .emphasize {
	font-weight: bold;
}
table.mrQuestionTable  td.mrGridQuestionText .mrQuestionText .dash {
	font-size: 9px;
	height: 15px;
	line-height: 20px;
}



div.inline-block {
	display: inline-block;
	/* IE 7 hack */
	*display: inline;
	*zoom: 1;
}

.h1, .h2 {
	font-weight: bold;
}

.h1, .h2, .h3 {
	font-size: inherit !important;
}