@charset "utf-8";
/* CSS Document */

/* DEFAULT CSS */
* html #header .inside {}

body {
	padding:0px 0px 0px 0px; margin:0px; 
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	background:#fff; 
	margin:0px; padding:0px;
	text-align:justify;
	letter-spacing:0px;
	font-size:12px;
}

body, html{
	margin:0;
	padding:0;
	height:100%;
}

a,a:visited,a:link,a:active {
	text-decoration:underline;
	cursor:pointer;
	color:#3c3c3c;
	font:bold;
	font-size:12px;
	border:0px;
	font-weight:bold;
}

a:hover {
	color:#d8d8d8;
	font:bold;
	border:0px;
	font-weight:bold;
}

/*****************/
/*		FORM	*/
/***************/
.label{display:block;
	padding-top:10px;
	padding-bottom:5px;}	
	
.input{		
		width:200px;
		border:1px solid #ccc;
		background:#fff;
		padding:5px 3px;
}	

#containerPage {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:600px;
	height:500px;
	overflow:hidden;
}

#containerPage .topPage {
	position:relative;
	width:600px;
	height:62px;
}

#containerPage .topPage .title {
	position:absolute;
	height:50px;
	font-size:20px;
	left:220px;
	top:5px;
	font-weight:normal;
	width:350px;
	
}



/* language */
#containerPage .topPage .language {
	height:22px;
	position:absolute;
	background:#FFF;
	top:0px;
	right:17px;
	width:62px;
	padding-top:3px;
	text-align:center;
	margin-right:5px;
	font-size:10px;
}


#containerPage .middlePage {
	position:relative;
	width:600px;
	height:374px;
	padding-top:5px;
	padding-bottom:5px;
}

#containerPage .bottomPage {
	position:relative;
	width:600px;
	height:64px;
}

#containerPage .bottomPage .logoId4yoo{
  display: none;
	position:absolute;
	right:25px;
	top:20px;
}

#containerPage .bottomPage .logoProtectBy{
	position:absolute;
	right:25px; /* 140px */
	top:0px;
	width:60px;
	height:60px;
}

/************* HOME PAGE***********/

/*Left*/
#containerPage .middlePage .leftpart{
	position:relative;
	left:0px;
	top:0px;
	width:370px;
	background:url(../images/filet.png) repeat-y;
	background-position:right;
	height:374px;
}

.bigTitle {
	font:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
	position:relative;
	text-align:left;
	width:350px;
}

.textBold {
	position:relative;
	font:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:right;
	font-size:12px;
	width:350px;
}

.separator30 {
	position:relative;
	height:30px;
}
.separator10 {
	position:relative;
	/* height:10px; */
}
.separator5 {
	position:relative;
	height:5px;
}

#containerPage .middlePage .flvplayer {
	width:350px;
	height:192px;
	position:relative;
	/* margin-left:auto; */
	margin-right:auto;

}

/*right*/
#containerPage .middlePage .right{
	position:absolute;
	left:380px;
	top:0px;
	width:220px;
	height:374px;
	text-align:left;
}

.textemailHome {
	position:relative;
	font:Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:justify;
	font-size:11px;
	width:220px;
}

.linkCheckConf {
	position:relative;
	text-align:center;
	top:20px;
}

/*********** All Other Page *********/
#containerPage .middlePage .datacontainer{
	position:relative;
	left:0px;
	top:0px;
	width:580px;
	margin-left:auto;
	margin-right:auto;
	height:374px;
}

#containerPage .middlePage .titlebox{
	position:relative;
	height:52px;
	background:url(../images/common/fleche-dte.png) no-repeat;
	background-position:top left;
	width:580px;
}

#containerPage .middlePage .titleStep{
	position:relative;
	left:90px;
	font-weight:bold;
	font-size:16px;
	padding-top:15px;
	width:450px;
}


/* Device */
#containerPage .middlePage .refreshDeviceText {
	position:relative;
	left:90px;
	font-weight:bold;
	font-size:14px;
	width:425px;
	color:#cdcdcd;
	padding-top:5px;
	padding-left:25px;
	height:30px;
	background:url(../images/common/check-matos.png) no-repeat;
	background-position:left;
}

#containerPage .middlePage .containerDevice {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	font-weight:bold;
	font-size:14px;
	width:455px;
	height:140px;
	color:#000;
	padding-top:5px;
	overflow:auto;
}

#containerPage .middlePage .lineTable {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	height:1px;
	background:#646464;

}

#containerPage .middlePage .containerDeviceFound {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	height:40px;
	width:425px;
	margin-top:5px;
	
}

