https://w2.logikeo.eu/WebProd/Interview/9UR2ZDQ3QLRUY07L9UR1IEOOWX8IJGXJ

스캔 ID:: b1b35092-99ba-4d20-bd6a-16e2f7af99b0완료
제출된 URL:: https://w2.logikeo.eu/WebProd/~obxVREkQY70Br6xhAqooIw리디렉션됨
보고서 완료:: 2024년 12월 19일 10:59:01
링크 · 0개 결과

페이지에서 식별된 외부 링크
JavaScript 변수 · 107개 결과

페이지의 창 개체에 로드된 전역 JavaScript 변수는 함수 외부에서 선언된 변수로, 현재 범위 내에서 코드의 어느 부분에서나 액세스할 수 있습니다
이름	유형
onbeforetoggle	object
documentPictureInPicture	object
onscrollend	object
XmlLoader	function
PlugIn	function
PlugInFile	function
serializeForm	function
replace	function
ErrorStackItem	function
FieldValidator	function
콘솔 로그 메시지 · 1개 결과

웹 콘솔에 기록된 메시지
유형	카테고리	로그
error	network	URL https://w2.logikeo.eu/favicon.ico 텍스트 Failed to load resource: the server responded with a status of 404 ()
HTML

페이지의 원시 HTML 본문
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!-- Askia covers all your survey needs, whether CAPI, CATI or CAWI. More information is available on http://www.askia.com. --><html xmlns="http://www.w3.org/1999/xhtml"><head>
		<meta name="GENERATOR" content="AskiaExt">
		<meta name="Copyright" content="Copyright (c) Askia">
		<style type="text/css"> /* Empty style used by the AskiaScript */ </style>
		<script type="text/javascript" src="https://w2.logikeo.eu/WebProd/Scripts\\WebprodScript.min.js"></script>
		<script type="text/javascript">
			 try {
				AskiaScript.pathOfScripts='https://w2.logikeo.eu/WebProd/Scripts\\';
				AskiaScript.languageId=1036;
				AskiaScript.regional = { dateFormat : "dd/MM/yyyy", decimalSeparator : ",", thousandSeparator : " " };
				AskiaScript.skinName="AskiaTemplate";
				AskiaScript.load(1.2, false, false);
			 } 
			 catch(ex){} 
		</script><script language="javascript" src="https://w2.logikeo.eu/WebProd/Scripts\SKINS/AskiaTemplate/AskiaTemplate.js"></script><script language="javascript" src="https://w2.logikeo.eu/WebProd/Scripts\/Translation.1036.js"></script><link rel="stylesheet" href="https://w2.logikeo.eu/WebProd/Scripts\WebprodScript.min.css">
		<script type="text/javascript">function loadFormAskia(){}</script>
		<title>Logikeo</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">

<style>
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&family=Source+Sans+Pro:wght@100&display=swap');
</style>

