/******************************************************************************************************************************/
/******				  Questionnaires  	: moteur de formulaires		*******/
/******************************************************************************************************************************/
.____________________blzQuest____________________{}


.quest:not(.RG){												/* form du formulaire en RUN ou en VISU */
	display:block;						/* FWK! */
	/*height:100%;*/					/* FWK! */
	overflow-y:scroll;					/* FWK! */
	margin:0px;							/* FWK! */
	padding:2px;										/* FWK! */

	&.noscroll{									/* pour formulaires systèmes à taille figée */
		overflow-y:hidden;					/* FWK! */
	}

	&.questVisu{
		overflow:unset;
	}
	
	/* ELEMENT de Formulaire (tous types) */
	& div.elt{						
		margin:2px 0px;						/* FWK! */				/* espacement verticale entre items */
		clear:both;							/* FWK! */
	}
	& div.elt.currentElt{									/* item de formulaire ayant le focus */ 
		background-color: #D7336B;
margin:-2px;padding:2px;
		color:#FFFFFF;
	}

	& div.elt.nbLigne2{
		min-height: 2.5em;
	}
	& div.elt.nbLigne3{
		min-height: 3.5em;
	}
	& div.elt.nbLigne4{
		min-height: 4.5em;

	}
	& div.elt.nbLigne5{
		min-height: 5.5em;
	}

	& .elt.valeurRouge .valeurVisu {
		color: tomato;
	}

	&.questVisu div.elt{
		line-height:initial;   /* FWK! pour firefox */
	}

	.data-group.puce2{
		margin-top:1em;
	}
	.questVisu .elt.puce{
		margin-top:1em;
	}
}
.quest:not(.RG):not(.edit) div.elt.hidden, .quest:not(.RG):not(.edit) fieldset.elt.hidden{				
	display:none;
}



