@charset "UTF-8";

/* START - ALL MEDIA  */
@media all {
		*input[type='text']{
			width:91%;
			}*/

		/*START- FORMATTING TABLE  (IN GENERAL)*/
		table { border-collapse: collapse; }
		caption, th { text-align: center; font-weight: normal; border-spacing: 0px;}
		table, td, th { vertical-align: middle;}
		th, td {
		  border-bottom: 1px solid #999;
		  padding:4px;
		  }
		 
		#accordion, #view1{
		height:100%;
		width:97%;
		/*height:100%;*/
		margin-left:auto;
		margin-right:auto;
		font-size:12px;
			}
		 
		.RegistrationFormTable tr:hover, .RegistrationFormTableTitle tr:hover {
		  background-color:#FFFAF0; color:#000;
			}  

		textarea {
			overflow: auto;
			}
			
		textarea:hover {
			border: 1px solid; 
			border-color:blue;
			}		
			
		/* 
		td:hover {
		  background-color: #FCF; color:#000;
		}  
		*/
		/*END- FORMATTING TABLE  (IN GENERAL)*/
		 
		/*START - SOME TABLE PROPERTIES THAT MAY BE USED LATER*/ 
		/*
		border-bottom-width: medium;
		border-bottom-width: medium
		border-bottom-style: none
		border-bottom-color: currentColor
		*/

		/*border:1px solid  blue;*/
		/*
		border-width: is itself a shorthand, its initial value is the concatenation of its own longhand properties
		border-style: is itself a shorthand, its initial value is the concatenation of its own longhand properties
		border-color: is itself a shorthand, its initial value is the concatenation of its own longhand properties	
		*/
		/*END - SOME TABLE PROPERTIES THAT MAY BE USED LATER*/ 

		/*STRAT - FORMATTING TABLE INCLUDED IN FORM */
		.RegistrationFormTable{
			width:100%;
			border: 1px solid  blue;
			/*margin:0px;*/
			margin-left:auto;
			margin-right:auto;
			}


		table.RegistrationFormTable td{ /*Setting td width to 25%. Those tables have four columns.Consequently, 25% may be changed if a new table does not have four columns. Those tables are in the new client Registration form and other forms*/
			/*width:25%;*/
			}

		.RegistrationFormTableTitle{/*Setting the background color of the columns that contain titles only. Those tables are in the new client Registration form and other forms*/
			background-color:MintCream;
			text-align:justify; 
			font-weight:bold;
			}
		/*END - FORMATTING TABLE INCLUDED IN FORM */
			
		/*START - FORMATTING FORM */
		.RegistrationForm{
			padding-left:auto;
			padding-right:auto; 	
			border:1px; 
			/*display: block;*/   
			}
		/*END - FORMATTING FORM */

		/*START - GENRAL FORMATTING OF DIFFERENT ELEMENTS*/
		.textbox{ /*Formatting the textbox*/
			width:98%;
			/*border-color:white;*/
			}

		.textbox:hover {
			border: 1px solid; 
			border-color:blue;
			}		
			
		.selectboxLong:hover{
			border: 1px solid; 
			border-color:blue;
			}		

		input[type="text"]:focus, input[type="password"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, textarea:focus, select:focus { 
			border-color: #B6D5F7 #B6D5F7 #B6D5F7 #B6D5F7;
			outline: none;
			-moz-box-shadow: 0 0 10px #B6D5F7;
			-webkit-box-shadow: 0 0 10px #B6D5F7;
			box-shadow: 0 0 10px #B6D5F7;
		}
			
		.inputBoxStyle{ /*Formatting the input*/
			width:85%;
			}

		.selectbox{  /*Formatting the select boxes*/
			width:99%;
			}

		.selectboxLong{ /*Formatting  along select box. This select box is longer than other select boxes*/
			width:300px;
			}

		.selectboxTrainingAreaList{  /*Formatting the select box in the Registration form. That select box is in the pop-up windows*/
			width:50%;
			}

		.QuestionEvaluation{ /*Formatting Question & Numbers in the Registration form. Set the font-weight and the color*/
			font-weight:bolder;
			color:DarkGreen ;
			}
		/*END - GENRAL FORMATTING OF DIFFERENT ELEMENTS*/
			
		/*START - FORMATTING THE TABLE THAT DISPLAYS THE PRELIMINARY ASSESSMENT RESULTS*/
		.criteriafields{  /* Setting the alternate color of the lines*/
			font-weight:bold; 
			text-align:left;
			font-size: 12px;
			}
			
		.criteriatitle	{  /* Setting the font-size of the lines*/
			font-size: 12px;
			}	
				
		.odd{background: #eee;} /* Setting the alternate color of the lines. This color applies to one over row*/
			
		.tableEva{	/* Setting some properties of the table that contains the assessment Results*/
			text-align:center; 
			border-collapse:collapse; 
			border:1px ;
			width:98%;
			padding: 0.3em;
			}	
		/*END - FORMATTING THE TABLE THAT DISPLAYS THE PRELIMINARY ASSESSMENT RESULTS*/
			
		/*START - FORMATTING THE TOP OF THE PAGE THAT DISPLAYS THE PRELIMINARY ASSESSMENT RESULTS*/
		div.ContainerAssessmentTop      {width: 100%; height: 75px; overflow: hidden; display:table;}
		div.ContainerAssessmentTop div {height: 75px; float: left; text-align: center; margin: 0px; overflow: hidden; color:#FFFFE0;}
		div.TitleLeftAssessmentTop      {width: 16%; background: #FFFFFF url(/images/fond.jpg) repeat-x top;}
		div.TitleLogoAssessmentTop     {width: 12%; text-align:center;}
		div.TitleSoftwareNameAssessmentTop   {width: 71%; text-align:center; font-weight:bold; 
								font-size:150%; display: table-cell; vertical-align: middle;  
								background: #FFFFFF url(/images/fond.jpg) repeat-x top;}
		/*END- FORMATTING THE TOP OF THE PAGE THAT DISPLAYS THE PRELIMINARY ASSESSMENT RESULTS*/

		/*START - FORMATTING THE BOTTOM OF THE PAGE THAT DISPLAYS THE PRELIMINARY ASSESSMENT RESULTS*/
		div.ContainerAssessementButtom {width: 100%; height: 78px;  float: left; overflow: hidden; display:table; margin-left:10px; }
		div.ContainerAssessementButtom div {float: left;  margin: 0px; overflow: visible;}
		div.RemarqueSection {width: 49%; background: none; display: table-cell; text-align: center; vertical-align: middle; }
		div.Separator{width: 3%; text-align:center;}	
		div.Stamp {width: 47%; background: none; display: table-cell; text-align: center; vertical-align: middle; }
		/*END - FORMATTING THE BOTTOM OF THE PAGE THAT DISPLAYS THE PRELIMINARY ASSESSMENT RESULTS*/
			
		/*START - FORMATTING THE PAGE THAT CONTAINS THS LOGO OF THE SOFTWARE*/	
		div.Container      {width: 100%; height: 78px; overflow: hidden; display:table;}
		div.Container div {height: 78px; float: left; text-align: center; margin: 0px; overflow: hidden; color:#FFFFE0;}
		div.TitleLeft      {width: 16%; background: #FFFFFF url(/images/fond.jpg) repeat-x top;}
		div.TitleLogo      {width: 12%; text-align:center;}
		div.TitleSoftwareName   {width: 42%; text-align:center; font-weight:bold; 
								display: table-cell; vertical-align: middle;
								background: #FFFFFF url(/images/fond.jpg) repeat-x top;}	
		div.TitleSoftwareNameHome   {width: 71%; text-align:center; font-weight:bold; 
								display: table-cell; vertical-align: middle;
								background: #FFFFFF url(/images/fond.jpg) repeat-x top;}		
		/*END - FORMATTING THE PAGE THAT CONTAINS THS LOGO OF THE SOFTWARE*/							

		/*START - CLEARIND THE BOTTOM OF VERTICAL DIV PRUT TOGETHER*/					
		div.clear         { clear: both; }
		/*END - CLEARIND THE BOTTOM OF VERTICAL DIV PRUT TOGETHER*/	

		/*START - GENRAL FORMATTING OF THE WEB PAGE*/	
		html, body { margin:0px; padding:0px; }
		ul { margin: 0; padding:0; }
		img { border: 0; }


		/*START - FORMATTING THE FOOTER OF LOGIN, PASSWORD RESET AND REGISTRATION PAGE*/	
		#footer {
		   position:absolute;
		   bottom:0;
		   width:100%;
		   height:20px;   
		   background: #FFFFFF url(/images/fond.jpg) repeat-x top;
		}

		#BeforeFooter {
		   position:absolute;
		   bottom:27px;
		   width:100%;
		   text-align:center;
		   margin:auto;
		}
		/*END - FORMATTING THE FOOTER OF LOGIN, PASSWORD RESET AND REGISTRATION PAGE*/	


		/*START - FORMATTING TRAINING FIELDS SELECTED FROM DATABASE*/	
		.category{
				font-size:18px;
				color:blue;
				font-weight:bold;		
			}

		.description {
				font-size:14px;
				color:blue;
				/*font-weight:bold;*/	
			}
		/*END - FORMATTING TRAINING FIELDS SELECTED FROM DATABASE*/	


		/* body {font-family: Microsoft Sans Serif, Trebuchet MS, Helvetica, Calibri, Constantia, Gungsuh, Verdana,  Arial, sans-serif, Cambria; */
			/* font-size: 14px; */
			/* color:#000000; */
			/* } */
		/*END - GENRAL FORMATTING OF THE WEB PAGE*/
		
		/*START - GENRAL FORMATTING OF THE WEB PAGE*/	
		body {font-family: Calibri, Trebuchet MS, Helvetica, Verdana, Microsoft Sans Serif, Constantia, Gungsuh, Arial, sans-serif, Cambria !important;
				width:90% !important;
				margin:auto !important;	
				/*margin-left:5% !important;*/
				/*margin-right:5% !important;*/	
				font-size: 15px !important;
				line-height:1.5 !important;
				color:#000000 !important;
			}

		.FieldsetWrapper{ 
			padding: 10px;
			margin:auto;
			border:1px solid blue;
			-moz-border-radius:8px;
			-webkit-border-radius:8px;	
			border-radius:8px;	
			}	

		.InnerFieldsetWrapper{ 
			padding: 10px;
			margin:auto;
			border:1px solid black;
			-moz-border-radius:8px;
			-webkit-border-radius:8px;	
			border-radius:8px;	
			}	
			

		div.ContainerMenuGroup      {width: 100%; min-height: 100px; overflow: visible; margin:auto;}
						/*font-family:Comic Sans MS, Gungsuh, Constantia, Calibri,  Helvetica,  Verdana,  Arial, sans-serif, Cambria;*/
		div.ContainerMenuGroup div {float: left; text-align: justify; margin: 5px; overflow: visible;}
		div.NewClients      {width: 42%; }
		div.BetweenNewAndExistingClients      {width: 12%; }
		div.ExistingClients     {width: 42%;}	
								
		div.ContainerMenuGroup  ul { margin: 15px; padding:0; }						
								
		div.separator    {width: 100%; min-height:25px}

		div.separator_for_confirmation_message    {width: 100%; min-height:2px}					
								
		body.bodyreduce{width: 80%; margin:auto; font-size: 14px;}

		.federal{/*background-color:SteelBlue;*/ 
				margin:auto; 
				color:white;
				width: 98%; 
				min-height:15px;
				text-align: center;
				font-weight:bold;		
				padding: 7px 0;
				border: 1px solid #CCC;
				border-bottom-color:#B7B7B7;
				/*color: #000;*/
				background: SteelBlue url(/images/tabbg.gif) 0 0 repeat-x;
				outline:none;
				border-radius: 15px 15px 0px 0px;
				z-index=100; 		
				}

		.quebec{/*background-color:MintCream; */
				margin:auto;
				color:black;
				width: 98%; 
				min-height:15px;
				text-align: center;
				font-weight:bold;		
				padding: 7px 0;
				border: 1px solid #CCC;
				border-bottom-color:#B7B7B7;
				/*color: #000;*/
				background: MintCream url(/images/tabbg.gif) 0 0 repeat-x;
				outline:none;
				border-radius: 15px 15px 0px 0px;
				z-index=100;		
				}		

		.employees{/*background-color:MintCream; */
				margin:auto;
				color:black;
				width:98%; 
				min-height:15px;
				text-align: center;
				font-weight:bold;		
				padding: 7px 0;
				border: 1px solid #CCC;
				border-bottom-color:#B7B7B7;
				/*color: #000;*/
				background: LightSkyBlue  url(/images/tabbg.gif) 0 0 repeat-x;
				outline:none;
				border-radius: 15px 15px 0px 0px;
				z-index=100; 		
				}
				
		.quebec_client_div{/*background-color:MintCream; */
				margin:auto;
				color:black;
				width: 98%; 
				min-height:10px;
				text-align: center;
				font-weight:bold;		
				padding: 7px 0;
				border: 1px solid #CCC;
				border-bottom-color:#B7B7B7;
				/*color: #000;*/
				background: MintCream url(/images/tabbg.gif) 0 0 repeat-x;
				outline:none;
				z-index=100;		
				}

				
		div.bodyOfTable{
			/*border: 1px solid #B7B7B7;*/
			background: url(/images/tabbg.gif) 0 -36px repeat-x;
			border-radius: 0px 0px 0px 0px;
			z-index=-100; 	
			}	
				
			
		div.tabcontents{
			border: 1px solid #B7B7B7; padding: 0px;
			background-color:#FFF;
			border-radius: 0px 3px 3px 3px;
			}

		.ConfigurationFiles{/*background-color:CornflowerBlue;*/  
				color:white;
				width: 100%; 
				min-height:25px;
				text-align: center;
				font-weight:bold;		
				padding: 7px 0;
				border: 1px solid #CCC;
				border-bottom-color:#B7B7B7;
				/*color: #000;*/
				background: CornflowerBlue url(/images/tabbg.gif) 0 0 repeat-x;
				border-radius: 3px 3px 0 0;
				outline:none;
				border-radius: 15px 15px 0px 0px;
				z-index=100; 		
				}
				
		.AddServicesForTable{
			background: #eaf8fc;
			background-image: -moz-linear-gradient(#fff, #d4e8ec);
			background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #d4e8ec),color-stop(1, #fff));
			
			-moz-border-radius: 35px; 
			border-radius: 5px; 
			
			border-width: 1px;
			border-style: solid;
			border-color: #c4d9df #a4c3ca #83afb7;            
			width: 665px;
			/*height: 35px;*/
			/*padding: 10px;*/
			margin: auto ;
			/*margin: 100px auto 50px;*/				
			overflow: visible;
		}		

		#outertablewrapper {width:98%; height:98%; margin-left:auto; margin-right:auto; }
		#innerTableWrapper{width:100%; max-height:550px; margin-left:auto; margin-right:auto; padding-bottom:1px; overflow:auto} 
		 /*overflow-x:scroll;  overflow-y:visible;overflow-x:scroll;  overflow-y:scroll; */

		td.keep{
			text-align:center; 
			width:5%;
			margin:auto;
		}

		.HeaderTitle {
					width:100%;
					height: 2px;
					display: table-cell;*/
					/*vertical-align: middle;*/ 
					padding: 2px 0 2px 0 ;
					background: url(/images/glossyback2.gif);
					/*border-bottom: none;*/
					font-size: 0.9em;
					color: #FFFFFF;
					text-align:center;
					box-shadow: 2px 2px 2px #888888;
					border:1px solid #ccc;	
					border-radius:8px;"
					margin:0px;			
					}

		#ParentHeaderTitle {
			line-height: 2px;
			width:100%;
		}

		#parent div {
			vertical-align: middle;
			width:100%;
		}				

		/*
		.assessment	{
			box-shadow: 2px 2px 2px #888888;
			background: #fff; 
			border:1px solid #ccc;	
			border-radius:8px;"
			width:200px; 
			height:80px; 		
		}
		*/	
			
		#framecontentLeft{
				position: absolute; 
				top: 0px; 
				left: 5px; 
				width: 300px; /*Width of left frame div*/
				margin-left: 5px;/*Margins for inner DIV inside each DIV (to provide padding)*/	
				margin-right: 5px;/*Margins for inner DIV inside each DIV (to provide padding)*/
				padding-bottom:100px; /*Height of the footer element */		
				/*min-height: 100%; 
				max-height:auto;
				height:100%; */	
				/*overflow: auto;*/ /*Disable scrollbars. Set to "scroll" to enable*/
				/*border:1px solid #ccc;
				border-radius: 10px;	*/	
				/*background-color: navy;
				color: white;*/		
			}	

		#maincontent{
				position: absolute; 
				top: 0px; 
				left: 305px; /*Set left value to WidthOfLeftFrameDiv*/
				right: 05px; /*Set right value to WidthOfRightFrameDiv*/
				background: #fff; 
				width: 1020px; /*Width of left frame div*/		
				/*border:1px solid #ccc;	
				border-radius:8px;/**/ 
				margin-left: 5px;/*Margins for inner DIV inside each DIV (to provide padding)*/	
				margin-right: 5px;/*Margins for inner DIV inside each DIV (to provide padding)*/			
				/*padding: 15px; Margins for inner DIV inside each DIV (to provide padding)*/
				font: 14px "Helvetica Neue", Helvetica, Arial, clean, sans-serif !important;
				padding-bottom:100px;  /*Height of the footer element */
				
				/*min-height: 100%; 
				max-height:auto;	
				height:100%; 	
				bottom: 10px;*/
				/*overflow: auto; */ 		
			}
			
			.button2 {
				-moz-box-shadow: 2px 1px 0px -50px #f0f7fa;
				-webkit-box-shadow: 2px 1px 0px -50px #f0f7fa;
				box-shadow: 2px 1px 0px -50px #f0f7fa;
				background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
				background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
				background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
				background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
				background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
				background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
				filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
				background-color:#33bdef;
				-moz-border-radius:42px;
				-webkit-border-radius:42px;
				border-radius:42px;
				border:2px solid #057fd0;
				display:inline-block;
				cursor:pointer;
				color:#ffffff;
				font-family:Arial;
				font-size:19px;
				font-weight:bold;
				padding:5px 3px;
				text-decoration:none;
				text-shadow:1px 2px 0px #5b6178;
			}
			.button2:hover {
				background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef));
				background:-moz-linear-gradient(top, #019ad2 5%, #33bdef 100%);
				background:-webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%);
				background:-o-linear-gradient(top, #019ad2 5%, #33bdef 100%);
				background:-ms-linear-gradient(top, #019ad2 5%, #33bdef 100%);
				background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
				filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef',GradientType=0);
				background-color:#019ad2;
			}
			.button2:active {
				position:relative;
				top:1px;
			}			
	}
/* END - ALL MEDIA  */


/*===========================================================================================================================================================*/
/*===========================================================================================================================================================*/
/*===========================================================================================================================================================*/
/*===========================================================================================================================================================*/

/* START - MEDIA = PRINT ONLY  */
@media print {
		.break { page-break-before: always; }

		/*apply the same margin all the way around the page*/
		@page {
			margin: 0.5cm;
			}	
			
		img {
			display: block;
		}
		
		img, table, #ContractToPrint table, ol, .code-snippet {
			page-break-inside: avoid;
		}

		/* img, table, ul, ol, .code-snippet { */
			/* page-break-inside: avoid; */
		/* } */
			
		/*Display the header and footer containing the logos*/
		header nav, footer {
			display: none;
			}
			
		.noprint{display: none;}
		
		/* div {overflow: visible;}	 */
			
		/*Formatting the div that contains the logo. Page: Assessment results.*/	
		.ContainerAssessmentTop{
			display: block;
			max-width: 100%;
			}	
			
		/*Formatting a message that will be displayed before the header. That message will be displayed on each page printed*/	
		header:before {
			display: block;
			content: "Merci de nous faire confiance.";
			margin-bottom: 10px;
			border: 1px solid #bbb;
			padding: 3px 5px;
			font-style: italic;
			}

		/* Links */
		a:link, a:visited {
			background: transparent; 
			color:#333; text-decoration:none;
			}

		/*Image*/
		img, img a, .more-link a {border:none;}

		/*Formatting the body and tables (General formatting)*/
		body {margin:0; 
			padding:0;
			line-height: 1.3;
			font-family: Microsoft Sans Serif, Trebuchet MS, Helvetica, Calibri, Constantia, Gungsuh, Verdana,  Arial, sans-serif, Cambria;
			}	

		table { border-collapse: collapse; border-spacing: 0;}
		caption, th, td { text-align: center; font-weight: normal; }
		table, td, th { vertical-align: middle; padding:0px;}

		textarea { border: none;}

		a:link, a:visited {color: #781351}	
	
		.button2 {
			display: none !important;
			height: 0;
		}	
	}
/* END - MEDIA = PRINT ONLY  */