/*
    GLOBAL
*/
dt {
    display: none;
}

#account {
    color: #56390a;
    margin-top: 20px;
    position: relative;
}

#account-illustration {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 0;
}

#account-texts {
    font-size: 12px;
    line-height: 18px;
    left: 250px;
    overflow: hidden;
    position: relative; /* nécessaire pour modifier le z-index */
    top: 75px;
    padding-bottom: 100px;
    width: 450px;
    z-index: 1;
}

/*
    MENU
*/
#account-menu {
    float: right;
    position: absolute; /* nécessaire pour modifier le z-index */
    right: 0;
    text-align: center;
    top: 10px;
    z-index: 2;
}

#account-menu img {
    margin-bottom: 6px;
    margin-top: 20px;
}

#account-menu p {
    margin-bottom: 4px;
    margin-top: 4px;
}

#account-menu a {
    color: #56390a;
    font-size: 11px;
    line-height: 14px;
    text-decoration: none;
}

/*
    LOGIN
*/
#account-login {
    font-size: 10px;
    position: relative;
}

#account-login #account-texts {
    width: 670px;
}

#account-login input {
    width: 200px;
}

#account-login #login {
    margin: 20px 0 0 0;
    width: 150px;
}
#account-login .button {
    cursor: pointer;
    font-size: 10px;
    padding: 0 5px 0 5px;
}


#account-login div {
    margin: 0 0 30px 0;
}

#account-login p {
    margin: 10px 0 0 0;
}

#account-login p.recover {
    margin: 0 0 0 0;
    text-align: right;
    font-style: italic;
}

#account-login table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 20px 0 0 0;
    width: 700px;
}

#account-login td.margin {
    width: 100px;
}

#account-login .alignRight {
    text-align: right;
}

#account-login td.info {
    vertical-align:top;
    width: 222px;
}

#account-login div.form {
    width: 220px;
}

#account-login input {
    width: 100%;
}

#account-login .button {
    width: 100px;
}

/*
    REGISTER
*/
#account-register {
    font-size: 10px;
    position: relative;
    width: 570px;
}

#account-register #account-texts {
    font-size: 11px;
    width: 570px;
}

#account-register tr {
    height: 45px;
}

#account-register tr.rowInterest {
    height : 20px;
}

#account-register input {
    line-height: 100%;
    width: 213px;
}

#account-register #submitbutton {
    font-size: 10px;
    border: 0;
    cursor: pointer;
    line-height: 100%;
}

#account-register .firstCol {
    padding: 0 10px 0 0;
    vertical-align: top; 
}

#account-register .secondCol {
    padding: 0 0 0 17px;
    vertical-align: top; 
}

#account-register .presCol input {
    display: none;
}

#account-register .radiobuttons input {
    border: 0;
    padding: 0 10px 0 10px;
    width: 15px;
    vertical-align: middle;
}

#account-register .radiobuttons label {
    margin: 0 10px 0 0;
}

#account-register .radiobuttons p {
    display: inline;
    margin: 0 20px 0 0;
}

#account-register td.checkbox {
    width: 200px;
}

#account-register .checkbox input{
    border: 0;
    vertical-align: middle;
    width: 15px;
}

#account-register .checkbox p {
    display: inline;
}


/*
    COORDINATES
*/
#account-coordinates {
    font-size: 10px;
    width: 470px;
}

#account-coordinates p.hint {
    font-size: 11px;
}

#account-coordinates tr {
    height: 45px;
}

#account-coordinates tr.rowInterest {
    height : 20px;
}

#account-coordinates input {
    line-height: 100%;
    width: 200px;
}

#account-coordinates #submitbutton {
    font-size: 10px;
    border: 0;
    cursor: pointer;
    line-height: 100%;
}

#account-coordinates .firstCol {
    padding: 0 17px 0 0;
    vertical-align: top; 
}

#account-coordinates .secondCol {
    padding: 0 0 0 17px;
    vertical-align: top; 
}

#account-coordinates .presCol input {
    display: none;
}

#account-coordinates .radiobuttons input {
    border: 0;
    padding: 0 20px 0 20px;
    width: 15px;
    vertical-align: middle;
}

#account-coordinates .radiobuttons label {
    font-size: 11px;
    margin: 0 15px 0 0;
}

#account-coordinates .radiobuttons p {
    display: inline;
    margin: 0 20px 0 0;
}

#account-coordinates td.checkbox {
    width: 200px;
}

#account-coordinates .checkbox input{
    border: 0;
    vertical-align: middle;
    width: 15px;
}

#account-coordinates .checkbox p {
    display: inline;
}

/*
    PASSWORD
*/
#account-password #passwordForm {
    width: 470px;
}

#account-password #passwordForm tr {
    height: 35px;
}

#account-password #passwordForm input {
    line-height: 100%;
    width: 250px;
}

#account-password #passwordForm #submitbutton {
    border: 0;
    cursor: pointer;
    font-size: 10px;
    line-height: 100%;
    margin-top: 5px;
    width: auto;
}