/* -- CONTENEUR : 						propriété [largeurConteneur]   -- */
/* ----------------*/
.____conteneur____{}
.quest:not(.RG) {
	& div.col1,									
	& div.col2,
	& div.col3,	
	& div.col4,
	& div.col9 {	 
	-moz-box-sizing:    border-box;		/* FWK! */
    -webkit-box-sizing: border-box;		/* FWK! */
    box-sizing:        border-box;		/* FWK! */
	margin:0px;							/* FWK! */
	border:0px;						/*(.)*/
	padding:0px 2px 0px 0px;		/*(.)*/
	}
	& div.col1 + div{
		clear:both;							/* FWK! */						/* [largeurConteneur] : Reste */
	}
	& div.col2,
	& div.col3,
	& div.col4,
	& div.col9
	{
		/*display: inline-block;*/		
		float:left;							/* FWK! */	
	}
	& div.col2{													/* [largeurConteneur] : moitié */
		width:50%;							/* FWK! */	
	}
	& div.col3{													/* [largeurConteneur] : Tiers */
		width:33%;							/* FWK! */	
		/*margin-top:2px;*/
	}
	& div.col4{													/* [largeurConteneur] : Quart */
		width:25%;							/* FWK! */	
		/*margin-top:2px;*/
	}

	/* -- ELT : hauteur pour label multiligne -- */
	/* --------------------------------------------*/
	& .multiligne_6{
		height: 7em;
	}
	& .multiligne_5{
		height: 6em;
	}
	& .multiligne_4{
		height: 5em;
	}
	& .multiligne_3{
		height: 4em;
	}
	& .multiligne_2{
		height: 3em;
	}

	/* -- PUCES : fieldSet : le conteneur CADRE -- */
	/* --------------------------------------------*/
	& fieldset{									/* CADRE de PUCE (fieldSet) : cadre générique */
		border-width : 0px;					/* FWK! */	
		margin: 0px;						/* FWK! */

		padding : 0.35em 0.75em 0.35em 1em;	/* FWK! */				/* (padding par défaut d'un fieldset: 0.35em 0.75em 0.625em 0.75em) */
		border-style : solid;			/*(.)*/						/* style de bordure "normal" */
		border-radius:0px;	
		clear:both;  									/*corrige le bug de la puce sous le radio*/		
	}
	& fieldset.tsTabPage{								/* PUCE1 (section) cadre en onglet*/
		padding-top:1em;  
	}
	& fieldset.noLegend {										/*  [titreVisible] = false. cadre sans padding top/down*/
		padding-top:0px;					/* FWK! */
		padding-bottom:0px;					/* FWK! */
	}
	& fieldset.noShift {										/*  [titreVisible] = false. cadre sans padding top/down*/
		padding:0px;						/* FWK! */
	}

	/*
	& .tsPage > fieldset > fieldset{							fieldset niveau block dans un tabsheet : DEPRECATED
		margin-top:10px;
	}
	*/
}
/* -- PUCE : div.legend  - Le LABEL -- */
/* ------------------------------------*/
.____puce_label____{}
.quest:not(.RG) {
	& legend{											/* PUCE : le tag legend est masqué et remplacé par un DIV class legend */
		visibility:hidden;					/* FWK! */									/* TODO: pourquoi on préfère un DIV à LEGEND ?? */
		position:absolute;					/* FWK! */
		/*text-align:left;
		display:inline-block;
		top:0.1em;*/
	}
	&.questVisu legend{
		position: inherit;
	}

	& fieldset > div.legend{							/* PUCE : le label (dans un DIV de class legend) */
		display:none;						/* FWK! */
		display:block;						/* FWK! */
		margin-left:-1em;					/* FWK! */				/* conpensation padding-left du fieldset: puce en retrait à gauche des items */	
		margin-bottom:2px;					/* FWK! */
		border-radius:0px;			
	}


	& fieldset.puce1  > div.legend{						/* PUCE niveau 1 (section) */
		margin-left:-0.7em;					/* FWK! */	
		padding:0.2em;					/*(.)*/ 
		font-size:1.3em;
		background-color:transparent;	 			
		color:#0C5460;	
text-transform: uppercase;										
font-family:droid_sansbold, "Helvetica Neue", Helvetica, Arial, sans-serif;;

		display : list-item;							/*puce1_displayItem*/  
		list-style-position:inside;			/* FWK! */
		list-style-type:none;							/*puce1_typeItem*/
	}

	& fieldset.noShift.puce1 > div.legend {		/* puce 1 non indentée SANNOVAW-6458 */
		margin-left:-0.3em;						/* FWK! */
	}

	& fieldset.puce1.header  > div.legend{				/* titre événement parent en visu event*/
		color:#FFF;
		background-color:#38A3B6;	
		border:1px solid #38A3B6;
	}
	& fieldset.puce1.header2  > div.legend{				/* titre événement enfant en visu event*/
		color:#38A3B6;
		background-color:#E3E3E3;
		border: 1px solid #999999;						/*puce1Header2_border*/
	}
	& fieldset.puce1.header2 {
		border: 0px solid #999999;						/*puce1Header2_border_field*/	
	}

	/* toggle */
	& fieldset.puce1.toggle  > div.legend,
	& fieldset.puce2.toggle  > div.legend,
	& fieldset.puce3.toggle  > div.legend,
	& fieldset.puce4.toggle  > div.legend,
	& fieldset.puce5.toggle  > div.legend,
	& fieldset.puce6.toggle  > div.legend
	{
		cursor:pointer;
	}

	/*
	* gestion des bordure de section
	*/
	& fieldset.puce1 > div:last-child{
		border: 1px solid #E3E3E3;
		margin-left:0px;
		padding: 1em;
		background-color: #F9F9F9;

	}
	/*piloté par quest*/
	&.noBorder fieldset.puce1 > div:last-child{
		border: 0px;
		margin-left: 0em;
		padding: 0em;
		background-color: #FFFFFF ;
		
	}

	/*piloté par l'élément*/
	& fieldset.puce1.noBorder > div{
		border: 0px solid gray;
		margin-left: 0em;
		padding: 0em;
		background-color: #FFFFFF ;
	}

	& .tsPage > .puce1  > div.legend.onglet{						/* si section en onglet, le titre n'est pas affiché (nb .puce1 est dans un DIV ici)*/
		display:none;
	}

	& fieldset.puce2 > div.legend{							/* PUCES niveau 2 à 6 */
		font-size:1.2em;
		background-color:transparent;					/*puce2_bgColor*/	 			
		color:#0C5460;	
														/*puce2_txtTransform_SET*/										
font-family:droid_sansbold, "Helvetica Neue", Helvetica, Arial, sans-serif;;
		text-decoration:none;							/*puce2_fontSub*/
		display : list-item;							/*puce2_displayItem*/  
		list-style-position:inside;			/* FWK! */
		list-style-type:none;
	}
	& fieldset.puce3 > div.legend{							
		font-size:1.1em;								/*puce3_fontSize*/
		background-color:transparent;					/*puce3_bgColor*/	 			
		color:#0C5460;	
font-family:droid_sansbold, "Helvetica Neue", Helvetica, Arial, sans-serif;;
		text-decoration:none;							/*puce3_fontSub*/
		display : list-item;							/*puce3_displayItem*/  
		list-style-position:inside;			/* FWK! */
		list-style-type:disc;							/*puce3_typeItem*/
	}
	& fieldset.puce4 > div.legend{							

		background-color:transparent;					/*puce4_bgColor*/	 			
		color:#000;										/*puce4_color*/	
font-family:droid_sansbold, "Helvetica Neue", Helvetica, Arial, sans-serif;;
		text-decoration:none;							/*puce4_fontSub*/
		display : list-item;							/*puce4_displayItem*/  
		list-style-position:inside;			/* FWK! */
		list-style-type:disc;							/*puce4_typeItem*/
		}
	& fieldset.puce5 > div.legend{							

		background-color:transparent;					/*puce5_bgColor*/	 			
		color:#000;										/*puce5_color*/	
														/*puce5_txtTransform_SET*/										
		text-decoration:underline;
		display : list-item;							/*puce5_displayItem*/  
		list-style-position:inside;			/* FWK! */
		list-style-type:disc;							/*puce5_typeItem*/
	}
	& fieldset.puce6 > div.legend{							

		background-color:transparent;					/*puce6_bgColor*/	 			
		color:#000;										/*puce6_color*/	
		display : list-item;							/*puce6_displayItem*/  
		list-style-position:inside;			/* FWK! */
		list-style-type:disc;							/*puce6_typeItem*/
	}

	& fieldset > div.legendAsText{							/* puce texte seul  TODO : revalider */
		margin-left:-1em;					/* FWK! */	
		font-size:1em;
	}

	&:not(.edit) .visEdit_hidRun{								/* éléments de conception masqués en RUN ("poignées" de conception)*/
		display:none !important;												
	}
}

