/*** Start jQuery UI Theme Styles ***/

button.ui-button::-moz-focus-inner {
    border: 0; 
    padding: 0;   /* Get rid of extra padding in focused button in FF */
}

.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default {
    color: #666666;
}

.ui-button { 
	position: relative; 
	padding: 0.15em 0 0.15em 0; 
	cursor: pointer;
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	line-height: normal;
}
.navigator-table .submit-buttons{ text-align:center;}
button.ui-state-default,
input.ui-state-default {  
	color: #333333; 
	border: 1px solid #A0A0A0;
}

button.ui-state-hover,
input.ui-state-hover {  
	color: #212121; 
	border: 1px solid #999999;
}

button.ui-state-active,
input.ui-state-active {  
	color: #212121; 
	border: 1px solid #AAAAAA; 
}

.ui-button-icon-only { width: 2.2em;} 
button.ui-button-icon-only { width: 2.4em; }
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; }
.ui-button-text-only .ui-button-text { padding: 0 1em; }

.ui-button-icon-only .ui-button-text, 
.ui-button-icons-only .ui-button-text {
	text-indent: -9999999px; 
}

.ui-button-text-icon-primary .ui-button-text {
	padding: 0 0.7em 0 1.7em; 
	*padding: 0 20px; 
}

.ui-button-text-icon-secondary .ui-button-text {
	padding: 0 1.7em 0 0.7em; 
	*padding: 0 20px; 
}

.ui-button-text-icons .ui-button-text { padding: 0 1.7em; }

input.ui-button { padding: 0.15em 1em 0.15em 1em; }

.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px; 
}

.ui-button-icon-only .ui-icon {
	left: 50%; 
	margin-left: -8px; 
}

.ui-button-text-icon-primary .ui-button-icon-primary, 
.ui-button-text-icons .ui-button-icon-primary, 
.ui-button-icons-only .ui-button-icon-primary {
	left: .4em; 
	*left: 2px;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary, 
.ui-button-text-icons .ui-button-icon-secondary, 
.ui-button-icons-only .ui-button-icon-secondary {
	right: .4em; 
	*right: 2px;
}

.ui-button-text-icons .ui-button-icon-secondary, 
.ui-button-icons-only .ui-button-icon-secondary {
	right: .4em; 
	*right: 2px;
}

/* Button sets*/
.ui-buttonset {
	margin-right: 7px; 
}

.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em; 
}

