BODY {

	padding-right: 0px;
	padding-left: 0px;
	background-image:;
	background-repeat: repeat-x;
	background-color:#ffffff;
	background-Position :  left top;
	margin: 0;
	padding-top: 0px;
	font-family: OpenSans, Calibri, Helvetica, sans-serif ;
	font-size: 100%;
	width: auto;
	}
	
	
@media screen and (max-width: 600px) {
	body {font-size:14px;}
	ul.Etoiles-echelle { float:none !important; display: block  !important; width: 96% !important;padding-left:2% !important;padding-right:2% !important;}
	ul.Etoiles-echelle.js li.Etoiles    {	width:calc(9% - 1px)  !important;	height:35px !important; }	
	ul.Etoiles-echelle.js li.Etoiles-autres { min-width:80px !important; width:95px !important; margin: 10px auto 10px auto !important;float:none !important;display: inline-block;}	
	
	.BasDePageProg { float:none !important;  width:calc(100% - 20px) !important; padding-top:8px !important;padding-bottom:8px !important;}
	.BasDePageBoutonDep  { float:none !important;  width:calc(100% - 20px) !important; padding-top:8px !important;padding-bottom:8px !important;}	
}


/*--------------------------------------------------------------------------------------------*/
/*--------------   					Structure de la page		          --------------------*/
/*--------------------------------------------------------------------------------------------*/


img {  border-style: none; }

#bloc_page {
	max-width:900px;
	width:auto;
	margin: auto;
	margin-top:5px;
	min-width:320px;
}

#Quest_Header {
	width:100%;
}

#Quest_Content {
	width:100%;
	border: 1px solid #dddddd;
	border-radius: 6px;
	/*box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 0.3); */	
	padding-top:10px;
	padding-bottom:10px;
	background-color: #f8f8f8;
}

#Quest_Bottom {
	width:100%;
}

#Quest_Content_Titre {
	width:100%;
}

#Quest_Content_Questions {
	width:100%;
}

#QuestContentBasDePage {
	width:100%;display:block;
}


.BasDePageProg {float:left; width:calc(50% - 20px); padding-left:10px;padding-right:10px;padding-top:12px;padding-bottom:12px;border: #000 1px}

.BasDePageBoutonDep  {float:right; width:calc(50% - 20px);padding-left:10px;padding-right:10px;padding-top:12px;padding-bottom:12px;border: #000 1px}


table#tabEnveloppe {
	width:100%;
	border:0px;
	}

table#Questio {
	border:0px;
	width:100%;
	align:center;
	}
	
.tTip{
	position:relative;
	z-index:9;
}





/*   —————————————————————————————————————————————————————————————————————————————————————  */ 

/*                   Boutons de gestion de l'activité et des requêtes                   */



.Boutons        { max-width:150px; min-width:100px;width:100%;height:17px;line-height:17px;
					text-align:center;vertical-align:middle;
					margin-top:0px;margin-left:auto;margin-right:auto;display:inline-block; border:2px solid #fff;cursor:pointer;
                 	font-weight: normal;font-size: 0.9em}
