@CHARSET "ISO-8859-1";

/************ Reset CSS ************/
/*
#monQuestionnaire * {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

*/
/****************************************/


#monQuestionnaire {
	font-family: arial;
	font-size: 12px;	
	color:#000;
}

br.clearALL {
	clear:both;	
}






 /************************* Questionnaire ******************************/
 
.page {
	width:100%;
	margin: 10px auto;
}

	.page h1 {
		font-size:18px;	
		color:#0a64aa;
		margin-left: 5px;
	}
	
	
	
	.page .erreur {
		color:#d00;
	}
	
	/**************** Barre de progression *************************************/
	#barre-progression{
		float : right;
		width : 240px;
		position : relative;
		top : 3px;
		right : 20px;
	}
		#barre-progression span{
			float : left;
			font-weight : bold;
			font-size : 12px;
			position : relative;
			top : 2px;
		}
		.progressBarFond{
			float : right;
			width : 150px;
			padding : 1px;
			height : 20px;
			font-size : 12px;
			background : url(../images/module_questionnaire/barre0.png) center left no-repeat; 
		}
			.progressBarFond table{
				border-collapse : collapse;
				
			}
				.progressBarFond table tr td.barre{
					width : 110px;
					background-image : url(../images/module_questionnaire/barre100.png);
					background-repeat : no-repeat;
					height : 20px;
				
				}
				.progressBarFond table tr td.val{
					height : 20px;
					font-weight : bold;
					vertical-align: middle;
					
				}	
	
	
	.page .page-header {
		margin:30px 10px 0px 5px; 
	}
		.page .page-header h2 {
			font-size: 14px;
			float: left;	
			margin: 0px;							
		}
			.page .page-header h2:FIRST-LETTER {
				font-size: 23px;
				color:#0a64aa;									
			}
		.page .page-header #barre-progression {
			float: right;					
		}



	.page form {
		margin:20px 0px; 		  
		clear: both;
	}
	
		.page form .section {
			width: 95%;
			margin:10px 10px 10px 0px;
			padding:5px;
		}


		/************************* Mise en forme des quetions *************************/
		.page form .question {
			/*seb border: 1px solid red;*/
			color: #0a64aa;
		}

			.page form .question .question-header {
				/*position: relative;*/
				/*seb*/
				border-left : solid 1px #cbcac8;
				padding-left : 0px;
				padding-bottom : 5px;
				background : url(../images/module_questionnaire/coinIntitule.png) top right no-repeat #faf9f5;
				/*fin seb*/
			}
			
				.page form .question .question-header .question-header-intitule {
					font-weight: bold;
					/*seb*/
					background : url(../images/module_questionnaire/pixelTopIntitule.gif) top left repeat-x ;
					margin-right:15px;
					padding-top : 5px;
					padding-left : 5px;
					
					text-align: justify;
					/*fin seb*/
				}	
					.page form .question .question-header .question-header-intitule span {
						margin-right: 4px;	
						color: #FF9211;
					}
					
					
				.page form .question .question-header .question-header-indication {
					font-style: italic;
					padding-left : 5px;
					/*seb*/
					
					border-right : solid 1px #cbcac8;
					
					/*fin seb*/
				}
					.page form .question .question-header .question-header-indication span {
						margin-right: 4px;
						display: none;
					}
									
				.page form .question .question-header .iconeAide {
					float: right;
					cursor: pointer;
					margin: 6px 10px 0px 0px;
				 }
				 
				.page form .question .question-header .question-header-aide {
					padding:50px 8px 3px 8px;
					color: #000;
					background: url(../images/module_questionnaire/infoBulleAide.png) top right no-repeat;
					width: 234px;
					height: 197px;
					overflow-x : auto;
					overflow-y: auto;
					z-index : 15;
				}

			.page form .question .question-description {
				/*seb margin:5px 0px;*/
				padding:5px 15px;
				border-right : solid 1px #cbcac8;
				border-left : solid 1px #cbcac8;
				color: #000;
			}	
						
			.page form .question .question-liste-erreurs {
				padding:10px 15px 0px 15px;	
				border-right : solid 1px #cbcac8;
				border-left : solid 1px #cbcac8;		
				color: #d00;
			}
				.page form .question .question-liste-erreurs ul {
					list-style-type: none;
					margin:0px;
				}
					.page form .question .question-liste-erreurs ul li {
						background: url(../images/module_questionnaire/listeErreur.gif) left center  no-repeat;
						padding-left:14px;
					}							 
			
			.page form .question .question-content {
				/*seb margin:5px 15px;*/
				padding:5px 15px 10px 15px;
				border-right : solid 1px #cbcac8;
				border-bottom : solid 1px #cbcac8;
				border-left : solid 1px #cbcac8;
				/*fin seb*/
			}	
			
			.page form .question .question-content input.precision {
				font-size: 100%;
			}
			
			.page form  .boutonSuite {
				margin-top: 20px;
				margin-left: 90%;
			}

		
	.page .bloc-html {
		padding:10px 0px;
	}	
			
			
