
body#ssn-body
{
    margin: 0px ;
    padding: 0px ;
    text-align: center ;
    font-family: Arial, Helvetica, sans-serif ;
    font-size: 14px ;
    color: rgb(51,51,51) ;
    line-height: 1.7em ;
    background-color: rgb(255,255,255) ;
}

div.ssn-center
{
    text-align: center ;
}

div.ssn-left
{
    text-align: left ;
}

div.ssn-right
{
    text-align: right ;
}

a.ssn-normal:link, a.ssn-normal:visited
{
    text-decoration: none ;
    color: rgb(51,51,153) ;
}

a.ssn-normal:active, a.ssn-normal:hover
{
    text-decoration: underline ;
    color: rgb(51,51,153) ;
}

a.ssn-white:link, a.ssn-white:visited
{
    text-decoration: none ;
    color: rgb(255,255,255) ;
}

a.ssn-white:active, a.ssn-white:hover
{
    text-decoration: underline ;
    color: rgb(255,255,255) ;
}

a.ssn-51:link, a.ssn-51:visited
{
    text-decoration: none ;
    color: rgb(51,51,51) ;
}

a.ssn-51:active, a.ssn-51:hover
{
    text-decoration: underline ;
    color: rgb(51,51,51) ;
}

a.ssn-80-94-80:link, a.ssn-80-94-80:visited
{
    text-decoration: none ;
    color: rgb(80,94,80) ;
}

a.ssn-80-94-80:active, a.ssn-80-94-80:hover
{
    text-decoration: underline ;
    color: rgb(80,94,80) ;
}

img#ssn-logo
{
    margin: 10px 0px 10px 37px ;
    float: left ;
}

div#ssn-logo
{
    width: 163px ;
    padding: 10px 0px 10px 37px ;
    float: left ;
}

div#ssn-authentication
{
    width: 570px ;
    float: left ;
    padding-top: 10px ;
    font-size: 12px ;
}

input.ssn-authentication
{
    border-width: 1px ;
    border-style: solid ;
    border-color: rgb(80,97,80) ;
    font-size: 12px ;
    background-color: rgb(244,244,244) ;
    color: rgb(80,97,80) ;
}

span.ssn-bold
{
    font-weight: 900 ;
}

span.ssn-italic
{
    font-style: italic ;
}

div.ssn-justify
{
    text-align: justify ;
}

span.ssn-rgb-99-94-90
{
    color: rgb(99,94,90) ;
}

span.ssn-size-18
{
    font-size: 18px ;
}

span.ssn-size-16
{
    font-size: 16px ;
}

span.ssn-size-12
{
    font-size: 12px ;
}

div#ssn-header-menu-bar
{
    width: 100% ;
    height: 30px ;
    background-image: url(./images/site/header_menu_bar.gif) ;
}

a.ssn-flag
{
    margin-right: 40px ;
}

img.ssn-menu-bar-button-left-and-right-border
{
    border-left: 1px solid rgb(97,114,97) ;
    border-right: 1px solid rgb(97,114,97) ;
}

img.ssn-menu-bar-button-right-border
{
    border-right: 1px solid rgb(97,114,97) ;
}

div.ssn-center-770-px
{
    width: 770px ;
    margin: 0px auto ;
    background-color: rgb(255,255,255) ;
}

div.ssn-left-385-px
{
    width: 385px ;
    float: left ;
}

div.ssn-right-385-px
{
    width: 385px ;
    float: left ;
}

div.ssn-clear-both
{
/*     width: 768px ; */
    border: 1px solid rgb(255,255,255) ;
    clear: both ;
}

div#ssn-footer-bar
{
    width: 100% ;
    clear: both ;
    background-color: rgb(29,20,21) ;
    color: rgb(255,255,255) ;
    padding: 5px 0px 10px 0px ;
}

div.ssn-left-256-px
{
    width: 256px ;
    float: left ;
    padding-left: 129px ;
    text-align: left ;
}

input.ssn-account
{
    border: 1px solid rgb(80,97,80) ;
    font-size: 12px ;
    background-color: rgb(244,244,244) ;
    color: rgb(80,97,80) ;
}

textarea.ssn-account
{
    border: 1px solid rgb(80,97,80) ;
    font-size: 12px ;
    background-color: rgb(244,244,244) ;
    color: rgb(80,97,80) ;
}

select.ssn-account
{
    border: 1px solid rgb(80,97,80) ;
    font-size: 12px ;
    background-color: rgb(244,244,244) ;
    color: rgb(80,97,80) ;
    width: 150px ;
}

select.ssn-account-no-width
{
    border: 1px solid rgb(80,97,80) ;
    font-size: 12px ;
    background-color: rgb(244,244,244) ;
    color: rgb(80,97,80) ;
}