<style type="text/css">
::selection {
    background: #000000;
    color: #FFF;
}
  html {
	height: 100%;
	margin:0;
	padding:0;
	//background: url(https://w2.logikeo.eu/WebProd/Resources/J0623_APEC_CADRE/bg.jpg) no-repeat center fixed; 
	-webkit-background-size: cover; /* For old Chrome and Safari */
	-ms-background-size: cover; /* For old IE */
	background-size: cover;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
  }
  body {
	/*background-color: ##000000;*/
	margin: 0px;
	padding: 0px;
	-webkit-tap-highlight-color: transparent;
  }

  /* Global font family - font size and color for the responses*/
  body, td, th, div, p, pre, a, span, li, input, select, textarea, label, legend {
	//font-family: arial,tahoma,verdana,sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Source Sans Pro', sans-serif;
	font-size: 14 px;
	line-height: 1.3em;
	outline: none;
	text-decoration: none;
  }
  a:link{
	text-decoration:none;
  }
  a:hover{
	text-decoration:underline;
  }
  a:visited{
	text-decoration:none;
  }
  table {
	border-collapse: collapse;
	border-spacing: 0;
  }
  .grid {
	width: 100%;
  }

  .myresponse {
	color: #000000;
	padding: 10px;
	font-size: 1.0em;
	text-decoration: none;
	border: 1px solid #bbb;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	transition: all ease-in-out .4s;
   }
  .myresponseclassic {
	color: #000000;
	padding: 5px;
	font-size: 1.0em;
	text-decoration: none;
	transition: all ease-in-out .4s;
   }
  .gridmyresponse, .gridmyresponseheader, .gridmyresponseclassic {
	background-color: #ffffff;
	color: #000000;
	font-size: 1.0em;
	margin-bottom: 0px;
	padding: 10px;
	text-decoration: none;
	border: 1px solid #bbb;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	transition: all ease-in-out .4s;
   }
  .gridmyresponse:hover {
	background-color: #f7f7f7;
	cursor:pointer;
   }

  .gridmyresponseclassic {
	cursor:pointer;
  }

  /* Numerical and Open ended on one row */
  input[type="text"] {
	background-color: #ffffff;
	border: 1px solid #bbb;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-align: left;
	font-size: 1.0em;
               display: block;
               margin: auto;
  }

 input[type="number"] {
	background-color: #ffffff;
	border: 1px solid #bbb;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-align: left;
	font-size: 1.0em;
               //display: block;
               margin-left: auto;
}

  input[type="text"]:hover, input[type="number"]:hover {
	
  }
  input[type="text"]:focus, input[type="number"]:focus {
	border: 1px solid #DF4335;
  }

  /* Open ended on several rows */
  textarea {
	width:70%;
	background-color: #ffffff;
	border: 1px solid #bbb;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 1.0em;
	padding:5px;
                display: block;
                margin-left: auto;
                margin-right: auto;
  }
  textarea:hover {
	
  }

  textarea:focus {
	border: 1px solid #000000;
  }


  /* Question caption */
  #question {
	color: #00013D;
	font-size: 1.45em;
	padding: 1.3em 0 1.2em 1.3em;
                font-weight: bold;
  }
.questionlabel {
	font-size: 16px;
	color: #F5F5F5;
	margin: 1em 0;
}
  #chapter {
	color: #000000;
	font-size: 1.45em;
	padding: 1em 0 1em 1em;
  }

  /* Label caption */
  .label {
	color: #000000;
	font-size: 1.45em;
	padding: 0 1.5em 2em;
  }
  /* Error message */
  #error-summary {
	color: #DF4335;
	font-size: 1.1em;
	text-align: center;
  }
  
  /* Empty row and separator*/
  .empty-row {
  	height:0.5em;
  }
  .separator {
	line-height: 0.6em;
	border-bottom: 1px solid #cfcfcf;
  }
  
  /* mainframe structure */
  #mainframe {
	position: absolute;
	width: 100%;
	overflow: visible;
	/*background-color: #eeeeee;*/
  }
  
  /* header structure */
  #headercontainer {
	position: relative;

	max-width: 1100px;

	margin: 0 auto;
                  margin-top: 30px;
//	padding: 15px;



  }
  #headercontent {
	height: auto;

	padding: 0 10px 0 10px;

	margin: 0 5px 0 5px;
	/*background: #ffffff;

	border: 1px solid #000000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 2px 2px 8px #9f9f9f;

	-webkit-box-shadow: 2px 2px 8px #9f9f9f;

	box-shadow: 2px 2px 8px #9f9f9f;*/
  }
  #header{
	width: 100%;
  }
  #header ul{
	display: block;
  }
  #header, #header li{
	list-style: none;
	display: inline-block;
	margin: 0;
	padding: 0;
  }
  #lileft{
	width:33%;
	float: left;
	text-align: left;
  }
@media screen and (max-width: 640px) {
  #lileft{
	width:50%;
}
}
@media screen and (max-width: 400px) {
  #lileft{
	width:100%;
}
}
  #lileft img {
	/*height: 45px;*/
  }
  #limiddle {
	width:33%;
	float: left;
	text-align: center;
  }
  #liright {
	width:33%;
	float: right;
	text-align: right;
  }
  
   /* progress bar structure */
  #progress{
	width: 100%;
  }
  #progress ul{
	display: block;
	height: 30px;
  }
 #progress, #progress li {
	list-style: none;
	display: inline-block;
	margin: 0;
	padding: 0;
  }

  #liprogress {
	float: right;
	width: 200px;
	height: 25px;
	text-align: center;
	background-color: #ffffff;
	border: 1px solid #000000;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin-top: 15px;
font-size:16px; 
color: #000000;
  }
  #liprogress div {
	height: 100%;
	background-color: #000000;
                color: #ffffff;
  }