/*** End jQuery UI Theme Styles ***/
body {
  width: 100%;
  min-height:100%;
  line-height: 17px;
  font-family: arial, verdana, sans-serif;
  font-size: 18px;
  margin: 20px 0 20px 0;
  padding: 0;
  color: #444;
  background-color:#FFF;
  position:relative;
}
body.hachured{
  background-color: rgb(215, 214, 214);
  background-image: url(http://www.ysthad.fr/wp-content/themes/Avada/images/patterns/pattern7.png);
  background-repeat: repeat; 
}

table.question {
  border: 1px;
  border-color: #aaa;
  width: 100%;
}

td {
  font-family: arial, verdana, sans-serif;
  font-size: 14px;
  line-height: 17px;
}

td.tenpoint {
  font-size: 12px;
  line-height: 15px;
}

.b3 { background-color: #603604; }
.b9 { background-color: #999; }
.ba { background-color: #aaa; }
.bf { background-color: #fff; }

.array1 { background-color: #eee; }

.warning { display:block; }
.error,.errormandatory,.warningjs {
  color: red;
}
.errormandatory,.warningjs {
  font-size: 13px;
  font-weight: 700;
}

.answertextright {
  text-align: left;
}

.questionhelp {
  font-size: 0.9em;
}

.survey-question-help {
  font-size: 0.9em;
  padding-left: 5px;
}

.survey-question-help img {
  margin: 0 4px 4px 0;
  padding-right: 5px;
}

.questiontext {
  font-family: verdana;
  font-size: 12px;
  font-weight: bold;
}

#progress-graph {
  line-height: 1.5em;
  width: 17em;
  font-size: 85%;
  margin-top: 0.2em;
  padding: 0.5em 0.5em 0.4em 1em;
  text-align: left;
}

.hide {
  font-weight: normal;
  position: absolute;
  top: -9999px;
  left: -9999px;
}

#progress-wrapper {
	font-weight: normal;
}

#progress-graph div.zero {
  width: 2.6em;
  margin-right: 0;
}

#progress-graph div.graph {
  width: 10em;
  height: 1.5em;
  border: 1px solid maroon;
  margin-top: -1.7em;
  margin-left: 2.6em;
  margin-right: 0;
}

#progress-graph div.cent {
  width: 3em;
  margin-top: -1.5em;
  margin-left: 13.3em;
  margin-right: 0;
}


.printouttable { width: 100%; }

.printouttable td {
  border-color: #fff #fff #ddf;
  border-style: solid;
  border-width: 1px;
}

.printouttable td:first-child {
  background-color: #ddf;
  font-weight: 700;
  text-align: right;
  padding-right: 5px;
  padding-left: 5px;
}

.printouttitle {
  padding-right: 5px;
  padding-left: 5px;
  font-size: 18px;
}

.surveytitle {
  font-size: 1.2em;
  height: 1.5em;
}

td.language-changer {
	text-align: center;
	padding: 0;
}

.languagechanger { font-size: 1em; }

table,img { border: 0; }

.bd,.be { background-color: #8fe0dd; }

.array2,.surveytitle:hover { background-color: #efe5ca; }

table.question tr.array1:hover,table.question tr.array2:hover { background-color: #A7A9D1; }

.survey-name {
	font-weight: bold;
	text-align: right;
	vertical-align: bottom;
}

.privacy-message {
	width: 75%;
	margin: 0 auto 5px auto;
	background-color: #EFE5CA;
}

.privacy-message td {
	text-align: center;
	font-size:x-small;
}

.navigator-table {
	width: 100%;
	margin: 0 auto;
	background-color: #EFE5CA;
	border: 0 none;
	border-collapse: collapse;
}

.navigator-table td {
	width: 33%;
	padding: 8px;
}

.clear-all {
    text-align: left;
    /* TEMP */
    display: none !important;
}

.save-all { text-align: center; }

.submit-buttons { text-align: right; }

.group-name {
	text-align: center;
	font-size: small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666666;
}

.group-description {
	font-size: small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.assessment-table {
	margin: 0 auto;
	width: 75%;
	border-collapse: collapse;
	border: 1px solid #111111;
	border-bottom: 0 none;
}

.assessment-heading {
	background-color: #8fe0dd;
	text-align: center;
	font-size:small;
	font-weight: bold;
}

.assessments td{ text-align: center; }
.completed-table {
	margin: 0 auto;
	width: 75%;
	border-collapse: collapse;
	border: 1px solid #111111;
}

.completed-table td { padding: 10px; }

td.clearall-result {
	text-align: center;
	background-color: #efe5ca;
	border: 1px solid #111111;
}

td.clearall-result .warning-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FF0000;
}

.warning-text {
	color:#FF0000;
	font-weight: bold;
}

.register-message-1 { font-weight: bold; }

.load-error { color:#FF0000; }

.load-heading {
	font-size: large;
	font-weight: bold;
}
.save-error{ color: #FF0000; }

.save-heading{
	font-size: large;
	font-weight: bold;
}

.survey-list-table {
	width: 75%;
	margin: 0 auto;
	border-collapse: collapse;
	background-color: #FFFFFF;
}

.survey-list-table td { text-align: center; }

.survey-list-table .site-name {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: large;
	color: #328639;
}

.survey-list-table .survey-list-heading { font-weight: bold; }

.survey-list-table .survey-list ul { padding: 0; }

.survey-list-table .survey-list li {
	list-style: none;
	padding-bottom: 5px;
}

.survey-list-table .language-changer { padding-bottom: 10px; }

.survey-list-table .language-changer a { color: #000000; }


.choice-5-pt-radio .answer ul,.list-radio-flexible .answer ul,.list-radio .answer ul,.list-with-comment .answer ul,.multiple-opt .answer ul,.multiple-opt-comments .answer ul,.multiple-short-txt .answer ul,.numeric-multi .answer ul,.yes-no .answer ul,.gender .answer ul
  {
  margin-left: 0;
  padding-left: 0;
}

.choice-5-pt-radio .answer li,.list-radio-flexible .answer li,.list-radio .answer li,.list-with-comment .answer li,.multiple-opt .answer li,.multiple-opt-comments .answer li,.multiple-short-txt .answer li,.numeric-multi .answer li,.yes-no .answer li,.gender .answer li
  {
  list-style-type: none;
  text-align: left;
  margin: 0 0 0.5em 0.5em;
}

.choice-5-pt-radio .answer li,.list-radio-flexible .answer li,.yes-no .answer li,.gender .answer li
  {
  margin-left: 2em;
  text-indent: -1.8em;
}

.choice-5-pt-radio .answer .answer ul,.yes-no .answer .answer ul,.gender .answer .answer ul {
  text-align: left;
}

.choice-5-pt-radio .answer ul li,.yes-no .answer ul li,.gender .answer ul li {
  display: inline;
  padding: 0 1em 0 0;
}

.date p.question {  margin-left: 1em;}

#ui-datepicker-div { z-index: 2 !important; }

p.question { margin-left: 1em;margin-right:0; }

.date p.tip,.numeric-multi p.tip,.numeric p.tip {
  margin-left: 1.5em;
  font-size: 80%;
  font-style: italic;
  line-height: 150%;
}

.numeric-multi p.tip.error,.numeric-multi input.tip.error {
  color: #f70;
  font-weight: bold;
}

.numeric-multi p.tip.good,.numeric-multi input.tip.good {
  color: #090;
  font-weight: bold;
}

.list-radio .answer li label,
.list-with-comment .answer li label {
  display: inline-block;
  *display:inline;
  width: 85%;
}
.list-radio .answer ul.colstyle-css li label, .list-radio .answer ul.colstyle-ul li label, .list-radio .answer table.colstyle-table li label, 
.list-with-comment .answer ul.colstyle-css li label, .list-with-comment .answer ul.colstyle-ul li label, .list-with-comment .answer table.colstyle-table li label {
    display: inline;
}
.list-radio .answer li.other-item label,
.list-with-comment .answer li.other-item label {
  width: auto;
}
.list-radio .answer li input.radio,
.list-with-comment .answer li input.radio {
  vertical-align: top !important;
  margin-top: 2px;
  margin-top: -2px\9; /* IE9 and below */
}

ul.cols-2,table.cols-2,ul.cols-3,table.cols-3,ul.cols-4,table.cols-4,ul.cols-5,table.cols-5,ul.cols-6,table.cols-6,ul.cols-7,table.cols-7,ul.cols-8,table.cols-8
  {
  width: 98%;
  margin: 0 auto 0 auto;
}

ul.cols-2 li,ul.cols-2-ul,ul.cols-3 li,ul.cols-3-ul,ul.cols-4 li,ul.cols-4-ul,ul.cols-5 li,ul.cols-5-ul,ul.cols-6 li,ul.cols-6-ul,ul.cols-7 li,ul.cols-7-ul,ul.cols-8 li,ul.cols-8-ul
  {
  float: left;
  padding: 0 0.5em;
  white-space: normal
}

ul.cols-2 li,ul.cols-2-ul,table.cols-2 td {  width: 48%;}
ul.cols-3 li,ul.cols-3-ul,table.cols-3 td {  width: 30.5%;}
ul.cols-4 li,ul.cols-4-ul,table.cols-4 td {  width: 23%;}
ul.cols-5 li,ul.cols-5-ul,table.cols-5 td {  width: 19%;}
ul.cols-6 li,ul.cols-6-ul,table.cols-6 td {  width: 15%;}
ul.cols-7 li,ul.cols-7-ul,table.cols-7 td { width: 13%; }
ul.cols-8 li,ul.cols-8-ul,table.cols-8 td { width: 11.5%; }

.list-dropdown-flexible p.question { margin-left: 1em; }

.list-with-comment div.list {
  width: 47%;
  float: left;
  padding: 0.5em;
}

.list-with-comment p.select {
  width: 47%;
  float: left;
  padding: 0.5em;
  margin: 0;
}
.list-with-comment p.select select{ max-width: 99%; }

.list-with-comment div.list p {
  margin: 0;
  text-align: left;
}

.list-with-comment p.comment {
  margin: 0;
  padding: 0.5em;
  text-align: left;
  float: left;
  width: 47%;
}

.list-with-comment p.comment textarea { width: 100%; }

.multiple-opt .answer li input.checkbox, .multiple-opt-comments .answer li .option input.checkbox {
  vertical-align: top !important;
  margin-top: 2px;
  margin-top: -2px\9; /* IE9 and below */
}
 .multiple-opt-comments .answer li .comment { vertical-align: top !important; }

.multiple-opt .answer li label, .multiple-opt-comments .answer li .option label {
  display: inline;
  /* *display:inline; 
  width: 90%; */
}
.multiple-opt .answer ul.colstyle-css li label, .multiple-opt .answer ul.colstyle-ul li label, .multiple-opt .answer table.colstyle-table li label,
.multiple-opt-comments .answer ul.colstyle-css li label, .multiple-opt-comments .answer ul.colstyle-ul li label, .multiple-opt-comments .answer table.colstyle-table li label {
    display: inline;
}
.multiple-opt .answer li.other-item label { width: auto; }

/* The following styles only apply to modern (relatively) complete CSS2 compliant browsers. (Not less than IE 8) */
.multiple-opt-comments td.answer ul,.multiple-short-txt td.answer ul,.numeric-multi td.answer ul
  {
  display: table;
  padding: 0;
  margin: 1em;
}

.numeric-multi td.answer ul { margin: 0 1em 1.5em 1em; }

.numeric-multi td.answer ul.computed {
  float: left;
  padding-right: 2em;
}

.numeric-multi td.answer ul.slider.computed { width: 16em; }

.multiple-opt-comments td.answer ul li,.multiple-short-txt td.answer ul li,.numeric-multi td.answer ul li
  {
  display: table-row;
}

.multiple-short-txt td.answer ul li label,.multiple-short-txt td.answer ul li label,.numeric-multi td.answer ul li label
  {
  padding: 0.3em 1em 0 0;
  display: table-cell;
  vertical-align: middle;
}

.numeric-multi td.answer ul.computed li label
.numeric-multi td.answer ul.slider.computed li label {
  padding-right: 0;
}

.multiple-opt-comments td.answer ul li span.comment,.multiple-short-txt td.answer ul li span,.numeric-multi td.answer ul li span
  {
  padding: 0.3em 0 0 1em;
  display: table-cell;
  vertical-align: baseline;
  font-size: 80%;
  white-space: nowrap;
}

.multiple-opt-comments td.answer ul li span { padding: 0.3em 1em 0 0; }

.numeric-multi td.answer div.multinum-slider {
  width: auto;
  float: left;
  margin-top: 1.5em;
  margin-bottom: 0.2em;
}

.numeric-multi td.answer li.multiplenumerichelp span {
	text-align: center;
	background: transparent none;
}

.numeric-multi td.answer li.multiplenumerichelp span span {
	display: inline;
	padding: 0;
	font-size: 125%;
}

.text-short input,.text-short textarea,.text-long textarea,.text-huge textarea{
  margin-left: 1em;
}

#limesurvey table.question thead th,#limesurvey table.question .repeat th{
  text-align: center;
  vertical-align: bottom;
  font-weight: normal;
}

#limesurvey table.question thead th,
#limesurvey table.question thead td,
#limesurvey table.question .dual_scale_separator {
  background-color: #fff;
}

#limesurvey table.question .answer tbody td { text-align: center; }

#limesurvey table.question tbody th.answertext,#limesurvey table.question tbody th.arraycaptionleft
  {
  text-align: right;
  font-weight: normal;
}

#limesurvey table.question tbody th.answertextright {
  text-align: left;
  font-weight: normal;
  border-top: none;
}

.array-flexible-column col.odd { background-color: #eee; }

#limesurvey .ranking table.question .answer tbody td.rank,#limesurvey .ranking table.question .answer tbody td.item
  {
  text-align: left;
}

table.rank td.helptext {
  font-size: 0.9em;
  padding: 5px 0 0 5px;
}

/************** Progress bar ********************/
#progress-wrapper .ui-widget-content {
  border: 1px solid #999999;
  background: transparent none;
}

#progress-wrapper .ui-widget-header {
  background-color: #EFE5CA;
  border: 1px solid #999999;
}

/************** Slider ********************/
.numeric-multi label.slider-label {
  display: table-cell;
  width: auto !important;
  padding: 0 1em 0.2em 0 !important;
  margin-top: 1.4em;
  vertical-align: middle;
}

.ui-slider-handle {
  position: absolute;
  height: 21px !important;
  width: 10px !important;
  top: -7px !important;
  left: 0px;
  margin-left: -0.4em !important;
  -moz-border-radius: 5px 5px 5px 5px;
}

.multinum-slider .ui-state-default {
	background: none #8FE0DD;
	border:1px solid #999999;
}

.multinum-slider .ui-widget-content {
	background: none;
	border:1px solid #999999;
}

.ui-slider-1 {
  width: 200px;
  height: 9px;
  margin-bottom: 20px;
}

.ui-slider-2 {
  width: 200px;
  height: 23px;
  position: relative;
  background-image: url(../../images/slider-bg-2.png);
  background-repeat: no-repeat;
  background-position: center center;
}

.slider_callout {
  height: 20px;
  width: 100px;
  overflow: hidden;
  position: absolute;
  top: -22px;
  margin-left: -3px;
  font-family: 'Arial';
  font-size: 9pt;
  color: #284a6e;
  font-weight: bold;
  text-align: left;
}

.slider_showmin {
  float: left;
  width: 50px;
  margin: 15px 0 0 -0.3em;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.7em;
  font-weight: normal;
  text-align: left;
}

.slider_showmax {
  float: right;
  width: 50px;
  margin: 15px -0.3em 0 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.7em;
  font-weight: normal;
  text-align: right;
}

.slider_lefttext {
  display: table-cell;
  padding-top: 1.5em;
  padding-right: 11px;
  padding-bottom: 3px;
  vertical-align: top;
  text-align: right;
  font-size: 0.9em;
}

.slider_righttext {
  display: table-cell;
  padding-top: 1.5em;
  padding-left: 8px;
  padding-bottom: 3px;
  vertical-align: top;
  font-size: 0.9em;
}

#tokenform { margin-top: 1em; }

#tokenform label {
  float: left;
  width: 20em;
  margin-right: 0.5em;
  text-align: right;
}

#tokenform li {
  padding-bottom: 5px;
  list-style: none;
}

#tokenform img {
  margin-bottom: -5px;
  margin-right: 5px;
}

