/* FORMS */
fieldset input.errorMessage {color:#CC0000;}
fieldset span.errorMessage {display:block; color:#CC0000; clear:both}

#form, #account {width:710px; padding:0; margin-right:10px; float:left; background: url(../img/form-trame-bg.gif) repeat-y;}
#form .top, #account .top {width:710px; height:16px; background: url(../img/form-trame-top.gif) no-repeat}
#form .bottom, #account .bottom {width:710px; height:16px; background: url(../img/form-bottom.gif) no-repeat}
#form h1, #account h1 {font-size:20px; font-weight:normal; margin:0 0 15px 10px;}
#form p {font-weight:bold; margin-left:10px;}
#form p.classic {font-weight:normal; margin-left:10px;}
#form p.spacer, #account p.spacer {margin-top:10px;}
#form fieldset.form {margin-left:10px;}
#account p {margin:0 0 10px 10px;}
#account strong {font-size:12px; margin:0 0 5px 10px; display:block;}
#account ul {list-style:none; margin:0 0 10px 15px;}
#account a {display:block; margin-left:10px;}
#account a.create {margin:30px 0 30px 10px;}
#account a.createpro {margin:30px 0 0 10px;}

#form a.linkportable {position:absolute; left:400px; top:380px;font-weight:bold; margin-left:10px; width:100%;}
#form a.linkbureau{position:absolute; left:400px; top:420px;font-weight:bold; margin-left:10px; width:100%;}

#form-related, #login {width:230px; padding:0; float:left; background: url(../img/form-related-bg.gif) repeat-y;}
#form-related .top, #login .top {width:230px; height:15px; background: url(../img/form-related-top.gif) no-repeat}
#form-related .bottom, #login .bottom {width:230px; height:14px; background: url(../img/form-related-bottom.gif) no-repeat}
#form-related h2, #login h2 {font-size:15px; font-weight:normal; margin:0 0 15px 10px;}
#form-related h2 strong, #login h2 strong {display:block; font-size:20px; font-weight:normal;}
#form-related a, #login a {margin:10px 0 0 10px; text-decoration:underline;}
#form-related p, #login p {margin-left:10px;}

#login fieldset {margin-left:10px;}
#login fieldset div {zoom:1; margin-bottom:5px; position:relative;}
#login fieldset div div {float:left;}
#login fieldset div div label {position:absolute; left:10px; top:2px; color:#000;}
#login fieldset div div input {background:none;}
#login fieldset div div.input-regular {background:url(../img/account-input-regular.gif) no-repeat; width:176px; height:18px; padding:0 10px;}
#login fieldset div div.input-regular input {width:176px;height:18px;}
#login fieldset div div.input-small {background:url(../img/account-input-small.gif) no-repeat; width:123px; height:18px; padding:0 10px;}
#login fieldset div div.input-small input {width:123px;height:18px;}
#login fieldset div input.submit {width:auto;height:20px; float:left; margin:-1px 0 0 3px; padding:0;}

#login .pwd-form {display:none;}
#login .pwd-form input.submit {margin-left:146px;}

fieldset.form {margin:20px 0 0;}
fieldset.form div {zoom:1; margin-bottom:10px;}
fieldset.form div:after {clear:both; display:block; visibility:hidden; height:0; content:".";}
fieldset.form div em {float:left; width:99%; font-size:9px; color:#CC0000; font-style:normal;}
fieldset.form div div {float:left; width:225px; margin:0 5px 0 0;}
* html fieldset.form div div {float:left; width:225px; margin:0 3px 0 0;}
fieldset.form div div.spacer {margin:0 20px 0 0;}
fieldset.form div div.secondline {margin-top:5px;}
fieldset.form div div.small {width:115px;}
fieldset.form div div.medium {width:142px;}
fieldset.form div div.medium-large {width:255px;}
fieldset.form div div.xxsmall {width:80px; margin-right:2px;}
fieldset.form div div.large {width:335px;}
fieldset.form div div span.notice {font-size:10px;}
fieldset.form div div label {display:block;}
fieldset.form div div.checkbox {width:200px; margin-top:15px;}
fieldset.form div div.checkbox label {display:block; float:left;}
fieldset.form div div input {background:none;}
fieldset.form div div.textarea {background:url(../img/form-textarea.gif) no-repeat; width:287px; height:50px; padding:10px;}
fieldset.form div div.textarea textarea {width:287px; height:50px;}
fieldset.form div div.input-regular {background:url(../img/form-input-regular.gif) no-repeat; width:200px; height:18px; padding:0 10px;}
fieldset.form div div.input-regular input {width:200px;height:18px;}
fieldset.form div div.input-small {background:url(../img/form-input-small.gif) no-repeat; width:90px; height:18px; padding:0 10px;}
fieldset.form div div.input-small input {width:90px;height:18px;}
fieldset.form div div.input-medium {background:url(../img/form-input-regular.gif) no-repeat -78px top; width:130px; height:18px; padding:0 10px 0 2px;}
fieldset.form div div.input-medium input {width:130px;height:18px;}
fieldset.form div div.input-large {background:url(../img/form-input-large.gif) no-repeat; width:310px; height:18px; padding:0 10px;}
fieldset.form div div.input-large input {width:310px;height:18px;}
fieldset.form div div.fauxSelect  {width:220px;height:18px;}
fieldset.form div.centered {zoom:1;}
fieldset.form div.centered div.fauxSelect span {text-align:center;}
fieldset.form div.confirm {width:100%; text-align:center; margin:30px 0 0 0;}
fieldset.form div.confirm input {display:inline; float:none;}
fieldset.form input.submit {position:absolute; bottom:10px; right:60px; margin:0; float:none;}

fieldset.form div.radio  {zoom:1; overflow:hidden; margin:15px 0;}
fieldset.form div.radio input {float:left;}
fieldset.form div.radio label {float:left; margin:0 10px; width:90px; font-size:10px;}
* html fieldset.form div.radio label {float:left; margin:0 5px; width:80px; font-size:10px;}

fieldset.checkboxes div input {float:left; margin-right:10px;}
fieldset.checkboxes div label {float:left; width:320px; margin-right:10px;}
fieldset.checkboxes div label span {display:block; font-size:10px;}
fieldset.checkboxes div a {float:left; width:250px; margin-right:10px; text-decoration:underline;}

fieldset.multicheck div {float:left; width:30%; margin-right:10px; zoom:1; overflow:hidden;}
fieldset.multicheck div input {float:left; margin-right:20px;}
fieldset.multicheck div label {float:left; margin-right:10px;}
fieldset.multicheck div label span {display:block; font-size:10px;}
fieldset.multicheck div a {float:left; width:250px; margin-right:10px; text-decoration:underline;}

#register-menu ul li a.register-link {height: 28px; padding-top: 6px; display: block; font: normal 16px Helvetica, Arial, sans-serif; color: #FFF; text-decoration: none; zoom: 1; overflow: hidden; background: url(../img/config-picto-link.gif) no-repeat right 16px;}
#register-menu ul li a.register-link span{float: left; width:170px; cursor: pointer; padding:3px 0 0 30px; font-size:18px; background:url(../img/components/accordion-pipion.gif)no-repeat right 11px;}

#register-form {float:left; position:relative; width:691px;}
#register-form div.top {width:691px; height:15px; background:url(../img/register-form-top.gif) no-repeat;}
#register-form div.bottom {width:691px; height:14px; background:url(../img/register-form-bottom.gif) no-repeat;}
#register-form div.content {width:671px; min-height:473px; background:url(../img/register-form-bg.gif) no-repeat; padding:0 10px}


#register-form .contenu{width:671px; min-height:473px; position:relative;}
#register-form .contenu .gauche{width:350px; background:url(../img/partner-sep.gif) no-repeat right 25px; float:left; height:350px;}
#register-form .contenu .gauche p{color:#999999;padding:0 0 0 30px;width:90%;}
#register-form .contenu .droite{width:320px; height:350px; background:transparent;float:left;}
#register-form .contenu .droite h1 {font-size:20px; margin:10px 0; padding:0 0 0 30px;}

#register-form .contenu .droite .bg-acces-config { width:263px; margin:0 0 0 40px; padding:0;background:url(../img/acces-configurateur.png) no-repeat left top; height:200px; min-height:200px; position:relative;}
* html #register-form .contenu .droite .bg-acces-config{ width:263px; margin:0 0 0 40px; padding:0; height:200px; min-height:200px; background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/acces-configurateur.png', sizingMethod='crop')}
#register-form .contenu .droite .bg-acces-config a.pcport,#register-form .contenu .droite .bg-acces-config a.bureau{position:absolute; color:#FFF; height:20px; padding:0 0 0 10px; text-align:right;text-decoration:none;background:url(../img/sbag-cartcell-optdetail.gif) no-repeat left 5px;}
#register-form .contenu .droite .bg-acces-config a.bureau{top:160px; left:0;}
#register-form .contenu .droite .bg-acces-config a.pcport{top:180px; right:0;}
#register-form .contenu .droite .bg-acces-config a:hover.pcport,#register-form .contenu .droite .bg-acces-config a:hover.bureau{text-decoration:underline;}

#register-form .contenu .droite .bg-acces-compte { width:263px; margin:0 0 0 40px; padding:0;background:url(../img/acces-compte.png) no-repeat left top; height:185px; min-height:200px; position:relative;}
* html #register-form .contenu .droite .bg-acces-compte { width:263px; margin:0 0 0 40px; padding:0; height:200px; min-height:200px; background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/acces-compte.png', sizingMethod='crop')}
#register-form .contenu .droite .bg-acces-compte a{position:absolute; color:#FFF; height:20px; padding:0 0 0 10px; text-align:right;text-decoration:none;background:url(../img/sbag-cartcell-optdetail.gif) no-repeat left 5px;top:130px; left:0;}
#register-form .contenu .droite .bg-acces-compte a:hover{text-decoration:underline;}


* html #register-form div.content {height:473px;}
#register-form h1 {font-size:20px;}
#register-form h2 {font-size:12px; font-weight:bold; color:#999; padding:0 10px 0 30px; margin:40px 0 20px;}
#register-form h2.spacer {margin:80px 0 20px;}
#register-form h2 strong {color:#FFF; display:block; text-transform:uppercase;}
#register-form p {color:#999; width:320px; padding:0 10px 0 30px; margin:0 0 15px;}
#register-form p strong{color:#FFF; font-weight:normal;}
#register-form fieldset, #payment fieldset{padding:0 10px 0 30px;}
#register-form fieldset p {color:#FFF; font-weight:bold; padding:0; width:auto;}
#register-form fieldset div, #payment fieldset div  {margin-bottom:6px;}
* html #register-form fieldset div  {margin-bottom:6px;}
*+html #register-form fieldset div  {margin-bottom:16px;}
#register-form fieldset div.last  {margin-bottom:2px;}
#register-form fieldset div.radio  {zoom:1; overflow:hidden; margin:15px 0;}
#register-form fieldset div.radio input {float:left;}
#register-form fieldset div.radio label {float:left; margin:0 10px; width:90px; font-size:10px;}
* html #register-form fieldset div.radio label {float:left; margin:0 5px; width:80px; font-size:10px;}