/********************************************************************
***  Feuille de style de base pour Limesurvey
********************************************************************/

.form-horizontal .control-label {
    text-align: left;
}


.container-fluid,
.container {
	width:inherit;
    padding-right: inherit;
    padding-left: inherit;
}

.upload-button a:link, .upload-button a:visited {
	color:#FFFFFF;
}

.row table.table-mobile, .row table.table-mobile thead, .row table.table-mobile tbody, .row table.table-mobile th, .row table.table-mobile td, .row table.table-mobile tr {
    max-width: 100%;
}

.save-message.well {
    background-color: transparent;
    border: none;
    box-shadow: none;
}

[data-number="1"] {
    text-align: left;
}

a img.lien_externe {
    margin-left: 2px;
}

.ls-js-hidden {
	display:none;
}

.completed-text  .ls-print {
	font-weight:bold;
}

.pivBasCopyright a:link, .pivBasCopyright a:visited  {
	font-size:0.75rem;
}

body {
    font-size: 0.9rem;
}

body div.fond-page div.fond-page .pivBas,
.contenu-sondage .contenu-sondage h1,
.contenu-sondage .contenu-sondage .pivHaut {
	display:none;
}

body div.fond-page div.fond-page {
	background:none;
	min-height:auto;
}

.row.question-container-printanswers {
	margin-top:10px;
}

.contenu-sondage .contenu-sondage .groupSection {
	margin-top:10px;
	display:inline-block;
	width:100%;
}

.ls-group-total.form-group {
	text-align: right;
	clear:left;
	font-weight:bold;
}

.ls-questions-have-errors {
	display:none;
}

.ls-question-mandatory, .em_regex_validation {
    background-color: #FFFFFF;
    border: 1px solid #B21A0D;
    color: #B21A0D;
    display: block;
    font-size: 1em;
    font-weight: normal;
    margin: 10px 0px 7px 0px;
    padding: 5px;
    text-align: center;
}

.pivHautFonctionnalites .pivOutils {
	display:inline-block;
}

.contenu-sondage div.numeric .form-group, .contenu-sondage div.text-short .form-group, .contenu-sondage div.text-long .form-group, .contenu-sondage div.text-huge .form-group {
	margin-bottom:0;
}

.contenu-sondage .radio-list .form-group,
.contenu-sondage .checkbox-list .form-group {
	margin-bottom:3px;
}

.contenu-sondage .radio-list ul
.contenu-sondage .checkbox-list ul {
	margin-bottom:0px;
}

.text-danger {
    color: #B21A0D;
	padding-right:2px;
}

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