/* -- TABLEAU -- */
/* --------------*/
.____tableau____{}
.quest:not(.RG) {

	& div.eltTable										/* item tableau : le tableau */
	{
		display:table;						/* FWK! */
		margin-left:-2px;					/* FWK! */										/* compense le padding de eltCell*/
		width:100%;						/* ajout Yark pour QM2 : si pb, déplacer dans qm2.css */
	}
	& div.eltLigne													/* ligne de tableau */
	{
		display:table-row;					/* FWK! */
		margin:0px;							/* FWK! */
	}
	& div.eltCell													/* case de tableau */
	{
		display:table-cell;					/* FWK! */
		margin:0px;							/* FWK! */
		padding : 0px 2px;					/* FWK! */
		vertical-align:top;					/* FWK! */
	}
	& div.eltCell.vCenter								/* case de tableau pour bouton centré*/
	{
		vertical-align:middle;	
	}
	& div.eltTable.noPadding				/* le tableau  sans padding pour ajustement manuel */
	{
		margin-left:0px;					/* FWK! */			
	}
	& div.eltTable.noPadding div.eltCell				
	{
		padding : 0px 0px;					/* FWK! */
	}		

	& div.eltTable.colBorder div.eltLigne div.eltCell:nth-last-of-type(n+2)	/* bordure de colonne, sur toute les cellules sauf la derniere de toutes les lignes */
	{
		border-right:1px solid black;		/* FWK! */
	}

	& div.eltTable.rowBorder div.eltLigne:nth-last-of-type(n+2) div.eltCell:nth-last-of-type(n)	/* bordure de ligne, sur toute les cellule sur toutes les lignes sauf la derniere */
	{
		border-bottom: 1px solid black;		/* FWK! */
	}
}
/* -- REPLICAT -- */
/* ---------------*/
.____replicat____{}
.quest:not(.RG) {
	& div.eltArray								/* Instance de REPLICAT */
	{
		display:inline-block;				/* FWK! */
		width:100%;							/* FWK! */
	}
	&.questVisu div.eltArray							/* Instance de REPLICAT */
	{
		display:block;			/*(.)*/
	}
	& div.eltArray.replicat_hide						/* template d'instance de réplicat */		
	{
		display:none;
	}

	& div.eltArray.box									/* Instance de REPLICAT */
	{
		border-radius:0px;
border-left: 5px solid #999999;  padding-left: 10px;;
margin-bottom:10px;	
		background-color:transparent;		
	}

	& div.eltArray div.arrayTools
	{
		float:left;						/*(.)*/
		height:1px;
	}

	& button.arrayBtn
	{
			width:32px;
			height:32px;
			border:0px;
			background-color:transparent;
			overflow: hidden;
			margin-bottom:3px;
			font-size:0.1px; 
			color:#FFF;
			padding:0px;
	}

	& button.arrayBtn.delete:before, 
	& button.arrayBtn.up:before, 
	& button.arrayBtn.down:before
	{
		color:#38A3B6;
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: 30px;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;	
	}

	& button.arrayBtn.delete:hover:before,
	& button.arrayBtn.up:hover:before,
	& button.arrayBtn.down:hover:before{
		color:#D7336B;
	}
	& button.arrayBtn.delete:active:before,
	& button.arrayBtn.up:active:before,
	& button.arrayBtn.down:active:before{
		color:#D7336B;
	}

	& button.arrayBtn.delete:before	{
		content:"\f057";
	}
	& button.arrayBtn.up:before	{
		content:"\f0aa";
	}
	& button.arrayBtn.down:before	{
		content:"\f0ab";
	}

	& button.arrayAdd	{
			width:32px;
			height:32px;
			border:0px;
			background-color:transparent;
			overflow: hidden;
			margin-bottom:3px;
			font-size:0.1px; 
			color:#FFF;
			padding:0px;
	}

	& button.arrayAdd:before{
		color:#38A3B6;
		content:"\f055";
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: 30px;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
	}
	& button.arrayAdd:hover:before{
		color:#D7336B;
	}
	& button.arrayAdd:active:before{
		color:#D7336B;
	}

	& div.eltArray div.arrayContent {
		margin-left:40px;					/* FWK! */
	}

	& .icone button.arrayBtn.delete
	{
		background-image:url("../../framework/core/blz/rsc/img/quest/arrayDelete.png?2");/*(S)*/		
		border: none;
		background-position: 0px 0px;
	}

	& .icone  .arrayAdd.btn{
		background-image:url("../../framework/core/blz/rsc/img/quest/arrayAdd.png?1");/*(S)*/
		width:32px;
		height:32px;
		overflow: hidden;
		margin-bottom:3px;
		margin-top:2px;
		border: none;
		margin-left: 6px;
	}

	& .iconeSmall button.arrayBtn.delete
	{
		background-image:url("../../framework/core/blz/rsc/img/quest/arrayDeleteSmall.png?2");/*(S)*/
		border: none;
		background-position: 0px 0px;
		width:24px;
		height:24px;
	}

	& .iconeSmall  .arrayAdd.btn{
		background-image:url("../../framework/core/blz/rsc/img/quest/arrayAddSmall.png?1");/*(S)*/
		width:24px;
		height:24px;
		overflow: hidden;
		margin-bottom:3px;
		margin-top:2px;
		border: none;
		margin-left: 6px;
	}

	/**   --------------  */
	/** replicat compact **/
	/**   --------------  */

	& .arrayCompact  div.eltArray{   					
		border-width: 0px ;
		padding:0px;
	}

	& .arrayCompact div.eltArray.box{					
		border-width: 0px;
		padding: 0em;
		margin-bottom: 0px;
	}

	& .arrayCompact button.arrayBtn.delete
	{
	/*	background-image:url("../../framework/core/blz/rsc/img/quest/arrayDeleteSmall.png?2");*/
		border: none;
		background-position: 0px 0px;
		width:24px;
		height:24px;
	}

	& .arrayCompact  .arrayAdd.btn{
	/*	background-image:url("../../framework/core/blz/rsc/img/quest/arrayAddSmall.png?1");*/
		background-position: 0px 0px;
		width:24px;
		height:24px;
		overflow: hidden;
		margin-bottom:3px;
		margin-top:2px;
		border: none;
	}

	& .arrayCompact button.arrayAdd:before,
	& .arrayCompact button.arrayBtn.delete:before, 
	& .arrayCompact button.arrayBtn.up:before, 
	& .arrayCompact button.arrayBtn.down:before
	{
		font-size: 20px;
	}

	& .arrayCompact div.eltArray div.arrayContent{    
		margin-left:24px;
		
	}
}
/* ---------------*/
/*-- ELEMENTS --*/
/* ---------------*/
.____Element_labels____{}
.quest:not(.RG) {

	& div.controls{								/* conteneur de la zone de saisie */
		display:inline;						/* FWK! */
		clear:both;							/* FWK! */
	}

	/* -- TITRES de question - labels --*/
	/* ---------------------------------*/

	& .elt > label,									/*label classique ou checkbox avec label à gauche*/
	& .elt > .controls > label,						/*label de checkbox à droite de la check box*/
	& .elt > .controls > .inRadio > label,				/*label de radio (associé à un bouton)*/	
	& .elt  .boxMultiSel > div > label,				/* label de checkbox multi sélection */
	& .elt.eltTit,										/* titre seul */
	& div.calc,										/* valeur de champ calculé */
	& .elt > span.labelLike{							/*pseudo label pour checkbox avec label à droite(pseudo à gauche),*/
																/*	et pour radio (associé au groupe de boutons)  */
		padding-right:0.5em;				/* FWK! */			/* espace avant l'input*/
		padding-top:4px;/* compense le padding de l'input, textarea,inRadio */
		vertical-align:text-top;					/* FWK! */	
														/*input_font_SET*/			
	}

	& .elt > label.titreNonVisible,									/*label classique*/
	& .elt > .controls > label.titreNonVisible,						/*label de checkbox à droite de la check box*/
	& .elt > .controls > .inRadio > label.titreNonVisible,				/*label de radio (associé à un bouton)*/	
	& .elt  .boxMultiSel > div > label.titreNonVisible,				/* label de checkbox multi sélection */
	& .elt > span.labelLike.titreNonVisible{							/*pseudo label pour checkbox avec label à droite(pseudo à gauche),*/
																/*	et pour radio (associé au groupe de boutons)  */
		display:none;
		padding-top:4px;/* compense le padding de l'input, textarea,inRadio */
		vertical-align:top;					/* FWK! */				
	}

	& .elt > label{									/*label classique*/
		display:inline-block;				/* FWK! */
		vertical-align:top;
	}
	& .elt > span.labelLike{  
		float:left;							/* FWK! */
	}
	& .elt > label.enDessous,
	& .elt > span.labelLike.enDessous{					/* propriété [styleChampAligne] (input en dessous du titre) */
		display:block;						/* FWK! */
		float:none;							/* FWK! */
	}
	& .elt > label.enDessous.titreNonVisible,
	& .elt > span.labelLike.enDessous.titreNonVisible
	{
		display:none;
	}

	& .droite  label,									/* propriété [styleTitreAligne] (titre aligné à droite contre l'input) */
	& .droite  span.labelLike,
	&.droite  label,													/* (prop. de puce ou du questionnaire) */
	&.droite  span.labelLike{
		text-align:right;					/* FWK! */
		padding-right:0.5em;				/* FWK! */
	}
	& .gauche  label,
	& .gauche  span.labelLike,
	&.gauche  label,
	&.gauche  span.labelLike{
		text-align:left;					/* FWK! */
	}
}
/* -- INPUTS - les questions  -- */
/* ------------------------------*/
.____question_input____{}
.quest:not(.RG) {
	& .inRadio{										/* Radio : zone boutons + labels de boutons */
		display:inline-block;				/* FWK! */			/* Select : contenant du <select>  TODO: voir à supprimer ce contenant ? */
	} 
	& input,
	& textarea,
	& .inRadio{
		border:1px solid #E3E3E3;
		border-radius: 3px;				/*(.)*/		
		padding:1px;					/*(.)*/
		outline: none;
	}

	& .richText ul{
		display: block;
		list-style-type: disc;
		margin-block-start: 1em;
		margin-block-end: 1em;
		margin-inline-start: 0px;
		margin-inline-end: 0px;
		padding-inline-start: 40px
	}
	& .richText ol{
		display: block;
		list-style-type: decimal;
		margin-block-start: 1em;
		margin-block-end: 1em;
		margin-inline-start: 0px;
		margin-inline-end: 0px;
		padding-inline-start: 40px;
	}
	& .richText{		
		border-width:1px;
		border-color:#ccc;
		border-style: ridge;
		display:inline-block;
		background-color: white;
		overflow: auto;
		color:black;
		padding:5px;
	}

	&.questVisu .valeurVisu.richText{
		font-weight:normal;
		background-color:lightgray;
		padding:0px;
	}			 			

	& input[type="radio"]{							/*radio*/
		margin:2px 1px 1px 0.5em;
	}
	& input[type="checkbox"]						/* checkBox */
	{	
		margin-left:0px;														
	}
	& select{		
		border-width:0px;					/* FWK! */			/* Select : le border est géré par le inRadio ci-dessus */
		margin:-1px;										
		outline: none;	
		min-height: auto;
	}
	& .inReq{										/* proprieté [ctrlRequis] */
		border-color:#D7336B;	/*FWK_colorReq_RAZ*/
		background-color:#FDF4F5;		/*FWK_colorReq_RAZ*/
		color:#000;										/*input_color_req*/			/*FWK_colorReq_RAZ*/
	}
	
	& .inReq > select{
		background-color:#FDF4F5;		/*FWK_colorReq_RAZ*/
		margin:-1px 0px;										
	}

	& .ctrlReq .richText {
		border-color:#D7336B;   /*FWK_colorReq_RAZ*/
		background-color:#FDF4F5;       /*FWK_colorReq_RAZ*/
	}

	& input[type="text"]:disabled{
		color: #888;
	}

	/** gestion mandatory façon Studio (implique une régénération des formulaires  */
	& div.ctrlReq{

	}
	& div.ctrlReq:before{			



	} 
	& div.currentElt div.ctrlReq:before{			

	} 
	&.questVisu div.ctrlReq:before{

	}

	& .boxMultiSel{									/* MultiSel (liste à choix multiple) */
		width:3000px;				/* FWK! */
	}
	& .boxMultiSel, 
	& .multiSelBack{									
		background-color:#FFFFFF;
	}

	& .boxMultiSel > div{
		padding-top:1px;					/* FWK! */
	}
	& .boxMultiSel > div:nth-child(odd){				
		background-color:#FFFFFF;
		color:#000;
	}   
	& .boxMultiSel > div:nth-child(even)
	{
		background-color:#F0F0F0;
		color:#000;
	}
}

