/*
	Styles CSS spécifiques au login CGI (client, SAV).
*/

 html {
	height: 100%;
}
            
body
{
	font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	background-color:#ffffff;    
	height: 100%;
	margin:0;	
	
}
.wrapper 
{           
	width: 100%;
	min-width: 1000px;
	min-height: 100%;
	height: auto !important;	
}

.divForgotUserCode
 {
     margin-bottom:25px;
 }
	       
a
{
    color:#2BB8EF;
    text-decoration:none;
}

a:hover
{
	color:#2D3339;
	text-decoration:underline;
	
}



/* Header
-----------------------------------------------------------------------------*/
.header 
{              
    background:linear-gradient(to right, #a61e22, #ee3124 40%, #a61e22);		
	background-color:#a61e22;	
    height:105px;                      
}
            
            
.headlogo
{       		
	line-height:105px; 
	height:105px;
	min-width:435px;
	float:left;           
    color:White;          	 
    width:50%;   
   	        	        	     	
}

#headLogoImg
{	
	
	background-repeat:no-repeat;
    background-position:left center;
    width:80%;
    min-width:485px;
	max-width:555px;
	height:105px;		
	float:right;    
	vertical-align:middle;		
	line-height:105px; 	 
}

.logoFr
{
	background-image:url('../imgs/CGI/logo-nethrisLogin-fr.png');
}

.logoEn
{
	background-image:url('../imgs/CGI/logo-nethrisLogin-en.png');
}



.imgCenter
{
	vertical-align:middle;          
}
        
            
#headLinkBar
{    
    float:left;
    text-transform:uppercase;        	        	
    width:50%;    
    background-color:transparent;
    
}

.headlinkContainer
{
	float:left;
	width:90%;		
	max-width:585px; 	
	
	height:105px;
	line-height:105px;	
	vertical-align: middle;   		     
}

#headLinkBar .linkContainer
{	           
    float:right;       
    padding-left: 30px;   
    font-size:20px;    
    font-weight:300;        
}


#headLinkBar a
{
	color:#ffffff;
	text-decoration:none;  
	text-align:right;	
}
 
#headLinkBar a:hover
{
	text-decoration:underline;
	
}


/* Middle
-----------------------------------------------------------------------------*/
.middleContent 
{		
	height:948px;		
	background-color:#fff;		
}

.middleSm
{
	height:700px;
}

        
.p1LeftContent
{
	font-family:'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;	
	font-weight:300;
	color:#FFFFFF;
    text-align:left;
    background-color:#2d3339;    
    width:50%;    
    float:left; 
    height:600px;   	
}


.topLeft
{
	float:right;
	text-align:left;		
	background-color:#2d3339;    		
	width:100%;	
	margin-left:20px;
	height:348px;
}

#divMainTitle {
	float: right;
	text-align: left;
	font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 69px;
	height: 300px;
	font-weight: 400;
	color: #ffffff;
	max-width: 555px;
	width: 80%;
	margin-right: 10px;
	padding-top: 50px !important;
	margin-top: 1em;
	line-height: 87px;
}

#divMainTitle.Sav
{
	font-size:50px;
}


#divMainTitle.Integ
{
	font-size:35px;
	padding-top:100px;
}

	#divMainTitle.sao-demo {
		padding-top: 0px !important;
	}

	#divMainTitle > div{
		height: 1em;
	}

	.createFileTxt {
		font-size: 16px;
		font-weight: 300;
		padding-top: 5px;
	}

	.bottomLeft
{
	background-color:#ffffff;
	height:600px;	
	width:100%;			
}

.aboutTitle
{
	
	font-weight:normal;
	font-size:19px;
}


.aboutTxt
{		
	float:right;
	text-align:left;		
	font-family:'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:19px;
	font-weight:300;	
	line-height:27px;	
	color:#2D3339;	
	max-width:555px;
	margin-right:10px;
	padding-top:20px;
	width:80%;
}


.aboutTxtInfo
{
	margin-top:0;
}


.aboutTxtCtn
{
	padding-top:15px;
}


.aboutTxtInfo
{
	margin-top:0;
}


.aboutTxtCtn
{
	padding-top:15px;
}


.iconContainer
{	
	margin-top:20px;
	
}