.progressbar {
font-size: 16px;
line-height: 1.5em;
}

  /* frame structure */
  .framecontainer {
	position: relative;
	max-width: 1200px;

	top: -15px;
	margin: 0 auto;
  }
  .framecontent {
	min-height: 150px;
    padding: 20px 0px 0px 0px;
    margin: 20px auto auto auto;
    width: 95%;
	background: rgba(255,255,255,0.5);
	border: 0px solid #1C5D74;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;


 -moz-box-shadow: 2px 2px 12px #000000;
    -webkit-box-shadow: 2px 2px 12px #000000;
    box-shadow: 2px 2px 12px #000000;



  }
  
  /* navigation button structure */
  #navcontainer{
	display: inline-block;
	text-align: center;
	margin: 0;
	padding: 0;
	width: 100%;
  }
  #navcontent {
	max-width: 1100px;
	margin: 0 auto;
	padding: 2em 0;
  }
  #navcontentleft {
	display:inline;
	float: left;
	width: 5%;
	text-align: left;
	padding: 0;
  }
  #navcontentmiddle {
	display:inline;
	float: left;
	width: 89%;
	text-align: center;
	padding: 0;
  }
  #navcontentright {
	display:inline;
	float: left;
	width: 5%;
	text-align: right;
	padding: 0;
  }
  #navseparator {
	display: inline;
	margin: 0 4% 0 4%;
  }

.btnNext {
    background-color: #000000;
    -webkit-box-shadow: 0px 1px rgba(255,255,255,0.5) inset;
    -moz-box-shadow: 0px 1px rgba(255,255,255,0.5) inset;
    box-shadow: 0px 1px rgba(255,255,255,0.2) inset;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 2px;
    border: 1px solid #000000;
    font-size: 22px;
    color: #ffffff;
    font-weight: bold;
    width: 125px;
    height: 45px;
    -webkit-appearance: none;
    transition: color ease-in .15s, background-color ease-in .15s;
}
.btn {
    background-color: transparent;
    border: 2px solid #000000;
    color: #000000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 2px;
    font-size: 22px;
    font-weight: bold;
    width: 125px;
    height: 45px;
    -webkit-appearance: none;
    transition: color ease-in .15s, background-color ease-in .15s;
}
  .btnNext:hover {
    	background-color: #FFF;
    	border: 1px solid #000000;
                  color: #000000;
	cursor: pointer;
	-webkit-appearance: none;
  }
  .btn:hover {
    	background-color: #000000;
	color: #ffffff;
    	border: 1px solid #000000;
	-webkit-box-shadow: 0px 1px rgba(255,255,255,0.5) inset;
    	-moz-box-shadow: 0px 1px rgba(255,255,255,0.5) inset;
    	box-shadow: 0px 1px rgba(255,255,255,0.2) inset;
	cursor: pointer;
	-webkit-appearance: none;
  }

  .media-capture {
	background: #3b88d8;
    	background: -moz-linear-gradient(0% 100% 90deg, #377ad0, #52a8e8);
    	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#52a8e8), to(#377ad0));
    	/* border-top: 1px solid #4081af;
    	border-right: 1px solid #2e69a3;
    	border-bottom: 1px solid #20559a;
    	border-left: 1px solid #2e69a3;*/
    	-moz-border-radius: 2px;
    	-webkit-border-radius: 2px;
    	border-radius: 2px;
    	-moz-box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3;
    	-webkit-box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3;
    	color: #fff;
    	font-family: "lucida grande", sans-serif;
    	font-size: 16px;
    	font-weight: normal;
    	line-height: 2;
    	padding: 4px 0 6px 0;
    	text-align: center;
    	text-shadow: 0 -1px 1px #3275bc;
    	width: 100%;
	height: 50px;
	margin: 40px auto;
    	-webkit-background-clip: padding-box;
  }

  .media-capture:hover {
    	background: #2a81d7;
    	background: -moz-linear-gradient(0% 100% 90deg, #206bcb, #3e9ee5);
    	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3e9ee5), to(#206bcb));
    	-moz-box-shadow: inset 0 1px 0 0 #62b1e9;
    	-webkit-box-shadow: inset 0 1px 0 0 #62b1e9;
    	cursor: pointer;
    	text-shadow: 0 -1px 1px #1d62ab;
    	-webkit-background-clip: padding-box;
  }

  .media-capture:active {
    	background: #3282d3;
    	-moz-box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 #fff;
    	-webkit-box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 #fff;
    	text-shadow: 0 -1px 1px #2361a4;
    	-webkit-background-clip: padding-box;
  }

  .media-capture div {
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: bold;
  }
@media screen and (max-width: 640px) {
  #question {
	padding: 0.5em 0 1em 0.5em;
  }
.questionlabel {
	margin: 0.5em 0;
}
  #chapter {
	padding: 0.5em 0 1em 0.5em;
  }
  .label {
	padding: 0.5em 0 1em 0.5em;
  }
.btnNext, .btn {
    width: 90px;
}
}