/*
    ADDRESSES
*/
#account-addresses {
    font-size: 10px;
    margin-bottom: 100px;
    width: 470px;
}

#account-addresses tr {
    height: 45px;
}
#account-addresses input {
    line-height: 100%;
}

#account-addresses #submitbutton {
    font-size: 10px;
    border: 0;
    cursor: pointer;
    line-height: 100%;
}

#account-addresses .radiobuttons input {
    border: 0;
    display: inline;
    padding: 0 20px 0 20px;
    width: 15px;
    vertical-align: middle;
}

#account-addresses .radiobuttons label {
    margin: 0 30px 0 0;
}

#account-addresses .radiobuttons p {
    display: inline;
    margin: 0 20px 0 0;
}

#account-addresses .addressButton {
    border: 0;
    cursor: pointer; 
    font-size: 10px; 
    line-height: 120%;
    padding: 0 3px 0 3px;
    width: auto;
}

#account-addresses table.address {
    border-collapse: collapse;
}

#account-addresses table.address td {
    padding: 0 0 20px 0;
    width: 250px;
}

#account-addresses .newAddress table {
    border-collapse: collapse;
    border-spacing: 0;
}

#account-addresses.newAddress td.spacer {
    width: 3px;
}

#account-addresses .newAddress span {
    margin: 0 40px 0 0;
}

#account-addresses .fullLine {
    width: 320px;
}

#account-addresses .halfLine {
    margin-right: 10px;
    width: 155px;
}

#account-addresses .quarterLine {
    margin-right: 10px;
    width: 70px;
}

#account-addresses .threeQuarterLine {
    width: 240px;
}

/*
    ORDERS
*/
#account-orders #account-texts {
    font-size: 11px;
    width: 470px;
}

/*
    SPONSORSHIP
*/
#account-sponsorship td {
    vertical-align: top;
}

#account-sponsorship a {
    color: #56390a;
}

#account-sponsorship p {
    font-size: 11px;
    line-height: 20px;
}

#account-sponsorship .titre {
    margin-bottom: 20px;
    margin-top: 20px;
}

#account-sponsorship .button {
    border: 0;
    color: #56390a;
    cursor: pointer;
    font-size: 10px;
}

#account-sponsorship input {
    margin-bottom: 5px;
    width: 300px;
}

/*
    FAVORITES
*/
#account-favorites table {
    margin-top: 20px;
}

#account-favorites table tr {
    height: 100px;
}

#account-favorites table td {
    padding-right: 30px;
    position: relative;
    vertical-align: middle;
}

#account-favorites .illustration {
    position: relative;
}

#account-favorites .mask {
    position: absolute;
    top: 0;
    left: 0;
}


#account-favorites a {
    color: #56390a;
    text-decoration: none;
}