p#tokenmessage { margin: 20px; }

p#tokenmessage {
  margin: 20px;
  text-align: center;
}

div#wrapper {
  width: 600px;
  margin: 0 auto;
}

#tokenform input.submit {
  margin-left: 18em;
  margin-top: 1em;
  margin-bottom: 1em;
}

#statsContainer {
  width: 80%;
  margin: 0 auto;
  background-color: #FFFFFF;
  padding: 0px;
  min-width: 690px;
}

#statsHeader {
  color: #000000;
  text-align: center;
  padding: 10px 0px;
  height: 96px;
  background-image: url('_Logo_Paroles-de-Clients_header.png');
  background-repeat: no-repeat;
  background-position: 35px 18px;
}

.statsSurveyTitle {
  font-size: 1.0em;
  font-weight: bold;
  padding: 35px 0px 0px 0px;
  float: right;
  width: 50%;
  text-align: left;
}

.statsNumRecords {
  font-size: .9em;
  clear: right;
  float: right;
  width: 50%;
  text-align: left;
}

table.statisticstable {
  width: 90%;
  border: 1px solid #ccc;
  text-align: left;
  background-color: #fff;
  margin: 0px auto;
  padding-bottom: 8px;
}

table.statisticstable td {
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 1px solid #CCC;
}