.icon-lock
{
	color:Red;
	font-size:50px;
	line-height:50px;
	width:auto;
	float:left;
	padding-right:15px;
	margin-top:20px;
}

.lockLinkGroup
{
	float:left;	
	width:40%;
	margin-top:20px;
}

.lockLinkDesc
{
	font-size:20px;
	width:80%;
	margin:0;
	float:left;
	
}

.lockLink
{	
	color:#333;	
	display:block;
	font-size:16px;
	clear:both;
	min-width:100px;	
	
}

.securIcon
{	
	float:right;
	margin-right:40px;
	width:135px;
	height:62px;
}



.leftTitle
{
	max-width:555px;
	padding-left:auto;
	float:right;
	text-align:left;
}


.p1RightContent
{		
	font-family:'Source Sans Pro', 'Helvetica Neue',Helvetica, Arial, sans-serif;
	font-size:20px;
	font-weight:300;        
    text-align:center;
    background-color:#2d3339;    
    width:50%;
    line-height:348px;  
    height:348px;
    float:left;     
}

.loginTopLine
{
	background: url('../imgs/CGI/bg-line.png') -316px 0 no-repeat;
	/*background-image: url('../imgs/CGI/bg-line.png');	
	background-position-x: -316px;
	background-position-y: 0px;
	background-size: initial;
	background-repeat-x: no-repeat;
	background-repeat-y: no-repeat;*/
	background-attachment: scroll;
	/*background-origin: initial;
	background-clip: initial;*/
	background-color: transparent;
	height: 8px;
}


	


.loginBox
{				
	width:90%;	
	max-width:585px;	
	background-color:#F6F6F6;	
	line-height:28.5px;
	font-size:20px;
	font-weight:300;
	color:#2d3339;
	font-family:'Source Sans Pro', 'Helvetica Neue',Helvetica, Arial, sans-serif;
	margin-top:85px;
	
	/*position:relative;
	top:85px;
	z-index:100;*/		
}


.loginBoxPartner
{				
	width:90%;	
	max-width:585px;	
	background-color:#F6F6F6;	
	line-height:28.5px;
	font-size:20px;
	font-weight:300;
	color:#2d3339;
	font-family:'Source Sans Pro', 'Helvetica Neue',Helvetica, Arial, sans-serif;
	margin-top:30px;
    text-align:left;
	
	/*position:relative;
	top:85px;
	z-index:100;*/		
}



.loginContent
{			
	position:relative;
	padding:50px 15px 50px 15px;			
}

.loginContentPartner
{			
	position:relative;
	padding:30px 15px 10px 15px;			    
}


.loginWaitingBox
{
	       
    position: absolute;
    z-index : 1000;
    top: 50%;
    left : 25%;
    width: 50%;
    height: 100px;
    background-color: #ccc;
	opacity: 0.8;
	border-radius: 10px;
	border: 1px solid #aaa;        
  
}


.loginWaitingBoxImg
{
	height:80px;
	background: transparent url(../imgs/GENERIC/progress.gif) 50% 50% no-repeat;        
}

.loginWaitingBoxTxt
{
	position: absolute;
    bottom: 0;
    font-size: 16px;
    color: #000;
    left: 70px;
    margin-top: 50px;
    border-top-width: 50px;
}


.linkNewAccount
{
	
	background-color:#fff;	
	width:90%;	
	max-width:585px;		
	line-height:28.5px;
	font-size:20px;
	font-weight:300;
	color:#2d3339;
	font-family:'Source Sans Pro', 'Helvetica Neue',Helvetica, Arial, sans-serif;
}

	.linkNewAccount > p{
		margin-top: 20px;
	}


	.loginHeader {
		text-align: center;
	}

.loginTitle
{
	
	font-size:40px;	
	font-weight:400;
	margin-bottom:14px;
	line-height:44px;
}

.loginStep
{
	position:relative;	
	line-height:31px;
	font-weight:300;
	margin-bottom:30px;
	font-size:22px;
}


.loginMsg 
{    
    margin-top: 20px;
    font-size: 16px;
    font-weight:400;
}



.loginUserTxtTitle 
{
	font-family:'Source Sans Pro', 'Helvetica Neue',Helvetica, Arial, sans-serif;
	Font-weight : 400;
	Text-align : center;
    font-size: 16px;
    margin-top: 13px;
    padding: 15px 0;
    margin-bottom: 10px;    
    margin:0 60px;
    color: #2D3339;
    border-bottom:1px solid #CCC;
}