.checkDevice {
	position:relative;
	top:10px;
	width:30px;
	height:50px;
	left:40px;
}
.pictodevice {
	position:absolute;
	top:0px;
	left:80px;
	height:40px;
	width:40px;
}
.textdevicename {
	position:absolute;
	top:10px;
	left:120px;
	height:40px;
	width:240px;
	font-weight:normal;
}

#containerPage .middlePage .btnextprev {
	position:relative;
	height:40px;
	width:580px;
	margin-top:5px;
	text-align:right;
	
}

#containerPage .middlePage .deviceRefreshText {
	position:absolute;
	bottom:0px;
	background:#cdcdcd;
	padding:5px 5px 5px 5px;
	width:574px;
	height:65px;
	margin-bottom:5px;
	left:-10px;
}

.textrefresh {
	position:relative;
	width:420px;
	left:10px;
	top: 2px;
	font-size:14px;
}

.fontGreyBold {
	color:#606060;
	font-weight:bold;

}

.btrefresh {
	position:absolute;
	right:10px;
	top:30px;
}


/* generate ADN*/
#containerPage .middlePage .containerGenerateADN {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	font-weight:bold;
	font-size:14px;
	width:550px;
	height:260px;
	color:#000;
	background:url(../images/filet-anim.png) no-repeat;
	background-position:center;
	padding-top:5px;
}
#containerPage .middlePage .animADNGen {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:260px;
	height:175px;

}


/* generate ADN*/
#containerPage .middlePage .adnSuccessCreate {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	font-weight:normal;
	font-size:14px;
	width:550px;
	height:260px;
	color:#000;
	padding-top:5px;
}

#containerPage .middlePage .checkPicture {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:130px;
	height:120px;
	background:url(../images/common/picto-success.png) no-repeat;
	padding-left:150px;
	padding-top:60px;

}

#containerPage .middlePage .connectProgress {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:64px;
	height:64px;
	top:100px;

}



/**********  ATUH CSS  ****************/

/*left*/
#containerPage .middlePage .leftpartAuth{
	position:absolute;
	left:0px;
	top:0px;
	width:195px;
	background:url(../images/filet.png) repeat-y;
	background-position:right;
	height:374px;
}


#containerPage .middlePage .linkcreateADN {
	position:absolute;
	top:150px;
	text-align:right;
	right:10px;
}

#containerPage .middlePage .linkAuthID4yoo {
	position:absolute;
	top:220px;
	text-align:right;
	right:10px;
}
	


/*right*/
#containerPage .middlePage .rightpartAuth{
	position:relative;
	left:230px;
	top:0px;
	width:360px;
	height:374px;
	text-align:justify;
}

.separator70 {
	position:relative;
	height:70px;
}

.texttitleAuth {
	position:relative;
	font-size:27px;
	height:60px;
	font-weight:bold;
}


/* CGV */
/* generate ADN*/
#containerPage .middlePage .containerCGV {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	font-size:12px;
	width:520px;
	height:250px;
	color:#000;
	padding-top:5px;
}


/*new ADN*/
#containerPage .middlePage .LostADNLogin {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	font-weight:bold;
	font-size:12px;
	width:455px;
	height:120px;
	color:#000;
	padding-top:5px;
	text-align:center
}

#containerPage .middlePage .mailSendADN {
	position:relative;
	height:100px;
	width:580px;
	margin-top:5px;
	text-align:center;
	
}

#containerPage .middlePage .NewADNText {
	position:relative;
	left:90px;
	font-weight:bold;
	font-size:14px;
	width:425px;
	color:#cdcdcd;
	padding-top:5px;
	padding-left:25px;
	height:30px;
}

/*check*/
#containerPage .middlePage .CheckContainer {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	font-weight:bold;
	font-size:12px;
	width:440px;
	height:280px;
	color:#000;
	padding-top:0px;
	text-align:left;
}

/*check style */

.CheckContainer .titletable {
	padding-top:10px;
	padding-bottom:5px;
}

#containerPage .middlePage .CheckContainerdata {
	position:relative;
	
}

#containerPage .middlePage .CheckContainerLeft {
	padding-left:20px;
	position:relative;
	font-weight:normal;
	font-size:12px;
	width:160px;
	color:#000;
	padding-top:0px;
	text-align:justify;
}

#containerPage .middlePage .CheckContainerRight {
	position:absolute;
	font-weight:normal;
	font-size:12px;
	width:270px;
	top:0px;
	left:170px;
	color:#000;
		text-align:justify;
}

#containerPage .middlePage .btCheck {
	position: absolute;
	right:0px;
	top:0px;
	
}



/*tool tips */
#easyTooltip{
	padding:5px 10px;
	border:1px solid #5e5e5e;
	background:#5e5e5e url(bg2.gif) repeat-x;
	color:#ccc;
	width:250px;
	}