@media screen and (max-width: 399px) {
#liprogress {
width: 98%;
MARGIN: AUTO;
FLOAT: NONE;
}

                .myresponse{
                             padding: 7px;
}
}

#askia-chapters.default, #askia-chapters.default li {
 list-style-type:none;
 padding:0;
 margin:0;
 clear:both;
 }
 #askia-chapters.default .askia-chapter {
 margin-bottom:5px;
 }
 #askia-chapters.default .askia-chapter, #askia-chapters.default .askia-chapter-progress {
 float:left;
 }

#askia-chapters.default .askia-chapter-progress {
 position:relative;
 top:6px;
 margin-left:15px;
 border:1px solid #bbb;
 width:50px;
 height:10px;
 }
 #askia-chapters.default .askia-chapter-progress div {
 background:#DF4335;
 height:100%;
 }

#navigationChapter {
 margin: 0 auto;
 padding: 5px 0 5px 10px;
 border-radius: 3px;
 background: rgb(40, 59, 73);
 -webkit-box-shadow: 0px 1px rgba(255,255,255,0.5) inset;
 -moz-box-shadow: 0px 1px rgba(255,255,255,0.5) inset;
 box-shadow: 0px 1px rgba(255,255,255,0.2) inset;
 border: 1px solid rgb(40, 59, 73);
 text-shadow: 0px -1px 0px rgb(0, 0, 0);
 color: rgb(221, 221, 221);
 /*font-weight: bold;*/
 transition: all ease-in-out .1s;
 }
 #navigationChapter:hover {
 color: #FFFFFF;
 text-decoration: none;
 -webkit-box-shadow: 0px 1px rgba(255,255,255,0.5) inset;
 -moz-box-shadow: 0px 1px rgba(255,255,255,0.5) inset;
 box-shadow: 0px 1px rgba(255,255,255,0.2) inset;
 background: #000000;
 cursor: pointer;
 }

#navigationCursor {
 color: #FFFFFF;
 }
.select:hover {
 cursor: pointer;
 }
.default#askia-chapters {
 background-color: rgba(255,255,255, .7);
 border-top: 1px solid transparent;
 border-right: 1px solid #bbb;
 border-bottom: 1px solid #bbb;
 border-left: 1px solid #bbb;
 -moz-border-radius-bottomright: 2px;
 -webkit-border-bottom-right-radius: 2px;
 border-bottom-right-radius: 2px;
 -moz-border-radius-bottomleft: 2px;
 -webkit-border-bottom-left-radius: 2px;
 border-bottom-left-radius: 2px;
 }
 .default#askia-chapters li {
 font-size:0.9em;
 height: 22px;
 line-height: 22px;
 padding: 5px 5px 0 20px;
 border-bottom: 1px solid #bbb;
 transition: all ease-in-out .1s;
 }
 .default#askia-chapters li:hover {
 background-color: #ffffff;
 cursor: pointer;
 }
 .default#askia-chapters li a, .default#askia-chapters li a:hover {
 color: #000000;
 text-decoration: none;
 }
 .askia-chapter {
 width: 145px;
 }
 .default#askia-chapters .askia-chapter-progress {
 top: 3px;
 }
</style><style type="text/css">#question {
    padding: 2em 2em 1.2em 2em;
    text-align: justify;
}


button.close-icon {
    display: none;
}

#adc_1 {
visibility: visible;max-width: 98%;width: 100%;margin: 0px auto;
}


#adc_1 td, #adc_1 th {
    border: 1px solid rgba(211,211,211,1.0);
}

#adc_1 td:last-child, #adc_1 th:last-child {
    border-right: ;
}

