body{
	--color-dark : #1C2793;
	--color-middle : #555DB0;
	--color-light : #A0A7D5;

	--title-text-color:#1C2793;

	--border-color:#1C2793;
	--outline-border-color:#1C2793;

	--star-cursor-checked-color:#1C2793;
	--star-cursor-unchecked-color:#A0A7D5;

	--link-text-color:#1C2793;
	--link-visited-text-color:#555DB0;

	--button-bg-color : #A0A7D5;
	--button-text-color:#000;

	--progressBar-bg-color : #A0A7D5;
	--progressBar-text-color : #000;
}

.form-box:before,.form-core:before{
	display : none !important;
}

.form-box{
	padding-top:0 !important;
}

.form-core{
	box-shadow : none;
}

.language-switcher{
	background-color:transparent;
}


/* Entête accessible */
.interview-name-parent{
	display : flex;
	flex-direction : row;
	flex-wrap : wrap;
	justify-content : space-around;
	align-items : center;
	border-bottom: none;
	margin : 0 !important;
	padding : 20px 0;
}

.interview-name-parent span.interview-image{
	display : inline-block;
	padding : 0 20px;
	width : auto;
	height : auto;
}

.interview-name-parent h1.interview-name{
	padding : 0 20px;
	color:var(--title-text-color,#000);
}

.interview-name-parent h1.interview-name:before{
	display : none !important;
}

/* Liens en masquage accessible */
.visuallyHidden{
	border: 0;
	clip: rect(0 0 0 0);
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
	left:-999999px;
	margin : 0;
}

/* 2toiles obligatoires après le label */
.interview-username label:after,
.interview-password label:after
{
	display : inline-block;
	content:"*";
	color:#ff0000;
	font-size: 1.4rem;
	padding-left : 2px;
}

/**/
fieldset{
	border:none;
	margin : 0;
	padding : 0;
}

/* Couleurs */
.language-switcher select{
	background-color:#ffffff;
	color:#000000;
}

select:focus{
	color:#000000;
}

.language-switcher{
	z-index:999999;
}

.question-instructions{
	font-style:italic;
}

a{
	color:var(--link-text-color,#1C2793);
	text-decoration : underline;
}

a:visited{
	color:var(--link-visited-text-color,#555DB0);
}

a:hover{
	font-style:italic;
}

.form-box:before,
.form-core:before,
form#form-interview .slider-container .ui-slider a.ui-btn.ui-slider-handle .ui-btn-inner,
.ui-dialog .ui-dialog-buttonset button.ui-widget,button.button-generic,button.button-questions-next,button.button-questions-prev,
.chronometer,
.ui-dialog,.ui-dialog button
{
	/*background-color:#1C2793;*/
	background-color:var(--button-bg-color,#A0A7D5);
	border :none;
	box-sizing:border-box;
	box-shadow :none !important;
	transition : none;
	color:var(--button-text-color,#000);
}

.ui-dialog .ui-dialog-buttonset button.ui-widget:hover,button.ui-widget:hover,button.button-generic:hover,button.button-questions-next:hover,button.button-questions-prev:hover,
.ui-dialog button:hover{
	background-color:var(--button-bg-color,#A0A7D5);

}

.ui-dialog .ui-dialog-buttonset button.ui-widget .button-label, button.button-generic .button-label, button.button-questions-next .button-label, button.button-questions-prev .button-label{
	color:var(--button-text-color,#000);
	font-weight : 400;
}

/*.ui-dialog .ui-dialog-buttonset button.ui-widget:hover .button-label, button.button-generic:hover .button-label, button.button-questions-next:hover .button-label, button.button-questions-prev:hover .button-label{
	color:#1C2793;
}*/

.interview-quiz-end .note-parent .note-container,.interview-progress-parent #interview-progress .ui-progressbar-value:before,.interview-progress-parent #interview-progress .ui-progressbar-value{
	background-color:var(--progressBar-bg-color,#A0A7D5);
	color:var(--progressBar-text-color,#000);
}

.interview-progress-parent #interview-progress .ui-progressbar-value:after{
	border-color:transparent transparent transparent var(--progressBar-bg-color,#A0A7D5);
}

.interview-progress-parent #interview-progress .interview-progress-label{
	color:var(--progressBar-text-color,#000);
}

form#form-interview .sortable-question-container ul.sortable-selected li{
	border-color:var(--border-color,#1C2793);
}

.interview-quiz-end .tab-score-container table .tab-score-total td{
	background-color:var(--button-bg-color,#A0A7D5);
}

select,select[multiple],
.interview-quiz-end .tab-score-container table td,
.interview-quiz-end .tab-score-container table th+th,
.interview-quiz-end .note-parent .note-container,
form#form-interview .question-heading-parent,
form#form-interview .sortable-question-container ul.sortable-depository,
form#form-interview .interview-element .question-body input[type=number]:focus,form#form-interview .interview-element .question-body input[type=number]:hover,form#form-interview .interview-element .question-body input[type=email]:focus,form#form-interview .interview-element .question-body input[type=email]:hover,form#form-interview .interview-element .question-body input[type=text]:focus,form#form-interview .interview-element .question-body input[type=text]:hover,form#form-interview .interview-element .question-body textarea:focus,form#form-interview .interview-element .question-body textarea:hover{
	border-color:var(--border-color,#1C2793);
}

.ui-dialog .ui-dialog-buttonset button.ui-widget:active:before, .ui-dialog .ui-dialog-buttonset button.ui-widget:focus:before, button.button-generic:active:before, button.button-generic:focus:before, button.button-questions-next:active:before, button.button-questions-next:focus:before, button.button-questions-prev:active:before, button.button-questions-prev:focus:before{
	display : none;
}

/* Curseur étoiles */

.cursorRadio fieldset{
	margin : 0;
	padding : 0;
	border:none;
}

.cursorRadio svg {
	width: 40px;
	height: 40px;
	fill: currentColor;
	stroke: currentColor;
}
.cursorRadio label {
	display: inline-block;
	cursor:pointer;
	color:var(--star-cursor-checked-color,#1C2793);
}

.cursorRadio label:not(:last-of-type){
	margin-right : 10px;
}

.cursorRadio output {
	display : inline-block;
	font-size:100%;
	width : 100%;
	box-sizing :border-box;
	color : var(--star-cursor-checked-color,#1C2793);
	font-weight:bold;
	padding : 15px 15px 5px 15px;
}
.cursorRadio input:checked ~ label {
	color:var(--star-cursor-unchecked-color,#A0A7D5);
}
.cursorRadio input:checked + label {
	color : var(--star-cursor-checked-color,#1C2793);
	border-bottom-color: var(--star-cursor-checked-color,#1C2793);
}
.cursorRadio input:focus + label {
	border-bottom-style: dotted;
}
.cursorRadio:hover input + label {
	color: var(--star-cursor-checked-color,#1C2793);
}
.cursorRadio input:hover ~ label,
.cursorRadio input:focus ~ label,
.cursorRadio input[id="star0"] + label {
	color: var(--star-cursor-unchecked-color,#A0A7D5);
}
.cursorRadio input:hover + label,
.cursorRadio input:focus + label {
	color: var(--star-cursor-checked-color,#1C2793);
}

.cursorRadio tr.question-choices-label{
	display : none;
}
	button:focus,
	button.button-generic:focus,
	a:focus,
  	body .radioContainer input:focus ~ .radiomark,
  	body .cursorRadio input:focus + label,
  	textarea:focus,
  	select:focus,
	input:focus,
  	form#form-interview .interview-element .question-body input:focus,
	form#form-interview .interview-element .question-body select:focus
	form#form-interview .interview-element .question-body textarea:focus{
  		outline: 2px solid var(--outline-border-color,#1C2793) !important;
  }


@supports selector(:focus-visible) {
  /* uniquement au clic/tap focus */
  button:focus:not(:focus-visible),
  button.button-generic:focus:not(:focus-visible),
  a:focus:not(:focus-visible),
  body .radioContainer input:focus:not(:focus-visible) ~ .radiomark,
  body .cursorRadio input:focus:not(:focus-visible) + label,
  input:focus:not(:focus-visible),
  textarea:focus:not(:focus-visible),
  select:focus:not(:focus-visible),
  form#form-interview .interview-element .question-body input:focus:not(:focus-visible),
  form#form-interview .interview-element .question-body select:focus:not(:focus-visible),
  form#form-interview .interview-element .question-body textarea:focus:not(:focus-visible){
  	outline: 0 !important;
  }

}

body .question-TEXTE textarea ,body .question-TEXTE input[tyep=text]{
	width : calc(100% - 4px) !important;
}

body .question-TEXTE .question-body{
	padding-left :2px;
	padding-right : 2px;
}

/* Partie responsive */
@media (max-width: 640px){
	.question-heading,form#form-interview .sortable-question-container ul li .choice-label{
		font-size : 1em;
	}
	.form-core{
		padding-left : 20px !important;
		padding-right : 20px !important;
	}
}

@media (max-width: 400px){
	form#form-interview .question-body, form#form-interview .question-instructions{
		font-size : 1em;
	}
	form#form-interview .question-body ul.question-choices li.question-choices-column>div>label{
		font-size:inherit;
	}
}

@media (max-width: 480px){
	.interview-progress-parent #interview-progress {
		position: relative;
		top: 0;	
		height: 24px;
		background: transparent;
		z-index: 999999;
	}
	.interview-progress-parent #interview-progress .interview-progress-label{
		display : block;
	}
	.interview-progress-parent #interview-progress .ui-progressbar-value{
		height : 24px;
	}
	.interview-progress-parent #interview-progress .ui-progressbar-value:after{
		right : -15px;
		border-width : 12px 0 12px 15px;
	}
}