div.ssn-left-578-px
{
    width: 578px ;
    padding-left: 192px ;
    text-align: left ;
}

div.ssn-left-641-px
{
    width: 641px ;
    padding-left: 129px ;
    text-align: left ;
}

div.ssn-left-453-px
{
    width: 453px ;
    padding-left: 317px ;
    text-align: left ;
}

div#ssn-errors-label
{
    width: 570px ;
    margin-left: 100px ;
    color: rgb(255,0,0) ;
    font-weight: 900 ;
    text-align: left ;
}

div#ssn-errors
{
    width: 500px ;
    margin-left: 135px ;
    color: rgb(255,0,0) ;
    font-size: 12px ;
    text-align: left ;
}

span.ssn-color-80-94-80
{
    color: rgb(80,94,80) ;
}

div.ssn-category-form
{
    width: 600px ;
    margin: 0px auto ;
}

div.ssn-category-form-left-column
{
    width: 100px ;
    padding-left: 100px ;
    text-align: left ;
    margin-bottom: 25px ;
    float: left ;
}

div.ssn-category-form-right-column
{
    width: 400px ;
    text-align: left ;
    margin-bottom: 25px ;
    float: left ;
}

input.ssn-category-form
{
    border-color: rgb(51,51,51) ;
    color: rgb(51,51,51) ;
}

span.ssn-category-form-error
{
    color: rgb(255,0,0) ;
}

div#ssn-category-form-fields-info
{
    width: 500px ;
    padding-left: 100px ;
    font-size: 12px ;
    margin-top: 25px ;
    text-align: left ;
}

img.ssn-category-form-picture
{
    float: left ;
    margin-left: 10px ;
}

div.ssn-category-form-delete-picture
{
    float: left ;
}

div.ssn-category-form-free-content-label
{
    width: 500px ;
    padding-left: 100px ;
    text-align: left ;
    margin-bottom: 5px ;
}

textarea.ssn-category-free-content
{
    border-color: rgb(51,51,51) ;
    color: rgb(51,51,51) ;
    margin-bottom: 25px ;
}

div.ssn-product-form
{
    width: 600px ;
    margin: 0px auto ;
}

div.ssn-product-form-left-column
{
    width: 100px ;
    padding-left: 100px ;
    text-align: left ;
    margin-bottom: 25px ;
    float: left ;
}

div.ssn-product-form-right-column
{
    width: 400px ;
    text-align: left ;
    margin-bottom: 25px ;
    float: left ;
}

input.ssn-product-form
{
    border-color: rgb(51,51,51) ;
    color: rgb(51,51,51) ;
}

span.ssn-product-form-error
{
    color: rgb(255,0,0) ;
}

div#ssn-product-form-fields-info
{
    width: 500px ;
    padding-left: 100px ;
    font-size: 12px ;
    margin-top: 25px ;
    text-align: left ;
}

img.ssn-product-form-picture
{
    float: left ;
    margin-left: 10px ;
}

div.ssn-product-form-delete-picture
{
    float: left ;
}

div.ssn-product-form-description-label
{
    width: 500px ;
    padding-left: 100px ;
    text-align: left ;
    margin-bottom: 5px ;
}

textarea.ssn-product-description
{
    border-color: rgb(51,51,51) ;
    color: rgb(51,51,51) ;
    margin-bottom: 25px ;
}

input.ssn-product-form-feature-left-column
{
    border-color: rgb(51,51,51) ;
    color: rgb(51,51,51) ;
    margin-bottom: 5px ;
    margin-right: 10px ;
    float: left ;
    margin-left: 130px ;
}

input.ssn-product-form-feature-right-column
{
    border-color: rgb(51,51,51) ;
    color: rgb(51,51,51) ;
    margin-bottom: 5px ;
    float: left ;
}

div#ssn-redactionnel-width-470
{
    width: 470px ;
    text-align: justify ;
    margin: 0px 150px ;
}

div.ssn-redactionnel-width-470
{
    width: 470px ;
    text-align: justify ;
    margin: 0px 150px ;
}

div.ssn-redactionnel-width-470-multipart
{
    width: 470px ;
    text-align: justify ;
    margin: 0px 150px ;
}

textarea.ssn-contact-form
{
    border: 1px solid rgb(80,97,80) ;
    background-color: rgb(244,244,244) ;
    color: rgb(80,97,80) ;
}

div.ssn-contact-form-field-label
{
    width: 175px ;
    padding-left: 150px ;
    float: left ;
    text-align: left ;
}

div.ssn-contact-form-field
{
    width: 445px ;
    float: left ;
    text-align: left ;
}

input.ssn-contact-form
{
    border: 1px solid rgb(80,97,80) ;
    background-color: rgb(244,244,244) ;
    color: rgb(80,97,80) ;
}

