/*---------------------------------GENERAL LAYOUT---------------------------------*/

body,td,th, form {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana,Geneva,sans-serif;
	font-size: 0.75em;
	color:#333333;
	cursor: default;
}
body{
	text-align:center;
}
div{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.invisible{
  visibility:hidden;
  display:none;
}
.Page{
	background:url(page-back.png) no-repeat left top;
	background-color:#fff; /*#edf0f1 */
	width:800px;height:100%;
	margin:0px auto 0px auto;
	text-align:left;

}

.apercu{
	background-image:url(preview.png)!important;
	background:transparent url(previewie.png) no-repeat left top;
  height:90px; width:107px; overflow:hidden;
  position:absolute;
  top:0px; left:0px;
  z-index:1000;
  font-size:0px;
  line-height:200px;
}
.scrollingMain{/*height:100%*/}
.header{
	height: 130px; width:100%;
	vertical-align:top;
	background: url() no-repeat center top;
}
    .header .LEFT{
			/*display:none*/
			/*border : 1px solid red;*/
			width:	180px;	
			height:80px;
      float:left;
      cursor:pointer;		
    }
    .header .RIGHT{
    	font-weight: bold;
    	font-size:20px;
    	color:#00609B; /*#521800;*/
    	margin: 130px 20px 5px 34px;
    	text-align: left;
    	vertical-align: bottom;
    }
    
		.flag{
			position:absolute;
			top:100px;
			height:32px;width:777px!important;
			overflow:hidden;
			margin:0px 0px 0px 0px;
			padding:0px 23px 0px 0px;
		}
		.flag div{
			width:30px; height:32px; 
			background:transparent url(flag/fr.png) no-repeat center center; 
			cursor:pointer;
			float:right;
		}
		
		.flag .de{background-image:url(flag/de.png);}
		.flag .en{background-image:url(flag/en.png);}
		.flag .es{background-image:url(flag/es.png);}
		.flag .fr{background-image:url(flag/fr.png);}
		.flag .it{background-image:url(flag/it.png);}
		.flag .pt{background-image:url(flag/pt.png);}
		.flag .nl{background-image:url(flag/nl.png);}
		.flag .sv{background-image:url(flag/sv.png);}
		.flag .ja{background-image:url(flag/ja.png);}
		.flag .zc{background-image:url(flag/zc.png);}
		.flag .zt{background-image:url(flag/zt.png);}
		.flag .tr{background-image:url(flag/tr.png);}
		.flag .gr{background-image:url(flag/gr.png);}
		.flag .ro{background-image:url(flag/ro.png);}
		.flag .th{background-image:url(flag/th.png);}
		.flag .ru{background-image:url(flag/ru.png);}
		.flag .my{background-image:url(flag/my.png);}
		.flag .id{background-image:url(flag/id.png);}
		.flag .cz{background-image:url(flag/cz.png);}
       .flag .sk{background-image:url(flag/sk.png);}

.outerprogress {
			position:absolute;
			top:90px;
	  	height:31px; width:204px;
			margin:0px 0px 0px 550px;
}

	.progress{
	  text-align:left;
	  height:31px; width:204px;
		background:transparent url(progress.gif) no-repeat center center;
		padding:1px 0px 0px 0px;
	}
	  .progress .FRONT{
	    height:10px;width:0%;
			background:transparent url(progressbar.gif) repeat-x top center;
			margin:10px 2px 0px 2px;
	  }
.main{
	vertical-align: top;height:100%;
	padding: 0px 22px 0px 22px;
}

.result{
  background:transparent url(icon-Result.gif) no-repeat center center;
  height:100px;  width:100px;
  position:absolute;
  margin:50px 0px 0px -50px;  
}

.pub{
	width:160px;
	text-align:center;
	padding:80px 10px 0px 0px;
	vertical-align:top;
	
}
.footer{
	height: 150px;
	vertical-align: bottom;
}
.mandatory, .mandatorySign {
	font-weight: bold;
	color: #fff;
}
  .mandatory{
  	visibility:hidden;
  	display:none;
  }
.linkeq{
  height:37px; width:121px;
	background:transparent url() no-repeat center center;
	float:right;
	margin: 0px 18px 8px 0px;
}
.logoclient{
  height:0px; width:0px;
}
#logo{
	text-align:center;
	height:100px;
	width: 800px;
	padding:0px 0px 0px 0px;
	margin:auto;
	position:absolute;
	top:11px;

}.button{
	height: 40px; width: 100%;
}
  .button .FRONT{
  	text-align:center;
  	v-align:middle;
  }
    BUTTON{
    	background:#FFFFFF;
    	height:30px; width:130px;
    	border:none;
    	cursor:pointer;
    }

    .BtnBack-de {background-image:url(btn/back-de.png);}
    .BtnBack-en {background-image:url(btn/back-en.png);}
    .BtnBack-es {background-image:url(btn/back-es.png);}
    .BtnBack-fr {background-image:url(btn/back-fr.png);}
    .BtnBack-it {background-image:url(btn/back-it.png);}
    .BtnBack-pt {background-image:url(btn/back-pt.png);}   
    .BtnBack-nl {background-image:url(btn/back-nl.png);}
    .BtnBack-sv {background-image:url(btn/back-en.png);}
    .BtnBack-ja {background-image:url(btn/back-ja.png);}
    .BtnBack-zc {background-image:url(btn/back-en.png);}
    .BtnBack-zt {background-image:url(btn/back-en.png);}
    .BtnBack-tr {background-image:url(btn/back-tr.png);}
    .BtnBack-gr {background-image:url(btn/back-en.png);}
    .BtnBack-ro {background-image:url(btn/back-en.png);}
    .BtnBack-th {background-image:url(btn/back-en.png);}
    .BtnBack-ru {background-image:url(btn/back-en.png);}
    .BtnBack-my {background-image:url(btn/back-en.png);}
    .BtnBack-id {background-image:url(btn/back-en.png);}
    .BtnBack-cz {background-image:url(btn/back-cz.png);}
    .BtnBack-sk {background-image:url(btn/back-cz.png);}
        
    .BtnSave-de {background-image:url(btn/next-de.png);}
    .BtnSave-en {background-image:url(btn/next-en.png);}                            
    .BtnSave-es {background-image:url(btn/next-es.png);}
    .BtnSave-fr {background-image:url(btn/next-fr.png);}
    .BtnSave-it {background-image:url(btn/next-it.png);}
    .BtnSave-pt {background-image:url(btn/next-pt.png);}
    .BtnSave-nl {background-image:url(btn/next-nl.png);}
    .BtnSave-sv {background-image:url(btn/next-en.png);}
    .BtnSave-ja {background-image:url(btn/next-ja.png);}
    .BtnSave-zc {background-image:url(btn/next-en.png);}
    .BtnSave-zt {background-image:url(btn/next-en.png);}
    .BtnSave-tr {background-image:url(btn/next-tr.png);}
    .BtnSave-gr {background-image:url(btn/next-en.png);}
    .BtnSave-ro {background-image:url(btn/next-en.png);}
    .BtnSave-th {background-image:url(btn/next-en.png);}
    .BtnSave-ru {background-image:url(btn/next-en.png);}
    .BtnSave-my {background-image:url(btn/next-en.png);}
    .BtnSave-id {background-image:url(btn/next-en.png);}
    .BtnSave-cz {background-image:url(btn/next-cz.png);}
    .BtnSave-sk {background-image:url(btn/next-cz.png);}
    
    .BtnUnsubscribe-fr {background-image:url(btn/unsubscribe-fr.png);}    

    .BtnClose-de {background-image:url(btn/close-de.png);}
    .BtnClose-en {background-image:url(btn/close-en.png);}
    .BtnClose-es {background-image:url(btn/close-es.png);}
    .BtnClose-fr {background-image:url(btn/close-fr.png);}
    .BtnClose-it {background-image:url(btn/close-it.png);}
    .BtnClose-pt {background-image:url(btn/close-pt.png);}
    .BtnClose-nl {background-image:url(btn/close-nl.png);}
    .BtnClose-sv {background-image:url(btn/close-en.png);}
    .BtnClose-ja {background-image:url(btn/close-ja.png);}
    .BtnClose-zc {background-image:url(btn/close-en.png);}
    .BtnClose-zt {background-image:url(btn/close-en.png);}
    .BtnClose-tr {background-image:url(btn/close-tr.png);}
    .BtnClose-gr {background-image:url(btn/close-en.png);}
    .BtnClose-ro {background-image:url(btn/close-en.png);}
    .BtnClose-th {background-image:url(btn/close-en.png);}
    .BtnClose-ru {background-image:url(btn/close-en.png);}
    .BtnClose-my {background-image:url(btn/close-en.png);}
    .BtnClose-id {background-image:url(btn/close-en.png);}
    .BtnClose-cz {background-image:url(btn/close-cz.png);}
    .BtnClose-sk {background-image:url(btn/close-cz.png);}
    
    #BtnGetIn {
    	height:30px; width:130px;
    	border:none;
    	cursor:pointer;
    	background:#FFFFFF url(btn/start-fr.png) no-repeat;
    }