.BoutonsRO 	    { background-color : #ff5624 	;	color:#fff		; border:2px solid #ff5624 ; border-radius: 10px;  -webkit-border-radius: 10px;  -moz-border-: 10px;}
.BSuivant       { background-color : #fff 		;	color:#ff5624 	; border:2px solid #ff5624 ; border-radius: 10px;  -webkit-border-radius: 10px;  -moz-border-: 10px;}
.BPrecedent     { background-color : #fff 		;	color:#ff5624	; }
.Transition      
{
-webkit-transition-property: background-color;
-webkit-transition-property: color;
-webkit-transition-duration: 500ms;
-moz-transition-property: background-color;
-moz-transition-duration: 500ms;
transition-property: background-color;
transition-duration: 500ms;	
}


	
/*--------------------------------------------------------------------------------------------*/
/*--------------            Questionnaire : Jauge et étoiles              --------------------*/
/*--------------------------------------------------------------------------------------------*/



ul.Etoiles-echelle {
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	margin-top:0px;
	margin-bottom:0px;	
	padding:0;
    font-weight: bold;
	color: #606060;
}

ul.Etoiles-echelle li {
	display:inline-block;
	margin: 10px -1px 10px 0px; 
	padding:0;
	list-style:none;
    border-width :  0px ;
	background-color:#ffffff;
}

ul.Etoiles-echelle li.Etoiles-autres {
	display:inline-block;
	padding:0px 5px;
	margin: 10px 0px 10px 10px; 
	list-style:none;
    border-width :  0px ;
}

ul.Etoiles-echelle li label { 	display:block;text-align:center;	line-height:35px;cursor:pointer;}

ul.Etoiles-echelle.js li.Etoiles    {	width:35px;	height:35px; }
ul.Etoiles-echelle.js li.Etoile-off {	background:url( js/etoiles/Etoile35_0.png) center top no-repeat;}
ul.Etoiles-echelle.js li.Etoile-on  {	background:url( Etoile35.png) center top no-repeat;}

ul.Etoiles-echelle.js li.Etoiles-autres { min-width:60px; height:35px; background:none; font-weight:normal; font-size: 0.95em;}
ul.Etoiles-echelle.js li.Etoiles-autres-On { background-color:#dddddd;color: #303030; }

ul.Etoiles-echelle.js input { position:absolute ; left:-999%; }

div.AfficheLibEtoile { display: inline-block ; color:#000000 ; text-align:center; vertical-align :middle ;line-height:30px; width:260px ; margin-left:auto; margin-right:auto ; padding:0px ; font-weight:bold;font-size:0.9em;height:30px;border-radius: 4px;}

div.DivEtoiles-valeurs {float:left;}

div.DivEtoiles-autre {float:left;}



#divcom .QuestionTitre {color:#ff5624;font-weight:bold;font-size:1.1em}

#divCom .QuestionTitre {color:#ff5624;font-weight:bold;font-size:1.1em}



div.TestC 		{width:100%;font-weight:normal;color:}
p.TestC 		{width:100%;font-weight:bold;text-decoration:underline}
ul.TestC 		{line-height:20px}
ul.TestC  li	{padding-bottom:8px}












	
/*--------------------------------------------------------------------------------------------*/
/*--------------   Questionnaire : Trade OFF Présentation des concepts    --------------------*/
/*--------------------------------------------------------------------------------------------*/

div.TO_Fiche { border:0px; text-align:left; font-size: 8pt;   background-color:#ffffff ;    margin-bottom:10px ; margin-top:10px ; display:block; width:100%; font-weight : bold; }

div.TO_Var   { border:0px; padding: 10px 2% 10px 2%; width:96% ;font-size: 9pt; background-color:#e0e0e0; color: #111111; display:block; font-weight : bold; margin-top:10px ; margin-left:0px ; margin-right:0px ; }
div.TO_VarL1 { background-color: #e0e0e0; color: #111111 ;}
div.TO_VarL2 { background-color: #d0d0d0; color: #111111 }

div.TO_Modalite   { border:0px; margin-top:5px ;padding: 10px 3px 10px 3px; width:90%  ;font-size: 8pt; margin-left:auto ; margin-right:auto ; background-color: #ffffff; color: #404040; display:block; font-weight : normal;}
div.TO_ModaliteL1 { background-color: #ffffff; color: #404040;}
div.TO_ModaliteL2 { background-color: #ffffff; color: #404040;}

div.TO_Aucun
{ border:0px; text-align:center; vertical-align: bottom; color: #000000; font-size: 8pt;      margin-top:10px ; display:inline-block; width:90%; font-weight : bold; }




/*--------------------------------------------------------------------------------------------*/
/*------------------ Questionnaire : Encadré cbh cbg cbd cbb ---------------------------------*/
/*--------------------------------------------------------------------------------------------*/

td.tabEnveloppeColGauche, img.tabEnveloppeColGauche {
	width:2%;
	}

td.tabEnveloppeColCentre {
	width:96%;
	}

td.tabEnveloppeColDroite, img.tabEnveloppeColDroite {
	}
	
td.LargeurCBH {
	width:100%;
	}

img.LargeurCBH {
	width:100%;
	display:block;
	}

/*--------------------------------------------------------------------------------------------*/
/*------------------ Questionnaire : Page Questini et Page Questfin --------------------------*/
/*--------------------------------------------------------------------------------------------*/



/*--------------------------------------------------------------------------------------------*/
/*------------------ Questionnaire : Gestion du tableau de progression -----------------------*/
/*--------------------------------------------------------------------------------------------*/

.TabProg {
    COLOR: #ffffff;
    FONT-SIZE: 0.85em;
    font-weight: bold;
    text-align : center;
	border: #fff 2px solid;
	}

.ProgFait { background-color: #ff5624;}
	
.ProgFait div { background-color: #ff5624;display: inline-block;}
	
.ProgReste {
	BACKGROUND-COLOR: #ffffff;
	
    /*BORDER-RIGHT: #d1ac19 1px solid;
    BORDER-TOP: #d1ac19 1px solid;
    BORDER-BOTTOM: #d1ac19 1px solid;
	border-top-right-radius : 4px;
	border-bottom-right-radius : 4px;*/
	}
	
.ProgReste div {
    BACKGROUND-COLOR: #ffffff;
    display: inline-block;
	}


/*--------------------------------------------------------------------------------------------*/
/*------------------ Questionnaire : Boutons de déplacement ----------------------------------*/
/*------------------ LienSPQuestini pour le lancement // LienSp pendant le questio -----------*/
/*--------------------------------------------------------------------------------------------*/

.LienSP ,  .LienSPQuestini     { 
	
	font-size: 1em; 
	color: #000000; 
	text-align: center; 
	font-weight: bold ;
	}
	
.LienSPQuestini      { 
	padding-top:20px;
	padding-bottom:20px;

	}


.LienSP a:link , .LienSPQuestini a:link { 
	
	text-decoration: none; 
	color: #846d0f;
	border : 1px solid #bbbbbb; 
	border-radius: 20px;
    -webkit-border-radius: 20px;
    background-color: #ffffff;
    /*background-image: -moz-linear-gradient(center top , #ffffff, #eeeeee);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #eeeeee),color-stop(1, #ffffff)); /* Safari et Chrome */
    /*filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#eeeeee'); /* IE6 et IE7 */
	/*-ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#eeeeee); /* IE8 */  
    /*background-repeat: repeat-x;   */
	}

.LienSP a:hover , .LienSPQuestini a:hover { 
	
	text-decoration: none; 
	color: #846d0f;
	border : 1px solid #cccccc; 
	border-radius: 20px;
    -webkit-border-radius: 20px;
    background-color: #d0ac17;
    background-image: -moz-linear-gradient(center top , #eeeeee, #d0ac17);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #d0ac17),color-stop(1, #eeeeee)); /* Safari et Chrome */
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eeeeee', endColorstr='#d0ac17'); /* IE6 et IE7 */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#eeeeee, endColorstr=#d0ac17); /* IE8 */  
    background-repeat: repeat-x;     
    }

.LienSPQuestini a:link , .LienSPQuestini a:hover { 
	padding-left : 60px;
	padding-right: 60px;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
.LienSP a:link , .LienSP a:hover { 
	padding-left : 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	}


/*--------------------------------------------------------------------------------------------*/
/*------------------ Questionnaire : Messages d'erreur ---------------------------------------*/
/*--------------------------------------------------------------------------------------------*/

.QuestionTitreErreur { 
	
	font-size: 1em; 
	color: #ffffff; 
	padding-left: 10px; 
	padding-right: 10px; 
	padding-top: 10px; 
	padding-bottom: 1px ; 
	font-weight: bold;
    background-color: #C43C35;
    background-image: -moz-linear-gradient(center top , #EE5F5B, #C43C35);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #C43C35),color-stop(1, #EE5F5B)); /* Safari et Chrome */
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#EE5F5B', endColorstr='#C43C35'); /* IE6 et IE7 */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#EE5F5B, endColorstr=#C43C35); /* IE8 */  
    background-repeat: repeat-x;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-:4px;
    text-align:left;
  	}
  
  
.TabQ2Erreur, .TabQ1Erreur { 
	font-weight : normal;
	font-size: 0.85em; 
	color: #ffffff; 
	border-left: 1px solid #999999; 
    border-right: 1px solid #999999; 
    border-bottom: 1px solid #999999; 
    text-align:left;
    padding-left: 5px; 
    padding-right: 5px; 
    padding-top: 5px; 
    padding-bottom: 5px ; 
    background-color: #C43C35;
    background-image: -moz-linear-gradient(center top , #EE5F5B, #C43C35);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #C43C35),color-stop(1, #EE5F5B)); /* Safari et Chrome */
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#EE5F5B', endColorstr='#C43C35'); /* IE6 et IE7 */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#EE5F5B, endColorstr=#C43C35); /* IE8 */  
    background-repeat: repeat-x;
	}
	
	

.PbRep       { 
	font-size: 0.85em; 
	color: #ffffff; 
    background-color: #C43C35;
    background-image: -moz-linear-gradient(center top , #EE5F5B, #C43C35);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #C43C35),color-stop(1, #EE5F5B)); /* Safari et Chrome */
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#EE5F5B', endColorstr='#C43C35'); /* IE6 et IE7 */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#EE5F5B, endColorstr=#C43C35); /* IE8 */  
    background-repeat: repeat-x;
    font-weight: bold; 
    padding-left: 10px; 
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom:5px;
	text-align:left;
    }
    
.PbRep {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    behavior: url(border-radius.htc); -moz-border-:6px
	}
  
.icone-erreur {
    background-image: url('images/ui-icons_f6cf3b_256x240.png');
    background-position: 0 -144px;
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
	}
    
.MsgErr       { 
	font-size: 0.85em; 
	color: #ffffff; 
    background-color: #ffffff;
  	border : #dddddd 1px solid
    background-repeat: repeat-x;
    font-weight: bold; 
    padding-left: 10px; 
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom:5px;
    }
    
.MsgErr2       { 
	font-size: 0.85em; 
	color: #A72428; 
    background-color: #ffffff;
  	border : #dddddd 1px solid
    background-repeat: repeat-x;
    font-weight: bold; 
    padding-left: 10px; 
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom:5px;
    text-align:center;
    }


/*--------------------------------------------------------------------------------------------*/
/*------------------ Questionnaire : Questions ss forme de tableau ---------------------------*/
/*--------------------------------------------------------------------------------------------*/

.TabHG {
    padding:0px; 
    border-right  : 1px solid #999999; 
    border-left   : 1px solid rgba(153, 153, 153,0); 
    border-bottom : 1px solid #999999;
    border-top    : 1px solid rgba(153, 153, 153,0); 
    FONT-SIZE: 0.85em;
    COLOR: #000000;
	}
	
.TabHGMaxDiff {
    padding:0px; FONT-SIZE: 0.85em;
    COLOR: #000000;
    BORDER-BOTTOM: 1px solid #999999;
	}

.TabQ2 { 
	font-weight : normal ;
	font-size: 0.85em; 
	color: #000000; 
    border-left: 1px solid #999999; 
    border-right: 1px solid #999999; 
    border-bottom: 1px solid #999999; 
    text-align:left;
    padding-left: 5px; 
    padding-right: 5px; 
    padding-top: 5px; 
    padding-bottom: 5px ; 
    background-color: #f0f0f0;
    background-image: -moz-linear-gradient(center top , #ffffff, #f0f0f0); 
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #f0f0f0),color-stop(1, #ffffff));  
    background-repeat: repeat-x;
   	}
   	
.TabQ1 {
	font-weight : normal ;
	font-size: 0.85em; 
    color: #000000;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
	text-align:left;
    background-color: #ffffff;
    background-image: -moz-linear-gradient(center top , #fafafa, #ffffff);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ffffff),color-stop(1, #fafafa));  
    background-repeat: repeat-x;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
	}
	
.TabQMaxDiff {
	font-weight : normal ;
	font-size: 0.85em; 
    color: #000000;
    border-top: 1px solid #999999;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
	text-align:center;
    background-color: #ffffff;
    background-image: -moz-linear-gradient(center top , #fafafa, #ffffff);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ffffff),color-stop(1, #fafafa));  
    background-repeat: repeat-x;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.TabQMaxDiffErreur { 
	font-weight : normal;
	font-size: 0.85em; 
	color: #ffffff; 
	border-top: 1px solid #999999; 
    border-left: 1px solid #999999;
    border-right: 1px solid #999999; 
    border-bottom: 1px solid #999999; 
    text-align:center;
    padding-left: 3px; 
    padding-right: 3px; 
    padding-top: 3px; 
    padding-bottom: 3px ; 
    background-color: #C43C35;
    background-image: -moz-linear-gradient(center top , #EE5F5B, #C43C35);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #C43C35),color-stop(1, #EE5F5B)); /* Safari et Chrome */
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#EE5F5B', endColorstr='#C43C35'); /* IE6 et IE7 */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#EE5F5B, endColorstr=#C43C35); /* IE8 */  
    background-repeat: repeat-x;
	}
	
.TabQ2Qcol { 
	font-weight : normal ;
	font-size: 0.85em; 
	color: #000000; 
    border-top: 1px solid #999999; 
    border-right: 1px solid #999999; 
    border-bottom: 1px solid #999999; 
    text-align:center;
    padding-left: 3px; 
    padding-right: 3px; 
    padding-top: 3px; 
    padding-bottom: 3px ; 
    background-color: #f0f0f0;
    background-image: -moz-linear-gradient(center top , #ffffff, #f0f0f0); 
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #f0f0f0),color-stop(1, #ffffff));  
    background-repeat: repeat-x;
   	}
   	
.TabQ1Qcol {
	font-weight : normal ;
	font-size: 0.85em; 
    color: #000000;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
	text-align:center;
    background-color: #ffffff;
    background-image: -moz-linear-gradient(center top , #fafafa, #ffffff);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ffffff),color-stop(1, #fafafa));  
    background-repeat: repeat-x;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
	}
	
.TabQ2QcolErreur, .TabQ1QcolErreur { 
	font-weight : normal;
	font-size: 0.85em; 
	color: #ffffff; 
	border-top: 1px solid #999999; 
    border-right: 1px solid #999999; 
    border-bottom: 1px solid #999999; 
    text-align:center;
    padding-left: 3px; 
    padding-right: 3px; 
    padding-top: 3px; 
    padding-bottom: 3px ; 
    background-color: #C43C35;
    background-image: -moz-linear-gradient(center top , #EE5F5B, #C43C35);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #C43C35),color-stop(1, #EE5F5B)); /* Safari et Chrome */
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#EE5F5B', endColorstr='#C43C35'); /* IE6 et IE7 */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#EE5F5B, endColorstr=#C43C35); /* IE8 */  
    background-repeat: repeat-x;
	}
	
	
.tab-jauge1 {
    background-color: #ffffff;
    background-image: -moz-linear-gradient(center top , #fafafa, #ffffff);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ffffff),color-stop(1, #fafafa));  
    background-repeat: repeat-x;

}

.tab-jauge-MaxDiff-1, .tab-jauge-MaxDiff-2 {
    background-color: #ffffff;
    background-image: -moz-linear-gradient(center top , #fafafa, #ffffff);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ffffff),color-stop(1, #fafafa));  
    background-repeat: repeat-x;
    border-left: 1px solid #999999; 
    border-right: 1px solid #999999; 
    border-bottom: 1px solid #999999; 

}

.tab-jauge2 {
    background-color: #f0f0f0;
    background-image: -moz-linear-gradient(center top , #ffffff, #f0f0f0); 
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #f0f0f0),color-stop(1, #ffffff));  
    background-repeat: repeat-x;

}


.TabCtr2     { 
	font-weight: bold; 
	font-size: 0.85em; 
	color: #FFFFFF; 
	text-align: center; 
   	border-right: 1px solid #999999; 
   	border-bottom: 1px solid #999999; padding-left: 0px; 
   	padding-right: 0px; padding-top: 3px; padding-bottom: 3px ; 
    background-color: #f0f0f0;
    background-image: -moz-linear-gradient(center top , #ffffff, #f0f0f0 ); 
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #f0f0f0 ),color-stop(1, #ffffff));  
    background-repeat: repeat-x;
    }
    
.TabCtr1     { 
	font-weight: bold; 
	font-size: 0.85em; 
	color: #FFFFFF; 
    text-align: center; border-right: 1px solid #999999; 
    border-bottom: 1px solid #999999; padding-left: 0px; 
    padding-right: 0px; padding-top: 3px; padding-bottom: 3px ;
    background-color: #ffffff;
    background-image: -moz-linear-gradient(center top , #fafafa, #ffffff);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ffffff ),color-stop(1, #fafafa));  
    background-repeat: repeat-x;
    }
    
.TabCtr3     { 
	font-weight: bold; 
	font-size: 0.85em; 
	color: #555555; 
	text-align: center; 
   	border-right: 1px solid #999999; 
   	border-bottom: 1px solid #999999; padding-left: 0px; 
   	padding-right: 0px; padding-top: 3px; padding-bottom: 3px ; 
    background-color: #f0f0f0;
    background-image: -moz-linear-gradient(center top , #ffffff, #f0f0f0 ); 
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #f0f0f0 ),color-stop(1, #ffffff));  
    background-repeat: repeat-x;
    }
    
.TabCtr4     { 
	font-weight: bold; 
	font-size: 0.85em; 
	color: #555555; 
    text-align: center; border-right: 1px solid #999999; 
    border-bottom: 1px solid #999999; padding-left: 0px; 
    padding-right: 0px; padding-top: 3px; padding-bottom: 3px ;
    background-color: #ffffff;
    background-image: -moz-linear-gradient(center top , #fafafa, #ffffff);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ffffff ),color-stop(1, #fafafa));  
    background-repeat: repeat-x;
    }
    
.TabItem     { 
	text-align: center; 
	font-size: 0.85em; 
	//font-weight:bold; //
	background-color:#ffffff;
   	color: #000000; 
   	border-right: 1px solid #999999; 
   	border-top: 1px solid #999999; 
   	border-bottom: 1px solid #999999; 
   	padding:  0px 
   	}
   	
   .TabItemSansTop     { 
	text-align: center; 
	font-size: 0.85em; 
	//font-weight:bold; //
	background-color:#ffffff;
   	color: #000000; 
   	border-right: 1px solid #999999; 
   	border-top: 0px solid #999999; 
   	border-bottom: 1px solid #999999; 
   	padding-left: 3px; 
   	padding-right: 3px; 
   	padding-top: 3px; 
   	padding-bottom: 3px 
   	}
   	
.TabItemQcol     { 
	text-align: left; 
   	color: #000000; 
	font-weight : normal ;
	font-size: 0.85em; 
    color: #000000;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
   	}
   	
.TabItemQcolMaxDiff     { 
	text-align: center; 
   	color: #000000; 
	font-weight : bold ;
	font-size: 0.85em; 
    color: #000000;
    border-bottom: 1px solid #999999;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
   	}

.TabItem90     { 
	text-align: center; 
	font-size: 0.85em; 
	font-weight:bold; 
	background-color:#c0c0c0;
   	color: #000000; 
   	border-right: 1px solid #999999; 
   	border-top: 1px solid #999999; 
   	border-bottom: 1px solid #999999; 
   	padding-left: 3px; 
   	padding-right: 3px; 
   	padding-top: 3px; 
   	padding-bottom: 3px 
   	}
               
.TabItemFFT     { 
	text-align: center; 
	font-size: 0.85em; 
	font-weight:bold; 
	background-color:#ffffff;
    color: #333333; 
    border-right: 1px solid #999999; 
    border-top: 0px solid #999999; 
    border-bottom: 1px solid #999999; 
    padding-left: 3px; 
    padding-right: 3px; 
    padding-top: 3px; 
    padding-bottom: 3px 
    }


/*--------------------------------------------------------------------------------------------*/
/*------------------ Questionnaire : Questions standard --------------------------------------*/
/*--------------------------------------------------------------------------------------------*/

.PageTitre {
	font-size: 1em;
	color: #58585a;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	text-align: center;
	background-color: #fff;
	border: 0px solid #999999;	
	}
	
.PageTitre a:link, .PageTitre a:visited {
	text-decoration : none;
	color:#009de0;
	background-color: #EEEEEE;
    background-image: -moz-linear-gradient(center top , #FFFFFF, #EEEEEE);
    background-repeat: repeat-x;
    border: 1px solid #BBBBBB;
    border-radius: 6px 6px 6px 6px;
    padding: 5px 20px;
}

.PageTitre a:hover {
	text-decoration : none;
	color:#0f1e47;
	background-color: #DDDDDD;
    background-image: -moz-linear-gradient(center top , #FFFFFF, #DDDDDD);
    background-repeat: repeat-x;
    border: 1px solid #BBBBBB;
    border-radius: 6px 6px 6px 6px;
    padding: 5px 20px;
}

.PageSousTitre {
	font-size: 0.85em; 
	color: #000000; 
	padding-left: 10px; 
	padding-right: 10px; 
	padding-top: 1px; 
	padding-bottom: 1px ; 
	font-weight: bold ; 
	text-align:center;
	}

.PageDescription {
	font-size: 0.80em; 
	color: #000000; 
	padding-left: 50px; 
	padding-right: 50px; 
	padding-top: 1px; 
	padding-bottom: 1px 
	}

.QuestionTitre { 
	font-size: 1em; 
	color:#000000; 
	padding-left: 10px; 
	padding-right: 10px; 
	padding-top: 10px; 
	padding-bottom: 1px ; 
	font-weight: normal  ;
	text-align:left;
	}
	
.QuestionTitre2 { 
	font-size: 0.85em; 
	color:#000000; 
	padding-left: 10px; 
	padding-right: 10px; 
	padding-top: 3px; 
	padding-bottom: 3px ; 
	font-weight: bold  ;
	text-align:left;
	border-bottom:1px solid #cccccc;
	}
	
.QuestionTitre3 { 
	font-size: 0.85em; 
	color:#000000; 
	padding-left: 10px; 
	padding-right: 10px; 
	padding-top: 3px; 
	padding-bottom: 3px ; 
	font-weight: bold  ;
	text-align:left;
	border-bottom:2px solid #cccccc;
	}


.QuestionDescription { 
	font-size: 0.85em; 
	color: #000000; 
	padding-left: 30px; 
	padding-right: 10px; 
	padding-top: 1px; 
	padding-bottom: 1px;
	text-align:left;
	}

.Item {
	font-size: 0.85em;
	color: #000000; 
	vertical-align: middle;
	max-width:850px;
	text-align:left;
	}

td.item {
	font-size: 0.85em;
	color: #000000; 
	vertical-align:center;
	text-align:left;
	}

.Ctr {
    BORDER-RIGHT: #002e5c 1px solid;
    BORDER-TOP: #002e5c 1px solid;
    FONT-SIZE: 0.85em;
    BORDER-LEFT: #002e5c 1px solid;
    COLOR: #1f355d;
    BORDER-BOTTOM: #002e5c 1px solid;
	}

.CtrC {
    BORDER-RIGHT: #002e5c 1px solid;
    BORDER-TOP: #002e5c 1px solid;
    FONT-SIZE: 0.85em;
    BORDER-LEFT: #002e5c 1px solid;
    COLOR: #1f355d;
    BORDER-BOTTOM: #002e5c 1px solid;
    TEXT-ALIGN: center
	}

































/*------------------ Questionnaire : Définition des largeurs (anciennement en dur dans AccesData)  -----------------------*/


td.CLargCol1, img.CLargCol1 {
	width:10px;
	}




/*------------------ Questionnaire : Page de démarrage et page de fin  -----------------------*/
.Intro {
    FONT-SIZE: 1em;
    COLOR: #000000;

    padding-left    :20px;
    /*padding-top     :15px;*/
    /*padding-bottom  :15px;*/
    padding-right   :20px;
    text-align      :left;
    font-weight     :bold;
	}
	
td.intro {
	background-color: #ffffff;
    padding-left:50px;
    border: 1px solid #ffffff;
    border-radius: 8px;
    -webkit-border-radius: 8px; -moz-border-:8px;
}

.Intro a:link { color: #000000; text-decoration: underline }
.Intro a:visited { color: #000000; text-decoration: underline }
.Intro a:hover { color: #001B81}


td.introdefault {	
	background-color: #ffffff;
	}

.Titre  { 
	font-size: 0.85em; 
	color: #000000; 
	text-align: center; 
	font-weight: bold 
	}

.Texte, .TexteBree {
	font-size: 0.85em;
	color: #000000;
	}

.Description {
    FONT-WEIGHT: normal;
    FONT-SIZE: 0.85em;
    COLOR: #000000;
	}



.CtrLD     { 
	font-size: 0.85em; 
	color: #000000; 
	/*text-align: center; */
	border: 1 solid #344CA2
	}

.Controle {
	border: 1px solid #527494;
    font-size: 0.85em;
	color: #000000;
	background-color: #ffffff;
    width: 209px;
	}


    
 /*------------------ Forum : Page de démarrage et page de fin  -----------------------*/
table.SPQTabQuestion {
	width:100%;
	border:1px solid #eeeeee; 
	padding:0px; 
	margin:2px 0px; 
	/*border-collapse: collapse;*/
    border-radius: 6px;
    text-align:left;
    background-color:#ffffff;
	}
	
table.SPQTabQuestion2 {
	border:1px solid #eeeeee; 
	padding:0px; 
	margin:2px 0px; 
	/*border-collapse: collapse;*/
    border-radius: 6px;
    text-align:left;
    background-color:#ffffff;
	}

table.SPQTabLigSeparatrice {
	border: 0px;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	}
    


/*------------------ Questionnaire : Gestion des tableaux d'items dans les questionnaires  -----------------------*/

         
.frmtitre  { 
	font-size: 0.85em; 
	color: #FFFFFF; 
	text-align: center; 
	font-weight: bold 
	}

div#DivPB {
	background-color: #FFFFFF;
	border-right: #ffcc33 thin solid;
	border-top: #ffcc33 thin solid;
	border-left: #ffcc33 thin solid;
	border-bottom: #ffcc33 thin solid;
	}


/*----------------DIVERS------------------*/

div.QOConteneur {
	padding-right : 10px;
	text-align:center;
}

textarea {
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
    padding: 6px;
    margin-top: 5px;
    -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
    width : 100%;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:        	border-box;
	}

input[type=text], input[type=password] {
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
    padding: 4px;
    margin-top: 5px;
    -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
	}
	
textarea:focus, input[type=text]:focus, input[type=password]:focus {
	outline: 0;
	border-color: rgba(82, 168, 236, 0.8);
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
	}

.TexteAR2 {
    color: #3E5D7E;
    font-size: 0.85em;
    font-weight: bold;
    padding-left: 30px;
    padding-right: 10px;
    padding-top: 30px;
	}
	

	

	
.DivClassement {
	float:left;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
    margin-right:5px;
}
.CroixClassement {
	cursor:pointer;
	width:18px;
	
}

.Ligne1Classement {
	background-color:#eeeeee;
	
}
.Ligne2Classement {
	background-color:#dddddd;
	
}
.Ligne1Classement td, .Ligne2Classement td {
	height:24px;
}

.rankoutput {
	text-align:left; 
	white-space:nowrap;
	vertical-align:top;
}

.rankoutput_titre {
	background-color : #d1ac19;
	color : #ffffff;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	font-weight:bold;
	margin-bottom:10px;
}

.ranklabel {
	border:1px #cccccc solid; 
	vertical-align:top;
	background-color : #eeeeee;
}


.ranklabel ul {
	background-color : #eeeeee;
	FONT-SIZE: 0.85em;
    LIST-STYLE-IMAGE: none;
	color: #555;
	overflow-y: hidden;
	padding:10px;
	margin-bottom:0px;
	margin-top:0px;
	
}

.ranklabel li {
	border:1px solid #dddddd;
	background-color : #ffffff;
	padding : 5px;
	margin-top : 5px;
	border-radius: 4px;
    -webkit-border-radius: 4px; -moz-border-:4px;
    cursor:pointer;
    font-weight:bold;
    
}

.ranklabel li:hover {
	border : 1px solid #d1ac19;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 8px #d1ac19;
  	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 8px #d1ac19;
 	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 8px #d1ac19;
 	color : #d1ac19;
}

.ranklabel_titre {
	background-color : #ffffff;
	color : #d1ac19;
	border : 1px solid #d1ac19;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	font-weight:bold;
}


ul.notes-echelle {
	display: inline-block;
	margin: 0;
	padding:0;
    font-size: 0.85em;
    font-weight: bold;
	color: black;
	}

ul.notes-echelle li {
	float:left;
	margin: 10px -1px 10px 0px; 
	padding:0;
	list-style:none;
	border : 1px solid #dddddd;
	background-color:#ffffff;
	
}
ul.notes-echelle li.notes-autres {
	float:left;
	padding:0px 5px;
	margin: 10px 0px 10px 10px; 
	list-style:none;
	border : 1px solid #dddddd;

}

ul.notes-echelle li label {
	display:block;
	text-align:center;
	line-height:20px;
	/**background:url(../images/etoiles.gif) center top no-repeat;**/
	cursor:pointer;
}


ul.notes-echelle li.note-off label {
	/**background-position:center -60px;**/
	/**background-color: #eeeeee ;**/
	
}

ul.notes-echelle li.note-checked {
	font-weight : bold;
	color : white;
	}



ul.notes-echelle.js li.notes {
	width:35px;
	height:20px;
}

ul.notes-echelle.js li.notes-autres {
	min-width:55px;
	height:20px;
}

ul.notes-echelle.js input {
	position:absolute;
	left:-999%;
}

/**ul.notes-echelle.js li.note-focus {
	outline:1px dotted #000;
}**/





/** CSS POUR LA PARTIE JAUGE ITEMS **/

ul.jauge-echelle {
	margin: 0;
	padding:0;

    font-size: 0.85em;
    font-weight: bold;
	color: black;
	}
ul.jauge-echelle li {
	float:left;
	margin: 10px -1px 10px 0px; 
	padding:0;
	list-style:none;
	border : 1px solid #dddddd;
	
}
ul.jauge-echelle li.jauge-autres {
	float:left;
	padding:0px 5px;
	margin: 10px 0px 10px 10px; 
	list-style:none;
	border : 1px solid #dddddd;

}

ul.jauge-echelle li label {
	display:block;
	text-align:center;
	line-height:20px;
	/**background:url(../images/etoiles.gif) center top no-repeat;**/
	cursor:pointer;
}


ul.jauge-echelle li.jauge-off label {
	/**background-position:center -60px;**/
	/**background-color: #eeeeee ;**/
	
}
ul.jauge-echelle li.jauge-checked {
	font-weight : bold;
	color : white;
	}



ul.jauge-echelle.js li.jauge {
	
	width:100px;
	height:60px;
	vertical-align:middle;
}
ul.jauge-echelle.js li.jauge-autres {
	
	min-width:90px;
	height:60px;
	vertical-align:middle;
}
ul.jauge-echelle.js input {
	position:absolute;
	left:-999%;
}

/**ul.jauge-echelle.js li.jauge-focus {
	outline:1px dotted #000;
}**/


/** CSS POUR LA PARTIE JAUGE ITEMS EN TABLEAU **/

tr.tab-jauge-echelle {
	margin: 0;
	padding:0;
    font-size: 0.85em;
    font-weight: bold;
	color: black;
	}
tr.tab-jauge-echelle td {
	/**float:left;**/
	margin: 10px -1px 10px 0px; 
	padding:8px;
	list-style:none;
	border-right : 1px solid #999999;
	border-bottom : 1px solid #999999;

	
}
tr.tab-jauge-echelle td.tab-jauge-autres {
	/**float:left;**/
	padding:0px 5px;
	margin: 10px 0px 10px 10px; 
	list-style:none;
	border-right : 1px solid #999999;
	border-bottom : 1px solid #999999;

}

tr.tab-jauge-echelle td label {
	display:block;
	text-align:center;
	/**line-height:20px;**/
	/**background:url(../images/etoiles.gif) center top no-repeat;**/
	cursor:pointer;

}


tr.tab-jauge-echelle td.tab-jauge-checked {
	font-weight : bold;
	color : white;

	}


tr.tab-jauge-echelle.js td.tab-jauge1-off  {
	background-color: #dddddd;
    background-image: -moz-linear-gradient(center top , #eeeeee, #dddddd);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #dddddd),color-stop(1, #eeeeee)); /* Safari et Chrome */ 
    background-repeat: repeat-x;
    height : 100%;
}


tr.tab-jauge-echelle.js td.tab-jauge2-off  {
    background-color: #eeeeee;
    background-image: -moz-linear-gradient(center top , #ffffff, #eeeeee);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #eeeeee),color-stop(1, #ffffff)); /* Safari et Chrome */ 
    background-repeat: repeat-x;
    height : 100%;
}


tr.tab-jauge-echelle.js input {
	position:absolute;
	left:-999%;
}

tr.tab-jauge-echelle.js td.tab-jauge-focus {
	/**outline:1px dotted #000;**/

}


/** CSS POUR LA PARTIE NEWTAB **/

tr.newtab td.jaugevide {
background-color:#ffffff;
}

tr.newtab, tr.newtabQM {
	margin: 0;
	padding:0;
    font-size: 0.85em;
    font-weight: bold;
	color: black;
	}
tr.newtab td, tr.newtabQM td {
	/**float:left;**/
	margin: 10px -1px 10px 0px; 
	/**padding:8px;**/
	list-style:none;
	border-right : 1px solid #999999;
	border-bottom : 1px solid #999999;

	
}
tr.newtab td.tab-jauge-autres, tr.newtabQM td.tab-jauge-autres {
	/**float:left;**/
	padding:0px 5px;
	margin: 10px 0px 10px 10px; 
	list-style:none;
	border-right : 1px solid #999999;
	border-bottom : 1px solid #999999;

}

tr.newtab td label {
	display:block;
	text-align:center;
	cursor:pointer;
	background:url('js/img/radio_off.png') no-repeat center ;
}

tr.newtabQM td label {
	display:block;
	text-align:center;
	cursor:pointer;
	background:url('js/img/checkbox_off.png') no-repeat center ;
}


tr.newtab td.tab-jauge-checked, tr.newtabQM td.tab-jauge-checked {
	font-weight : bold;
	color : white;
	}
	
tr.newtab td.tab-jauge-checked label {

	display:block;
	text-align:center;
	cursor:pointer;
	background:url('js/img/radio_on.png') no-repeat center ;
	}
	
tr.newtabQM td.tab-jauge-checked label {

	display:block;
	text-align:center;
	cursor:pointer;
	background:url('js/img/checkbox_on.png') no-repeat center ;
	}




tr.newtab.js td.tab-jauge1-off , tr.newtabQM.js td.tab-jauge1-off  {
	background-color: #dddddd;
    background-image: -moz-linear-gradient(center top , #eeeeee, #dddddd);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #dddddd),color-stop(1, #eeeeee)); /* Safari et Chrome */ 
    background-repeat: repeat-x;
}



tr.newtab.js td.tab-jauge2-off  , tr.newtabQM.js td.tab-jauge2-off  {
    background-color: #eeeeee;
    background-image: -moz-linear-gradient(center top , #ffffff, #eeeeee);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #eeeeee),color-stop(1, #ffffff)); /* Safari et Chrome */ 
    background-repeat: repeat-x;
    height : 100%;
}


tr.newtab.js input, tr.newtabQM.js input {
	position:absolute;
	left:-999%;
}



/** CSS POUR LA PARTIE JAUGE ITEMS EN TABLEAU **/

tr.FFTTABQM, tr.FFTTABQM2 {
	margin: 0;
	padding:0;
    font-size: 0.85em;
    font-weight: bold;
	color: black;
	}
tr.FFTTABQM td, tr.FFTTABQM2 td {
	/**float:left;**/
	margin: 10px -1px 10px 0px; 
	padding:8px;
	list-style:none;
	border-right : 1px solid #999999;
	border-bottom : 1px solid #999999;

	
}
tr.FFTTABQM td.tab-jauge-autres, tr.FFTTABQM2 td.tab-jauge-autres {
	/**float:left;**/
	padding:0px 5px;
	margin: 10px 0px 10px 10px; 
	list-style:none;
	border-right : 1px solid #999999;
	border-bottom : 1px solid #999999;

}

tr.FFTTABQM td label {
	display:block;
	text-align:center;
	/**line-height:20px;**/
	/**background:url(../images/etoiles.gif) center top no-repeat;**/
	cursor:pointer;

}


tr.FFTTABQM td.tab-jauge-checked, tr.FFTTABQM2 td.tab-jauge-checked {
	font-weight : bold;

	}


tr.FFTTABQM.js td.tab-jauge1-off, tr.FFTTABQM2.js td.tab-jauge1-off   {
	background-color: #dddddd;
    /*background-image: -moz-linear-gradient(center top , #eeeeee, #dddddd);*/
    /*background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #dddddd),color-stop(1, #eeeeee));  */ 
    background-repeat: repeat-x;
    height : 100%;
}


tr.FFTTABQM.js td.tab-jauge2-off, tr.FFTTABQM2.js td.tab-jauge2-off  {
    background-color: #eeeeee;
    /*background-image: -moz-linear-gradient(center top , #ffffff, #eeeeee); */
    /*background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #eeeeee),color-stop(1, #ffffff)); */ 
    background-repeat: repeat-x;
    height : 100%;
}


tr.FFTTABQM.js input, tr.FFTTABQM2.js input {
	position:absolute;
	left:-999%;
}

tr.FFTTABQM.js td.tab-jauge-focus, tr.FFTTABQM2.js td.tab-jauge-focus {
	/**outline:1px dotted #000;**/

}

tr.FFTTABQM2 td label {
	display:block;
	text-align:center;
	cursor:pointer;
	background:url('js/img/checkbox_off.png') no-repeat center ;
}

tr.FFTTABQM2 td.tab-jauge-checked label {

	display:block;
	text-align:center;
	cursor:pointer;
	background:url('js/img/checkbox_on.png') no-repeat center ;
	}
	
td[name="LienSPPrecedent"] a:link, td[name="LienSPPrecedent"] a:hover, td[name="LienSPSuivant"] a:link, td[name="LienSPSuivant"] a:hover {
padding-left:0px;
padding-right:0px;
padding-top:0px;
padding-bottom:0px;
border:0px #ffffff solid;
}
	
img[name="ImgSuiv"], img[name="ImgPrecedent"] {
	background-color: #d1ac19;
	vertical-align:bottom;
	border: 1px solid #BBBBBB;
}

/* WebDialog = fenetre de confirmation de la double saisie */
.web_dialog_overlay
{
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   height: 100%;
   width: 100%;
   margin: 0;
   padding: 0;
   background: #000000;
   opacity: .15;
   filter: alpha(opacity=15);
   -moz-opacity: .15;
   z-index: 151;
   display: none;
}
.web_dialog
{
   display: none;
   position: fixed;
   width: 550px;
   height: 200px;
   top: 50%;
   left: 50%;
   margin-left: -190px;
   margin-top: -100px;
   background-color: #ffffff;
   border: 2px solid #336699;
   padding: 0px;
   z-index: 152;
   font-size: 10pt;
}
.web_dialog_title
{
   border-bottom: solid 2px #336699;
   background-color: #336699;
   padding: 4px;
   color: White;
   font-weight:bold;
}
.web_dialog_title a
{
   color: White;
   text-decoration: none;
}
	
	

       
    
#droppable th {
	border-right: 1px #dddddd solid;
	border-bottom: 1px #dddddd solid;
	background : #F2EBCB;
	color: #555555;
	text-align:center;
	font-size: 0.8em;
}

#droppable td.dropl1 {

}

#droppable td.Dejeuner {
	border-bottom: 1px #dddddd solid;
	border-right: 1px #dddddd solid;
	text-align:center;
	color: #555555;
	font-size: 0.8em;
	background : #F2EBCB;
}

#droppable td.Dejeuner div div:hover, #droppable td.Dejeuner div div.checked {
	background : #F2EBCB;
}

#RestartGrille {
	cursor:pointer;
}

#RestartGrille:hover, #RestartGrille:active {
	background-color: #E5D8A0;
}
   
td.droppable {
	border-right: 1px #dddddd solid;
	border-bottom: 1px #dddddd solid;
	background : #ffffff;
	color:#1b76b7;
	font-weight:normal;
	font-size:0.8em;
}

#droppable td p, .ui-widget-content p {
	font-size:0.8em;
	color:#ffffff;
	font-weight:bold;
}

#droppable td p span, .ui-widget-content p span {
	font-size:0.8em;
}

.ui-widget-content {
	border:1px solid #ffffff;
	color:#ffffff;
	cursor:pointer;
}

div.itemBleu {
	background: #1b76b7 url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x
}

div.itemVert {
	background-color: #4F6228;
}

div.itemOrange {
	background-color: #E46D0A;
}

div.itemMauve {
	background-color: #7030A0;
}

div.itemRouge {
	background-color: #C00000;
}

div.itemRose {
	background-color: #C0504D;
}	

td.PeriodeSelectionnee, td.PeriodeSelectionneeBleu {
	/*bleu*/
	background-color: #1b76b7;
	color:#ffffff;
	opacity:1;
	
}

td.PeriodeSelectionneeVert {
	/*vert*/
	background-color: #4F6228;
	color:#ffffff;
	opacity:1;
}

td.PeriodeSelectionneeOrange {
	/*orange*/
	background-color: #E46D0A;
	color:#ffffff;
	opacity:1;
}

td.PeriodeSelectionneeRose {
	/*rose*/
	background-color: #C0504D;
	color:#ffffff;
	opacity:1;
}

td.PeriodeSelectionneeRouge {
	/*rouge*/
	background-color: #C00000;
	color:#ffffff;
	opacity:1;
}

td.PeriodeSelectionneeMauve {
	/*mauve*/
	background-color: #7030A0;
	color:#ffffff;
	opacity:1;
}

td.Duree1sur1 {
	border:1px #ffffff solid;
	position:relative;
}

td.Duree1sur2, td.Duree1sur4 {
	border-top:1px #ffffff solid;
	border-left:1px #ffffff solid;
	border-right:1px #ffffff solid;
}

td.Duree2sur4, td.Duree3sur4 {
	border-left:1px #ffffff solid;
	border-right:1px #ffffff solid;
}

td.Duree2sur2, td.Duree4sur4 {
	border-bottom:1px #ffffff solid;
	border-left:1px #ffffff solid;
	border-right:1px #ffffff solid;
}

.CroixCalendrier {
	background: #ffffff;
	width:16px;
	height:15px;
	position:absolute;
	top:0px;
	right:0px;
	cursor:pointer;
	z-index:100;
}

div.rankbox {
   width: 40px;
/*	border: solid 1px #aaf;*/
   color: #33f;
   text-align: center;
   cursor: pointer;
   background: #333333;
   background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#333333));
   background: -webkit-linear-gradient(top, #cccccc, #333333);
   background: -moz-linear-gradient(top, #cccccc, #333333);
   background: -ms-linear-gradient(top, #cccccc, #333333);
   background: -o-linear-gradient(top, #cccccc, #333333);
   padding: 2px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   text-decoration: none;
   vertical-align: middle;
   font-weight:bold;
}

div.rankboxRouge {
   width: 40px;
/*	border: solid 1px #aaf;*/
   color: #33f;
   text-align: center;
   cursor: pointer;
   background: #CE0019;
   background: -webkit-gradient(linear, left top, left bottom, from(#AC0D0D), to(#CE0019));
   background: -webkit-linear-gradient(top, #AC0D0D, #CE0019);
   background: -moz-linear-gradient(top, #AC0D0D, #CE0019);
   background: -ms-linear-gradient(top, #AC0D0D, #CE0019);
   background: -o-linear-gradient(top, #AC0D0D, #CE0019);
   padding: 2px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   text-decoration: none;
   vertical-align: middle;
   font-weight:bold;
}

div.rankboxVert {
   width: 40px;
/*	border: solid 1px #aaf;*/
   color: #33f;
   text-align: center;
   cursor: pointer;
   background: #008000;
   background: -webkit-gradient(linear, left top, left bottom, from(#0CB20C), to(#008000));
   background: -webkit-linear-gradient(top, #0CB20C, #008000);
   background: -moz-linear-gradient(top, #0CB20C, #008000);
   background: -ms-linear-gradient(top, #0CB20C, #008000);
   background: -o-linear-gradient(top, #0CB20C, #008000);
   padding: 2px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   text-decoration: none;
   vertical-align: middle;
   font-weight:bold;
}

div.rankboxOK {
   width: 40px;
/*	border: solid 1px #aaf;*/
   color: #33f;
   text-align: center;
   background: #ffffff;
   padding: 2px;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 12px;
   text-decoration: none;
   vertical-align: middle;
   font-weight:bold;
}

div.rankbox:hover, div.rankboxVert:hover, div.rankboxRouge:hover{
   border-top-color: #111111;
   background: #111111;
   background: -webkit-gradient(linear, left top, left bottom, from(#bbbbbb), to(#111111));
   background: -webkit-linear-gradient(top, #bbbbbb, #111111);
   background: -moz-linear-gradient(top, #bbbbbb, #111111);
   background: -ms-linear-gradient(top, #bbbbbb, #111111);
   background: -o-linear-gradient(top, #bbbbbb, #111111);
   color: #ccc;
   cursor:pointer;
}
div.rankbox:active, div.rankboxVert:active, div.rankboxRouge:active {
   border-top-color: #111111;
   background: #aaaaaa;
}

.rowheading {
    height: 25px;
    padding: 3px;
    padding-left:10px;
}

.row1 {
	background-color: #f5f5f5;
}
.row2 {
	background-color: #eaeaea;
}








/* Couleur des cases à cocher */
.icheckbox_line-stylee .icheck_line-icon, .iradio_line-stylee .icheck_line-icon {background: url(images/CaseACocherArkea.png) no-repeat;}
.icheckbox_line-newtab .icheck_line-icon, .iradio_line-newtab .icheck_line-icon {background: url(images/CaseACocherArkea.png) no-repeat;}



/* iCheck plugin Line skin, blue
----------------------------------- */
.icheckbox_line-stylee,.iradio_line-stylee {position: relative;display: block;margin: 0;padding: 5px 15px 5px 38px;cursor: pointer;}
.icheckbox_line-stylee .icheck_line-icon,.iradio_line-stylee .icheck_line-icon {position: absolute;top: 45%;left: 10px;width: 24px;height: 24px;margin: -8px 0 0 0;padding: 0;overflow: hidden;border: none;}
    
.icheckbox_line-stylee .icheck_line-icon {background-position: 0 0;}
.icheckbox_line-stylee.hover .icheck_line-icon{background-position: -24px 0;}
.icheckbox_line-stylee.checked .icheck_line-icon {background-position: -48px 0;}
.icheckbox_line-stylee.disabled .icheck_line-icon {background-position: -72px 0;cursor: default;}
.icheckbox_line-stylee.checked.disabled .icheck_line-icon {background-position: -96px 0;}

.iradio_line-stylee .icheck_line-icon {background-position: -120px 0;}
.iradio_line-stylee.hover .icheck_line-icon {background-position: -144px 0;}
.iradio_line-stylee.checked .icheck_line-icon {background-position: -168px 0;}
.iradio_line-stylee.disabled .icheck_line-icon {background-position: -192px 0;cursor: default;}
.iradio_line-stylee.checked.disabled .icheck_line-icon {background-position: -216px 0;}
    
.icheckbox_line-stylee.hover,.icheckbox_line-stylee.checked.hover,.iradio_line-stylee.hover {background: #ffffff;}
.icheckbox_line-stylee.checked,.iradio_line-stylee.checked {background: #ffffff;}

.icheckbox_line-stylee.disabled,.iradio_line-stylee.disabled {background: #ffffff;cursor: default;}

.icheckbox_line-stylee.checked.disabled,.iradio_line-stylee.checked.disabled {background: #ffffff;}






/* Vient de bouton.css */




/* iCheck plugin Line skin, grey
----------------------------------- */
.icheckbox_line-grey,
.iradio_line-grey {
position: relative;
display: block;
margin: 0;
margin-bottom:8px;
padding: 5px 15px 5px 15px;
line-height: 1.5em;
background: #ffffff;
border: 1px #cccccc solid;
border-radius: 20px; -webkit-border-radius: 20px; -moz-border-:20px;
cursor: pointer;
color: #000000;
width: 90%;
margin-left: auto;
margin-right: auto;
}

    .icheckbox_line-grey .icheck_line-icon,
    .iradio_line-grey .icheck_line-icon {
        position: absolute;
        top: 50%;
        left: 13px;
        width: 13px;
        height: 11px;
        margin: -5px 0 0 0;
        padding: 0;
        overflow: hidden;
        background: url(line.png) no-repeat;
        border: none;
    }

.icheckbox_line-grey.hover, .iradio_line-grey.hover
{
    /*background: #c33124;*/
    background: #ff5624;
    border: 1px solid #ff5624;
    color: #ffffff;

    -webkit-transition-property: background-color;
    -webkit-transition-property: color;
    -webkit-transition-duration: 400ms;
    -moz-transition-property: background-color;
    -moz-transition-duration: 400ms;
    transition-property: background-color;
    transition-duration: 400ms;
}

.icheckbox_line-grey.checked,     .icheckbox_line-grey.checked.hover,    .iradio_line-grey.checked {
        background: #ff5624;
        border: 1px #ff5624 solid;
        color: #ffffff;
    -webkit-transition-property: background-color;
    -webkit-transition-property: color;
    -webkit-transition-duration: 400ms;
    -moz-transition-property: background-color;
    -moz-transition-duration: 400ms;
    transition-property: background-color;
    transition-duration: 400ms;        
}
    
.icheckbox_line-grey.checked .icheck_line-icon, .iradio_line-grey.checked .icheck_line-icon {     background-position: -15px 0; }
.icheckbox_line-grey.disabled,
.iradio_line-grey.disabled {
background: #D5D4D3;
cursor: default;
}
.icheckbox_line-grey.disabled .icheck_line-icon,
.iradio_line-grey.disabled .icheck_line-icon {
background-position: -30px 0;
}
.icheckbox_line-grey.checked.disabled,
.iradio_line-grey.checked.disabled {
background: #D5D4D3;
}
.icheckbox_line-grey.checked.disabled .icheck_line-icon,
.iradio_line-grey.checked.disabled .icheck_line-icon {
background-position: -45px 0;
}