.ui-widget-header {
	background-color:#ff4b33  !important;
	border:1px solid #ff4b33  !important;
}

.art-post {
	background: rgba(255,255,255,1);

}
.responsive .art-post {
	margin:0px !important;
	padding:0px !important;
}

#art-main {
	/*background: url(Visu/final.jpg);*/
	background-position:bottom center;
}
.responsive #art-main {
	background: none;
}

/* imag a gauche*/
#divVisu {
	width:400px;
	padding-top: 0px;
}
#divQuest {
	padding:0px;
}
.responsive #divVisu {
	width:100% !important;
	float:none;
	display: none;
}
.responsive #divQuest {
	padding:0px;
	width:100% !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}

.art-button, .art-button:hover, .art-button.active, .art-button.active:hover {
	width: 100%;
	padding:0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}
.responsive .art-button {
	width: 100%;
	padding:0px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}
.responsive .art-button.active {
	width: 95%;
	padding:5px 0px 5px 0px;
}

.responsive-phone #progressbar {
	display:block;
}
.responsive-tablet #progressbar {
	display:block;
}


.art-footer div{
	color:#FFFFFF;
}
.responsive .art-footer div{
	color:#000000;
}


.blockQuest {
	border:none;
	color: #141613;
	background: #ffffff;
	/* padding:10px 0px 10px 0px; */
	margin-bottom:10px;
	font-size: 16px;
}
.responsive-phone .blockQuest {
	border:none;
	padding:8px;
}
.responsive-tablet .blockQuest {
	border:none;
}



.art-header {
	background-color:#FFF;
}
.responsive .art-header {

}


.art-footer {
	border:none;
	background:none !important;
	margin:0px;
	padding:0px;
}
.responsive .art-footer {
	padding:5px;
	margin-top:10px;
}








.question {
	font-size: 16px;
	font-style:normal;
	margin-bottom:20px;
	font-family: NeoSansStdMedium,sans-serif;
	
}
.responsive .question {
	font-size: 16px;
	font-style:normal;
	margin-bottom:0px !important;
	font-family: NeoSansStdMedium,sans-serif;
	
}
.ligneTab {
	margin-top: 10px;
	font-weight:bold;
}

.control-vert label
{
	width: 100%;
	float: none;
	font-size:16px;
	box-sizing: border-box;	
	padding-top: 2px;
}
.responsive .control-vert label
{
	width: 100%;
	float: none;
	font-size:16px;
	line-height:18px;
	box-sizing: border-box;	
	padding:10px;
	position:relative;
}
.responsive .control-vert label:first-child 
{
	-webkit-border-top-left-radius:5px;
	-moz-border-top-left-radius:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-top-right-radius:5px;
	border-top-right-radius:5px;
}
.responsive .control-vert label
{
	font-size: 16px;
	border-top:solid 0px #cccccc;
	border-left:solid 0px #cccccc;
	border-right:solid 0px #cccccc;
	background-color:#FFF;
	margin:0px;
	padding-left: 30px;
	padding-top: 4px;
}
.responsive .control-vert label:hover
{
	background-color:#eaeaea;

}
.responsive .control-vert label:last-child 
{
	border:solid 0px #cccccc;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-bottom-left-radius:5px;
	border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-bottom-right-radius:5px;
	border-bottom-right-radius:5px;
}



.commentaires {
	font-weight:normal;
	font-style:italic;
}
.responsive .commentaires {
	font-size:10px;
	line-height:11px;
}

.art-checkbox span {
	color:#333333;
}
.art-radiobutton span {
	color:#333333;
}
/*.responsive input[type="checkbox"]:not(:checked),
.responsive input[type="checkbox"]:checked,
.responsive input[type="radio"]:not(:checked),
.responsive input[type="radio"]:checked {
  position: absolute;
  left: -9999px;
}
.responsive .control-vert input:not(:checked) + span,
.responsive .control-vert input:checked + span {
	content: '';
	position: absolute;
	left: 5px; top: 5px;
	width: 16px; height: 16px;
	line-height:16px;
	border: 2px solid #999999;
	background: #ffffff;
	box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
  	box-sizing: border-box;	
}
.responsive .control-vert input:hover:not(:checked) + span,
.responsive .control-vert input:hover:checked + span {
	background-color:#eaeaea;
}

.responsive .control-vert .art-radiobutton input:not(:checked) + span,
.responsive .control-vert .art-radiobutton input:checked + span {
	border-radius: 9px;
}
.responsive .control-vert .art-checkbox input:not(:checked) + span,
.responsive .control-vert .art-checkbox input:checked + span {
	border-radius: 3px;
}
.responsive .control-vert input[type="radio"]:not(:checked) + span:after,
.responsive .control-vert input[type="radio"]:checked + span:after {
	content: url('imgQuest/radiobuttonicon.png');
	transition: all .2s;
}
.responsive .control-vert input[type="checkbox"]:not(:checked) + span:after,
.responsive .control-vert input[type="checkbox"]:checked + span:after {
	content: url('imgQuest/checkboxicon.png');
	transition: all .2s;
}
.responsive .control-vert input:not(:checked) + span:after {
  opacity: 0; 
  transform: scale(0); 
}
.responsive .control-vert input:checked + span:after {
  opacity: 1; 
  transform: scale(1);
}
.responsive .control-vert input:not(:checked) + span + span {
	color:#333333;
	font-weight:normal;
}
.responsive .control-vert input:checked + span + span {
	color:#666666;
	font-weight:bold;
}*/

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px;
    background-color: #f5f5f5;
}

.container-fluid {
	width: 1150px;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;	
}

.footer div.container-fluid p {
    margin: 10px 0;
}

.footer div.container-fluid p a {
	text-decoration: none;
	color: #ff4b33 ;
}

.footer div.container-fluid p a:hover {
	text-decoration: underline;
	color: #ff4b33 ;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	border: 1px solid #ff4b33 ;
	background: #ff4b33 ;
}

.art-content-layout img {
	max-width: 100%;
	height: auto !important;
}

div#progressbar.ui-progressbar.ui-widget.ui-widget-content.ui-corner-all {
	border: none;	
}

.control {
  display: block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  font-size: 18px;
}

.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.control__indicator {
  position: absolute;
  top: 4px;
  left: 0;
  height: 20px;
  width: 20px;
  background: #e6e6e6;
}
.control--radio .control__indicator {
  border-radius: 50%;
}
.control input:focus ~ .control__indicator {
  background: #e6e6e6;
}
.control:hover input ~ .control__indicator {
  background: #ccc;
}
.control input:checked ~ .control__indicator {
  background: #ff4b33 ;
}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
  background: #ff4b33 ;
}
.control input:disabled ~ .control__indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
.control__indicator:after {
  content: '';
  position: absolute;
  display: none;
}
.control input:checked ~ .control__indicator:after {
  display: block;
}
.control--checkbox .control__indicator:after {
  left: 8px;
  top: 4px;
  width: 3px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #e6e6e6;
}
.footer-responsive {
  display: block;	
}
.responsive .footer-responsive {
  display: none;
}
.responsive .footer {
height:20px;	
}
.responsive .footer div.container-fluid p {
margin: 0px;	
}
.full-fred, .responsive.responsive-phone .responsive-fred {
	display: block;	margin: auto;
}
.responsive.responsive-phone .full-fred, .responsive-fred {
	display: none;
}