.loginUserTxt
{
	  font-size: 20px;
	  color:#98989B;
	  padding:20px 0;	 	  
}


.loginUserTxtLine
{
	background-image:url('../imgs/CGI/ligne-separatrice.png');
	width:400px;
	border:1px solid #98989B;
	text-align:center; 	
}


.sectionError
{
	padding-bottom:14px;	
}

.sectionErrorDesc
{
	font-family:'Source Sans Pro', 'Helvetica Neue',Helvetica, Arial, sans-serif;
	line-height:23px;
	font-size:16px;
	font-weight:400;
	text-align:left;
	color:#ee3124;
	margin-bottom:14px;
}

.sectionErrorTitle, .sectionErrorIcon { display: none; }


.inputGrp
{
	
	font-size:20px;
	font-weight:400;
	text-align:left;	
	margin-bottom:25px;		
}


#PasswordSection
{
	margin-top:15px;
}



.inputLbl
{
	margin-bottom:5px;
}


#RememberSection
{	
	font-size:20px;
	font-weight:400;
	text-align:center;	
	margin-bottom:25px;		
}


 .divForgotPassword 
    {		
		margin-bottom:25px;
	}



.sectionInput
{
	font-size:20px;
	padding:6px 12px 6px 12px;
	border:1px solid #ccc;	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width:calc(100% - 30px) !important;
	line-height:25.5px;
}

.sectionInputPassword {
	-webkit-border-radius: 4px 0px 0px 4px;
	-moz-border-radius: 4px 0px 0px 4px;
	border-radius: 4px 0px 0px 4px;
	width: calc(100% - 72px) !important;
}

.csp-icon-eye {
	color: #2BB8EF;
	background: #FFFFFF;
	border: 1px solid #ccc;
	padding: 8.5px 10px 8.5px 10px;
	-webkit-border-radius: 0px 4px 4px 0px;
	-moz-border-radius: 0px 4px 4px 0px;
	border-radius: 0px 4px 4px 0px;
	position: absolute;
}
@-moz-document url-prefix() {
	.csp-icon-eye{
		padding: 9px 10px 8.0px 10px;
	}
}

.loginBtn
{	
	font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight:300;
	border-radius:6px;
	background-color:#ee3124;
	border-color:#e72012;
	color:#ffffff;	
	text-align:center;	
	border:1px solid transparent;
	margin:0;	
    padding:0 20px;
	height:45px;			
}


.loginBtnPartner
{	
	font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight:300;
	border-radius:6px;
	background-color:#F6F6F6;
	border-color:#2D3339 !important;
	color:#2D3339;	
	text-align:center;	
	border:1px solid transparent;
	margin:0;	
    padding:0 20px;
	height:45px;
    margin-top:10px;			
}



.loginBtn:hover
{
	background-color:#CF2027;
}


.icon-arrow-right
{
	vertical-align:middle;
	text-align:right;
	padding-left:10px;
}


/*************************** PART 2 CONTENT ************************/
.p2LeftContent
{
	background-color:#ffffff;
	height:600px;			
	clear:both;
	width:50%;	
}



.vAlign
{
	vertical-align:middle;			 
}




/* Footer
-----------------------------------------------------------------------------*/
.footer
{	    
	
	width:100%;
	height: 75px;
	background-color:#2d3339; 
	color:#ffffff;	    
	clear:both;   
	line-height:75px;	 
	margin-left:0;       
}


.footerLeft
{
	width:50%;
	float:left;
}


.footerRight
{
	width:50%;	
	float:left;
}

.copyRight {
	float: right;
	text-align: left;
	vertical-align: middle;
	height: 75px;
	max-width: 555px;
	width: 80%;
	font-size: 16px;
}



.footerLinkGroup
{        	
	font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: 300;	
	height: 75px;
	line-height: 75px;
	text-align: right;	
	vertical-align:middle;			
}   


.footerLink
{				
	float:left;				
	padding-right: 3.5%;
	color:#ffffff;	
	
	
}

#footerLinkGroup a
{
	color:#ffffff;
}
        


.displaynone { display: none; }
 

/************************* TOOLS ***************************************/