#pricing-page {
    font-size: 14px;
}

#select-user {
    padding-left: 100px;
}

#pricing-page input[type=submit] {
    font-size: 1.2em;
    padding: 6px 12px;
}

#pricing-page ul.listing {
    margin: 0;
    padding: 0;
    list-style: none;
}

#pricing-page ul.listing .selected {
    font-weight: bold;
}

#pricing-page #cgv {
    text-align: center;
    width: 400px;
    margin: 0px auto;
    margin-top: 13px;
    padding: 15px 60px 30px;
}

#pricing-page #cgv a:hover {
    text-decoration: underline;
}

#pricing-page .cgv-accept {
    margin-bottom: 10px;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    color: #5c707a;
}

.publicInternetExplorer.ie8 .cgv-accept{
    font-size: 14px !important;
}

#pricing-page .cgv-accept a{
    color: #5c707a;
    text-decoration: underline;
}

#pricing-page #select-offer-listing {
    margin: 0;
    padding: 0;
    list-style: none;
}

#pricing-page #select-offer-listing > li {
    padding-bottom: 7px;
    padding-left: 124px;
    border-bottom: 1px solid #d1d1d1;
    height: 32px;
    padding-top: 9px;
}

#pricing-page #formuleDetails .listing > li {

    margin-bottom: 5px;
}

#pricing-page #formuleDetailsPro .listing > li {

    margin-bottom: 5px;
}

#pricing-page #select-offer-listing > li label {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}

#pricing-page #select-offer-listing > li label .title {
    font-weight: bold;
}

#pricing-page #select-offer-listing > li label .description {
    color: grey;
    font-size: 0.8em;
}

#pricing-page #offer-desc {
    display: none;
    padding-left: 100px;
}

#pricing-page #formuleDetails {
    padding-left: 100px;
}

#pricing-page #formuleDetailsPro {
    padding-left: 100px;
}

#pricing-page #offer-desc .listing.selected {
    display: block;
}

#pricing-page #offer-desc .listing {
    display: none;
}

#pricing-page #offer-desc .listing > li:before {
    content: '-';
    margin: 10px;
}

#pricing-page #offer-desc .listing > li {
    margin: 8px 0;
}

#pricing-page #select-payment {
    display: none;
    padding-left: 100px;
}

#pricing-page #select-payment .listing {
    margin-left: 10px;
}

#pricing-page #select-payment .listing input[type=radio] {
    margin-right: 10px;
}

#pricing-page #select-payment .listing > li {
    margin: 10px 0;
}

#pricing-page #select-payment-mode {
    display: none;
}
@media screen and (min-width: 1400px) {
    #pricing-page #select-payment-mode {
        padding-left: 100px;
    }
}
@media screen and (min-width: 1450px) {
    #pricing-page #select-payment-mode {
        padding-left: 100px;
    }
}
@media screen and (min-width: 1500px) {
    #pricing-page #select-payment-mode {
        padding-left: 100px;
    }
}
@media screen and (min-width: 1600px) {
    #pricing-page #select-payment-mode {
        padding-left: 100px;
    }
}
@media screen and (min-width: 1800px) {
    #pricing-page #select-payment-mode {
        padding-left: 100px;
    }
}
@media screen and (min-width: 1900px) {
    #pricing-page #select-payment-mode {
        padding-left: 100px;
    }
    #select-user, #offer-desc, #select-payment, #select-payment-mode, #formuleDetails, #select-entreprise, #formuleDetailsPro, .fieldset-nbr-user {
        padding-left: 521px!important;
    }
}
@media screen and (min-width: 2100px) {
    #pricing-page #select-payment-mode {
        padding-left: 100px;
    }
}
@media screen and (min-width: 2300px) {
    #pricing-page #select-payment-mode {
        padding-left: 100px;
    }
}
@media screen and (min-width: 2500px) {
    #pricing-page #select-payment-mode {
        padding-left: 100px;
    }
}

#pricing-page #select-payment-mode .listing {
    margin-left: 10px;
    position: relative;
    display: block;
}