span.ssn-contact-form-error
{
    color: rgb(255,0,0) ;
}

div#ssn-copy-security-code
{
    width: 300px ;
    text-align: justify ;
    font-style: italic ;
    font-size: 12px ;
}

img#ssn-logo-in-account-form
{
    margin-top: 10px ;
    margin-left: 20px ;
    float: left ;
}

div.ssn-account-form-delete-picture
{
    float: left ;
    margin-top: 10px ;
}

div#ssn-service-disabled
{
    width: 600px ;
    text-align: justify ;
    margin: 0px auto ;
}

div#ssn-terms-of-use-only
{
    width: 400px ;
    margin-left: 75px ;
    text-align: justify ;
}

div#ssn-download-user-guide-text
{
    float: left ;
    text-align: left ;
    padding-left: 15px ;
    color: rgb(99,94,90) ;
    font-size: 12px ;
}

a.ssn-download-user-guide:link, a.ssn-download-user-guide:visited, a.ssn-download-user-guide:active, a.ssn-download-user-guide:hover
{
    text-decoration: underline ;
    color: rgb(99,94,90) ;
    font-weight: 900 ;
}

span.ssn-attention
{
    color: rgb(255,0,0) ;
}

input.ssn-vat-rate-form
{
    border-color: rgb(51,51,51) ;
    color: rgb(51,51,51) ;
}

span.ssn-padding-left-100-px
{
    padding-left: 100px ;
}

span.ssn-padding-left-150-px
{
    padding-left: 150px ;
}

input.ssn-ufccm-class-form
{
    border-color: rgb(51,51,51) ;
    color: rgb(51,51,51) ;
}

textarea.ssn-ufccm-class-form
{
    border-color: rgb(51,51,51) ;
    color: rgb(51,51,51) ;
}

span.ssn-reference-form-error
{
    color: rgb(255,0,0) ;
}

div.ssn-reference-form
{
    width: 600px ;
    margin: 0px auto ;
}

div.ssn-reference-form-left-column
{
    width: 100px ;
    padding-left: 150px ;
    text-align: left ;
    margin-bottom: 25px ;
    float: left ;
}

div.ssn-reference-form-right-column
{
    width: 350px ;
    text-align: left ;
    margin-bottom: 25px ;
    float: left ;
}

input.ssn-reference-form
{
    border-color: rgb(51,51,51) ;
    color: rgb(51,51,51) ;
}

div#ssn-reference-form-fields-info
{
    width: 500px ;
    padding-left: 100px ;
    font-size: 12px ;
    margin-top: 25px ;
    text-align: left ;
}

div.ssn-e-commerce-catalogue-website
{
    width: 315px ;
    margin-left: 50px ;
    text-align: left ;
}

span.ssn-color-red
{
    color: rgb(255,0,0) ;
}

a#ssn-e-commerce-catalogue-website:link, a#ssn-e-commerce-catalogue-website:visited, a#ssn-e-commerce-catalogue-website:active, a#ssn-e-commerce-catalogue-website:hover
{
    text-decoration: underline ;
    color: rgb(0,0,153) ;
}

img#ssn-site-catalogue-e-commerce
{
    margin: 25px 0px ;
}

div#ssn-catalogue-exemple
{
    width: 380px ;
    background-color: rgb(212,211,207) ;
    float: left ;
}

div.ssn-catalogue-exemple-top
{
    width: 30px ;
    vertical-align: top ;
    background-color: rgb(212,211,207) ;
    float: left ;
}

div#ssn-catalogue-exemple-top-middle
{
    color: rgb(51,62,86) ;
    font-weight: 900 ;
    padding: 10px 0px ;
    float: left ;
    width: 320px ;
}

div#ssn-catalogue-exemple-captures
{
    border: 1px solid rgb(212,211,207) ;
    clear: both ;
}

img.ssn-catalogue-exemple
{
    margin-right: 20px ;
}

img.ssn-catalogue-exemple-bottom
{
    float: left ;
}

div#ssn-catalogue-exemple-bottom-middle
{
    width: 320px ;
    float: left ;
    background-color: rgb(212,211,207) ;
}

div#ssn-languages-of-terms-of-sale
{
    width: 500px ;
    margin-left: 135px ;
    text-align: left ;
    font-weight: 900 ;
}

hr#ssn-terms-of-sale
{
    width: 562px ;
    border-top: 0px solid rgb(51,51,51) ;
    border-right: 0px solid rgb(51,51,51) ;
    border-bottom: 1px solid rgb(51,51,51) ;
    border-left: 0px solid rgb(51,51,51) ;
}

div#ssn-terms-of-sale
{
    width: 562px ;
    margin-left: 104px ;
    text-align: justify ;
}

