/* @begin login */


.smallBr { font-size:1px!important; height:1px!important; clear:both; }

#loginContainer {
    height:100%; 
    min-height:100%;
    vertical-align:middle;
    margin:auto; 
    width:695px;
    position:relative;
}
#login, #account {
    position:absolute; 
    left:0;
}
#login {
    height:660px; 
    margin-top:-330px; 
    top:50%; 
}
#account {
    top:10%;  
    width:100%;
}
#loginContainer h2.atThisTime {
    height:31px;
    line-height:31px;
    text-align:center;
    color:#a3c62b;
    font-weight:bold;
    font-size:17px;
}
/*#loginContainer .header {
	background: transparent url(images/loginHeader.png) no-repeat;
	width:695px; 
	height:100px;
	margin-bottom:40px;
}*/
#loginContainer .panel {
    background:#fff; 
    padding:20px;
    margin-bottom:24px;
	-khtml-border-radius:6px;
	-webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    -moz-box-shadow:0 0 6px #666; 
    -webkit-box-shadow:0 0 6px #666; 
    -khtml-box-shadow:0 0 6px #666; 
    box-shadow:0 0 6px #666;
}
#loginContainer h2.tellMeMore {
    color:#999;
    height:42px;
    font-weight:bold;
    font-size:20px;
    line-height:42px;
    text-align:center;
}
#loginContainer .logo {
    height:68px;
    background: white url(images/loginLogo.png) 0px -0px no-repeat;
    margin:0 auto 12px auto;
    width:456px;
}
#loginContainer .italic {
    font-style:italic;
    font-weight:normal;
}
#loginContainer h1.access {
    height:29px;
    line-height:29px;
    color:#fff;
    font-size:14px;
    padding-left:10px;
    background:#aaa;
	-khtml-border-radius:2px;
	-webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
}
#loginContainer .log,
#loginContainer .create {
    color:#000;
    padding-top:15px;
}
#loginContainer tr {
    height:40px;
}
#loginContainer .td {
    vertical-align:middle;
}
#loginContainer td.input { text-align:right; width:336px; }
#loginContainer input.disabled { background:#ddd !important; color:Gray}
#loginContainer input.txt,
#loginContainer input[type='text'],
#loginContainer input[type='password'] {
	border:1px solid #ddd;
	background-color:#f4f4f4;
    width:220px;
	height:25px;
	padding:0 5px;
}
#loginContainer input[type="text"]:focus, 
#loginContainer input[type="password"]:focus, 
#loginContainer input.focus,
#loginContainer select:focus,
#loginContainer select.focus {
    background-color:#fff;
    border-left-style:inset;
    border-top-style:inset;
}
#loginContainer select {
    height:29px;
    padding:4px;
    width:232px;
    background-color:#f4f4f4;
    border:1px solid #ddd;
}
#loginContainer option {
    padding:2px 5px !important;
}
#loginContainer .rememberMeBtn {
    /*overflow:auto;*/
    width:233px;
    float:right;
    margin-top:3px;
}
#loginContainer .chkbx {
    margin-top:7px;
    float:left; 
}
#loginContainer #loginBtn {
    float:right;
    margin-bottom:7px;
}
#loginContainer .chkbx {
    padding-top:3px;
}
#loginContainer .chkbx label {
    font-weight:normal;
    display:inline;
    float:none;
    font-size:12px;
    padding:0;
    margin-left:3px;
}
#loginContainer span.error {
    float:right;
    display:block;
    width:230px;
    margin-bottom:5px;
    text-align:left;
}
#loginContainer p.error {
    text-align:center;
    font-size:13px;
    color:#ff0000;
    padding-bottom:25px;
}
#loginContainer .tickContainer {
    overflow:auto;
    padding:8px 0 8px 10px;
}
#loginContainer .tickContainer a,
#loginContainer .subscription a {
    text-decoration:underline;
    color:Blue;
}
#loginContainer .tick {
    background: white url(images/Sprites.png) -341px -166px no-repeat;
    width:12px;
    height:12px;
    float:left;
    display:block;
}
#loginContainer .tickTxt {
    margin-left:3px;
    float:left;
    font-size:12px;
}
#loginContainer .tickTxt a
{
    color:black;
    text-decoration:none;
}
#loginContainer .tickTxt a:hover
{
    text-decoration:underline;
}