/* -- 	Mode Visu 	   -- */
/* ---------------------- */
.____mode_visu____{}
.quest:not(.RG).questVisu{
	& *{
		/*background-color:#FFF;*/							/*questVisu_bgColor*/
	}
	& .elt > label,		
	/*& .elt > .controls > label,*/
	& .elt > .controls > .inRadio > label,	
	& .elt  .boxMultiSel > div > label,	
	& .elt > span.labelLike{
		/*policeLabelVisu*/	
		padding-top:1px;								/* ne pas mettre zéro pour lec cb cadrées à droite en wxx */
	}

	& .elt > .controls > label{
		vertical-align:top;
	}

	& .valeurVisu{							/* style en mode "read only" */						
		display:inline-block;				/* FWK! */	
					/* les min-x pour avoir une case vide pour les NC  (48 =8 chars)*/
		min-height:13px;				/*(.)*/									/* fontsize+2 */	/* TODO : voir à utiliser les wNN */
	
	
	
		color:#000;										/*inputVisu_color*/
		
font-family:droid_sansbold, "Helvetica Neue", Helvetica, Arial, sans-serif;;
	}

	& .noBoldOnVisu .valeurVisu{
		font-family: inherit;
	}	

	& .elt.isNonConnu .valeurVisu{
		/*min-height:13px;*/	
		padding:0px 2px;				/*(.)*/	
		
			
		color:#CCCCCC;
		
	}
	& .elt.isNonConnuCK .valeurVisu{
		border:1px solid #999;							/*inputCbVisuNC_color*/
		padding:0px;					/*(.)*/
		min-width: 10px;
		min-height: 10px;
	}

	& .elt.isNonConnuCK > .controls > label{	/* pour un cb NC, le label n'est plus une valeur mais un label */
														/*inputCbVisuNC_font_SET*/
		color:#999;										/*inputCbVisuNC_color*/
	}

	& .elt.isCKOui > .controls > label{	/* pour un cb coché, le label est une valeur  */
font-family:droid_sansbold, "Helvetica Neue", Helvetica, Arial, sans-serif;;
	}

	& div.controls.valeurVisuBlock{						/* mémo (textarea) : à la ligne en visu */
		display:block;						/* FWK! */
	}

	& .valeurVisu.ckOui,							/* style en mode "read only" */						
	& .valeurVisu.ckNon{						
		padding:0px 0px;				/*(.)*/
		margin:2px 2px 0px 0px;
		min-width:13px;					/*(.)*/							/* les min-x pour avoir une case vide pour les NC  (48 =8 chars)*/
		background-repeat:no-repeat;
	}	
	& .valeurVisu.ckOui{							/* style en mode "read only" */						
		background-image:url("../../framework/core/blz/rsc/img/quest/check.png");		/*(S)*/
	}
	/*& .valeurVisu.ckNon{							 pas d'image pour cb off 
	}*/
	& .maskNC{		
		display:none;
	}
	&.noScroll{						/* visu du questionnaire en nova_getVisu (visu DM) */
		overflow:hidden;	
	}
	& div.eltArray div.arrayContent
	{
		margin-left:0px;					/* FWK! */
	}

	& fieldset.pj div{									/* fieldset des PJ en visu */
		background-color: #FFF;
	}

	& fieldset.pj legend{								/* titre des PJ en visu */
		visibility: visible;	
		color: #0C5460;
        margin-top: -5px;
        margin-left: 5px;
        background-color: #FFF;	
	}
}