table.statisticstable img { margin: 10px auto; }

div.fieldSummary {
  font-size: .9em;
  padding: 10px 10px 6px 0px;
  display: block;
  text-align: left;
}

div.questionTitle {
  font-size: 1.0em;
  padding: 20px 20px 20px 20px;
  font-weight: normal;
  background-color: #8FE0DD;
}

td.statsImageholder { background-color: #EEEEEE; }
.array-flexible-column col.even { background-color: #EFE5CA; }

.asterisk {
  color:#229BA5;
  font-size: 9pt;
  font-family: arial, verdana, sans-serif;
  padding-right:1em;
  display:none !important;
} 
.asterisk:before {
  content: "*";
  padding: 0px 3px 6px 3px;
  margin-right: 0px;
  margin-left:25px;
  width: 12px;
  height: 12px;
  font-weight: bold;
  color: #5ec024;
  background-color: #FFF;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
  display: block;
  float: left;
  text-align: center;
  box-shadow: inset -25px 25px -40px rgba(0,0,0,.5);
  font-size: 24px;
  line-height:27px;
}

.showqnumcode-X .qnumcode { display:none; }
span.qnumcode { font-style:italic; }

/* Question Index */
.withindex.outerframe{
  margin-left: 1em;
  margin-right: 26em;
}
.allinone .outerframe{ margin:0; }

#index {
  position: absolute;
  right: 0;
  width: 25em;
  top: 0;
}
#index .container { background: #FFF; }

#index h2 { text-align: right; }

#index h3 { margin: 0.5em 0 0 0.5em; }

#index .container .row {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  border-top: 1px solid #fff;
}

#index .container .row:hover {
  text-decoration: underline;
  cursor: pointer;
  color: blue;
}

#index .container .row .hdr {
  width: 3em;
  text-align: right;
  display: inline-block;
  *display:inline;
  padding: 0 0.5em 0 0;
}

#index ol { padding: 0; }

#index .container .row.odd { background: #EFE5CA; }
#index .container .row.current { background: #000; color: #fff; }
#index .container .row.missing { background: #5ec024; color: #000; }
#index .container input { margin: 1em; }

div.em_num_answers.good, 
div.em_value_range.good, 
div.em_q_fn_validation.good, 
div.em_sum_range.good,
div.em_regex_validation.good,
div.em_sq_fn_validation.good,
span.dynamic_sum.good,
span.dyanamic_remaining.good { 
  color: green; 
}

div.em_num_answers.error,
div.em_value_range.error,
div.em_sum_range.error,
div.em_other_comment_mandatory.error  {
  color: #FF00FF;
  display: block;
}

div.em_regex_validation { display: none; }
div.em_regex_validation.error, 
div.em_q_fn_validation.error,
div.em_sq_fn_validation.error,
span.hide-tip div.error { 
  color: #FF00FF; 
}

div.em_other_comment_mandatory.good { display: none; }

input.em_sq_validation.error, textarea.em_sq_validation.error {
  color: black;
  background-color:  pink;
}

span.dynamic_sum {
  font-weight: bold;
  background-color: #d3d3d3;
}

span.dynamic_sum.error,
span.dynamic_remaining.error {
  color: red;
}

span.dynamic_remaining {
  font-weight: bold;
  background-color: #d3d3d3;
}

.input-error div.error,
.input-error span.hide-tip div.error {
  color: red;
  display: block;
}

span.hide-tip div.good { display: none; }

/* PEPIWI */