#loginContainer label {
    color:#2c2c2c;
    font-weight:bold;
    text-align:right;
    padding-top:7px;
    font-size:13px;
}


#loginContainer .labelS {
    color:#2c2c2c;
    width:550px;
    font-size:13px;
}

#footerlogin {
    height:119px;
    display:block;
    overflow:auto;
}
#footerlogin a {
    background:url(images/Sprites.png) no-repeat -500px -241px;
    width:168px;
    height:119px;
    margin-right:8px;
    float:left;
    display:block;
    color:#fff;
    text-align:center;
}
#footerlogin a span {
    background-image:url(images/Sprites.png);
    background-repeat:no-repeat;
    display:block;
    width:148px;
    height:30px;
    margin:16px auto 23px auto;
}
#footerlogin a.link1 span {
    background-position:-520px -361px;
}
#footerlogin a.link2 span {
    background-position:-520px -392px;
}
#footerlogin a.link3 {
    margin-right:7px;
}
#footerlogin a.link3 span {
    background-position:-520px -423px;
}
#footerlogin a.link4 {
    margin-right:0;
}
#footerlogin a.link4 span {
    background-position:-520px -454px;
}

#account h1 {
    color:#fff;
    font-size:14px;
    background:url(images/Repeat_X.png) repeat-x 0 -1211px; 
    height:33px;
    overflow:auto; 
}
#account h1 span.left,
#account h1 span.right {
    background-image:url(images/Sprites.png); 
    background-repeat:no-repeat;
    display:block;
    height:33px;
}
#account h1 span.left {
    float:left;
    width:49px;
    background-position:-453px -559px;
}
#account h1 span.right {
    float:right;
    width:18px;
    background-position:-503px -559px;
}
#account h1 span.center {
    margin-top:5px;
    display:block;
}
#account h2 {
    font-size:14px; 
    color:#97bf0c; 
    padding:0;
    margin:15px 0 20px;
}
#account .log, 
#account .create,
#account .subscription { margin:0 auto; }
#account .log { width:650px; }
#account .create { width:540px; }
#account .subscription { width:555px; }
#account .subscription p { font-weight:normal; margin-bottom:10px; }
#account p { font-weight:bold; font-size:12px; }
#account table { margin:40px 0 0 80px; }

#account tr { height:50px; }
#account td { padding-right:0px; vertical-align:top; }
#account .tdlibelle { width:150px; }
#account .tdtbox { width:250px; }


/*** BOX PROMO INSCRIPTION ***/
#account .boxpromo { width:350px; background-color:White; border:solid 1px #cbcbcb; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:10px; 
                     box-shadow: 10px 10px 5px #888; margin-bottom:5px; }
#account .boxpromo .left { color:#34a0dd; text-align:right; width:300px; float:left; font-size:14px; border-right:solid 1px #34a0dd; padding-right:10px; }
#account .boxpromo .right { float:right; width:30px; margin-top:10px; }


#account label { display:block; float:right; margin-right:8px; }
#account span.error { float:none; }
#account a.cancel,
#account a.return,
#account button.submit,#account .submit {
    cursor:pointer;
	-khtml-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	font-size:12px;
	font-family:Arial,Helvetica,sans-serif;
	border:none;
    font-weight:bold;
    text-transform:uppercase;
}
#account button.submit,#account .submit {
    overflow:auto;
    background:#333;
    color:#fff;
    padding:5px 10px;
}
#account a.cancel,
#account a.return {
    float:right;
}
#account div.success {
    overflow:auto;
}

#account div.success h2{
    height:50px;
      margin:0 40px 0 40px;
}