#pricing-page #select-payment-mode .listing input[type=radio] {
    margin-right: 10px;
}

#pricing-page #select-payment-mode .listing > li {
    margin: 10px 0;
}

#pricing-page #select-payment-mode .listing img {
    vertical-align: middle;
}

#pricing-page #total-ht-panel,
#pricing-page #total-ht-panel-credit {
    /*margin-left: 550px;*/
    line-height: 25px;
}

#pricing-page #total-ht-panel .labels,
#pricing-page #total-ht-panel-credit .labels {
    float: left;
}

#pricing-page #total-ht-panel .values,
#pricing-page #total-ht-panel-credit .values {
    float: left;
    margin-left: 15px;
    font-weight: bold;
}

#pricing-page #cpromo-credit {
    margin-top: 10px;
    vertical-align: bottom;
}

#pricing-page #cpromo-credit button {
    vertical-align: bottom;
}

.form-s1 {
    color: #424343;
}

.form-s1 .error {
    color: #cc0000;
    font-weight: bold;
    font-size: 14px;
    font-family: Calibri, Sans-Serif;
}

.form-s1 .error > div {
    display: none;
    padding-top: 5px;
}

.form-s1 fieldset {
    border: medium none;
    margin: 0;
    padding: 0;
}

#select-entreprise {
    padding-left: 100px;
}

h2 span.essaiGratuit {
    color: #FC9C1C;
    text-transform: uppercase;
    font-family: Calibri, Sans-Serif;
    font-weight: bold !important;
    font-size: 14px;
}

.form-s1 #nb-user-selected,
.form-s1 #nb-space-selected {
    display: inline;
    border: none;
    font-size: inherit;
    background: none;
    box-shadow: none;
    font-weight: bold;
}

.form-s1 .row {
    margin-bottom: 15px;
}

.row-message {
    margin-top: 10px;
}

.form-s1 .row input[type="text"],
.form-s1 .row input[type="password"] {
    width: 268px;
    padding: 1px 10px;
    height: 33px;
    line-height: 33px;
}

.form-s1 .row input[name=phone-code],
.form-s1 .row input[name=tva-code] {
    width: 52px;
}

.form-s1 .row input[name=phone],
.form-s1 .row input[name=tva] {
    margin-left: 4px;
    width: 190px;
}

.form-s1 .item {
    display: inline-block;
    vertical-align: top;
}

.form-s1 .item:first-child {
    margin-right: 20px;
}

.form-s1 .item label {
    display: block;
    font-family: Calibri, Sans-Serif;
    font-weight: bold !important;
    color: #6ccbda;
    height: 14px;
}

.form-s1 .item label em {
    color: #cc0000;
    margin-left: 3px;
}

.form-s1 .item .notification-container {
    display: inline-block;
    width: 50px;
    vertical-align: bottom;
}

.form-s1 .item .notification-icon {
    vertical-align: bottom;
    height: 35px;
    display: none;
}

.form-s1 input[type="text"],
.form-s1 .row input[type="password"],
.form-s1 select,
.form-s1 textarea {
    font-size: 18px;
    color: #424343;
    background: #f5f5f5;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.1) inset;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.form-s1 input[type="text"]:focus,
.form-s1 .row input[type="password"]:focus,
.form-s1 select:focus,
.form-s1 textarea:focus {
    border: 1px solid #e7c971;
    box-shadow: 0 0 5px #ffe8b1, 0 2px 2px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 0 5px #ffe8b1, 0 2px 2px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 0 5px #ffe8b1, 0 2px 2px rgba(0, 0, 0, 0.1) inset;
}

.form-s1 input[disabled] {
    background: none !important;
}

.form-s1 select {
    padding: 6px 5px;
    width: 290px;
    height: 37px;
    line-height: 33px;
}

.form-s1 textarea[name=message] {
    width: 646px;
    min-height: 100px;
}

.form-s1 .ui-slider-handle {
    border-radius: 10px;
    top: -3px;
}

.form-s1 .ui-slider-horizontal {
    margin-top: 10px;
    width: 500px;
    height: 15px;
    border: 1px solid #E6E6E6;
    border-radius: 15px;
    float: left;
}

.form-s1 .ui-slider .ui-slider-handle {
    width: 1.5em;
    height: 2.1em;
}

.form-s1 .ui-slider .ui-slider-range {
    border-radius: 15px;
}

.form-s1 .ui-slider-horizontal .ui-slider-handle {
    top: -10px;
}

.form-s1 .legend {
    position: relative;
    clear: both;
}

.form-s1 .legend .legend-item {
    position: absolute;
    display: inline-block;
    padding-left: 2px;
    font-family: "knockout_Middleweight", Calibri, Sans-Serif;
    color: #fdbb40;
}
.form-s1 .legend .legend-item:first-child{
    color: #f28054;
}
.form-s1 .legend .legend-item:last-child{
    color: #f28054;
}

.form-s1 #select-user .legend .legend-item-2 {
    left: 57px;
}