/* Modalités  */

table.liste-modalites td {
	
}

	table.liste-modalites td.conteneurGroupe {
		vertical-align: top;
	}
	.liste-modalites-groupe {
		margin-bottom: 15px;
	}
	
	.liste-modalites-groupe tr{
		height: 20px;
	}
	.liste-modalites-groupe td {
		
	}	
		.liste-modalites-groupe td.liste-modalites-groupe-titre {
			font-weight: bold;
			color:#8F8F8F;
		}




.numerique {
	text-align: right;
	padding-right: 1px;	
}
                  
               

/* Question Matricielle */


table.question-matricielle {
	width:100%;
	border-spacing:0px;
	border-collapse:collapse;
	color: #000;
	margin-top: 15px;
}
table.question-matricielle thead th {
	background:rgb(224, 232, 239);
	border : solid 1px #cbcac8;
	padding: 3px;
	text-align: center;
	font-weight:bold;
}
table.question-matricielle thead th.vide {
	background:transparent;
	border:0px;
}
table.question-matricielle tbody td {
	text-align:center;
	border : solid 1px #cbcac8;
	padding:3px;
}
table.question-matricielle tbody td.modalite {
	text-align:left;
	background:rgb(255, 211, 159);
	padding-right:15px;

	border-left:0px;
	border-top:0px;
}
table.question-matricielle tbody td.modalite-pair {
	text-align:left;
	background:transparent;
	padding-right:15px;

	
	border-left:0px;
	
}
table.question-matricielle tbody td.saisie {
	background:transparent;	
}
table.question-matricielle tbody td.saisie-pair {
	background:transparent;	
}
table.question-matricielle tbody td.saisie-hoover {
	background: rgb(239, 239, 239);	
}
table.question-matricielle tbody td.saisie-checked {
	background: rgb(239, 239, 239);	
}






/* Question Matricielle Ouverte */


table.question-matricielle-ouverte {
	width:100%;
	border-spacing:0px;
	border-collapse:collapse;
	color: #000;
	margin-top: 15px;
}


table.question-matricielle-ouverte thead th {
	background:rgb(224, 232, 239);
	border : solid 1px #cbcac8;
	padding: 3px;
	text-align: center;
}
table.question-matricielle-ouverte thead th.titre-vide {
	background:transparent;
	border:0px;
}


table.question-matricielle-ouverte tbody td {
	text-align:center;
	border : solid 1px #cbcac8;
	padding:3px;
	background:transparent;
}

table.question-matricielle-ouverte tbody td.item {
	text-align:left;
	padding-right:15px;
}

table.question-matricielle-ouverte tbody td.saisie {
	text-align:left;
	padding-left: 20px;
}
table.question-matricielle-ouverte tbody td.titre-saisies {
	text-align:center;
}

	table.question-matricielle-ouverte tbody td.saisie-numerique input {
		text-align: right;
		padding-right:1px;
	}



/*
table.question-matricielle tbody td {
	text-align:center;
	border : solid 1px #cbcac8;
	padding:3px;
}
table.question-matricielle tbody td.modalite {
	text-align:left;
	background:rgb(255, 211, 159);
	padding-right:15px;

	border-left:0px;
	border-top:0px;
}
table.question-matricielle tbody td.modalite-pair {
	text-align:left;
	background:transparent;
	padding-right:15px;

	
	border-left:0px;
	
}
table.question-matricielle tbody td.saisie {
	background:transparent;	
}
table.question-matricielle tbody td.saisie-pair {
	background:transparent;	
}
table.question-matricielle tbody td.saisie-hoover {
	background: rgb(239, 239, 239);	
}
table.question-matricielle tbody td.saisie-checked {
	background: rgb(239, 239, 239);	
}
*/