/* -- CHAMPS CALCULES -- */
/* ----------------------*/
.____champ_calculé____{}
.quest:not(.RG) {
	& div.calc{
		display:inline-block;				/* FWK! */
		margin-bottom: 5px;				
		margin-left: -1px;
	}
	& div.calc.wrn
	{
		color:#e08919;										/*calcWrn_color*/
	}
	& div.calc.err_online,
	& div.calc.err_popup
	{
		color:#C00;										/*calcErr_color*/
		padding-top:4px;	/* compense le padding de l'input, textarea,inRadio */
	}

	& button.calcAction_bouton{
		
		border: none;
		background-position: 0px 0px;
		width:28px;
		height:20px;
		
	}
	& .droite button.calcAction_bouton{
		background-image:url("../../framework/core/blz/rsc/img/quest/actionButtonDroite.jpg?2");/*(S)*/
	}
	& .gauche button.calcAction_bouton{
		background-image:url("../../framework/core/blz/rsc/img/quest/actionButtonGauche.jpg?2");/*(S)*/
	}
	& .ouvrir button.calcAction_bouton{
		background-image:url("../../framework/core/blz/rsc/img/quest/actionButtonOpen.jpg?2");/*(S)*/
	}

	& .cocher button.calcAction_bouton{
		background-image:url("../../framework/core/blz/rsc/img/quest/check.png");/*(S)*/
		background-position:center;
		background-repeat:no-repeat;
	}
	& .decocher button.calcAction_bouton{
		background-image:url("../../framework/core/blz/rsc/img/quest/notcheck.png");/*(S)*/
		background-position:center;
		background-repeat:no-repeat;
	}

	& button.calcAction_lien{
		background-image:url("../../framework/core/blz/rsc/img/quest/arrayDeleteSmall.png?2");/*(S)*/
		border: none;
		background-position: 0px 0px;
		width:28px;
		height:20px;
	}
	& .droite a.calcAction_lien{
		background-image:url("../../framework/core/blz/rsc/img/quest/actionButtonDroite.jpg?2");/*(S)*/
	}
	& .gauche a.calcAction_lien{
		background-image:url("../../framework/core/blz/rsc/img/quest/actionButtonGauche.jpg?2");/*(S)*/
	}
	& a.calcAction_lien{
		color:blue;
		text-decoration: underline;
		cursor: pointer;
	}
}