a { cursor:pointer; text-decoration:none; }
button { border:0; padding:0; margin:0; }
ul { margin:0; padding:0; }
li { list-style:none; }
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-family: 'Lato', sans-serif; }
h1{float:left;}
label { font-weight:normal; }
img { max-width:100%; height:auto; vertical-align:middle; position:relative; border:0; }
p { margin:0; padding:0; }
hr { border:1px solid #666666; }
.answers-wrapper table input[type=text], .answers-wrapper table input[type=number], 
.answers-wrapper table select, .answers-wrapper table textarea, .comment input[type=text]  { 
  outline:none;
  width:90%; 
}
/* COLOR */
h1,h2,h3,h4,h5,h6{color:#181818;}
a, a:visited { color: #333;}
a:hover, a:focus, a:active { color: #000; }

/* UTIS */
.clearfix:before,
.clearfix:after,
.container:before,
.container:after {
  display: table;
  content: " ";
}
.clearfix:after,
.container:after {
  clear: both;
}


.margin-0  { margin:0 !important; }
.margin-5  { margin:5px !important; }
.margin-10 { margin:10px !important; }
.margin-15 { margin:15px !important; }
.margin-20 { margin:20px !important; }
.margin-right-5  { margin-right:5px !important; }
.margin-right-10 { margin-right:10px !important; }
.margin-right-15 { margin-right:15px !important; }
.margin-right-20 { margin-right:20px !important; }
.margin-top-0  { margin-top:0px !important; }
.margin-top-5  { margin-top:5px !important; }
.margin-top-10 { margin-top:10px !important; }
.margin-top-15 { margin-top:15px !important; }
.margin-top-20 { margin-top:20px !important; }
.margin-left-5  { margin-left:5px !important; }
.margin-left-10 { margin-left:10px !important; }
.margin-left-15 { margin-left:15px !important; }
.margin-left-20 { margin-left:20px !important; }
.margin-left-20p{ margin-left:20% !important; }
.margin-bottom-5  { margin-bottom:5px !important; }
.margin-bottom-10 { margin-bottom:10px !important; }
.margin-bottom-15 { margin-bottom:15px !important; }
.margin-bottom-20 { margin-bottom:20px !important; }
.padding-0  { padding:0 !important; }
.padding-5  { padding:5px !important; }
.padding-10 { padding:10px !important; }
.padding-15 { padding:15px !important; }
.padding-20 { padding:20px !important; }
.padding-right-5  { padding-right:5px !important; }
.padding-right-10 { padding-right:10px !important; }
.padding-right-15 { padding-right:15px !important; }
.padding-right-20 { padding-right:20px !important; }
.padding-top-5  { padding-top:5px !important; }
.padding-top-10 { padding-top:10px !important; }
.padding-top-15 { padding-top:15px !important; }
.padding-top-20 { padding-top:20px !important; }
.padding-left-5  { padding-left:5px !important; }
.padding-left-10 { padding-left:10px !important; }
.padding-left-15 { padding-left:15px !important; }
.padding-left-20 { padding-left:20px !important; }
.padding-bottom-5  { padding-bottom:5px !important; }
.padding-bottom-10 { padding-bottom:10px !important; }
.padding-bottom-15 { padding-bottom:15px !important; }
.padding-bottom-20 { padding-bottom:20px !important; }

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.pull-right { float: right !important; }
.pull-left { float: left !important; }
.hide { display: none !important; }
.show { display: block !important; }
.invisible { visibility: hidden; }

.welcome-text{
  line-height: 1.3;
  font-size: 14px;
  background: #FEF;
  width: 90%;
  margin: auto;
  padding: 25px;
  margin-top: 50px;
  margin-bottom: 50px;
  box-sizing: border-box;
}
.welcome-text p{
  margin-top :0 !important;
  margin-bottom:0 !important;
  font-size: 14px !important;
}

ul.slider-list {
    display: table;
    width: 100%;
}
ul.slider-list li {
    display: table-row !important;
}
ul.slider-list .slider-label {
    display: none;
}
ul.slider-list .slider_lefttext {
    display: table-cell;
    width: 25%;
    vertical-align: middle;
    float: none;
    padding-top: 0;
}
ul.slider-list .ui-slider-horizontal{
    float: none;
    font-size: 1.3em;
}
ul.slider-list .ui-slider-1{
    width: auto;
    height: 20px;
    max-width: 100%;
}
ul.slider-list .ui-slider-handle{
    height: 30px !important;
    width: 15px !important;
}
ul.slider-list .slider_callout{
    margin-left: 4px;
}
ul.slider-list .slider_righttext {
    display: table-cell;
    width: 25%;
    vertical-align: middle;
    float: none;
    padding-top: 0;
}

/* BLOKCS */
body> .container, div[id^=group-]{
  width: 85%;
  margin: 0 auto;
  padding:5px 30px;
  max-width:1200px;
  background-color: #FFF;
}
.content { 
    padding: 10px; 
    margin-bottom: 30px;
    
}

#progress-wrapper .ui-widget-header { background-color:#5ec024 !important; }

.privacy-message { 
  width: 100%;
  font-size: 11px; 
}
.privacy-message,
.navigator-table {
  color: #666;
  background-color: #DDD;
}
.navigator-table .clear-all{ 
  float: left;
  position: absolute;
}
.navigator-table .save-all        { margin:0 auto; }

.grouptitle {
  background: transparent;
  font-weight: 700;
  color: #17AFBB;
  text-align: center;
  padding: 20px;
  font-family: 'Lato', sans-serif;
  font-size: 16px;
}
.group:after {
  height: 1px;
  display: block;
  content: "";
}
.question-wrapper { 
  text-align:left;
  margin-top:10px;
  border-radius: 6px;
  box-shadow: 0 0 8px rgba(190, 190, 190, 0.5);
}
.question-area  { 
  color: #FFF;
  font-family: 'Lato', sans-serif; 
  font-size:22px;
  font-weight: 700;
  line-height:1.5;
  padding: 15px 1em;
  background-color: #229BA5;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-top:25px;
}
.question-area .questionhelp, .question-area .questionhelp div{
  font-weight:normal;
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  color:#FFF;
  text-align: center;
}
.subquestions-list.text-list label{
  padding-right:15px;
}
.checkbox-text-list li{
  clear:both;
  min-height:15px;
}
.checkbox-text-item .option{
  display: table-cell;
  padding-bottom: 20px;
  width:50%;
}
.qnumcode    {font-style:italic;color:#CCC; padding-right:5px; font-size:17px;}
.qnumcode + br{ display:none;}
.qnumcode:after{content:" - ";}
.answers-wrapper{ 
    padding: 25px 0px 20px 0px;
    overflow:hidden;
   /* display: inherit !important;*/
}
.upload      { 
  font-family:'Arial';
  font-size: 13px;
  background: none repeat scroll 0 0 #5ec024 !important; /* Pink */
  border: medium none;
  color: #FFFFFF;
  padding: 6px;
  margin-left: 10px;
  border-radius: 5px;
}
td.upload{
  background: none repeat scroll 0 0 #EDEDED !important;
  color:#666;
}
.warning-text{ color:#5ec024; }
.array2{ background-color: #F9F9F9; }
.array1{ background-color: #FFF; }
table .answer-item{ text-align:center; }
table.question{
  padding:3%;
  width:94%;
}
.question th, .question td{
  padding:10px;
  text-align: center;
}
.survey-question-help{
  clear:both;
  border-top:2px dotted #DDD;
  margin:10px 20px 10px 20px;
  padding:10px;
}
.dragDropTable{
  overflow:hidden;
  width:96%;
  margin:auto;
}
.survey-question-help img{ display:none; }
.survey-question-help:before{
  content:"?";
  padding:0px 3px 6px 3px;
  margin-right:5px;
  width:12px;
  height:12px;
  font-weight:bold;
  color:#FFF;
  background-color:#5ec024;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
  display:block;
  float:left;
  text-align:center;
  box-shadow: inset -25px 25px -40px rgba(0,0,0,.5);
  font-size: 10px;
}


.logo         { float:left; }
.survey-name  { float:right; }

.survey-list-table {
  width: 100%;
  text-align: center;
}
.survey-list-table .site-name { color:#11AFBA; }
.surveytitle { padding:5px; }
.surveytitle:hover { background:none; }


.choice-5-pt-radio .answers-wrapper li, .list-radio-flexible .answers-wrapper li, .list-radio .answers-wrapper li, .list-with-comment .answers-wrapper li, .multiple-opt .answers-wrapper li, .multiple-opt-comments .answers-wrapper li, .multiple-short-txt .answers-wrapper li, .numeric-multi .answers-wrapper li, .yes-no .answers-wrapper li, .gender .answers-wrapper li {
  margin: 0 0 1em 0.5em;
}

.selectCol{  background-color: #FFE8FE !important; }
.selectCell{ background-color: #FFBFE8 !important; }
.subquestions-list.text-list.numeric-list li{
  padding:10px;
  margin-right:10px;
}
.subquestions-list.text-list.numeric-list li:hover{ background-color:#EDEDED; }
.subquestions-list.text-list.numeric-list li label{
  display:block;
  float:left;
  width:80%;
}
.subquestions-list.text-list.numeric-list li .input:after{ clear:both; }

/* UI */
#movenextbtn .ui-button-icon-secondary, 
#movenextbtn .ui-button-icon-secondary.ui-state-hover {
  float: right !important;
  height: 9px !important;
  position: relative !important;
  margin-top: -15px !important;
  top: 0 !important;
}
#moveprevbtn .ui-button-icon-primary, 
#moveprevbtn .ui-button-icon-primary.ui-state-hover {
  float: left !important;
  height: 9px !important;
  position: relative !important;
  margin-top: 4px !important;
  margin-left: 0 !important;
  top: 0 !important;
}
.ui-widget-header {
  background: none;
  background-color: #5ec024;
  color: #222222;
}
.ui-state-hover, 
.ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover, 
.ui-state-focus,
.ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus{
  background: #5ec024 url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{
  background: none;
  border:0px;
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon{
  margin-top:-5px !important;
  margin-left:-5px !important;
}

.ui-button { position:inherit !important; }
.ui-dialog {
  left: 50% !important;
  margin-left: -40% !important;
  width: 80% !important;
}
.ui-dialog iframe { 
  width:96% !important;
  margin:10px 2%; 
}
.ui-dialog .ui-dialog-content { padding: 0; }
.ui-dialog .ui-dialog-titlebar-close { 
  margin: 0;
  float: right; 
}
.ui-dialog .ui-dialog-titlebar-close span{ margin:-5px; }
div[id^=slider] .ui-state-default, 
div[id^=slider] .ui-widget-content .ui-state-default, 
div[id^=slider] .ui-widget-header .ui-state-default { 
  background: #5ec024;
  border:0;
  cursor: ew-resize;
}
.ui-slider-horizontal {
  margin:auto;
  float:left;
  margin-top:30px;
  margin-bottom:30px;
}
.numeric-multi label.slider-label{
  float:left;
  width:40% !important;
  margin-top:30px;
}
.slider_lefttext {
  display:block;
  padding-top: 30px;
  padding-right: 11px;
  float: left;
  color: #999;
  font-style: italic;
}
.slider_righttext {
  display: block;
  padding-top: 30px;
  float: left;
  color: #999;
  font-style: italic;
}
li.withslider{ clear:both; }
.button.upload-button {
  border: 0;
  background: #229BA5;
  color: #FFF;
}

/* ARRAY */
@media 
only screen and (max-width: 768px) /*,
(min-device-width: 768px) and (max-device-width: 1024px)  */{
    
    

  table.question, .question thead, .question tbody, .question th, .question td, .question tr { 
    display: block; 
  }
  
  .question thead tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  
  .question tr { border: 1px solid #ccc; }
    #limesurvey table.question tbody th.answertext, #limesurvey table.question tbody th.arraycaptionleft {
        text-align: left;
    }
    .question tr .answertext { text-align: left; }
  
  .question td { 
    border: none;
    border-bottom: 1px solid #eee; 
    position: relative;
   /* padding-left: 80%; */
  }
  
  .question .libelle{
    display: inline-block;
    width: 70%;
    vertical-align:middle;
    padding: 10px 0 10px 5px;
  }
  .question .libelle_input{
    display: inline-block;
    vertical-align:middle;
  }
  
  .question td:before { 
    position: absolute;
    top: 6px;
    left: 6px;
    width: 75%; 
    padding-right: 10px; 
    /*white-space: nowrap;*/
    white-space: normal;
  }
}


/*  AJOUTS NELLY */
#movenextbtn{
    display:none;
}
.no-js{
    font-weight: bold;
    text-align: center;
    border: 1px solid #5ec024;
    color: #5ec024;
    margin: 5px 15px 30px 15px;
    padding: 10px;
    
}
.navigator{
  position:relative;
}
.navigator-table{
  margin-top:20px;
  margin-bottom:10px;
  border-top:2px solid #5ec024;
  padding-top:5px;
  padding-bottom:5px;
  width: 85%;
  margin: 0 auto;
  padding:0 30px 0 30px;
  max-width:1200px;
  background-color: #FFF;
}
.navigator-table+p{
  max-width:800px;
  background-color: #FFF;
  padding: 20px;
  margin:auto;
}
.navigator-table .submit, .clearall{
  font-weight:bold;
  text-transform:uppercase;
  background-color: #0AAAB7;
  color: #FFF;
  border: none;
  margin: 4px 4px 12px 4px;
  text-shadow:none;
  padding:8px 1em;
  cursor:pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.clearall{
  font-size: 12px;
  font-weight: normal;
  padding: 7px 0.8em 8px 0.8em;
  background-color: #EEE;
  color: #AAA;
  border: 1px dashed #AAA;
}

.navigator-table .ui-state-default:not(.ui-button-disabled){
  background: #0AAAB7 !important;
  color:#FFF;
  padding:5px;
  border:none;
  margin-bottom:8px;
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
  background-image: url("ui-icons_ffffff_256x240.png");
  margin-top: -5px;
}
.ui-state-default .ui-icon {
  background-image: url("ui-icons_ffffff_256x240.png");
  margin-top: -5px;
}
input.ui-icon[name="movesubmit"]{ background-color:#5ec024 !important; }
div.error, div.errormandatory, div.warningjs,
span.error, span.errormandatory, span.warningjs
{
  color: #5ec024;
  font-weight:bold;
  padding:10px;
  border:1px solid #5ec024;
  display:block;
  width:320px;
  max-width:100%;
  margin:auto;
  margin-bottom:15px;
  margin-top:15px;
}
th span.error, th span.errormandatory, th span.warningjs{
  padding: 10px;
  border:none;
  margin-bottom:0;
  background-color: yellow;
  color: black;
  margin-top:0;
}
.question-area .error, .question-area .errormandatory, .question-area .warningjs {
  background-color: yellow;
  width: auto;
  max-width: 80%;
  color: #229BA5 !important;
  border: none;
  font-weight: bold !important;
  font-family: Arial, Helvetica, sans-serif;
  text-align:center;
}

.previewblock { background-color: #F9F9F9; }
div.success, div.error,
span.success, span.error{
  margin: 15px auto 20px auto;
  background-position: 20px center;
  width: 70%;
}
.dragDropTable ul.dragDropChoiceList li, .dragDropTable ol.dragDropRankList li {
  background-color: #F9F9F9;
}
.language-changer {
  clear: both;
  text-align: right;
}
.languagechanger { margin: 10px 0px 30px 0; }
.survey-name {
  float: right;
  font-size: 18px;
  border-bottom: 3px solid #5ec024;
  padding: 8px;
  border-top: 3px solid #5ec024;
  font-family: 'Lato', sans-serif;
}
.boilerplate .answers-wrapper {
    display:none;
}
.boilerplate .question-area {
    border-radius: 0;
    color: #229BA5;
    background: #FFFFFF;
}
.multiple-opt-comments ul li, .multiple-short-txt ul li, .numeric-multi ul li {
    margin-bottom: 5px;
}
.multiple-short-txt ul li {
    display: table-row;
}
.multiple-short-txt ul li label {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 1em 10px 0.6em;
}
.multiple-opt-comments ul li span.comment, .multiple-short-txt ul li span, .numeric-multi ul li span {
    display: table-cell;
    vertical-align: baseline;
    white-space: nowrap;
}
.multiple-short-txt .answers-wrapper ul {
    display: table;
}
.multiple-short-txt .answers-wrapper li {
    display: table-row;
}
.multiple-short-txt ul li span {
    vertical-align:middle;
}

.multiple-short-txt .answers-wrapper textarea {
    width: 94%;
    margin: 10px 0;
}
/* disabled buttons */
button[disabled=disabled], button:disabled {
    opacity: .65;
    cursor: not-allowed !important;
    background-color: #BBBBBB !important;
}
/**** smileys ***/
.slider-background .slider-rating, .page-odd .slider-background .slider-rating {
    margin-top: 5px;
}
.slider-wrapper {
    max-width: 396px;
    margin: 3px auto 3px auto;
    width: 76%;
    float: none;
}
.slider-label {
    max-width: 91px;
    width: 23.5%;
}
.slider-background {
    padding: 0 15px 0 13px;
    background: transparent url(slider-background.png) no-repeat 0 0;
    background-size: contain;
}
.slider-background .slider-rating, .page-odd .slider-background .slider-rating {
    max-width: 366px;
    width: 100%;
}
.slider-label-5 {
    width:auto;
}
.slider-rating a.ui-slider-handle, .page-odd .slider-rating a.ui-slider-handle {
    background: transparent url(slider.png) no-repeat 50% 50%;
    cursor: ew-resize;
}

.list-radio .answers-wrapper li.title { font-weight: bold; color: #5ec024;}

.choice-5-pt-radio .answer {
    text-align:center;
}
.stars-list {
    display: inline-block;
}
.slider-labels {
    text-align:left;
}

/* ***** */
/* MEDIA */
@media (max-width: 450px) {
  .container { width: auto; }
  .submit-buttons { text-align:center !important; }
  .navigator-table .clear-all       { margin:0 auto; float:none; }
  .navigator-table .submit-buttons  { margin:0 auto; float:none; }

  .logo        { float:none; }
  .survey-name { margin:0 auto; margin-top:20px; float:none; text-align:center !important; }
  .answers-wrapper[data-question-id^="question"] .question td:before{
    margin-top:5px !important;
  }
}
@media (max-width: 1023px) {
    .navigator-table .clear-all {
        /* float: left; */
        position: absolute;
        width: 100%;
        text-align: center;
        margin-top: 42px;
    }
    .clearall{
        margin-left: 0px;
    }
    .submit-buttons {
        margin-bottom: 45px;
    }
}

@media (max-width: 768px) {
  body { margin:0; }
  .container {
    width: auto;
  }
  /* BLOKCS */
  .container, div[id^=group-]{
    width: auto;
    padding: 0;
  }
  .navigator-table + p, .navigator-table, .survey-name { width:auto; }
  /*   */
  table.convert colgroup{ display:none; }
  table.convert thead{ display:none; }
  table.question{
      width:85% !important;
      margin-left:5%;
      margin-right:5%;
  }
  table.question tr{
    border:0px;
  }
  .question th{
    background-color: #FFF;
    font-weight:700;
    font-family: 'Lato', sans-serif;
    font-size:18px;
    color:#229BA5;
    padding-top:3%;
    padding-bottom:3%;
    border-top:2px solid #229BA5;
    width:100% !important;
  }
  .dual-title {
      font-weight: bold;
      color: #229BA5;
  }
  .question td:before {
    font-size: 13px;
    line-height: 13px;
  }
  .answers-wrapper[data-question-id^="question"] .question td:before{
    margin-top:10px;
  }
  .question td{
    background-color: #fff;
    vertical-align:middle;
    width:auto !important;
  }
  .question td[class^="answer_cell"]:nth-child(odd){ background-color:#F9F9F9; }
  .question td:last-child{
    margin-bottom:30px;
    border-bottom:0px;
  }
  .question tr:last-child td:last-child{ margin-bottom:0px; }
  .question th+td{ margin-top:20px; }
  .array1:hover,
  .array2:hover, .array1,
  .array2, 
  table.question tr.array1:hover, 
  table.question tr.array2:hover{
    background-color: #FFF !important;
  }
  .dual_scale_separator{ 
      height:20px; 
      border-bottom:none !important;
  }
  table .answer-item{ text-align:left; }

  .previewblock td{
    display:block;
    padding-bottom:10px; 
    margin:auto;
    width:100%;
  }
  .previewblock td:nth-child(2), .previewblock td:nth-child(3) {
    width:50%;
    float:left;
  }
  .previewblock td:nth-child(2){
    width:40%;
    float:left;
    font-size:10px;
    line-height:2.3;
  }
  .previewblock td:nth-child(3) input{ width:100%; }
  .previewblock td:last-child { clear:both; }
  .success, .error{ width:auto; }
  .text-short input, .text-short textarea, .text-long textarea, .text-huge textarea {
    margin-left:0;
  }
  .language-changer {
    text-align: center;
    clear:both;
  }
  .languagechanger { margin: 10px auto 30px auto; }
  .survey-name {
    float:left;
    margin-top:20px;
    text-align: center;
  }
  .numeric-multi label.slider-label{
    float:none;
    clear:both;
    width:auto !important;
  }
    ul.cols-2 li,ul.cols-2-ul,table.cols-2 td {  width: 100%;}
    ul.cols-3 li,ul.cols-3-ul,table.cols-3 td {  width: 100%;}
    ul.cols-4 li,ul.cols-4-ul,table.cols-4 td {  width: 100%;}
    ul.cols-5 li,ul.cols-5-ul,table.cols-5 td {  width: 100%;}
    ul.cols-6 li,ul.cols-6-ul,table.cols-6 td {  width: 100%;}
    ul.cols-7 li,ul.cols-7-ul,table.cols-7 td { width: 100%; }
    ul.cols-8 li,ul.cols-8-ul,table.cols-8 td { width: 100%; }
    
    
}

@media (min-width: 769px) {
  table.convert colgroup{ display: initial; }
  table.convert thead{ display: table-header-group; }
    
  .array1:hover,
  .array2:hover { 
    background-color: #FFE8FE !important; 
  }
  .answers-wrapper[data-question-id^="question"] .question td:before{
    margin-top:10px;
  }

}
/*** début : éléments de présentation YSTHAD ***/

.ysthadhide{opacity:0.6}.dynamichiddenbymenu{display:non
e}.modetest .dynamichiddenbymenu{opacity:0.5;background
:#f0f0f0}.dynamiccellhidden input,.dynamiccellhidden select
{opacity:0;visibility:hidden}.modetest .dynamiccellhidden
input,.modetest .dynamiccellhidden select
{opacity:0.5;visibility:visible;background:#f0f0f0}.dynamiccellcellhidden
input,.dynamiccellcellhidden select
{opacity:0;visibility:hidden}.modetest .dynamiccellcellhidden
input,.modetest .dynamiccellcellhidden select
{opacity:0.5;visibility:visible;background:#f0e0e0}:not(.foo)
td.hiddencolumn,:not(.foo) th.hiddencolumn {display:none}.modetest
td.hiddencolumn,.modetest th.hiddencolumn {display:table-cell;opacity:0.5}

/*** fin : éléments de présentation YSTHAD ***/
/*** Modification supp Denis ***/

input.checkbox[disabled]{ opacity:0.4; }
.em_value_integer{display:none;}
.hide-tip .emtip{display:none;}

.qnumcode + br{display:block;}
body.uploader{margin:0}

.uploader  input  {
max-width : 100%
}