.precision {

	padding-left:1em;
	padding-right:1em;
                margin-right: auto;

}

  .label232 {
vertical-align: middle;
padding: 10px;
                  max-width:98%;
                  margin: 0 auto;
margin-bottom: 10px;
margin-top: 25px;
	color: #000;
	padding: 1em;
                  border-radius: 2px;
                  box-shadow: 2px 2px 5px 2px #f5f0f0;
font-family: arial,tahoma,verdana,sans-serif;
    line-height: 1.0em;
    outline: none;
    text-decoration: none;
    font-weight: bold;
background-color: #ba9f6c;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ba9f6c), to(#9b795a));
    background-image: -webkit-linear-gradient(top, #ba9f6c, #9b795a);
    background-image: -moz-linear-gradient(top, #ba9f6c, #9b795a);
    background-image: -o-linear-gradient(top, #ba9f6c, #9b795a);
    background-image: -ms-linear-gradient(top, #ba9f6c, #9b795a);
    background-image: linear-gradient(top, #ba9f6c, #9b795a);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ba9f6c', EndColorStr='#9b795a');
    color: #FFFFFF;
    text-align: center;
    font-size: 22px;
  }
  .label2 {
vertical-align: middle;
padding: 10px;
                  max-width:80%;
                  margin: 0 auto;
margin-bottom: 10px;
margin-top: 25px;
	color: #000;
	padding: 1em;
                  border-radius: 2px;
                  box-shadow: 2px 2px 5px 2px #bbbbbb;
font-family: arial,tahoma,verdana,sans-serif;
    line-height: 1.0em;
    outline: none;
    text-decoration: none;
    font-weight: bold;
background-color: #ffffff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255,255,255)), to(rgb(255,255,255)));
    background-image: -webkit-linear-gradient(top, rgb(255,255,255), rgb(255,255,255));
    background-image: -moz-linear-gradient(top, rgb(255,255,255), rgb(255,255,255));
    background-image: -o-linear-gradient(top, rgb(255,255,255), rgb(255,255,255));
    background-image: -ms-linear-gradient(top, rgb(255,255,255), rgb(255,255,255));
    background-image: linear-gradient(top, rgb(255,255,255), rgb(255,255,255));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#ffffff');
    color: #444444;
    text-align: center;
    font-size: 22px;
  }

.verticaltable {
    max-width: 70%;
}




.img-responsive {
    max-width: 100%;
    height: auto;
}
#adc_1 .response_text {
font-weight: bold;
}
#adc_1 .respLabel {
    font-weight: bold;
}
#adc_1 .statement {
MAX-WIDTH: 99%;
}
#adc_2 .response_text {
font-weight: bold;
}
#adc_1 .statement_text{
font-weight: bold;
}
.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.question {
font-size: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
vertical-align: middle;
font-weight: bold;
padding-bottom: 20px;
}

.question_intro {
font-size: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
vertical-align: middle;
font-weight: bold;
padding-bottom: 20px;
}
.question_label {
font-size: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
font-weight: normal;
}

.question_consigne {
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
vertical-align: middle;
font-weight: normal;
padding-top: 20px;
padding-bottom: 20px;
font-style: italic;
}
.reponse_item {
MARGIN-TOP: 20px;
margin: auto;
font-size: 14px;
color: #3E647E;
font-family: Verdana, Arial, Helvetica, sans-serif;
vertical-align: middle;
display: block;
}
.reponse_bloc {
MARGIN-TOP: 20px;
margin: auto;
font-size: 14px;
color: #3E647E;
font-family: Verdana, Arial, Helvetica, sans-serif;
vertical-align: middle;
display: block;
max-width: 95%;
}

.reponse_ouverte {
MARGIN-TOP: 20px;
margin: auto;
font-size: 14px;
color: #3E647E;
font-family: Verdana, Arial, Helvetica, sans-serif;
vertical-align: middle;
display: block;
max-width: 900px;
}

.reponse_numerique {
MARGIN-TOP: 20px;
margin: auto;
font-size: 16px;
color: #3E647E;
font-family: Verdana, Arial, Helvetica, sans-serif;
vertical-align: middle;
//display: flex;
}

.label {
MARGIN-TOP: 2px;
margin-bottom: 10px;
MARGIN-LEFT: 75px;
font-size: 14px;
color: #55BCBE;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
vertical-align: middle;
font-weight: bold;
}




