/*
=============================
	SEAT
	CSS Modèles
=============================
*/

/*
=============================
	LOGO
=============================
*/

.logoSeat {
	background: url(gfx/logo.png) no-repeat;
	width: 148px;
	height: 41px;
	position: absolute;
	top: 0px;
	left: 0px;
}


/*
=============================
	PARCOURS CLIENT
=============================
*/

.ensembleParcoursClient {
	background: url(gfx/s004_processus_Satisfaction_BG.jpg) no-repeat;
	width: 981px;
	height: 644px;
}

.ensembleParcoursClient .ensembleParcoursClientTitre {
	width: 100%;
	display: block;
	text-align: center;
	color: #000000;
	font-size: 18px;
	text-transform: uppercase;
	position: absolute;
	left: 0px;
	top: 12px;
}

.ensembleParcoursClient .flecheEtape {
	position: absolute;
	width: 981px;
	height: 644px;
	top: 0px;
	left: 0px;
}

.ensembleParcoursClient .flecheEtape01 {
	background: url(gfx/s004_Etape_01_off.png) no-repeat;
}

.ensembleParcoursClient .flecheEtape01.actif {
	background: url(gfx/s004_Etape_01_on.png) no-repeat;
}

.ensembleParcoursClient .flecheEtape02 {
	background: url(gfx/s004_Etape_02_off.png) no-repeat;
}

.ensembleParcoursClient .flecheEtape03 {
	background: url(gfx/s004_Etape_03_off.png) no-repeat;
}

.ensembleParcoursClient .flecheEtape04 {
	background: url(gfx/s004_Etape_04_off.png) no-repeat;
}

.ensembleParcoursClient .flecheEtape05 {
	background: url(gfx/s004_Etape_05_off.png) no-repeat;
}


.ensembleParcoursClient .etape {
	position: absolute;
}

.ensembleParcoursClient .txtEtapeTitre {
	display: block;
	font-weight: bold;
	font-size: 18px;
	text-transform: uppercase;
	color: #6E6E6F;
}

.ensembleParcoursClient .txtEtapeDescription {
	display: block;
	font-size: 13px;
	color: #6E6E6F;
}


.ensembleParcoursClient .actif .txtEtapeTitre {
	color: #C62831;
}

.ensembleParcoursClient .actif .txtEtapeDescription {
	color: #000000;
}

.ensembleParcoursClient .etape01 {
	top: 92px;
	left: 663px;
}

.ensembleParcoursClient .etape02 {
	top: 461px;
	left: 759px;
}

.ensembleParcoursClient .etape03 {
	top: 208px;
	left: 40px;
	width: 200px;
}

.ensembleParcoursClient .etape04 {
	top: 449px;
	left: 39px;
	width: 300px;
}

.ensembleParcoursClient .etape05 {
	top: 580px;
	left: 244px;
}



/*
=============================
	PAGE QUESTION
=============================
*/

.ensemblePageQuestion {
	position: absolute;
	width: 100%;
	height: 100%;
}


.ensemblePageQuestion .imgPageQuestion, .ensemblePageQuestion .imgHeaderAvancement, .ensemblePageQuestion .imgConsigne {
	position: absolute;
}

.ensemblePageQuestion .ensembleQuestionsReponses {
	position: absolute;
	top: 70px;
	left: 0px;
	border: none;
}

.ensemblePageQuestion .consignePage {
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-size: 12px;
	font-weight: bold;
}

.ensemblePageQuestion .ensembleQuestionsReponses .question {
	background: url(gfx/question-bg.png) no-repeat;
	width: 448px;
	height: 146px;
	display: table;
	padding: 0 100px 0 23px;
}

.ensemblePageQuestion .ensembleQuestionsReponses .question div {
	display: table-cell;
	vertical-align: middle;
	padding-bottom: 20px;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
}

.ensemblePageQuestion .ensembleQuestionsReponses .ensembleReponses {
	width: 448px;
	margin-top: 20px;
}

.ensemblePageQuestion .ensembleQuestionsReponses .ensembleReponses .reponse {
	background: url(gfx/Export_BTN_reponse.png) scroll 0 -276px no-repeat;
	width: 448px;
	height: 92px;
	display: table;
	padding: 0 100px 0 23px;
	margin-bottom: 25px;
	cursor: pointer;
	position: relative;
}

.ensemblePageQuestion .ensembleQuestionsReponses .ensembleReponses .reponse .kReponseElement {
	position: absolute;
	right: 60px;
	top: 27px;
}

.ensemblePageQuestion .ensembleQuestionsReponses .ensembleReponses .reponse:hover {
	background: url(gfx/Export_BTN_reponse.png) scroll 0 -92px no-repeat;
}

.ensemblePageQuestion .ensembleQuestionsReponses .ensembleReponses .reponse.selected {
	background: url(gfx/Export_BTN_reponse.png) scroll 0 0 no-repeat;
}

.ensemblePageQuestion .ensembleQuestionsReponses .ensembleReponses .reponse label {
	display: table-cell;
	vertical-align: middle;
	font-size: 14px;
	color: #FFFFFF;
	padding-right: 45px;
	cursor: pointer;
}

.ensemblePageQuestion .ensembleQuestionsReponses .btnValider {
	position: absolute;
	top: 470px;
	left: 657px;
	background: url(gfx/Export_BTN_valider.png) 0 -114px no-repeat;
	width: 206px;
	height: 38px;
	text-decoration: none;
	color: #FFFFFF;
}

.ensemblePageQuestion .ensembleQuestionsReponses .btnValider:hover {
	background: url(gfx/Export_BTN_valider.png) 0 0 no-repeat;
}

.ensemblePageQuestion .ensembleQuestionsReponses .btnValider span {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	display: block;
	position: relative;
	top: 10px;
	padding-right: 20px;
}


/*
=============================
	JAUGE
=============================
*/

.ensembleCompteurs {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 103;
	width: 100%;
}

.ensembleCompteurs .jauge {
	background: url(gfx/curseur_bg.png) no-repeat;
	width: 373px;
	height: 40px;
	position: absolute;
	top: 20px;
	left: 230px;
}

.ensembleCompteurs .compteurSmileyNotOk {
	background: url(gfx/curseur_smiley1.png) center no-repeat;
	width: 42px;
	height: 42px;
	position: absolute;
	top: 15px;
	left: 224px;
	background-size: 70%;
}

.ensembleCompteurs .compteurSmileyOk {
	background: url(gfx/curseur_smiley2.png) center no-repeat;
	width: 42px;
	height: 42px;
	position: absolute;
	top: 15px;
	left: 566px;
	background-size: 70%;
}

.ensembleCompteurs .jaugeConteneur {
	position: absolute;
	top: 0px;
	left: 230px;
	width: 280px;
}

.ensembleCompteurs .jaugeCurseur {
	background: url(gfx/curseur_position.png) right no-repeat;
	width: 76px;
	height: 70px;
	position: absolute;
	left: 0%;
}