/* ----------------------------------------- */
/* -- Styles de Titres ou masques d'input -- */
/* ----------------------------------------- */
.____styles_et_masques____{}
/* NB: pour les propriétés liées en conception à une boite de dialogue, 
					il faut un <form class="quest"> dans la boite de dialogue du manager */

.quest:not(.RG) {
	& .border_sans{								/* proprieté [styleBordure]  (sur puces ou texte seul) */
		border-width:0px !important;
	}
	& .border_fin{
		border-width:1px;
		border-style:dotted;
	}
	& .border_large{
		border-width:4px;
		border-style:solid;
	}
		
	& .infosaisie{									/* propriété [infoSaisie] */
		font-style:italic
	}

	& .w1{width:1em;}& .w2{width:2em;}& .w3{width:3em;}& .w4{width:4em;}& .w5{width:5em;}& .w6{width:6em;}& .w7{width:7em;}& .w8{width:8em;}& .w9{width:9em;}& .w10{width:10em;}& .w11{width:11em;}& .w12{width:12em;}& .w13{width:13em;}& .w14{width:14em;}& .w15{width:15em;}& .w16{width:16em;}& .w17{width:17em;}& .w18{width:18em;}& .w19{width:19em;}& .w20{width:20em;}& .w21{width:21em;}& .w22{width:22em;}& .w23{width:23em;}& .w24{width:24em;}& .w25{width:25em;}& .w26{width:26em;}& .w27{width:27em;}& .w28{width:28em;}& .w29{width:29em;}& .w30{width:30em;}& .w31{width:31em;}& .w32{width:32em;}& .w33{width:33em;}& .w34{width:34em;}& .w35{width:35em;}& .w36{width:36em;}& .w37{width:37em;}& .w38{width:38em;}& .w39{width:39em;}& .w40{width:40em;}& .w41{width:41em;}& .w42{width:42em;}& .w43{width:43em;}& .w44{width:44em;}& .w45{width:45em;}& .w46{width:46em;}& .w47{width:47em;}& .w48{width:48em;}& .w49{width:49em;}& .w50{width:50em;}& .w51{width:51em;}& .w52{width:52em;}& .w53{width:53em;}& .w54{width:54em;}& .w55{width:55em;}& .w56{width:56em;}& .w57{width:57em;}& .w58{width:58em;}& .w59{width:59em;}& .w60{width:60em;}									/* propriétés 	[styleTitreLargeur] pour labels 
																		et 	[msktaille] pour inputs .. & .wnn{width:nnem;} ...*/

	& .w1dpd {width: 0.5em;}

	& .GSI1{										/* propriété [styleTitreTexte] */
font-family:droid_sansbold, "Helvetica Neue", Helvetica, Arial, sans-serif;;
	}
	& .GSI2{
		text-decoration:underline;
	}
	& .GSI4{
		font-style:italic
	}
	& .GSI3{
font-family:droid_sansbold, "Helvetica Neue", Helvetica, Arial, sans-serif;;
		text-decoration:underline;
	}
	& .GSI5{
font-family:droid_sansbold, "Helvetica Neue", Helvetica, Arial, sans-serif;;
		font-style:italic
	}
	& .GSI6{
		text-decoration:underline;
		font-style:italic
	}
	& .GSI7{
font-family:droid_sansbold, "Helvetica Neue", Helvetica, Arial, sans-serif;;
		text-decoration:underline;
		font-style:italic
	}

	& .spacer{
		color:transparent;	
	}

	& fieldset.puce2 > div.legend.colorTxt1,				/* propriété [styleTitreCouleur]*/
	& fieldset.puce3 > div.legend.colorTxt1,
	& fieldset.puce4 > div.legend.colorTxt1,
	& fieldset.puce5 > div.legend.colorTxt1,
	& fieldset.puce6 > div.legend.colorTxt1,
	& .colorTxt1{									 		/* orange */
		color:#e08919;									/*txt1_color*/ 
	}
	& fieldset.puce2 > div.legend.colorTxt1bis,
	& fieldset.puce3 > div.legend.colorTxt1bis,
	& fieldset.puce4 > div.legend.colorTxt1bis,
	& fieldset.puce5 > div.legend.colorTxt1bis,
	& fieldset.puce6 > div.legend.colorTxt1bis,			/* rouge */
	& .colorTxt1bis{
		color:#C00000;									/*txt1bis_color*/
	}
	& fieldset.puce2 > div.legend.colorTxt2,
	& fieldset.puce3 > div.legend.colorTxt2,
	& fieldset.puce4 > div.legend.colorTxt2,
	& fieldset.puce5 > div.legend.colorTxt2,
	& fieldset.puce6 > div.legend.colorTxt2,				/* TODO : unused : supprimer ? */					
	& .colorTxt2{
		color:#FFFFFF;									/*txt2_color*/
	}
	& fieldset.puce2 > div.legend.colorTxt2bis,
	& fieldset.puce3 > div.legend.colorTxt2bis,
	& fieldset.puce4 > div.legend.colorTxt2bis,
	& fieldset.puce5 > div.legend.colorTxt2bis,
	& fieldset.puce6 > div.legend.colorTxt2bis,			/* TODO : unused : supprimer ? */
	& .colorTxt2bis{	
		color:#FFFFFF;									/*txt2bis_color*/
	}
	& fieldset.puce2 > div.legend.colorTxt3,
	& fieldset.puce3 > div.legend.colorTxt3,
	& fieldset.puce4 > div.legend.colorTxt3,
	& fieldset.puce5 > div.legend.colorTxt3,
	& fieldset.puce6 > div.legend.colorTxt3,				/* blanc (sur fond) */
	& .colorTxt3{
		color:#FFFFFF;									/*txt3_color*/
	}
	& fieldset.puce2 > div.legend.colorTxt3bis,
	& fieldset.puce3 > div.legend.colorTxt3bis,
	& fieldset.puce4 > div.legend.colorTxt3bis,
	& fieldset.puce5 > div.legend.colorTxt3bis,
	& fieldset.puce6 > div.legend.colorTxt3bis,			/* bleu */
	& .colorTxt3bis{
		color:#38a3b6;
	}	
	& .warning{
		color: #e08919;								/*txtWarning_color*/		/* orange*/
	}
	& .info{
		color: #38a3b6;			/* bleu */
	}
	& .error{
		color: #C00000;									/*txtError_color*/			/* rouge */
	}
	& .success{
		color: #008000;									/*txtSuccess_color*/		/* vert */
	}			

	& div.infoRightBlock{		/* pour signaler une note à froite (ex: date et version d'un Htlm Histo */
		color: #3a87ad;								/*txtRightBlock_color*/
		float: right;
	}

		
	& .colorBck{									/* propriété [styleTitreFond]  (de conteneur, de titre de conteneur) */
		background-color:transparent;
	}
	& .colorBck1,									/* TODO : unused : supprimer (du QM2 aussi !) => idem bck1bis */
	& .colorBck1bis{
		background-color:#AD2447;						/*bg1bis_color*/		/* rouge */
	}
	& .colorBck2,									/* TODO : unused : supprimer (du QM2 aussi !) => idem bck2bis */
	& .colorBck2bis{
		background-color:#999999;						/*bg2bis_color*/		/* gris */
	}
	& .colorBck3,									/* TODO : unused : supprimer  (du QM2 aussi !) => idem bck3bis*/
	& .colorBck3bis{
		background-color:#38a3b6;		/* bleu */
	}

	& .toUpper{									/* propriété [mskCasse]   	TODO: probablement pas terrible, vu que la donnée n'est pas affectée */
		text-transform:uppercase;
	}
	& .toLower{
		text-transform:lowercase;
	}	
	& .toPolo{
		text-transform:capitalize;
	}
	& .centre{
		text-align:center;
	}
}