.Trans{background:transparent;}





/*---------------------------------SECTION---------------------------------*/
.Section{}
  .Section .Title{}
  .Section .Body{}
  
/*---------------------------------QUESTION---------------------------------*/
.Question, .Section {
	width: 756px;
	margin:0px 0px 10px 0px;
	/*background:#686868 url(question-back.png) repeat-y left top;*/
	background-color:#fff;
  border-bottom: 1px solid #D7D7D7;
}
.Question .info{
    padding:3px 3px 3px 3px;
    font-weight:normal;
    font-size:0.75em;
    font-style:italic;
    color:#000000;/*#636c72;*/
}
  .Question .Title, .Section .Title, .TitleSelected {
background: url(http://www.cxp.fr/sites/all/themes/cxp_default/images/backgrounds/bg-content-title-2.png) repeat-x scroll left top #EDEDED;
border: 1px solid #D7D7D7;
color: #425763;
font-size: 1.417em;
font-weight: bold;
padding: 0.3em 0.5em;
/*  	font-size:12pt;
  	font-weight:bold;
	  padding:7px 4px 4px 15px;
	  text-align:left;
	  background:transparent url(question-top.png) no-repeat left top;
  	color:#FFFFFF;*/
  }
  .TitleSelected {
  	background:transparent url(question-top-selected.png) no-repeat left top;
  }
  .Question .Hint{
    cursor:pointer;
    height:16px; width:32px;
	  background:transparent url(hint.gif) no-repeat center center;
  	float:right;
  }
  .Question .Body, .Section .Body{
    padding:5px 5px 5px 5px;
    border-left: 1px solid #D7D7D7;
    border-right: 1px solid #D7D7D7;
  }
  .Body .Body, .Section .Question
  {
    border-left: 0px!important;
    border-right: 0px!important;
    border-top: 0px!important;
    border-bottom: 0px!important;
  }
  
  .Question .Modality{
    width:auto;
    vertical-align:top;
    padding:0px 0px 3px 0px;
  }
  .Question .Modality label{
    font-weight:normal;
    color:#000000;/*#636c72;*/
    vertical-align:2px;
    
  }
    .TextField{
      background:white;
      border:1px solid #b6c7d1;
    }
    .CommentField{
      width:696px!important; width:100%; overflow:auto;
      background:white;
      border:1px solid #b6c7d1;
    }
    .ImgMod{
    	margin:0px 0px 0px 25px;
    }
    .Others{
      height:18px; width: 200px;
      background:white;
      border:1px solid #b6c7d1;
    	margin:0px 0px 0px 5px;
    }
    .Rank, .HiddenRank{
      cursor:pointer;
      width:40px;
      background:#ECECEC;
      color:#111111;
      font-weight:bold;
      border:1px solid #b6c7d1;
      text-align:center;
    }
    .HiddenRank{
      cursor:default;
    	filter:alpha(opacity=15);
    	opacity:0.15;
  	  -moz-opacity:0.15;
    }
    .DateFieldCalendar{
      background:white;
      border:1px solid #b6c7d1;
      border-width:1px 1px 1px 1px;
      width:100px;height:20px;
    }
    
    .DateFieldCalendarIcon{
			border:0px solid transparent;
			background:transparent url(calendar.gif) no-repeat center center;;
      width:40px;height:20px;
    	cursor:pointer;
    }
    
.noTitle{display:none;}
/*---------------------------QUESTION SOUS SECTION---------------------------*/
.Section .Question {
	width: 696px;
	margin:3px 0px 0px 3px;
	background:transparent none;
  border:0px 0px 0px 0px;
}
  .Section .Question .Title, .Section .TitleSelected {
  	font-size:1em;
  	font-weight:bold;
	  padding:0px 0px 0px 0px;
	  margin:0px 0px 0px 0px;
	  border:0px;
	  border-bottom:1px dotted #D6D6D6;
	  text-align:left;
	  background:transparent none;
  	color:#000;  	
  }
  .Section .TitleSelected {
  	color:#ff0000;
  	border-bottom:2px solid #ff0000;
  }
  .Section .Question .Body{
  	width:100%;
    padding:3px 0px 0px 0px;
    border:0px 0px 0px 0px!important;
		background:transparent none;
		overflow:hidden;
  }
  .Section .Question .Modality{
    font-size:11px;
  }

/*---------------------------------GROUPE DE QUESTIONS--------------------------------*/
.Group{
	width:696px;
}
.GroupFirstCell{
  border:0px solid #b6c7d1;
}
.GroupColumn, .GroupLastCell {
	color:#000000;/*#636c72;*/
	font-weight:bold;
	text-align:center;
  border:0px solid #b6c7d1;
  padding:5px 5px 5px 5px;
  width:auto;
}

.GroupLine {
	color:#000000;/*#636c72;*/
	font-weight:normal;
	text-align:left;
  border:1px solid #b6c7d1;
  border-width:1px 0px 0px 0px;
  padding:3px 5px 3px 5px;
  font-size:11px;
}
.GroupCell {
	/*font-weight:bold;*/
	color:#000000;/*#636c72;*/
	text-align:center;
  border:1px solid #b6c7d1;
  border-width:1px 0px 0px 0px;
  padding:0px 5px 3px 5px;
	/*white-space: nowrap;*/
}


/*--------------------------GROUPE DE QUESTIONS SOUS SECTION--------------------------*/


/*---------------------------------TEXT---------------------------------*/
.Text, .Section .Text {
	border:0px solid transparent;
	width: 696px;
	margin:0px 0px 10px 0px;
}
.Text .Title, .Section .Text .Title {
  font-size:11px;
	font-weight:bold;
	padding:10px 0px 0px 10px;
	background:transparent none;
	border-width:0px 0px 0px 0px;
}
.Text .Body, .Section .Text .Body {
  font-size:11px;
	padding:0px 0px 10px 10px;
}
/*---------------------------------TEXT SOUS SECTION---------------------------------*/

.Section .Text {
	width: 696px;;
	margin:5px 0px 5px 0px;
	background:transparent none;
}
  .Section .Text .Title{
  	font-size:1em;
  	font-weight:bold;
	  padding:0px 0px 0px 0px;
	  margin:0px 0px 5px 0px;
	  border-bottom:2px solid #b6c7d1;
	  text-align:left;
	  background:transparent none;
  	color:#000000;/*#636c72;*/
  }
  .Section .Text .Body{
    	color:#000000;/*#636c72;*/
  	width:100%;
    padding:0px 0px 0px 0px;
		background:transparent none;
		overflow:hidden;
  }
  .Section .Question .Modality{
    font-size:11px;
  }

/*---------------------------------THANKS---------------------------------*/
.Thanks{
	font-size:14px;
	background: transparent;
	border:0px solid #B41010;
	width: 100%;
	text-align:center;
	margin:150px 0px 0px 0px;
}
.Thanks .Title {font-size:18px; margin:0px;}
.Thanks .Body  {font-size:16px; margin:12px 0px 0px 0px;}


.BtnBar{
  height: 40px; width: 100%;
}
.BtnCase{
	text-align:center;
	v-align:middle;
}
.Btn{
	height:30px; width:130px;
	background:#FFFFFF;
	border:none;
	cursor:pointer
}
/*---------------------------------IMAGE---------------------------------*/
.Image{
	width:696px;
	text-align:left;
	padding:25px 0px 10px 0px;
}
.Image .Title{
	padding:0px 0px 0px 0px;
	background:transparent none;
	border-width:0px 0px 0px 0px;
	width:80%;
	text-align:left;
	font-size:11px;
	color:#000000;/*#636c72;*/
	background:transparent none;
}
.Image .Body {width:1px; overflow:visible;	background:transparent none;}
.ImageFile{}

/*---------------------------------FILE---------------------------------*/
.File{
	width: 100%;
	margin:25px 0px 15px 0px;
}
.FileTitle{
	font-weight:bold;
	padding: 5px 5px 2px 2px;
	height:20px;
	border: 1px solid #123069;
	border-width: 0px 0px 1px 0px;
}
.FileInformation{
	font-size: 10px;
	padding: 2px 10px 0px 2px;
	height:93px;
	vertical-align: top;
}
.FileImage{
	width:100px;
  padding:2px 10px 0px 70px;
}

/*-------------------------------------HINT-------------------------------------*/
.Popup{
  width:200px;
	background-image:url(postit.png)!important;
	background:transparent url(postitie.png) no-repeat center bottom;
  position:absolute;
  overflow:hide;
  color:#000000;
  visibility:hidden;
  display:none;
	z-index: 1000;

}
.Popup .body{
	background:transparent none;
	font-size:0.8em;
	font-weight:bold;
  color: #333333;
	margin:0px 5px 0px 5px;
	padding:5px 10px 15px 10px;
	border-top:1px solid #737373;
}
p {margin:0px;padding:0px;}