.form-s1 #select-user .legend .legend-item-3 {
    left: 112px;
}

.form-s1 #select-user .legend .legend-item-4 {
    left: 169px;
}

.form-s1 #select-user .legend .legend-item-5 {
    left: 224px;
}

.form-s1 #select-user .legend .legend-item-6 {
    left: 279px;
}

.form-s1 #select-user .legend .legend-item-7 {
    left: 334px;
}

.form-s1 #select-user .legend .legend-item-8 {
    left: 389px;
}

.form-s1 #select-user .legend .legend-item-9 {
    left: 446px;
}

.form-s1 #select-user .legend .legend-item-10 {
    left: 502px;
}

.form-s1 #select-space .legend .legend-item-5 {
    left: 82px
}

.form-s1 #select-space .legend .legend-item-10 {
    left: 28px
}

.form-s1 #select-space .legend .legend-item-15 {
    left: 54px;
}

.form-s1 #select-space .legend .legend-item-20 {
    left: 80px;
}

.form-s1 #select-space .legend .legend-item-25 {
    left: 106px;
}

.form-s1 #select-space .legend .legend-item-30 {
    left: 132px;
}

.form-s1 #select-space .legend .legend-item-35 {
    left: 158px;
}

.form-s1 #select-space .legend .legend-item-40 {
    left: 184px;
}

.form-s1 #select-space .legend .legend-item-45 {
    left: 210px;
}

.form-s1 #select-space .legend .legend-item-50 {
    left: 236px;
}

.form-s1 #select-space .legend .legend-item-55 {
    left: 262px;
}

.form-s1 #select-space .legend .legend-item-60 {
    left: 288px;
}

.form-s1 #select-space .legend .legend-item-65 {
    left: 314px;
}

.form-s1 #select-space .legend .legend-item-70 {
    left: 340px;
}

.form-s1 #select-space .legend .legend-item-75 {
    left: 366px;
}

.form-s1 #select-space .legend .legend-item-80 {
    left: 394px;
}

.form-s1 #select-space .legend .legend-item-85 {
    left: 420px;
}

.form-s1 #select-space .legend .legend-item-90 {
    left: 446px;
}

.form-s1 #select-space .legend .legend-item-95 {
    left: 474px;
}

.form-s1 #select-space .legend .legend-item-100 {
    left: 500px;
}

.form-s1 .more-user {
    float: left;
    margin-left: 50px;
    font-size: 10px;
    font-family: "knockout_Middleweight", Calibri, Sans-Serif;
    text-transform: uppercase;
    color: #5c707a;
    margin-top: 17px;
}

.form-s1 .more-user a {
    text-decoration: underline;
    font-size: 14px;
    color: #5c707a;
}

.form-s1 .more-user a:hover {
    text-decoration: underline;
}

.form-s1 .text {
    margin-top: 35px;
    line-height: 13px;
}

.form-s1 .labels {
    float: left;
    line-height: 25px;
    font-size: 13px;
    font-weight: bold;
}