#account div.success a.return {
    float:left;
    text-decoration:none;
}
#account a.cancel {
    display:inline-block;
    background:#e7e6e0;
    color:#333;
    padding:6px 12px;
    margin-right:9px;
    text-decoration:none;
}
#account a.return {
    display:inline-block;
    background:#e7e6e0;
    color:#333;
    padding:6px 12px;
    margin:15px 0 10px 0;
}
#account button.submit span.picto, #account .submit span.picto {
    background:url(images/Sprites.png) no-repeat -295px -485px; 
    display:block; 
    float:left; 
    width:14px;
    height:12px;
    margin:1px 9px 0 0;
}
#account a.next {
    overflow:auto;
    display:block;
    color:#de0221;
    padding:2px;
    margin:15px 0 10px 0;
    font-size:12px;
    text-decoration:underline;
}
#account a.next span {
    background:url(images/Sprites.png) no-repeat -281px -485px; 
    display:block;
    float:left;
    width:13px;
    height:11px;
    margin:1px 8px 0 0;
}
#account .legend { font-style:italic; text-align:right; width:100%;}
#account span.team {
    color:#97bf0c;
}
#account div.success h2 {
    margin-top:0;
    overflow:auto;
    padding:2px 0;
}
#account div.success h2 span {
    display:block;
    float:left;
    height:14px;
}
#account div.success h2 span.success {
    background:url(images/Sprites.png) no-repeat -263px -485px; 
    width:17px;
}
#account div.success h2 span.center {
    margin-left:10px;
}
#account div.success p {
    margin-bottom:15px;
    line-height:16px;
}
#account span.info {
    background:url(images/Sprites.png) no-repeat -243px -485px; 
    display:inline-block;
    width:19px;
    height:19px;
    margin:4px 0 0 5px;
}
#account span.pwdIcon {
    background-image:url(images/Sprites.png); 
    background-repeat:no-repeat;
    display:inline-block;
    width:62px;
    height:27px;
}
#account span#pwd0 { background-position:-278px -114px; }
#account span#pwd1 { background-position:-278px -142px; }
#account span#pwd2 { background-position:-278px -170px; }
#account span#pwd3 { background-position:-278px -198px; }

/* @group tipsy */
.tipsy strong { color:#97bf0c; }
.tipsy-inner {
    max-width:160px;
}

#InfoLegale
{
    padding-top:20px;
    padding-bottom:20px;
    width:400px;
}
/* @end tipsy */


#loginContactUs
{
}

#loginContactUs .icon1
{
    background:url(images/Sprites.png) no-repeat -393px -591px; 
    width:26px;
    height:26px;
    margin-left:60px;
    margin-right:8px;
}

#loginContactUs .icon2
{
    background:url(images/Sprites.png) no-repeat -393px -618px; 
    width:26px;
    height:26px;
    margin-left:60px;
    margin-right:8px;
}

#loginContactUs .icon3
{
    background:url(images/Sprites.png) no-repeat -420px -591px; 
    width:26px;
    height:26px;
    margin-left:60px;
    margin-right:8px;
}

#loginContactUs .icon4
{
    background:url(images/Sprites.png) no-repeat -420px -618px; 
    width:26px;
    height:26px;
    margin-left:60px;
    margin-right:8px;
}

#loginContactUs .icon5
{
    background:url(images/Sprites.png) no-repeat -447px -618px; 
    width:26px;
    height:26px;
    margin-left:60px;
    margin-right:8px;
}


#loginContactUs .tableSep
{
    background:url(images/table_sep.png) no-repeat 0px 0px; 
    width:639px;
    height:15px;
    margin:auto;
}

#loginContactUs .sep
{
    width:1px;
    margin:auto;
    height:22px;
    background-color:#D6D6D6;
    margin-right:8px;
}


#loginContactUs .link a
{
    color:#657C87;
    font-size:14px;
    font-weight:bold;
}

#loginContactUs .linkRed a
{
    color:#E20020;
    font-size:14px;
    font-weight:bold;
}
#loginContactUs .link,
#loginContactUs .linkRed
{
    padding-top:3px;
}


.loginContactUsBtn
{
    background:url(images/contactUs.png); 
    position:relative;
    right:10px;
    bottom:10px;
    width:129px;
    height:29px;
    margin:auto;
    margin-top:10px;
    margin-right:0px;
}

.log #aMailToCnPb {
    display: block;
    float: left;
    font-size: 1.2em;
    line-height: 1.8em;
    text-align: right;
}

.log #aMailToCnPb span {
    background: url("images/Sprites.png") no-repeat scroll -341px -166px white;
    display: inline-block;
    height: 10px;
    margin-right: 2px;
    width: 16px;
}

/* @end login */