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

ID de l'analyse :: b1b35092-99ba-4d20-bd6a-16e2f7af99b0Terminée
URL soumise :: https://w2.logikeo.eu/WebProd/~obxVREkQY70Br6xhAqooIwRedirigé
Fin du rapport :: 19 déc. 2024, 10:59:01
Liens : 0 trouvé(s)

Liens sortants identifiés à partir de la page
Variables JavaScript : 107 trouvée(s)

Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
Nom	Type
onbeforetoggle	object
documentPictureInPicture	object
onscrollend	object
XmlLoader	function
PlugIn	function
PlugInFile	function
serializeForm	function
replace	function
ErrorStackItem	function
FieldValidator	function
Messages de journal de console : 1 trouvé(s)

Messages consignés dans la console web
Type	Catégorie	Enregistrement
error	network	URL https://w2.logikeo.eu/favicon.ico texte Failed to load resource: the server responded with a status of 404 ()
HTML

Le corps HTML de la page en données brutes
<!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>