/*
#content #account #infos{
    margin                  : 0 0 0 240px;
    position                : relative;
}











#content #sponsorship.illustrationAndTexts .texts{
    width                   : 516px;
}

#content #sponsorship.illustrationAndTexts .texts img.titre{
    margin                  : 40px 0 20px 0;
}

#content .illustrationAndTexts input.fullLine{
    width                   : 305px;
}

#content .illustrationAndTexts input.halfLine{
    width                   : 150px;
}

#content .illustrationAndTexts input.quarterLine{
    width                   : 80px;
}

#content .illustrationAndTexts input.threeQuarterLine{
    width                   : 220px;
}

#content .illustrationAndTexts select.selectLine{
    border-style            : solid;  
    border-width            : 1px;  
    border-color            : #c1b491;  
    width                   : 307px;
}



#content #orderSteps ul{
    background-image        : url("elements/steps_background.gif");
    background-position     : top;
    background-repeat       : repeat-x;
    height                  : 15px;
    width                   : 700px;
}

#content #orderSteps li{
    float                 : left;
}
#content #orderSteps li img{
    margin-top              : 1px;
}

#content #cart {
    float                   : left;
    margin                  : 0 0 20px 0;
    width                   : 700px;
}

#content #cart div{
    margin                  : 0 0 30px 0;
}

#content #cart table{
    border-collapse         : collapse;
    border-spacing          : 0;
    margin                  : 20px 0 0 0;
    width                   : 700px;
}

#content #cart #shopping td{
    padding-top             : 5px;
    padding-bottom          : 5px;
}

#content #cart #shopping .firstColumn{

    width                   : 55px;    
}

#content span.delete *{
    color                   : #c1b590;
}

#content #cart #promocode p{
    margin                  : 20px 0 0 0;
}

#content #cart #amount .firstColumn {
    text-align             : right; 
    width                  : 400px; 
}

#content #cart #amount .secondColumn {
    text-align             : right; 
    width                  : 185px; 
}

#content #cart .softButton{
    border                  : 0;
    background-color        : #FFFFFF;
    cursor                  : pointer; 
}

#content #cart .spaced{
    margin                  : 10px 0 10px 0;
}

#content #cart #messageForm textarea{
    height                  : 150px;
    margin                  : 20px 0 0 20px;
    width                   : 300px;
}

#content #cart #messageForm div.textMessage{
    float                   : left;
    height                  : 150px;
    margin                  : 20px 0 0 0;
    text-align              : right;
    width                   : 300px;
}

#content #cart #messageForm div.textMessage p{
    margin                  : 50px 20px 0 auto;
    width                   : 150px;
}

#content #cart #cgv input{
    vertical-align: middle;
}

#content #samples {
    float                   : left;
    margin                  : 0 0 20px 0;
    width                   : 700px;
}

#content #samples div{
    margin                  : 0 0 30px 0;
}

#content #samples p{
    margin                  : 20px 0 20px 0;
}

#content #samples #samplesContainer{
	margin                  : 0 auto;
	width                   : 606px;
}

#content #samples #samplesContainer li{
	float                   : left;
	height                  : 230px;
	margin                  : 0 25px 0 25px !important;
	margin                  : 0 21px 0 21px;
	width                   : 152px;
}

#content #samples input {
    border                  : 0;
}

#content #samples #samplesContainer img{
	border-style            : solid;  
    border-width            : 1px;  
    border-color            : #e6e1d2;  
}
#content #particularAttentions {
	float                   : right;
    position                : relative;
    right                   : 0;
    top                     : 0;
    width                   : 250px;
    overflow                : visible;
}
#content #particularAttentions p{
    font-size               : 9px;
}


#content #cartLogin {
    float                   : left;
    margin                  : 0 0 20px 0;
    width                   : 700px;
}

#content #cartLogin div{
    margin                  : 0 0 30px 0;
}

#content #cartLogin p{
    margin                  : 10px 0 0 0;
}

#content #cartLogin p.recover{
    margin                  : 0 0 0 0;
    text-align              : right;
    font-style              : italic;
}

#content #cartLogin table{
    border-collapse         : collapse;
    border-spacing          : 0;
    margin                  : 20px 0 0 0;
    width                   : 700px;
}

#content #cartLogin td.margin{
    width                   : 70px;
}
#content #cartLogin td.info{
    vertical-align          :top;
    width                   : 280px;
}

#content #cartLogin div.form{
    width                   : 220px;
}

#content #cartLogin input{
    width                   : 100%;
}

#content #cartLogin .button{
    width                   : 100px;
}

#content #address {
    float                   : left;
    margin                  : 0 0 20px 0;
    width                   : 700px;
}

#content #address div{
    margin                  : 0 0 30px 0;
}

#content #address h1{
    margin                  : 10px 0 10px 0;
}

#content #address .form li{
    float                   : left;
    margin                  : 0 0 20px 0;
    width                   : 350px;
}

#content #address .addressButton{
    border                  : 0;
    cursor                  : pointer; 
    line-height             : 120%;
    padding                 : 0 3px 0 3px;
}

#content #address input.fullLine{
    width                   : 305px;
}

#content #address input.halfLine{
    width                   : 150px;
}

#content #address input.quarterLine{
    width                   : 80px;
}

#content #address input.threeQuarterLine{
    width                   : 220px;
}

#content #address .newAddress table{
    border-collapse         : collapse;
    border-spacing          : 0;
}

#content #address .newAddress td.spacer{
    width                   : 3px;
}

#content #address .newAddress span{
    margin                  : 0 40px 0 0;
}

#content #address .fullLine{
    width                   : 100%;
}

#content #address .selectLine{
	border-style            : solid;  
    border-width            : 1px;  
    border-color            : #c1b491;  
    width                   : 307px;
}

#content #address #deliveryMethod p{
    margin                  : 20px 0 0 0;
}

#content #address #deliveryMethod table{
    border-collapse         : collapse;
    border-spacing          : 0;
    margin                  : 20px 0 0 0;
    width                   : 700px;
}

#content #summary {
    float                   : left;
    margin                  : 0 0 20px 0;
    width                   : 700px;
}

#content #summary div{
    margin                  : 0 0 30px 0;
}

#content #summary table{
    border-collapse         : collapse;
    border-spacing          : 0;
    margin                  : 20px 0 0 0;
    width                   : 700px;
}

#content #summary .bigLine{
    font-size               : 12px;  
    font-weight             : bold;
    height                  : 50px;
}

#content #summary .spaced{
    margin                  : 10px 0 10px 0;
}

#content #payment {
    float                   : left;
    margin                  : 0 0 20px 0;
    width                   : 700px;
}

#content #payment div{
    margin                  : 0 0 30px 0;
}

#content #payment .spaced{
    margin                  : 30px 0 20px 0;
}

#content #payment input{
	vertical-align          : middle;
}
#content #payment img{
	vertical-align          : middle;
}

#content #sponsorship input{
    width                   : 400px;
}
*/