/*****************************************************************************************************************************
	Les styles "images"
*****************************************************************************************************************************/
.____________________icones_images____________________{}
.quest:not(.RG) {

	& .toggle_on,							
	& .toggle_off,
	& .calendar,
	& .listOpen,
	& .listRaz
	{
		display:inline-block;					/* FWK! */
		width:16px;						/*(n)*/
		height:16px;						/*(n)*/
		cursor:pointer;					/*(.)*/
		background-repeat:no-repeat;			/* FWK! */
		background-position:center center; 	/* FWK! */
		vertical-align: top;					/* FWK! */
	}

	& .toggle_on {											/* toggle : expand/collapse  (ex sections formulaires)*/
		background-image:url("../../rsc/img/toggle_on.gif");	/*(S)*/
	}
	& .toggle_off{
		background-image:url("../../rsc/img/toggle_off.gif");/*(S)*/
	}
	& .calendar{												/* calendrier : date picker (ex champs date formulaires) */
		background-image:url("../../rsc/img/calendar.gif");	/*(S)*/	
	}
	& .listOpen{												/* listes : icones d'ouverture d'une liste ou de vidange du champ liste (ex cim10, ccam ...) */ 
		background-image:url("../../rsc/img/list.gif");		/*(S)*/
	}
	& .listRaz{
		background-image:url("../../rsc/img/razlist.gif");	/*(S)*/
	}

	& fieldset > div:last-child.toggleHide	/* position des images de toggle */
	{
		overflow:hidden;
		padding:0px;
		height:0px;
		border:0px solid black;
	}

}