.transbox {
    background-color: #ffffff;
    opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */
}

.transbox2 {
    background-color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=1); /* For IE8 and earlier */
}



#adc_1 .selected, #adc_1 .selected:hover {
    border: 1px solid #beb187 !important;
    background: #beb187 !important;
    background: -moz-linear-gradient(top, #beb187 0,#beb187 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#beb187), color-stop(100%,#beb187)) !important;
    background: -webkit-linear-gradient(top, #beb187 0%,#beb187 100%) !important;
    background: -o-linear-gradient(top, #beb187 0%,#beb187 100%) !important;
    background: -ms-linear-gradient(top, #beb187 0%,#beb187 100%) !important;
    background: linear-gradient(to bottom, #beb187 0%,#beb187 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#beb187, endColorstr=#beb187,GradientType=0 ) !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    color: rgba(255,255,255,1.0) !important;
    transition: all ease-in-out .5s;
}


#adc_1 .responseItem.selected {
    border: 1px solid #beb187 !important;
    background: #beb187 !important;
    background: -moz-linear-gradient(top, #beb187 0,#beb187 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#beb187), color-stop(100%,#beb187)) !important;
    background: -webkit-linear-gradient(top, #beb187 0%,#beb187 100%) !important;
    background: -o-linear-gradient(top, #beb187 0%,#beb187 100%) !important;
    background: -ms-linear-gradient(top, #beb187 0%,#beb187 100%) !important;
    background: linear-gradient(to bottom, #beb187 0%,#beb187 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#beb187, endColorstr=#beb187,GradientType=0 ) !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    transition: all ease-in-out .5s;
}



#adc_2 .responseItem.selected {
    border: 1px solid #beb187 !important;
    background: #beb187 !important;
    background: -moz-linear-gradient(top, #beb187 0,#beb187 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#beb187), color-stop(100%,#beb187)) !important;
    background: -webkit-linear-gradient(top, #beb187 0%,#beb187 100%) !important;
    background: -o-linear-gradient(top, #beb187 0%,#beb187 100%) !important;
    background: -ms-linear-gradient(top, #beb187 0%,#beb187 100%) !important;
    background: linear-gradient(to bottom, #beb187 0%,#beb187 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#beb187, endColorstr=#beb187,GradientType=0 ) !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    transition: all ease-in-out .5s;
}



#adc_1 .statement_text {
    font-weight: bold;
}
#adc_1 .statement_text {
    display: block;
    font-size: 14px;
    text-align: left;
    color: rgb(68,68,68);
    padding: 10px;
    line-height: 140%;
}

#adc_1 .statement.ranked .statement_text, 
#adc_1 .statement.ranked .rank_text {
    font-size: 1em;
}

#adc_1 .statement {
    border: 1px solid rgb(161,167,173);
    background: rgb(247,247,247);
    background: -moz-linear-gradient(top, rgb(247,247,247) 0%, rgb(247,247,247) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(247,247,247)), color-stop(100%,rgb(247,247,247)));
    background: -webkit-linear-gradient(top, rgb(247,247,247) 0%,rgb(247,247,247) 100%);
    background: -o-linear-gradient(top, rgb(247,247,247) 0%,rgb(247,247,247) 100%);
    background: -ms-linear-gradient(top, rgb(247,247,247) 0%,rgb(247,247,247) 100%);
    background: linear-gradient(to bottom, rgb(247,247,247) 0%,rgb(247,247,247) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#f7f7f7, endColorstr=#f7f7f7,GradientType=0 );
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#adc_1 .selected, #adc_1 .selected:hover {
    border: 1px solid #beb187 !important;
    background: #beb187 !important;
    background: -moz-linear-gradient(top, #beb187 0,#beb187 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#beb187), color-stop(100%,#beb187)) !important;
    background: -webkit-linear-gradient(top, #beb187 0%,#beb187 100%) !important;
    background: -o-linear-gradient(top, #beb187 0%,#beb187 100%) !important;
    background: -ms-linear-gradient(top, #beb187 0%,#beb187 100%) !important;
    background: linear-gradient(to bottom, #beb187 0%,#beb187 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#beb187, endColorstr=#beb187,GradientType=0 ) !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    transition: all ease-in-out .5s;
}



#adc_1 .statement.ranked {
    border: 1px solid #beb187 !important;
    background: #beb187 !important;
    background: -moz-linear-gradient(top, #beb187 0,#beb187 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#beb187), color-stop(100%,#beb187)) !important;
    background: -webkit-linear-gradient(top, #beb187 0%,#beb187 100%) !important;
    background: -o-linear-gradient(top, #beb187 0%,#beb187 100%) !important;
    background: -ms-linear-gradient(top, #beb187 0%,#beb187 100%) !important;
    background: linear-gradient(to bottom, #beb187 0%,#beb187 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#beb187, endColorstr=#beb187,GradientType=0 ) !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    transition: all ease-in-out .5s;
}

#adc_1 .responseItem {
    border: 1px solid rgb(161,167,173);
    background: rgb(247,247,247);
    background: -moz-linear-gradient(top, rgb(247,247,247) 0%, rgb(247,247,247) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(247,247,247)), color-stop(100%,rgb(247,247,247)));
    background: -webkit-linear-gradient(top, rgb(247,247,247) 0%,rgb(247,247,247) 100%);
    background: -o-linear-gradient(top, rgb(247,247,247) 0%,rgb(247,247,247) 100%);
    background: -ms-linear-gradient(top, rgb(247,247,247) 0%,rgb(247,247,247) 100%);
    background: linear-gradient(to bottom, rgb(247,247,247) 0%,rgb(247,247,247) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#f7f7f7, endColorstr=#f7f7f7,GradientType=0 );
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#adc_1 .response_text {
    display: block;
    font-size: 14px;
    text-align: left;
    color: rgb(68,68,68);
    padding: 10px;
    line-height: 140%;
}</style>
	</head>
	<body onload="loadFormAskia();" style="">
<div id="mainframe">
<div class="empty-row">&nbsp;</div>
<div id="headercontainer">
	<div id="headercontent">
		<div class="empty-row">&nbsp;</div>

		<ul id="header">
			<li id="lileft"><img class="img-responsive" src="https://w2.logikeo.eu/WebProd/Resources/J0623_APEC_CADRE/logo_viavoice.png" title="" alt="ViaVoice"></li>
			<li id="limiddle"></li>
			<li id="liright"></li>
		</ul>
		<div class="empty-row">&nbsp;</div>
	</div>
</div>
<div class="framecontainer">

	<br>
	<div class="framecontent">


<form name="FormAskia" action="https://w2.logikeo.eu/WebProd/cgi-bin/AskiaExt.dll?Action=DoInterview&amp;Survey=9UR2ZDQ3QLRUY07L&amp;Intvw=9UR1IEOOWX8IJGXJ" method="post" accept-charset="UTF-8">
	<input name="iehack" type="hidden" value="☠">
	<input type="hidden" name="Action" value="CommitScreen">
	<input type="hidden" name="Survey" value="00027CDX0Y7DOYA2">
	<input type="hidden" name="Intvw" value="9UR1IEOOWX8IJGXJ">
	<input type="hidden" name="Position" value="37">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
	<tbody><tr>
		<td id="chapter" class="askia-caption37 askia-question-label askia-question-37"> Bonjour,<br><br> 
Viavoice souhaite vous interroger sur votre parcours professionnel.<br><br> 
Nous vous informons que toutes les données recueillies resteront strictement confidentielles. Ces données seront utilisées uniquement par l’institut Viavoice, de façon anonyme, dans le but de réaliser des traitements statistiques.

</td>
	</tr>
</tbody></table>
<div id="navcontent">
	<ul id="navcontainer">
		<li id="navcontentleft">&nbsp;</li>
		<li id="navcontentmiddle"><input type="submit" title="Retour" value="<<" class="btn" style="display:none" name="Previous"><input type="submit" title="Suivant" value=">>" class="btnNext" name="Next">		</li>
		<li id="navcontentright">&nbsp;</li>
	</ul>
</div><input type="submit" value="<>" style="visibility:hidden" name="askiaStay">
<script type="text/javascript">
	try {
		//Mode to display the error when it's detected
		ErrorStack.displayMode=eErrorDisplayMode.none;

		//Mode to display the summary of errors messages on validation
		ValidatorSummary.mode=eValidatorSummaryMode.NONE;
	}
	 catch(ex){/* Do Nothing */}
</script>
<!-- Initialize all questions when the page is loaded -->
<script type="text/javascript">
/* <![CDATA[ */
	try {
		QuestionHandler.add(new Question(37,'Intro1','Intro1',eQuestionType.chapter,false,false)).init();

	}
	catch(ex){/* Do Nothing */}
/* ]]> */
</script>

		</form>	
</div></div>
</div>
<div id="liprogress" title="Int(PrctDone)%"><div class="progressbar" style="width: 0%;">&nbsp;</div></div>
<script type="text/javascript">
$(document).ready(function() {

	$("#askia-chapters").hide();
	$("#navigationChapter").click(function(){
 
 		if($("#askia-chapters").is(":visible")){
 			$("#askia-chapters").hide("fast");
 			$("#navigationCursor").html("&nbsp;+&nbsp;&nbsp;");
 		} else {
 			$("#askia-chapters").show("fast");
 			$("#navigationCursor").html("&nbsp;-&nbsp;&nbsp;");
 		}

	});

	$("#askia-chapters").on("click","li",function() {
 		$(this).find(".askia-chapter").click();
 	});

	$(".myresponse:has(input)").css("background-color","rgba(247,247,247,0.7)");
	$(".myresponse:not(:has(input))").css("display","none");

	function colorResponse(){

		$(".myresponse:has(input)").each(function(e) {
			var selectedInput;
			selectedInput = 0;
			$(this).find("input").each(function(e) {
				if ($(this).is(":checked")) {
					selectedInput = 1;
				}
			});
			
			if (selectedInput == 1) {
				$(this).css("background-color","#007CC4");
				$(this).css("color","#ffffff");
			} else {
				$(this).css("background-color","rgba(247,247,247,0.7)");
				$(this).css("color","#283B49");
			}
		});

	}

	function colorGridResponse(){

		$(".gridmyresponse:has(input)").each(function(e) {
			var selectedInput;
			selectedInput = 0;
			$(this).find("input").each(function(e) {
				if ($(this).is(":checked")) {
					selectedInput = 1;
				}
			});
			
			if (selectedInput == 1) {
				$(this).css("background-color","#007CC4");
				$(this).css("color","#ffffff");
			} else {
				$(this).css("background-color","");
				$(this).css("color","#283B49");
			}
		});

	}

	$(".myresponse:has(input)").hover(function(){
		if ($(this).find("input").is(":checked")) {
			$(this).css("background-color","#007CC4");
		} else {
			$(this).css("background-color","#ffffff");
			$(this).css("color","#283B49");
		}
		$(this).css("cursor","pointer");
    	},function() {
		colorResponse();
	});

	$(".myresponse").click(function(){
		$(this).find("span").get(0).click();
		colorResponse();
    	});

	$(".myresponse input").click(function(event) {
		if ($(this).is("[type=text]")) {
			event.stopPropagation();
			$(this).focus();
		}
		colorResponse();
	});

	$(".myresponse span").click(function(event) {
		
		colorResponse();
	});

	$(".myresponseclassic:has(input)").hover(function(){
		if ($(this).find("input").is(":checked")) {
			$(this).css("background-color","#007CC4");
		} else {
			$(this).css("background-color","#ffffff");
			$(this).css("color","#283B49");
		}
		$(this).css("cursor","pointer");
    	},function() {
		$(this).css("background-color","");
	});

	$(".myresponseclassic").click(function(){
		$(this).find("span").get(0).click();
    	});

	$(".myresponseclassic input").click(function(event) {
		if ($(this).is("[type=text]")) {
			event.stopPropagation();
			$(this).focus();
		}
	});

	$(".myresponseclassic span").click(function(event) {
		
	});

	$(".gridmyresponse").click(function(){
		colorGridResponse();
    	});
	
	$(".gridmyresponse span").click(function() {
		colorGridResponse();
 	});

	$(".gridmyresponse input").click(function(event) {
		colorGridResponse();
 	});

	$(".progressbar").animate({
		width:"0%"
		},
		/* Possible value "slow", "normal", "fast" or in milliseconds "500" 0.5 ms */
		"500"
	);

	colorResponse();
	colorGridResponse();

});
</script>

<script>
var i;

$( "textarea" )
  .focusout(function() {

  var inputs = document.getElementsByTagName("textarea");
for (i = 0; i < document.getElementsByTagName('textarea').length; i++) { 
   inputs[i].value = inputs[i].value.split(';').join(',')
}
  })
</script>
<script type="text/javascript">






</script>
	
</body></html>