.ls-em-tip.ls-em-success {color: #03a616;}
.ls-em-tip.ls-em-error {color:red;}

.ls-questionhelp {
	color:#000000;
}

.dir-ltr .ls-questionhelp {
    margin-left: 0;
}

.ls-questionhelp::before {
	display:none;
}

.gender-button label,
.yesno-button label {
	color:#FFFFFF;
}

.ls-answers tbody .answertext {
    text-align: left;
}

.text-short input {
	margin-bottom:0;
}

legend {
	float:left;
}

legend, fieldset {
	font-size:inherit;
}

.modal-header h1{display: inline-block; font-size: 1.2em; max-width: 95%;}

a:link, a:visited {
    color: #003399;
    text-decoration: underline;
}

.contenu-sondage .pivHautMenu a:link, .contenu-sondage .pivHautMenu a:visited {
    color: #FFFFFF;
    text-decoration: none;
}

.contenu-sondage .pivHautMenu a:focus, .contenu-sondage .pivHautMenu a:hover {
    text-decoration: underline;
}

form select.form-control {
	background: #FFFFFF url("../images/select.png") no-repeat scroll right 4px center;
	padding:2px 22px 2px 2px;
	min-width:250px;
	background-color:#FFFFFF;
	cursor:pointer;
}

/********************************************************************
*** Barre de progression
********************************************************************/
.accueil .progress {
    display:none;
}

.progress {
    max-width: 300px;
	height:inherit;
}

.progress .progress-bar {
    font-size: 0.8em;
    line-height: inherit;
}

/********************************************************************
*** Liste des sondages
********************************************************************/
ul#surveylist{list-style:none}
#surveylist-container h3{color:#5670A1}
ul#surveylist li a{color:#5670A1;}
ul#surveylist li a.surveytitle{color:#5670A1;}
ul#surveylist li a{color:#5670A1;}

/********************************************************************
*** Titre du sondage
********************************************************************/

#title{margin:0;text-align:center;padding:0;}
#title h1{
	font-size:1.5em;text-align:left;padding:5px 0 5px 0;color:#000;}

table.printouttable{width:99%}

/* survey list (home page) */
#surveylist-container{text-align:center}




#languagechanger{margin:0.5em 0;text-align:center}

/********************************************************************
*** Navigation
********************************************************************/

.ls-move-next-btn{
    color:#fff;
    border:none;
    padding: 6px 37px;
	font-size: 0.85em;
}

.ls-move-next-btn:hover, .ls-move-next-btn:focus{
    cursor:pointer;
}

.ls-move-previous-btn{
    color:#fff;
    border:none;
    padding: 6px 37px;
    font-size:0.85em;
}


.ls-move-previous-btn:hover, .ls-move-previous-btn:focus{
    cursor:pointer;
}

.fin_navigator {
	margin: 10px 0px 10px 0px;
}

.ls-link-clearall{
    background:transparent;
    color:#003399;
	position:relative;
	z-index:10;
	font-weight:bold;
	border:none;
	padding: 0px;
	width:auto;
	background:none;
	display: inline-block;
	text-decoration:underline;
	margin-top:30px;
	font-size: 0.9rem;
}

.ls-link-clearall:hover , .ls-link-clearall:focus{
    background-color: #be5901;
	color:#ffffff;
    cursor:pointer;
}

.ls-link-clearall:hover , .ls-link-clearall:focus{
    cursor:pointer;
	color:#003399;
	background:none;
	text-decoration:none;
}

.accueil .saveall{
	padding: 10px 20px 10px 20px;
}

.accueil .saveall:hover, .accueil .saveall:focus{
    background-color: #444647;
}

.accueil .ls-link-clearall {
	display:none;
}

a.ls-link-loadall:link, a.ls-link-loadall:visited,
a.saveall:link, a.saveall:visited {
	background-color: #70706d;
	background-image:none;
    color:#fff;
    border:none;
    font-size:0.85em;
	font-weight:bold;
	width: auto;
	padding: 0.85em 1em;
	text-decoration:none;
}

a.ls-link-loadall:hover, a.ls-link-loadall:focus,
a.saveall:hover , a.saveall:focus{
    background-color: #000000;
	text-decoration: none;
	color:#FFFFFF;
    cursor:pointer;
}

.boutonEnvoyer {
    color:#fff;
    border:none;
    padding: 6px 36px;
    font-size:0.85em;
}

.boutonEnvoyer:hover , .boutonEnvoyer:focus{
    background-color: #E8C3A6;
    cursor:pointer;
}

/********************************************************************
*** Questions
********************************************************************/

.radio-item label::after,
.radio-item label::before,
.checkbox-item label::before {
	margin-top: 3px;
}

.list-with-comment .ls-em-tip.em_default,
.list-radio .ls-em-tip.em_default {
	border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.answer-item .list-question-select {
	margin-left: 28px;
	margin-top: 6px;
	margin-bottom:4px;
}

.list-with-comment .ls-answers,
.list-radio .ls-answers {
	padding-top:0;	
}

.list-with-comment .question-title-container,
.list-radio .question-title-container{
	padding-bottom:0;	
}

.checkbox-item input[type="checkbox"]:checked + label::after, .checkbox-item input[type="radio"]:checked + label::after {
	color: #FFFFFF;
	border-radius:3px;
}

.checkbox-item label::after {
    width: 17px;
    height: 17px;
    margin-top: 3.5px;
    line-height: 1.6em;
	padding-top: 0px;
	padding-left: 1.5px;
	background-color: #337ab7;
	left: 0px;
	top: 0px;
}

.question-container {
	border:none;
	margin-bottom:20px;
}

table.questions-list {border:none; margin:10px 0px 20px 0px;}
table.questions-list tbody th {text-align:left;}
table.questions-list tbody td {text-align:center;}
table.questions-list thead th {text-align:center;}
table.questions-list thead th, table.questions-list thead td {background-color: #003399; color:#FFFFFF;}
table.questions-list td input[type="checkbox"],
table.questions-list td input[type="radio"] {
	margin-left:0px;
}

table.questions-list .checkbox-item label::after {
    height: 16px;
}

.dir-ltr .radio-item .ls-label-xs-visibility, .dir-ltr .checkbox-item .ls-label-xs-visibility {
	min-height:20px;
}

.alert-danger {
    background-color: #ffffff;
    border-color: #b21a0d;
    color: #B21A0D;
}

/********************************************************************
*** Groupe
********************************************************************/
.group-container{
	margin-bottom: 2em;
}

.group-outer-container {
	margin-bottom: 0em;
}

.group-description{
	padding:0.5em 0 0.5em 0;
}


h2.group-title{
	font-size:1.5em;
	padding:0;
	position:relative;
	margin:0;
}

/********************************************************************
*** Classes pour hors écran
********************************************************************/

.hide, .visuallyhidden, .text-info.questionhelp .em_default {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/********************************************************************
*** Media Screen pour responsive
********************************************************************/

@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
	table.ls-answers tbody .control-label label {
		color: #ffffff;
	}
	.row table tbody tr.has-error th {
        color:#eca7a6;
    }
}

@media screen and (max-width: 940px) {
	.answer-item .list-question-select {
		max-width:100%;
	}
}

@media screen and (max-width: 640px) {
	.text-list .form-horizontal .control-label {
		padding-left: 15px;
	}
	select {
    	width: 96%;
		margin-left: 10px;
	}

	.multiple-opt .answers-wrapper ul li, 
	.list-radio .answers ul li, 
	.list-with-comment .answers ul li, 
	.list-radio-flexible .answers ul li
	{
		padding-left:0;
	}
	
	.choice-5-pt-radio .answers-wrapper li,
	.list-radio-flexible .answers-wrapper li,
	.list-radio .answers-wrapper li,
	.list-with-comment .answers-wrapper li
	{
		margin-left: 0;
	}
	
	ul.sortable-list {margin-left:0;}
	.ranking .col-sm-6 {padding:0;}
	ul.sortable-list .list-group-item {padding:2px;}
}

@media only screen and (max-width: 599px) {	
	.other-text-item input {
		width:96%;
	}

	.fin_navigator {
		margin: 10px 0px 10px 0px;
	}
	
	.fin_navigator button {
		margin: 5px 0px 5px 0px;
	}
	
	#welcome img {
		height: auto !important;
		max-width: 250px;
	}
	
	.contenu-sondage .contenant_site.mobile {
  		padding-top: 80px;
	}
	
	.table-mobile th.answertext {
		width:100% !important;
	}
	
	.table-mobile .right .visible-xs-block,
	.table-mobile .right .visible-xs {
    	display: none !important;
	}

	.answer-item.dropdown-item {
    	margin-left: 10px;
	}
	
	.yes-no .answer .answers-list {
		margin-left:0px;
	}
	
	.right input[type="radio"], .right input[type="checkbox"] {
		float:inherit;
		position:relative;
		margin:0;
	}
	
	.answer-item .list-question-select {
		margin-left:0px;
	}
	
	.row table.questions-list.table-mobile tr td div.right, .row table.questions-list.table-mobile tbody tr th div.right {
		width:100%;
		padding-left:5px;
	}
	
	.row table.questions-list.table-mobile tbody th div.left,
	.row table.questions-list.table-mobile td div.left {
		display:none;
	}
	table.questions-list .radio-item .ls-label-xs-visibility, table.questions-list .checkbox-item .ls-label-xs-visibility {
		width:100%;
	}
	table.questions-list td input[type="checkbox"], table.questions-list td input[type="radio"] {
		position:absolute;
	}
}