textarea#ssn-terms-of-sale
{
    border-color: rgb(51,51,51) ;
    color: rgb(51,51,51) ;
    width: 562px ;
}

input.ssn-order-forms-options-form
{
    border-color: rgb(51,51,51) ;
    color: rgb(51,51,51) ;
}

textarea.ssn-order-forms-options-form
{
    border-color: rgb(51,51,51) ;
    color: rgb(51,51,51) ;
}

span.ssn-order-forms-options-form-error
{
    color: rgb(255,0,0) ;
}

div.ssn-fccmode-1-form
{
    width: 600px ;
    margin: 0px auto ;
}

div.ssn-fccmode-1-form-left-column
{
    width: 150px ;
    padding-left: 100px ;
    text-align: left ;
    margin-bottom: 25px ;
    float: left ;
}

div.ssn-fccmode-1-form-right-column
{
    width: 350px ;
    text-align: left ;
    margin-bottom: 25px ;
    float: left ;
}

div#ssn-fccmode-1-form-free-freight-point-explaination-row
{
    width: 500px ;
    padding-left: 100px ;
    text-align: left ;
    margin-bottom: 25px ;
}

input.ssn-fccmode-1-form
{
    border-color: rgb(51,51,51) ;
    color: rgb(51,51,51) ;
}

div.ssn-fccmode-1-form-delivery-countries-row
{
    width: 450px ;
    padding-left: 150px ;
    text-align: left ;
    margin-bottom: 25px ;
}

div.ssn-fccmode-1-form-delivery-country-left-column
{
    width: 270px ;
    padding-left: 100px ;
    text-align: center ;
    margin-bottom: 25px ;
    float: left ;
}

div.ssn-fccmode-1-form-delivery-country-right-column
{
    width: 230px ;
    text-align: left ;
    margin-bottom: 25px ;
    float: left ;
}

div.ssn-link-to-another-web-page-form
{
    width: 600px ;
    margin: 0px auto ;
}

div.ssn-link-to-another-web-page-form-left-column
{
    width: 125px ;
    padding-left: 100px ;
    text-align: left ;
    margin-bottom: 25px ;
    float: left ;
}

div.ssn-link-to-another-web-page-form-right-column
{
    width: 375px ;
    text-align: left ;
    margin-bottom: 25px ;
    float: left ;
}

input.ssn-link-to-another-web-page-form
{
    border-color: rgb(51,51,51) ;
    color: rgb(51,51,51) ;
}

textarea#ssn-customized-text
{
    border-color: rgb(51,51,51) ;
    color: rgb(51,51,51) ;
    width: 375px ;
}

textarea#ssn-customized-html
{
    border-color: rgb(51,51,51) ;
    color: rgb(51,51,51) ;
    width: 375px ;
}

a.ssn-invoice-number:link, a.ssn-invoice-number:visited
{
    text-decoration: none ;
    color: rgb(51,51,153) ;
    font-weight: 900 ;
}

a.ssn-invoice-number:active, a.ssn-invoice-number:hover
{
    text-decoration: underline ;
    color: rgb(51,51,153) ;
    font-weight: 900 ;
}

a.ssn-edit-send-invoice:link, a.ssn-edit-send-invoice:visited
{
    text-decoration: none ;
    color: rgb(51,51,153) ;
    font-weight: 900 ;
}

a.ssn-edit-send-invoice:active, a.ssn-edit-send-invoice:hover
{
    text-decoration: underline ;
    color: rgb(51,51,153) ;
    font-weight: 900 ;
}

span.ssn-invoices-options-form-error
{
    color: rgb(255,0,0) ;
}

input.ssn-invoices-options-form
{
    border-color: rgb(51,51,51) ;
    color: rgb(51,51,51) ;
}

textarea.ssn-invoices-options-form
{
    border-color: rgb(51,51,51) ;
    color: rgb(51,51,51) ;
}

/* Le 29 mai 08 : je prends la décision de faire des styles "généraux" pour les éléments récurrents du site */

input.ssn-general-text-type-input
{
    border-color: rgb(51,51,51) ;
    color: rgb(51,51,51) ;
}

input.ssn-general-checkbox-type-input
{
    border-color: rgb(51,51,51) ;
    color: rgb(255,0,0) ;
}

textarea.ssn-general-textarea
{
    border-color: rgb(51,51,51) ;
    color: rgb(51,51,51) ;
}

span.ssn-general-error-message
{
    color: rgb(255,0,0) ;
}

a.ssn-general-blue-link:link, a.ssn-general-blue-link:visited, a.ssn-general-blue-link:active, a.ssn-general-blue-link:hover
{
    text-decoration: underline ;
    color: rgb(0,0,153) ;
}