.form-s1 .values {
    float: left;
    margin-left: 50px;
    font-weight: bold;
    line-height: 25px;
    font-size: 15px;
}

.form-s1 #total {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 40px;
    background-color: #ffffff;
}

.form-s1 #cpromo {
    margin-top: 25px;
    margin-left: 35px;
}

.form-s1 #cpromo input[name=cpromo] {
    width: 150px;
    vertical-align: middle;
}

#summary-page {
    padding: 10px 0 100px;
    width: 1000px;
    margin: auto;
}

#summary-page table {
    border: 1px solid #808080;
    width: 700px;
    margin: 0 auto;
}

#summary-page table th,
#summary-page table td {
    padding: 5px;
    line-height: 1.5em;
}

#summary-page table > thead {
    border-bottom: 1px solid #808080;
}

#summary-page table > thead th {
    text-align: left;
}

#summary-page #amount-table td:first-child {
    border-right: 1px solid #808080;
}

#summary-page #amount-table td:last-child {
    text-align: right;
}

#summary-page #amount-table .amount td {
    border-top: 1px solid #808080;
    text-align: right;
}

#summary-page #amount-table .amount td:first-child {
    font-weight: bold;
}

#summary-page #amount-table th:last-child {
    text-align: center;
}

#summary-page .labels {
    float: left;
    width: 100px;
    line-height: 18px;
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
    font-size: 14px;
    color: #5d707c;
}
#summary-page{
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
    font-size: 14px;
    color: #5d707c;
}

#summary-page ul {
    margin-top: 0;
}

#summary-page li {
    line-height: 18px;
}

#summary-page .values {
    float: left;
    line-height: 18px;
}
#offerDetail .labels, #select-payment label, #select-payment-mode label{
    text-transform: uppercase;
    font-family: Calibri, Sans-Serif;
    font-weight: bold !important;
    font-size: 14px;
    color: #5c707a;
}
#offerDetail .values, #offerDetail .values input, #user-signup label{
    text-transform: uppercase;
    font-family: Calibri, Sans-Serif;
    font-weight: bold !important;
    color: #6ccbda;
    height: 14px;
}
#user-signup input, #user-signup select, #user-signup textarea{
    background-color: #ebe9eb;
    border: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 5px;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    color: #70839d;
    height: 32px;
    margin-top: 5px;
}
#select-entreprise textarea{
    background-color: #ebe9eb;
    border: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 5px;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    color: #70839d;
    height: 32px;
}
#user-signup label{
    text-transform: none;
}

@-moz-document url-prefix() {
    #user-signup select {
        background: #ebe9eb;
    }
}
    #user-signup.Gecko select {
        background: #ebe9eb;
    }

    #publicTemplate.publicInternetExplorer11 #offerDetail .values, #publicTemplate.publicInternetExplorer11 #offerDetail .values input, #publicTemplate.publicInternetExplorer11 #user-signup label{
        font-weight: bold!important;
    }

    #publicTemplate.publicInternetExplorer10 #offerDetail .values, #publicTemplate.publicInternetExplorer10 #offerDetail .values input, #publicTemplate.publicInternetExplorer10 #user-signup label{
        font-weight: bold!important;
    }

    #publicTemplate.publicInternetExplorer11 .btn.primary, #publicTemplate.publicInternetExplorer10 .btn.primary{
        font-weight: bold!important;
    }

.fieldset-nbr-user{
    margin-top: 25px;
    font-family: Calibri, Sans-Serif;
    font-weight: bold !important;
    color: #5c707a;
    font-size: 14px!important;
}
.fieldset-nbr-user .rubTitle2{
    text-transform: uppercase;
    font-size: 14px!important;
}
.fieldset-nbr-user .legend{
    margin-top: 25px;
}
#nb-user-selected {
    font-family: Calibri, Sans-Serif;
    font-weight: bold !important;
    color: #5c707a;
    font-size: 14px!important;
    width: 33px;
}
#fieldset-nbr-userPro {
    margin-top: 20px;
}