/* Sections
    (CSS flags marked with [=])
    https: //docs.google.com/document/d/10gDWrYyFOWZxjfVmzUiYwfeW_8LWAYIgCvgs3ZeywTI/edit

    COMMON
    HOME PART
    HOME PRO
    REEXPEDITION (reshipment - REEX)
        step1
        step2
        step3
    MON TIMBRE EN LIGNE (stamps-online - MTEL)
        home
        step1
        step2
        step3
        POPINS
    MON COMPTE (user-account - Compte)
        NAV
        NAV ASIDE
        HOME
        MON CARNET D ADRESSE
        INFORMATIONS PERSONNELLES (personal-info)
            Compte prepaye
            Adresse personnelle
            historique de votre compte prï¿½payï¿½
        MES COMMANDES ET FACTURES
            ma commande detaille
            GENERAL BLOCKS (.user-commands)
            MNA
            lettres et formulaires
            MTEL
            LEL
    LETTRE RECOMMANDEE EN LIGNE (letter-mail - LREL)
        main title_steps_general content
        step2
        step3
        error mail
        destinataires
            tabs
            form contents
        step4
        block-address
    LETTRE EN LIGNE (electronic-letter - LEL)
        step1
        step2
        step3
        options resume
        step4
            pdf page
            loader
            recapitulatif
        form error messages
    TUNNEL (transverse)
        step1
        step2
        step3
        step4
    MA NOUVELLE ADRESSE (new-address - MNA)
    CSUIVI (track-order)
        tableau resultats
        tab1
        tab2
        tab3
        tab5
            popin-abonement
    CORRECTIFS V1
    CORRECTIFS V2
*/
.displayFlex{display:flex;align-items: baseline;}
/*=COMMON */
.content .titleMain {margin-bottom: 24px;}
.content .title-header {
    position: relative;
    margin-bottom: 24px;
    margin-top: 0px;
}
.content .title-header .btn-help {
    position: relative;
    bottom: 0;
}
.btn-help {float: right;}
.content .title-header .btn-help li {float: left;}
.content .title-header .btn-help a {
    margin-left: 8px;
    margin-top: 11px;
}
.content .title3-container {
    position: relative;
    margin-bottom: 40px;
}
.content .title3-container h3 {
    font-size: 2em;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1em;
}

.content .title3-container .link-tarifs {
    position: absolute;
    right: 0;
    top: 5px;
    min-width: 10px;
    padding: 0;
    font: 1.3em Arial, Helvetica, sans-serif;
}
.content .title3-container .link-tarifs a {color: #007185;}
.electronic-letter  .step,
.stamps-online      .step,
.letter-mail        .step {margin-bottom: 28px;}
.stamps-online      .step1 p {font: 1.3em Arial, Helvetica, sans-serif;}
/* num list number */
legend.num-list {padding: 3px 0;}
legend.num-list span {
        padding: 0 8px 0 0;
        font-size: 1.8em;
        font-weight: normal;
        font-style: normal;
        font-family: Roboto, Verdana, sans-serif;
        vertical-align: middle;
}
h4.num-list {
        font-size: 2em;
        font-style: normal;
        margin-top:15px;
        padding: 10px 0 10px 34px;
        position: relative;
}
h4.num-list span {
        position: absolute;
        left: 0;
        top: -3px;
        display: inline-block;
        padding: 0 20px 0 0;
        font-family: Roboto, Verdana, sans-serif;
        vertical-align: baseline;
}
#newsEmail #errorNewsEmail label {color: red; font-size: 1em;}
.blockSiteMap .rowMap {overflow: visible;}
.blockSiteMap .colMap {margin-bottom: 0;  padding: 0 0 10px 19px;}
.wrapCourrier .error {
    display: none;
}
.wrapCourrier .error span {
    display: inline-block;
}
.wrapCourrier .error label{
        color: red;
        font-size: 0.85em;
        line-height: 1em;
}
.wrapTrackOrder.pro .wrapCourrier #trackError label {
    color: red;
    font-weight: normal;
}

#messageInfoRU {
    display: none;
    padding: 15px;
    color: #4b6392;
    font-family: "Arial", sans-serif;
    font-size: 1.6em;
    background: #D6E4FF;
    margin-top:30px;
    margin-bottom:20px;
    justify-content: center;
    align-items: center;
}

#successBoxTop {
    display: none;
    padding: 20px;
    color: black;
    font-size: 1.2em;
    font-weight: bold;
    border: 2px solid #ccc;
    background: #F5F5F2;
    margin-bottom:10px;
}
/*=HOME PART */
/*=Votre compte */
.particulier .push3cols .item .desc {
    display: block;
    position: absolute;
    left: 20px;
    top: 75px;
    width: 166px;
    color: #363636;
    font-size: 1.65em;
    line-height: 1.4em;
}

.particulier .push3cols .item.pushBoutique .desc {
    top: 90px;
}

/*=HOME PRO */
/*=Votre compte */
.homepro .push3cols .item .desc {
    top: 75px;
    width: 170px;
}
.homepro .push3cols .item.pushBoutique .desc {
    top: 90px;
}
.showResults tbody td.messageStatut {
    padding-right: 18px;
    width: 150px;
}

/*=REEXPEDITION (reshipment) */
.reshipment .step-reshipment h2.typo-din {line-height: 38px;}
.reshipment .step-reshipment .title-header {margin-top: 22px;}
.reshipment .content .btn-help {bottom: 7px;}
.step-reshipment .step {margin-bottom: 4em;}
.step-reshipment .step-list .step1 span,
.step-reshipment .step-list .step2 span,
.step-reshipment .step-list .last span {padding-top: 18px;}
.step-reshipment .space {padding-bottom: 1.2em;}

.reshipment span span { /*adaptation ancien code*/
    box-sizing: border-box;
}
.reshipment .type-text input[type="text"] { /*adaptation ancien code*/
    background: transparent;
}

/*=step1 */
.champs-obl {
        margin-bottom: 5px;
        margin-left: 20px;
        font-size: 1.2em;
}
.step-reshipment .block-bg-corner {
        margin-bottom: 3.9em;
        padding: 1.5em 1.5em 22px;
}
.reshipment .no-margin {margin: 0;}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
        #formVerifAdresse legend {padding: 3px 0 20px 0;}
        .reshipment .step3 legend {padding: 3px 0 0.5em 0;}
}
.reshipment .step3 .asterisk {font-size: 1.1em;}
.step-reshipment legend span {color: #006397;}
.reshipment .type-text,
.reshipment .type-select {
        margin-bottom: 10px;
        padding: 0;
}
.datecontrat .type-text,
.datecontrat .type-select {float: none;}
.datecontrat .type-text {width: 100%;}
.datecontrat label {
        width: 300px;
        margin-right: 8px;
        text-align: right;
}

.reshipment .type-date .bg-datepicker {margin-right: 3px;}
.reshipment .type-text input,
.reshipment .type-date input {width: 169px;}
.js-noactive .step-reshipment .type-text input,
.js-noactive .step-reshipment .type-date input {width: 155px;}
.datecontrat select, .perscontrat select {
        height: 32px;
        width: 190px;
        margin-right: 18px;
}
.reshipment .add_person div.selector select {top: 0px;}
.js-noactive .datecontrat select {
        width: 177px;
        margin-right: 5px;
}
.reshipment div.selector {
        width: 180px;
        margin-right: 0;
}
.reshipment div.selector span {
        width: 135px;
        padding-bottom: 0;
}
.reshipment .verif-preuve .table-destinataire .table-footer select {width: 80px;}
.reshipment .verif-preuve .table-destinataire .table-footer div.selector {width: 100px;}
.reshipment .verif-preuve .table-destinataire .table-footer div.selector span {width: 55px;}
.reshipment .notice {
        padding: 0 0 18px 20px;
        color: #565a5c;
        font-size: 1.2em;
        font-weight: 400;
}
.reshipment .notice a {color: #006397;}
.perscontrat .type-select {margin-bottom: 0;}
.perscontrat .type-select,
.perscontrat .type-text {
        float: left;
        width: 332px;
}
.perscontrat .type-select label,
.perscontrat .type-text label {
        width: 110px;
        margin-right: 10px;
        text-align: right;
}
.reshipment .block-name {padding-left: 75px;}
.btn-ajouter {text-align: center;}
.reshipment .step1 .question1,
.reshipment .step1 .question2 {
        float: left;
        width: 601px;
        margin-top: 20px;
        color: #565a5c;
        font-size: 1.2em;
        text-align: right;
}
.reshipment .step1 .type-radio {
        float: left;
        width: 160px;
        margin-left: 60px;
        margin-top: 18px;
}
.reshipment .step1 .type-radio label {
        float: left;
        width: 32px;
        margin: 0;
        padding: 0;
}
.reshipment .step1 .type-radio input {
        float: left;
        margin: 0 25px 0 0;
}
.reshipment .question2 {margin-bottom: 30px;}
.block-name-complement .type-text {
        width: 100%;
        margin-left: 200px;
}
.block-name-complement .type-text label {width: 115px;}
.reshipment .champ-text-simple .type-text {width: 100%;}
.reshipment .champ-text-simple label {
        width: 314px;
        margin-right: 10px;
        text-align: right;
}
.reshipment .alert_sms {
        padding-top: 3em !important;
        color: #565a5c;
        font-size: 1.1em;
        font-style: italic;
        clear: both;
}
.reshipment .block-droit label {
        color: #565a5c;
        font-size: 1.1em;
        font-style: italic;
}
.reshipment .block-droit input,
.reshipment .block-droit div {float: none;}
/*js inactive */
.js-noactive .btn-ajouter {display: none;}
.add_person hr {
            margin: 0 131px 10px;
            text-align: center;
            border-color: #CCC;
            border-style: solid none none;
            border-width: 1px 0 0;
}
.add_person .block-name a.delete {
            display: block;
            float: left;
            padding-top: 5px;
            color: blue;
            font-size: 1.1em;
}
.js-noactive .add_person .block-name .delete {display: none;}
/*js active */
.js-active .add_person {
            display: none;
            margin-top: 10px;
}

/*=step2 */
.prop-adresse {
        float: left;
        position: relative;
       /*width: 240px;*/
        min-width: 240px;
        padding: 0;
        padding: 1em;
        background: #fff;
        border: 2px solid transparent;
}
.prop-adresse.selected {border: 2px solid #b2afa6;}
.prop-adresse label {
        float: right;
        min-height: 70px;
        /*width: 205px;*/
        min-width: 205px;
        padding: 38px 20px 0 0;
        color: #565A5C;
        clear: both;
        font: 1.3em Arial,Helvetica,sans-serif;
}
.prop-adresse label span {float: right; width: 200px;}
#certain-adresse {margin: 1em 0 3.5em 29em;}
#formVerifAdresse .adresse-wrapper-first,
#formVerifAdresse .adresse-wrapper-second,
#formVerifAdresse .adresse-wrapper-third {
        float: left;
        padding: 25px 25px 0 0;
}
#formVerifAdresse .adresse-wrapper-third {padding-right: 0;}
.prop-adresse .block-corner {
        display: block;
        position: absolute;
        height: 14px;
        width: 14px;
        background-color: #fff;
        background-image: url(../images/corner/bg-verif-adresse.png);
}
.prop-adresse .filledHG {
        background-position: 74px 0;
        left: -3px;
        top: -2px;
}
.prop-adresse .filledHD {
        background-position: 74px -28px;
        right: -3px;
        top: -2px;
}
.prop-adresse .filledBD {
        background-position: 74px -74px;
        bottom: -2px;
        right: -3px;
}
.prop-adresse .filledBG {
        background-position: 74px -42px;
        bottom: -2px;
        left: -3px;
}
.prop-adresse.selected .filledHG {
        background-position: 0 0;
        left: -2px;
        top: -2px;
}
.prop-adresse.selected .filledHD {
        background-position: 0 -28px;
        right: -2px;
        top: -2px;
}
.prop-adresse.selected .filledBD {
        background-position: 0 -74px;
        bottom: -2px;
        right: -2px;
}
.prop-adresse.selected .filledBG {
        background-position: 0 -42px;
        bottom: -2px;
        left: -2px;
}
.reshipment .step2 legend .note {
        display: inline-block;
        padding-left: 30px;
        color: #565a5c;
        font: 0.7em Arial, Helvetica, sans-serif;
}
.reshipment .step2 .notes {
        padding: 0 0 2.5em 0;
        font: 1.4em Arial, Helvetica, sans-serif;
}
.reshipment .step2 .notes_verifAddress {
        padding: 0 0 0.8em 0;
        font: 1.4em Arial, Helvetica, sans-serif;
}
.step2Text {
        padding-left: 16em;
        color: #565a5c;
}
.step2Text p {
        padding: 0 0 5px 0;
        font: 1.4em Arial, Helvetica, sans-serif;
}
.step2Text .blueText {color: #006397;}

/*=step3 */
.reshipment .step3 .champs-obl {
        margin-bottom: 3em;
        margin-left: 0;
        color: #565a5c;
        font-size: 1.4em;
}
.reshipment .step3 .name_honneur {
        width: 100px;
        margin: 0 5px 0 100px;
        font-weight: 700;
}
.reshipment .step3 .block-bg-corner .type-text {width: 100%;}
.reshipment .step3 .block-bg-corner .type-text .txt_form {
        color: #565a5c;
        height: auto;
        padding-left: 0;
        font-size: 1.2em;
        font-weight: 700;
        background: none;
        vertical-align: middle;
}
.reshipment .step3 .block-bg-corner ul {
        margin-left: 180px;
        clear: both;
}
.reshipment .step3 .block-bg-corner li {
        padding: 10px 0;
        border-top: 1px solid #CCC;
}
.reshipment .step3 .block-bg-corner .first_list {border-top: 0;}
.reshipment .step3 .block-bg-corner li legend {
        float: left;
        padding-top: 0;
        margin: 0;
        color: #006397;
        font-size: 2.4em;
        font-family: Roboto, Verdana, sans-serif;
}
.newaddress .step3 .block-bg-corner li legend {
        float: left;
        padding-top: 0;
        margin: 0;
        color: #e10038;
        font-size: 2.4em;
        font-family: Roboto, Verdana, sans-serif;
}
.reshipment .step3 .block-bg-corner li p {
        float: left;
        width: 630px;
        padding-left: 25px;
        overflow: hidden;
}
.reshipment .step3 .block-bg-corner li .type-checkbox {padding-left: 22px;}
.reshipment .step3 .block-bg-corner li label {
        float: right;
        line-height: 15px;
        width: 600px;
}
.reshipment .step3 .block-bg-corner li input {
        vertical-align: top;
        margin-right: 15px;
}
.reshipment .step3 .block-bg-corner .savoir_plus {
        display: block;
        color: #565a5c;
}
.reshipment .step3 .block-bg-corner {margin-bottom: 2em;}
.user-account .reshipment .blockPack {
            color: #565a5c;
            font-size: 1em;
            margin-bottom: 20px;
            background: #fff;
}
.user-account .reshipment .blockPack.blockPackFirst { padding-top: 20px;}
/*.user-account .reshipment .blockPackLast {margin-bottom: 0;}*/
.user-account .reshipment .packStatus h4,
.user-account .reshipment .packStatus li {color: #006397 !important;}
.user-account .user-commands .packStatus li {
            margin-left: 5px;
            padding-left: 5px;
}
.user-account .reshipment .packStatus li {border-left: 2px solid #006397;}
.user-account .reshipment .packActions,
.user-account .stamps-online .packActions {
            background: #fff url(../images/bg/bg_pack-grad.png) repeat-x 0 bottom;
            border-top: 1px solid #ccc;
            overflow: hidden;
            padding: 1em 2em 1.5em;
}
.user-account .reshipment .packActions li {
            display: inline;
            font-size: 1.1em;
}
.user-account .reshipment .packActions li a {
            color: #006397;
            display: block;
            float: left;
            font-size: 1.2em;
            margin-left: 20px;
}
.user-account .reshipment .packInfoGroup {
            border-top: 1px solid #ccc;
            padding: 20px 0 18px;
            overflow: hidden;
}
.user-account .reshipment .packStatus + .packInfoGroup {border-top: none;}
.user-account .reshipment .packInfoGroup .packInfo {
            float: left;
            width: 50%;
}
.user-account .reshipment .packInfoGroup h5,
.user-account .reshipment .packInfoGroup .packInfo h5,
.user-account .reshipment .packInfoGroup .packInfo ul,
.user-account .reshipment .packInfoGroup .packInfo p {
            line-height: 1.25em;
            padding: 0 14px 0 34px;
}
.user-account .reshipment .packInfoGroup .packInfoBis p {
            line-height: 1em;
            padding: 0 14px 0 34px;
}
.user-account .reshipment .packInfoGroup .packServices h5 {padding: 0 14px 0 0px;}
.user-account .reshipment .packInfoGroup h5,
.user-account .reshipment .packInfoGroup .packInfo h5,
.user-account .reshipment .packInfoGroup .packServices h5 {
            font-size: 1em;
            font-weight: 700;
            padding-bottom: 14px;
            padding-right: 0;
            letter-spacing: -.02em;
}
.user-account .reshipment .packInfoGroup h5 {padding-bottom: 4px;}
.user-account .reshipment .packInfoGroup .packInfo li {
            font-size: 1.4em;
            padding-top: 14px;
}
.user-account .reshipment .packInfoGroup li:first-child {padding-top: 0;}
.user-account .reshipment .packInfoGroup li strong {
            display: block;
            padding-bottom: 8px;
}
/* specific pack info items */
.user-account .reshipment .packInfoGroup .packNature li {padding-top: 10px;}
.user-account .reshipment .packInfoGroup .packDetail {font-size: 1.3em;}
.user-account .reshipment .packInfoGroup .packPrice span {font-weight: 700;}
.user-account .reshipment .packInfoGroup .packDate strong {display: inline;}
.user-account .reshipment .packInfoGroup .packAdress p {
            line-height: 1.2em;
            padding-top: 10px;
}
.user-account .reshipment .packInfoGroup .packAdress h5 + p {padding-top: 0;}
.user-account .reshipment .packInfoGroup .packAdress span {display: block;}
.user-account .reshipment .packInfoGroup .packAdress .block-bg-corner {margin: 6px 34px 0;}
.user-account .reshipment .packInfoGroup .packAdress .block-bg-corner p {padding: 0 20px;}
/* = pack services list */
.user-account .reshipment .packInfoGroup .packServices {padding: 0 34px;}
.user-account .reshipment .packInfoGroup .packServices h5 {line-height: 1em;}
.user-account .reshipment .packInfoGroup .packServices li {float: left;}
.user-account .reshipment .packInfoGroup .packServices li.btn-left {
            clear: left;
            min-width: 356px;
}
.user-account .reshipment .packInfoGroup .packServices li a {
            float: left;
            margin: 0;
}
.user-account .reshipment .content-inner h3 {margin-bottom: 13px;}
.user-account .reshipment p,
.user-account .reshipment .type-textarea label {
            line-height: 17px;
            font-size: 1.4em;
}
.user-account .reshipment .step-list .step1 span,
.user-account .reshipment .step-list .step2 span,
.user-account .reshipment .step-list .last span {padding: 18px 0 0;}
.user-account .reshipment .content-num {padding: 0;}
.user-account .reshipment .content-num span {color: #e10038;}
.user-account .reshipment form .block-bg-corner {margin-bottom: 3.9em;}
.user-account .reshipment form .no-margin {margin-bottom: 0;}
.user-account .reshipment p {
			    clear: both;
			    padding: 0;
			    font-size: 1.4em;
			    line-height: 1.5em;
}
.user-account .reshipment a {
			color: #006397;
}
		
.reshipment .typo-din.title2.reel {
			margin-top: 0px !important;
			font-size: 3.5em;
			line-height: 1.5em;
			font-weight: normal;
			clear: both;
			line-height: 0.9em;
			letter-spacing: -.04em;
			margin: 0 0 26px;			
			-webkit-margin-after: 0em;		
}
.reshipment .labelCheckBox {
		    display: inline;
		    color: #565a5c;
		    font-size: 1em;
		    vertical-align: middle;
}
.reshipment .content-inner.reel {
			padding: 38px 0 0;
			float: left;
			width: 626px;
}
.reshipment .btn-help a {
			float: right;
			margin-top: 38px;
			margin-bottom: 34px;
}
.errorMessageReex {
			color: #ff0000;
			font-size: 1.2em;
}
/*=MON TIMBRE EN LIGNE */
.stamps-online .content h1 {
    float: left;
    padding-left: 75px;
    background: url(../images/media/header_mtel_step1.gif) no-repeat 0 0;
    color: #5B8900;
}
.stamps-online .content h2 {
    float: left;
    padding-left: 75px;
    background: url(../images/media/header_mtel_step1.gif) no-repeat 0 0;
    color: #5B8900;
}
/*=home */
.content-accueil {
        padding-left: 0;
        padding-right: 0;
}
.branding-header {
        position: relative;
        min-height: 356px;
        width: 962px;
        background: #999 url(../images/bg/bg_item-carousel_accueil.jpg) no-repeat 0 0;
}
.imageBlock {
        position: absolute;
        bottom: 0;
        right: 0;
}
.stamps-online .content-accueil .imageBlock {bottom: -4px;} /*fix positioning */
.descriptionBlock {
        float: left;
        padding: 0 62px;
}
.descriptionBlock .copyText {
        padding-top: 30px;
        color: #565a5c;
        text-transform: uppercase;
        clear: both;
        line-height: 1.2em;
}
.actionsBlock {
        padding: 23px 52px 0;
        clear: both;
}
.branding-header .actionsBlock {
        padding-top: 80px;
}
.actionsBlock ul {overflow: hidden;}
.actionsBlock li {
        float: left;
        margin-right: 3px;
}
.push3-wrap .item {
        float: left;
        position: relative;
        height: 166px;
        width: 315px;
        border-left: 1px solid #B2B2B2;
        margin-bottom: 5px;
        margin-top: 20px;
}
.push3-wrap .item:first-child {border-left: 0;}
.push3-wrap .item h3.title3,
.push3-wrap .item .pushDesc {padding-left: 26px;}
.push3-wrap .item .pushDesc {
        font-size: 1.3em;
        line-height: 1.3em;
        margin-top: 1.3em;
}
.push3-wrap .item .pushAction {
        position: absolute;
        bottom: 0;
        left: 26px;
}
.push3-wrap .item .pushAction li {padding-top: 10px;}
.push3-wrap .item .imgPush {
        position: absolute;
        bottom: 60px;
        right: 0;
}

/*=step1 */
.stamps-online ol {list-style: none;}
.stamps-online .simple-link {text-decoration: underline}
.blue {color: #006397;}
.stamps-online #link-tarifs {
        position: absolute;
        right: 50px;
        margin-top: 90px;
}
.stamps-online ol.page-step h4 span {color: #5b8900;}
.stamps-online ol.page-step h4 em {font-size: 0.6em;}
.stamps-online ol.page-step .complement-titre {
        margin-left: 35px;
        padding-top: 5px;
        font-size: 1.3em;
}
.btn-select {font-size: 1.375em;}
.stamp-libraries {
        left: 201px;
        top: 0;
        width: 278px;
}

#formStampStep1 .complement-titre {
       margin-left: 35px; 
       font-size: 1.3em;
}
.js-active .stamp-libraries {position: absolute;}
.js-active .btn-select-library {
        position: absolute;
        z-index: 15;
}
.btn-select span {
        width: 196px;
        padding: 10px 34px 11px 21px;
}
.stamp-group-finish {
        display: block;
        position: absolute;
        bottom: 0px;
        left: 204px;
        height: 11px;
        width: 257px;
        background: url(../images/media/tab_right.png) no-repeat;
        z-index: 971;
}
.stamps-online a.btn-select {
        width: 251px;
        color: #fff;
}
.stamp-user-options {
        display: inline;
        float: left;
        position: relative;
        margin-top: 27px;
}
.stamp-user-options-select {position: relative;}
.stamp-group-selected {
        position: relative;
        width: 203px;
        padding: 15px 0;
        color: #5b8900;
        border: 1px solid #ccc;
        border-bottom: 0;
        font-size: 1.2em;
        font-weight: 700;
        text-align: center;
        z-index: 10 !important;
}
.stamp-thumbs-outer {
        width: 425px;
        padding: 27px 23px;
        border: 1px solid #ccc;
        border-top: 0;
}
	
.stamp-thumbs-outer.logo {
		border-top: solid #ccc 1px;
		width:532px;
		padding-top:20px;
		padding-bottom:44px;
		display:inline-block;
		zoom:1;
/display:inline;
}
	
.stamp-thumbs-outer.logo span.title {
		font-size: 1.8em;
		color:#363636;
		font-weight:bold;
	
		
}
	
.stamp-thumbs-outer.logo em {
		display: inline-block;
		font-family: Roboto, Verdana, sans-serif;
		font-size: 4.8em;
		font-style: normal;
		font-weight: normal;
		padding: 0px 17px 0;
/padding-bottom:25px;
		height:34px;
		color:#5b8900;
		zoom:1;
		vertical-align:middle;
}
	
.stamp-thumbs-outer.logo ul  {
		margin-top:30px;
		
}
	
.stamp-thumbs-outer.logo ul li {
		display:block;
		clear:left;
		height:34px;
		line-height:34px;
}
	
.stamp-thumbs-outer.logo ul li.middle {
		margin-top:40px;
		margin-bottom:40px;
}
	
.stamp-thumbs-outer.logo ul li span{
		display:inline-block;
		zoom:1;
		vertical-align:middle;
		line-height:1.2;
		width:468px;
		font-size: 1.5em;
		margin-bottom:5px;
		
}
	
.stamp-thumbs {
        position: relative;
        height: 235px;
        padding: 0;
}
	
.providedGeneral {
		display:inline-block;
		zoom:1;
/display:inline;
		vertical-align:top;
}
.content  .providedGeneral .block-bg-corner  {
		width:223px;
		margin-left:36px;
		
}
	
.content  .providedGeneral .block-bg-corner span.title {
		  font-size: 1.8em;
		 font-weight: bold;
		 
}
	
.content  .blockDownload  span.title {
		 font-size: 1.8em;
		 font-weight: bold;
		 display:block;
}
	
.blockText {
		display:inline-block;
		 zoom:1;
/display:inline;
		 width:480px;
}
	
.blockDownload .format.error {
		display:none;
        margin-top:5px;

}
	
.blockDownload .dontFind.error {
		display:none;
         margin-top:5px;
}
	
.blockDownload .titleRestriction {
		 font-size: 1.2em;
		 font-weight: bold;
		 margin-top:10px;
		 margin-bottom:5px;
}
	
.blockDownload p {
		font-size: 1.2em;
}
	
.blockPicture {
		 position: relative;
		 display:inline-block;
		 zoom:1;
/display:inline;
		 vertical-align:top;
		 margin-bottom:20px;
}

/*znouaoui */
/*     .blockPicture #stamp-date-max { */
/*         top:183px; */
/*         left:75px; */
/*     } */
	
.blockPicture img {
		margin-top:30px;
}

table.partiPro td img {
    max-height: 60px;
    height: auto;
}
	
.content  .providedGeneral .block-bg-corner ul   {
		display:block;
		margin-top:20px;
		
}
	
.blockDownload .upload-form div.uploader span.filename {
		background-color:#f5f5f3;
		
}
	
.blockDownload .upload-form-submit {
		margin-top:10px;
/width:10px;
		display:inline-block;
        zoom:1;
/display:inline;
		
}

.blockDownload .uploader {

        display:inline-block;
        zoom:1;
/display:inline;
/width:280px;
}

.upload-form .blockDownload div.uploader span.filename {
        background: url("../images/bg/bg_filename.png") no-repeat scroll 0 0 #f5f5f2;
}
	
.content  .providedGeneral .block-bg-corner ul li  {
		margin-bottom:8px;
		font-size: 1.2em;
}
.content  .providedGeneral .block-bg-corner ul li.last  {
		margin-bottom:0px;
}
	
.content .blockDownload {
		margin-top:40px;
}
	
.content .blockDownload .block-bg-corner {
		/*znouaoui*/
		padding-bottom: 80px;
}
.stamps-online .stamp-thumbs input {width: auto;}
.js-active .stamp-thumbs ul {width: 355px;}
#stamp-date-max {
        position: absolute;
        left: 98px;
        top: 161px;
}
/*znouaoui*/
#stamp-date-max-pro {
		position: absolute;
		left: 48px;
		top: 171px;
		font-size: 9px;
		font-weight: bold;
}
.stamp-thumbs label.selected {border: 2px solid #5b8900;}
.stamp-thumbs-gray-wrap {
        padding: 12px 0;
        overflow: hidden;
}
.stamp-thumbs {
        width: 385px;
        padding: 0 0 0 40px;
        overflow: auto;
}
.stamp-thumbs ul {margin: 23px 0 0;}
.stamp-thumbs li {padding: 3px;}
.stamp-thumbs li img {
        padding: 2px;
        background: #F5F5F2;
        border: 2px solid #F5F5F2;
}
.js-noactive .stamp-thumbs li {
        height: 110px;
        width: 130px;
}
.js-noactive .stamp-thumbs li img {
        height: 76px;
        width: 118px;
}
.js-active .stamp-thumbs .scrollpane li {
        position: relative;
        /*height: 46px !important;
        width: 62px !important;*/
        height: 46px;
        width: 62px;
}
	
ul.scrollpane {
		min-height:156px;
}
	
.js-active .stamp-thumbs label {
    /*  Suite au QC 2746       position: absolute; */
        left: 0;
        top: 0;
        padding: 0;
        border: 2px solid #F5F5F2;
}
.js-active .stamp-thumbs img {
        position: absolute;
        left: -2px;
        top: -2px;
}
.stamp-user-selected {
        display: inline;
        float: left;
        margin: 43px 0 0 36px;
}
.stamp-user-selected .stamp-cadre {
        position: relative;
        margin-top: 40px;
}
	
/*start : znouaoui*/
.stamp-logo .stamp-cadre {
		position: relative;
}
.stamp-logo .stamp-cadre #stamp-demo-thumb {
		left: 19px;
		top: 9px;
}
.stamp-logo .stamp-cadre img {
		position: absolute;
}
.blockPicture .stamp-logo img
{
		margin-top: 0px;
}
.content .blockDownload span.title {
		margin-bottom: 10px;
}

/*end : znouaoui*/
	
.stamp-user-selected.forLogo .stamp-cadre {
        margin-top: 40px;
}

.stamp-user-selected.forLogo .stamp-cadre .barBottom {
        background: url(../images/emplacement/barBottom.jpg) repeat-x top;
        width:360px;
        height:2px;
        position:absolute;
        top:195px;
        left:0px;
}

.stamp-user-selected.forLogo .legendLogo {
		margin-top:240px;
		
		color: #000000;
		font-size: 1.2em;
		font-weight: bold
}
	
.stamp-user-selected.forLogo .downloadLogo {
		font: 1.3em Arial,Helvetica,sans-serif;
		display:block;
		margin-top:10px;
		text-decoration:underline;
}
	
.stamp-user-selected.forLogo .downloadLogo a {
		color: #006397;
}
	
.stamp-thumbs .seeAllLogo {
		display: block;
		font: 1.3em Arial,Helvetica,sans-serif;
		margin-top: 10px;
		text-decoration: underline;
		clear:left;
		width:340px;
}
.stamp-thumbs .seeAllLogo a {
		color: #006397;
		
}
	
.stamp-user-selected .stamp-cadre img {position: absolute;}
.stamp-user-selected .stamp-cadre #stamp-demo-thumb {
        left: 19px;
        top: 9px;
}
	
.stamp-user-selected .stamp-cadre #stamp-demo-logo {
        left: 0px;
        top: 0px;
}
	
.stamp-user-selected p {
        color: #000;
        font-size: 1.4em;
        font-weight: bold;
}
.js-noactive .stamp-user-selected {display: none;}
.page-step > li {margin-top: 37px;}
.formCaracteristiques {padding-bottom: 25px;}
.stamps-online-step1 .formRow2 {padding: 25px 0 0 25px;}
.stamps-online-step1 .formRow2 p {
        float: left;
        margin-right: 30px;
        color: #000;
        font-size: 1.2em;
        font-weight: 700;
        vertical-align: middle;
}
.petitsObjetsEtDocument {
        color: #000;
   		float: left;
   		font-size: 1.2em;
   		margin: 10px 0 0 23px;
   		vertical-align: middle;
}
.EnvoieDomHelp {
        color: #565a5c;
   		float: left;
   		font-size: 1.1em;
   		margin: 10px 0 0 23px;
   		vertical-align: middle;
}
.disableLS {
    	color: red;
   		float: left;
   		font-size: 1.1em;
   		margin: 10px 0 -11px 23px;
   		vertical-align: middle;
   		display: none;
}
.displayDisabledLSMsg {
    	display: inline-block !important;
}
.stamps-online-step1 .type-radio {
        float: left;
        margin-bottom: 15px;
        padding: 5px 31px 5px 0;
        font-weight: 700;
        line-height: 1.5em;
}
.stamps-online-step1 .type-radio label {color: #000;}
.formCaracteristiques .left {
        float: left;
        width: 330px;
        margin: 12px 40px 0 25px;
}
.formCaracteristiques .textleft {
        float: left;
        margin: 12px 40px 0 25px;
        font-size : 12px;
}
.formCaracteristiques .left label {width: 101px;}
.formCaracteristiques .left .simple-link {
        display: block;
        float: left;
        margin-left: 107px;
        padding-top: 10px;
        font-size: 1.2em;
}
.stamps-online .form-step2 {
        width: 844px;
        margin-top: 20px;
        padding: 20px;
}
.stamps-online .form-step2 .block-filled-corner {
        position: relative;
        height: 100%;
        width: 100%;
        background: #f5f5f5;
}

/*=step2 */
/*recap destinataire - override .tableDestinataire BLOCK */
.stamps-online .titleDestinataires {
        color: #fff;
        background: #5e8215 url(../images/bg/tab_filled_body_green.png) repeat-x top;
        font: bold 1.4em Roboto, Verdana, sans-serif;
        text-transform: uppercase;
}
.stamps-online .titleDestinataires .text-content {
        vertical-align: middle;
        padding-top: 4px;
}
.stamps-online .titleDestinataires .fill-corner {
        display: inline-block;
        height: 40px;
        width: 8px;
        vertical-align: middle;
}
.stamps-online .titleDestinataires .fill-corner.left {background: url(../images/bg/tab_filled_lft_green.png) no-repeat top left; width: 20px;}
.stamps-online .titleDestinataires .right {background: url(../images/bg/tab_filled_rgt_green.png) no-repeat top right; float: right;}
/*define widths */
.stamps-online .tableDestinataire caption.hidden {display: none; zoom: 1;}
.stamps-online .tableDestinataire {margin: 0 33px 20px;}
.stamps-online .tableDestinataire .footer-destinataires {border: 1px solid #dcdcd9;}
.stamps-online .tableDestinataire table {
        border-left: 1px solid #dcdcd9;
        border-right: 1px solid #dcdcd9;
}
.stamps-online .tableDestinataire table thead, .stamps-online .tableDestinataire table thead th {background: #f5f5f2 url(../images/bg/tab_filled_header_green.png) repeat-x top; vertical-align: middle;}
.stamps-online .tableDestinataire table thead th.actions.addAdress {padding: 5px 0;}
.stamps-online .tableDestinataire table .name {width: 152px;}
.stamps-online .tableDestinataire table .address {width: 260px;}
.stamps-online .tableDestinataire tbody td.text-address { border-left: 1px solid #CCCCCC;}
.stamps-online .tableDestinataire table .actions.addAdress {
        width: 110px;
        padding: 4px 0;
}
.stamps-online .tableDestinataire table .actions.edit {
        width: 70px;
        padding: 4px 0;
}
.stamps-online .tableDestinataire table .actions.delete {
        width: 105px;
        padding: 4px 0;
}
/*step2 content */
.stamps-support-icons {
        height: 123px;
        width: 714px;
        margin: 40px 0 0 103px;
        background: url(../images/bg/stamp_support_ill.jpg) no-repeat;
}
.tabs-menu-label {
        color: #363636;
        font-size: 2em;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 1.2em;
}
.stamps-online .tabs-menu-label {margin: 40px 0;}
.stamps-online .menu-tabs li a {text-decoration: none;}
.stamps-online .content .tabs-content {padding-top: 30px;}
.stamps-online .content .tabs-content h4 {
        margin: 0;
        font-size: 2em;
        text-transform: uppercase;
}
.stamps-online .content .tabs-content .subtitle-tabs-content {padding: 5px 0 0;}
.stamps-online .tabs-content p {font-size: 1.3em;}
/*#znouaoui*/
.stamps-online-step2 .printMessage {
        padding: 29px 5px 0 0;
    /*         overflow: hidden; */
        margin-top: 177px;
}
.stamps-online-step2 .printMessage .actionBtn {float: right;}
.stamps-online-step2 .refresh-button {padding: 30px 22px;}
/* FORM */
#sheetpicker-controls .form-content .aide {margin-top: 0;}
.form-content a {
        color: #000;
        text-decoration: none;
}
    
.form-content .row {margin-top: 26px;}
    
/*ZNouaoui */
.js-noactive .form-content .row {margin-top: 126px;}
    
.form-content .row.first {margin-top: 0;}
/* COMPTEUR INCREMENTAL */
.counter .bg-body {
        padding: 6px 3px;
        background: url(../images/bg/increment_body.png) repeat top left;
}
.counter input {
        width: 26px;
        margin: 0 6px;
        padding: 0;
        color: #5b8900;
        font-size: 1.4em;
        font-weight: bold;
        text-align: center;
        background: #FFF;
        border: 0;
        border-radius: 0;
}
.counter .btn {
        font-size: 2em;
        font-weight: bold;
        line-height: 1em;
}
.counter span,
.counter a,
.counter input {
        display: inline-block;
        vertical-align: middle;
}
.counter .corner {
        height: 32px;
        width: 7px;
}
.counter .bg-first {background: url(../images/bg/increment_lft.png) no-repeat top left;}
.counter .bg-last {background: url(../images/bg/increment_rgt.png) no-repeat top right;}
/* COMPTEUR POSITION */
.counter-position {padding-top: 10px;}
.counter-position a,
.counter-position input {vertical-align: bottom;}
.counter-position input {
        text-align: right;
        background: #FFF;
        border: 0;
        vertical-align: top;
}
.counter-position a.decrement {margin-right: 2px;}
#sheetpicker-controls {
        float: left;
        width: 450px;
        margin-top: 40px;
}
#sheetpicker-controls .form-content {padding: 22px 0 0 21px;}
#sheetpicker-controls label {
        display: inline-block;
        width: 170px;
        font-size: 1.45em;
}
#sheetpicker-controls .form-fields {
        position: relative;
        margin: 0 0 0 180px;
}
#sheetpicker-controls fieldset {margin-top: 36px;}
#sheetpicker-controls fieldset.first {margin-top: 0px;}
#sheetpicker-controls .counter.form-fields {top: -25px;}
#sheetpicker-controls .planche.form-fields {top: -35px;}
#sheetpicker-controls .counter-position.form-fields {top: -37px;}
#sheetpicker-controls .complement {
        float: left;
        position: relative;
        width: 430px;
        margin-top: -28px;       
}
#sheetpicker-controls .complement a { font-size: 1.2em;}
.js-noactive #sheetpicker-controls .complement {
        margin-top: 0;
        padding-bottom: 20px;
}
#sheetpicker-controls .complement a.code-planche {
        display: inline-block;
        position: absolute;
        right: 108px;
        top: 6px;
        color: #006397;
        text-decoration: underline;
}
.js-noactive #sheetpicker-controls .complement a.code-planche {
        margin-left: 0;
        margin-top: 130px;
}
.js-noactive #sheetpicker-controls .complement .aide_form {float: none;}
#sheetpicker-controls .complement a.code-planche {float: left;}
#sheetpicker-controls .block-border-corner,
#sheetpicker-controls .block-bg-corner {padding: 0;}
.stamps-online legend {padding: 0.8em 0;}
.stamps-online legend span {color: #5b8900;}
.add-block-btn {padding-bottom: 15px;}
#sheetpicker,
#envelopeSpecimen {
        float: left;
        margin: 22px 0 0 22px;
}
#envelopeSpecimen {width: 355px;
        position: absolute;
        right: 10px;
        top: 50px;
}
#sheetpicker .specimen {width: 356px;}
#sheetpicker .specimen.cols-num-2 {
        width: 274px;
        margin-left: 50px;
}
#sheetpicker .specimen .sheetstamp-top {
        height: 27px;
        background: url(../images/bg/sheetstamp_top.png) no-repeat top left;
}
#sheetpicker .specimen .sheetstamp-body {background: url(../images/bg/sheetstamp_body.png) repeat-y left;}
#sheetpicker .specimen .sheetstamp-bottom {
        height: 48px;
        background: url(../images/bg/sheetstamp_bottom.png) no-repeat bottom left;
}
#sheetpicker .specimen.cols-num-2 .sheetstamp-top {
        height: 27px;
        background: url(../images/bg/sheetstamp_top_2cols.png) no-repeat top left;
}
#sheetpicker .specimen.cols-num-2 .sheetstamp-body {background: url(../images/bg/sheetstamp_body_2cols.png) repeat-y left;}
#sheetpicker .specimen.cols-num-2 .sheetstamp-bottom {
        height: 35px;
        margin-bottom: 18px;
        /*fix spacing*/
        background: url(../images/bg/sheetstamp_bottom_2cols.png) no-repeat bottom left;
}
#sheet-stamp-list li {
        height: 34px;
        width: 92px;
        margin: 13px 0 0 13px;
        padding: 18px 0 0 0;
        font-size: 2em;
        text-align: center;
        border: 1px solid #7a7c7b;
}
#sheet-stamp-list.cols-num-2 li {margin: 13px 0 0 19px;}
#sheet-stamp-list li.active {
        height: 52px;
        padding-top: 0;
        border: 1px solid transparent;
}
.sheetstamp-body {padding-left: 13px;}
.cols-num-2 .sheetstamp-body {padding-left: 16px;}
#dymoSpecimen {
        float: left;
        position: relative;
        width: 355px;
        margin: 10px 0 0 20px;
}
#dymoSpecimen .dymoSupport {
        display: block;
        position: absolute;
        left: 0;top: 0;
        height: 159px;
        width: 445px;
        padding: 30px 0 0 43px;
        background: url(../images/bg/dymo_support.png) no-repeat;
}
.float-right {float: right;}
.stamps-online .btn-action-minor.print-icon {
        padding: 0 0 0 33px;
        background: url(../images/btn/stamps-online_minor_left_print.png) repeat-y;
        margin-right: 10px;
}
/*#znouaoui*/
.stamps-online .aide_form {
	float: right;
	margin-right: 50px;
}
.stamps-online #aide_form_mtel
{
		margin-right: 0px;
}
.stamps-online .btn-action-minor.add-icon {
        padding: 0 0 0 25px;
        background: url(../images/btn/stamps-online_minor_left_add.png) repeat-y;
}
.form-content p {
        margin-bottom: 14px;
        font-size: 1.2em;
}
.price-result,
.recever-result {
        width: 883px;
        margin-top: 20px;
}
.price-result div {
        float: right;
        width: 400px;
        font-weight: bold;
        background: url(../images/bg/stamp_total_price.jpg) no-repeat;
}
.price-result span {display: inline-block;}
.recever-result .label-recever {
        padding: 15px 0 15px 20px;
        color: #565a5c;
        font-size: 1.4em;
}
.price-result .label-total {
        float: left;
        padding: 15px 0 15px 20px;
        color: #565a5c;
        font-size: 1.8em;
}
.price-result .value-total,
.recever-result .value-recever {
        padding: 15px 0 15px 43px;
        color: #5B8900;
        font-size: 1.8em;
}
.recever-result .value-recever {font-size: 1.8em;}
.price-result .value-total {
        width: 170px;
        margin-left: 27px;
        font-size: 2.4em;
        text-align: right;
}
.recever-result div {
        float: right;
        width: 400px;
        font-weight: bold;
}
.recever-result {
        margin-bottom: 0;
        padding-bottom: 0;
}
.recever-result + .price-result {margin-top: 10px;}
.recever-result .value-recever {
        display: inline-block;
        width: 135px;
        padding: 6px 0 0 45px;
        text-align: right;
}
#uniform-dimensionPlanche {width: 165px;}
#uniform-dimensionPlanche span {width: 120px;}
.plancheDymo #uniform-dimensionPlanche {
        width: 206px;
        margin: 0;
}
/*fix width for dymo page*/
.plancheDymo #uniform-dimensionPlanche span {width: 161px;}
.horinaja_pagination {
        float: right;
        width: auto;
        margin-right: 33px;
}
.horinaja_pagination li {background: none;}
.horinaja_pagination li span {color: #5B8900;}
.stamps-online .tabs .horinaja_pagination li a {
        display: inline;
        width: auto;
        color: #000;
        font-weight: bold;
        text-decoration: none;
        background: none;
}
.sheetstamp-description {
        margin-left: 8px;
        color: #7a7c7b;
        font-size: 1.4em !important;
        font-style: italic;
}
.sheetstamps-pagination {
        padding-top: 15px;
        margin: auto;
        text-align: center;
}
/*table for basket items */
.tableBasketOverview {
        width: 884px;
        padding: 0;
}
.tableBasketOverview table caption.hidden {display: none;}
.tableBasketOverview table {width: 100%;}
.tableBasketOverview table thead th,
.tableBasketOverview table tbody td {
        color: #565a5c;
        text-align: left;
        font: normal 1.4em Arial, Helvetica, sans-serif;
        vertical-align: middle;
}
.tableBasketOverview table thead th {
        padding: 6px 10px;
        font-weight: 700;
        text-align: center;
        background: url(../images/bg/bg_thead-sep-gray.gif) no-repeat 0 50%;
}
	
.tableBasketOverview.recapPro table thead th {
        padding:12px 10px;
		width:120px;
}

.tableBasketOverview.recapPro td {
		width:120px;
		text-align:center;
}
	
	
.recapPro .alignRight {
		text-align:right;
		margin-top:20px;
		display:block;
}
	
.recapPro .importantMessage {
		margin-top:40px;
}
	
.recapPro .printMessage {
		margin-top:20px;
}
	
.recapPro .printInfo,
.recapPro .actionBtn	{
		display:inline-block;
		zoom:1px;
/display:inline;
}
	
.recapPro .actionBtn {
		margin-left:80px;
}
	
.recapPro .order_total {

}
	
	
.recapPro .order_total {
		color: #696760;
		margin: 40px 480px 20px;
		width: 400px;
				
}
	
.recapPro .order_total .total-ht {
		background: none repeat scroll 0 0 #F5F5F2;
}
	
.recapPro .order_total li {
		font-size: 1.6em;
		overflow: hidden;
}
	
.recapPro .order_total li .label {
		color: #696760;
		float: left;
		padding: 14px 0 14px 14px;
}
	
.recapPro .order_total li .value {
		color: #5b8900;
		float: right;
		margin-right: 32px;
		padding: 14px 0;
		text-align: right;
		width: 120px;
}
	
.recapPro .order_total li.total-ttc .value {
		font-weight:bold;
		font-size:1.5em;
}
.recapPro .order_total li.total-ttc {
		 background: url("../images/bg/stamp_total_price.jpg") repeat-y scroll 0 0 transparent;
}
	
.recapPro .step1 .value {
		padding: 0 27px 0 0;
		text-align: center;
}
	
	
.tableBasketOverview table thead th:first-child {background: none;}
.tableBasketOverview table tbody {
        background: #fff;
}
.tableBasketOverview table tbody td {
        padding: 16px 10px;
        border-bottom: 2px solid #f5f5f2;
        background: #fff;
}
.tableBasketOverview table tbody td:first-child {
        font-weight: 700;
        text-align: center;
}
	
.tableBasketOverview.recapPro table tbody td:first-child  {
		font-weight: normal;
}
	
.tableBasketOverview td.priceUn,
.tableBasketOverview td.priceTot,
.tableBasketOverview td.tva	{
        font-size: 1.6em;
        font-weight: 700;
}
	
.tableBasketOverview.recapPro td.priceUn,
.tableBasketOverview.recapPro td.priceTot,
.tableBasketOverview.recapPro td.tva{
		color:#5b8900
}
	
	
	
/*support */
.stamps-online .support {min-width: 40px;}
.stamps-online td.support {
        padding: 0;
        text-align: center;
}
.stamps-online .support .icon {
        display: block;
        height: 37px;
        max-width: 100%;
}
.stamps-online .support .icon.iconEtiq {background-position: 26px 0;}
.stamps-online .support .icon.iconEnvel {background-position: -68px 0;}
.stamps-online .support .icon.iconDymo {background-position: -156px 0;}
.iconEditGray {
        display: inline-block;
        height: 18px;
        background: url(../images/icons/ico_edit_gray.gif) no-repeat 0 50%;
}
.noDestinatairesInfo span {
        display: inline-block;
        height: 18px;
        line-height: 2em;
}
.stamps-online .tableBasketOverview td.actions {text-align: center;}
.stamps-online .tableBasketOverview .actions li {
        float: left;
        margin-left: 14px;
}
.stamps-online .tableBasketOverview .actions li a {
        display: block;
        float: left;
        height: 18px;
        width: 18px;
        text-align: center;
}
.stamps-online .tableBasketOverview .actions li:first-child a {margin-left: 0;}
/*alert message */
.importantMessage p {
        padding: 4px 0 4px 30px;
        color: #e54a06;
        font-size: 1.4em;
        font-weight: 700;
        background: url(../images/icons/ico_alert_24x24.png) no-repeat 0 50%;
}

.importantMessageRecap p {
        padding: 4px 0 4px 30px;
        color: #e54a06;
        font-size: 1.2em;
        font-weight: 700;
        background: url(../images/icons/ico_alert_24x24.png) no-repeat 0 50%;
        margin-top:20px;
        margin-bottom:20px;
}

.importantMessage p em {
        font-style: normal;
}
/*print block */
.printMessage .printInfo p {
        padding-top: 7px;
        font-size: 1.4em;
}



/* step3 */
    
.stamps-online .step3 .total-ttc.price-result{width: 400px;margin-top:0px;}
.stamps-online .step3 .price-result{width: 883px;}
.stamps-online .step3 .recever-result div,
.stamps-online .step3 .price-result div {
        float: right;
        width: 400px;
        font-weight: bold;
}
.stamps-online .step3 .price-result span {display: inline-block;}
.stamps-online .step3 .recever-result .value-recever,
.stamps-online .step3 .price-result .value-total {
        display: inline-block;
        float: right;
        min-width: 85px;
        padding: 15px;
        color: #5B8900;
}

.stamps-online .step3 .price-result .value.value-total {
        padding:14px 0;
}

.stamps-online .step3 .recever-result .label-recever {
        float: left;
        padding: 15px 0 15px 20px;
        color: #565a5c;
        font-size: 1.6em;
}
.stamps-online .step3 .recever-result .value-recever {font-size: 1.6em;}
.stamps-online .step3 .price-result div {background: url(../images/bg/stamp_total_price.jpg) repeat-y;}
.stamps-online .step3 .price-result .label-total {
        padding: 15px 0 15px 20px;
        color: #565a5c;
        font-size: 1.8em;
}
.stamps-online .step3 .price-result .value-total {font-size: 2.4em;}
.stamps-online .step3 .price-vat {padding: 10px 0 0 504px;}
.price-vat span {
        display: block;
        width: 400px;
        font-size: 1.2em;
}
.stamps-online .step3 .mainContent {min-height: 360px;}
.stamps-online .step3 .alignRight {
        padding-top: 20px;
        text-align: right;
}
    
.stamps-online .step3 .importantMessage {padding: 36px 0 20px;}
.stamps-online .step3 .recapPro .importantMessage {padding: 0px 0 20px;}

/*#znouaoui*/
.stamps-online .step3 .printMessage {
        padding: 0 0 40px;
        /*overflow: hidden;*/
}
.stamps-online .step3 .printMessage .printInfo {float: left;}
.stamps-online .step3 .printMessage .actionBtn {float: right;}

/*confirmation page */
.confirmationText p {
        padding-bottom: 30px;
        font-size: 1.4em;
}
/*=POPINS*/
/*POPINS BLOCK styles */
.popin {background: #fff;}
.blockPopin {
        padding: 12px 20px;
        overflow: hidden;
}
.blockPopin h1 {
        padding-bottom: 10px;
        color: #6f665d;
        font: normal 2.3em Roboto, Verdana, sans-serif;
}
.blockPopin h2 {
        padding-bottom: 10px;
        color: #6f665d;
        font: normal 2.3em Roboto, Verdana, sans-serif;
}
.block-address h3,
.popin .block-address h2 {
        color: #363636;
        font-weight: bold;
        text-transform: uppercase;
        font-family: Arial;
}
.blockPopin h3 {
        color: #565a5c;
        font: normal 1.2em Roboto, Verdana, sans-serif;
}
.blockPopin .legend {
        padding-bottom: 10px;
        color: #565a5c;
        font: normal 1.2em Roboto, Verdana, sans-serif;
}
.blockPopin .pop-verte-txt {
        width: 520px;
        padding: 20px 20px 0 23px;
        color: #606060;
}
.blockPopin .pop-verte-txt p strong {font-weight: 700;}
.blockPopin .pop-verte-txt p {
        padding: 0 0 15px;
        font: italic 1.2em Arial, Helvetica, sans-serif;
}
.blockPopin .pdf {
        display: block;
        float: left;
        padding-left: 30px;
        margin: 18px 0 0 45px;
        color: #006397;
        font-size: 1.2em;
        text-decoration: none;
        background: url(../images/icons/ico_pop_zoom.png) no-repeat -100px 0;
}
.blockPopin .imprimez {width: 610px;}
.blockPopin .btn-footer,
.user-account .btn-footer {
        float: left;
        width: 100%;
        padding: 15px 0 0;
}
.blockPopin .btn-footer li,
.user-account .btn-footer li {
        float: left;
        padding-top: 10px;
}
.blockPopin .btn-footer li.right,
.user-account .btn-footer li.right {float: right;}
.blockPopin .destinataires,
.blockPopin .destinataires2,
.blockPopin .destinataires3 {
        max-width: 692px;
        min-width: 605px;
}
    
.blockPopin .adresse {max-width: 630px;}
.blockPopin .adresse .formContent .left .formRow {padding-right: 50px;}
.blockPopin .adresse .formContent {padding: 10px 23px;}
.blockPopin .destinataires.particulier #formAddressSingleProfessionnel,
.destinataire-btn-select.js-noactive,
.js-noactive .destinataire-btn-select,
.user-account.js-active .contact-book #formAddressSingleProfessionnel {display: none;}
.destinataires .btn-footer {padding-top: 0;}
.adress-container {
        min-height: 50px;
        background-color: #F5F5F2;
        border-bottom: 1px solid #E3E3E2;
}
/*=FORM POPIN styles default */
.blockPopin .float-left {clear: left;}
.blockPopin .type-text, .blockPopin .type-select {
        float: left;
        width: auto;
        padding: 0 35px 10px 0;
}
.blockPopin .type-text label,
.blockPopin .type-select label {
        width: 80px;
        line-height: 1.1em;
}
.blockPopin .type-text input {width: 140px;}
.blockPopin .civility p {
        float: left;
        margin: 0 40px 10px 0;
        font-size: 1.2em;
}
.blockPopin .civility .type-radio {
        float: left;
        padding: 0;
}
.blockPopin .civility .type-radio label {
        float: right;
        padding: 0 20px 0 7px;
}
.blockPopin .civility .type-radio input {margin-top: 1px;}
.blockPopin .type-select .selector {width: 150px;}
.blockPopin .type-select .selector span {width: 130px;}

/*=Zoom styles */
.zoomTop {
        float: left;
        height: 13px;
        width: 610px;
        background: url(../images/bg/bg_pop_zoom.png) no-repeat 0 0;
}
.zoomBottom {
        float: left;
        height: 13px;
        width: 610px;
        background: url(../images/bg/bg_pop_zoom.png) no-repeat 0 bottom;
}
.gzoomwrap {
        float: left;
        width: 600px;
        margin: 0 0 0 3px;
        padding: 0;
        border-left: 1px solid #dcdcd9;
        border-right: 1px solid #dcdcd9;
        background: #f5f5f2;
}
.minizoompan {
        float: left;
        position: relative;
        margin: 0 40px;
        padding: 20px 0 20px 23px;
        background: #fff;
}
.gzoomSlider {display: none;}
.minizoompan ul li {
        float: left;
        position: relative;
        height: 82px;
        width: 148px;
        padding: 10px 15px 0 0;
}
.minizoompan ul li .specimen {
        display: block;
        position: absolute;
        left: 35px;
        top: 30px;
        height: 24px;
        width: 87px;
        background: url(../images/media/specimen.png) no-repeat 0 0;
        z-index: 999999;
}
.minizoompan ul li .specimen .timbre {
        position: relative;
        z-index: 1;
}
.zoomIcon {
        display: none;
        float: left;
        height: 50px;
        width: 600px;
        padding-bottom: 10px;
        border-top: 1px solid #e2e2df;
        cursor: pointer;
        z-index: 999;
}
.zoomIcon .ui-icon {
        float: right;
        height: 30px;
        width: 33px;
        margin-right: 10px;
        margin-top: 15px;
        background-image: url(../images/icons/ico_pop_zoom.png);
}
.zoomIcon .ui-icon-circle-minus {
        margin-right: 30px;
        background-position: 0 0;
}
.zoomIcon .ui-icon-circle-plus {background-position: -50px 0;}
/*=POPIN MTEL DESTINATAIRES - STEPS */
/*tabs*/
.blockPopin .tabs-destin {
        position: relative;
        overflow: hidden;
        z-index: 999;
}
.blockPopin .tabs-destin ul li {
        float: left;
        padding-top: 10px;
        color: #6d645c;
        text-align: center;
        background-image: url(../images/bg/bg_destinataire_tabs.png);
    font: bold 1em Arial, Helvetica, sans-serif;
}
.blockPopin .tabs-destin ul li a {
        color: #6d645c;
        text-decoration: none;
}
.blockPopin .tabs-destin ul li.active {color: #5b8900;}
.blockPopin .tabs-destin ul li:first-child.step1 {
        min-height: 40px;
        width: 210px;
        background-position: 0 -63px;
}
.blockPopin .tabs-destin ul li:first-child.step1 .hidden-active-script {
        position: absolute;
        left: -9000px;
}
.js-noactive .blockPopin .tabs-destin ul li:first-child.step1 .hidden-active-script {
        position: relative;
        left: 0;
}
.blockPopin .tabs-destin ul li:first-child.step1.active {background-position: 0 0;}
.blockPopin .tabs-destin ul li.step1 {
        height: 40px;
        width: 214px;
        background-position: 0 -127px;
}
/*2nd tab for step1 (pro) - only shows when js is disabled */
.blockPopin .tabs-destin ul li.step1.active {
        position: relative;
        background-position: 0px -186px;
        z-index: 9999;
}
.blockPopin .tabs-destin ul li.step2 {
        height: 40px;
        width: 214px;
        background-position: 0 -127px;
}
.blockPopin .tabs-destin ul li.step2.active {
        position: relative;
        background-position: 0 -186px;
        z-index: 9999;
}
.blockPopin .tabs-destin ul li.step3 {
        height: 40px;
        width: 162px;
        background-position: 0 -278px;
}
.blockPopin .tabs-destin ul li.step3.active {background-position: 0 -340px;}
/*form*/
.blockPopin .fields {
        min-width: 551px;
        margin-top: -1px;
        padding: 5px 25px;
        border: 1px solid #ccc;
}
.blockPopin .fields legend {
        padding-bottom: 15px;
        color: #363636;
        font: bold 1.8em Arial, Helvetica, sans-serif;
}
.blockPopin .destinataires .formContent {
        min-width: 509px;
        margin: 0 0 20px 2px;
        padding: 8px 20px;
}
.user-account .contact-book .formContent {
        margin: 0 0 20px 2px;
        padding: 8px 6px;
}
.blockPopin .destinataires .formRow2radio,
.user-account .contact-book .formRow2radio {
        min-width: 86px;
        width: auto;
}
.blockPopin .destinataires #formPart .formRow2radio,
.user-account .contact-book #formPart .formRow2radio {min-width: 60px;}
.blockPopin .destinataires .formRow2Content,
.user-account .contact-book .formRow2Content {padding: 5px 0;}
.blockPopin .destinataires .formRow2Content.form2,
.user-account .contact-book .formRow2Content.form2 {padding: 0 0 26px 0;}
.blockPopin .destinataires .formRow label,
.user-account .contact-book .formRow label {width: 80px;}
.blockPopin .destinataires .formRow.colissimo label {width: 84px;}
.formRow.colissimo #email {height: 22px;  width: 150px;}
.blockPopin .destinataires .wrapInput input,
.user-account .contact-book .wrapInput input {width: 100px;}
.blockPopin .destinataires .emailDestinataire .wrapInput input {width: 180px;}
.blockPopin .destinataires .formContent .left .formRow {padding: 0 45px 10px 0;}
.user-account .contact-book .formContent .left .formRow {padding: 0 16px 15px 0;}
.blockPopin .formContent a {
        display: block;
        padding: 19px 0 10px;
        color: #046899;
        font-size: 1.2em;
}
.blockPopin .adress-wrapper {
        min-width: 600px;
        margin-top: -1px;
        padding: 0;
        border: 1px solid #ccc;
}
.adress-index {
        max-width: 552px;
        margin: 0 auto;
        padding: 15px 25px;
}
.adress-index li {
        float: left;
        width: 21px;
        text-align: center;
        overflow: hidden;
}
.adress-index li a {
        display: block;
        min-height: 21px;
        width: 21px;
        padding-top: 2px;
        color: #5b8900;
        text-decoration: none;
        font: bold 1.4em Arial, Helvetica, sans-serif;
}
.adress-index li a.selected {
        color: #fff;
        background: url(../images/bg/bg_alphabet.png) no-repeat 0 0;
}
.adressesWrap {
        height: 250px;
        margin: 20px 0;
        overflow: hidden;
}
.adresses {
        position: relative;
        height: 250px;
        min-width: 600px;
        overflow: auto;
}
.adresses dl dt a {
        display: block;
        padding: 10px 0 5px 38px;
        color: #5b8900;
        text-transform: uppercase;
        background: url(../images/bg/bg_alphabet.png) no-repeat 32px -26px;
        font: bold 1.2em Arial, Helvetica, sans-serif;
}
.adresses dl dd {
        padding: 10px 0 10px 30px;
        color: #363636;
        border-bottom: 1px solid #f2f2f2;
        clear: both;
        overflow: hidden;
}
.adresses dl dd label {
        padding-left: 6px;
        font: 1.3em Arial, Helvetica, sans-serif;
}
.adresses dl dd input {
        float: left;
        margin-left: 4px;
}
.adresses dl dd .checker {
        float: right;
        padding-right: 20px;
}
.adress-wrapper .upload-form {
        padding: 50px 0 10px 30px;
        overflow: hidden;
}
.adress-wrapper .formatsText {
        padding: 0 30px 30px;
        color: #363636;
        font: 1.4em Arial, Helvetica, sans-serif;
}
.adress-wrapper .formatsText p {padding-bottom: 20px;}
.adress-wrapper .formatsText p span {color: #5b8900;}
.adress-wrapper .formatsText p a {
        color: #363636;
        text-decoration: underline;
}
/*form-swicher function with no-js */
.form-swicher {
        padding-bottom: 15px;
        color: #363636;
        font: bold 1.8em Arial,Helvetica,sans-serif;
        overflow: hidden;
}
.form-swicher p {padding: 0 0 15px;}
.blockPopin .destinataires .form-swicher a {
        padding: 0 3em 0 0;
        color: #565A5C;
        font-size: 0.65em;
        font-weight: 400;
}
.form-radio-simulation .icon {
        margin-bottom: -5px;
        margin-right: 8px;
}
.form-radio-simulation.selected span {background-position: -109px -280px;}
.form-swicher a span {display: block;}
/*error wrappers*/
#error-adresse .error {
        display: block;
        color: red;
        font-size: 1.1em;
}
#error-destinataires .error {
        display: block;
        padding-left: 30px;
        color: red;
        font-size: 1.1em;
}
#error-coordonnees {padding: 10px 0;}
#error-coordonnees .error {
        display: block;
        color: red;
        font-size: 0.8em;
}
<!-- wrapInput est dï¿½jï¿½ dï¿½fini pour les form -->
/*     .blockPopin .wrapInput.errors { */
/*         display: inline-block; */
/*         height: 30px; */
/*         padding: 0 15px 0 0; */
/*         background: url(../images/bg/bg_input-form-error.png) no-repeat scroll right -30px transparent; */
/*     } */
/*     .blockPopin .wrapInput input.error { */
/*         display: inline-block; */
/*         height: 30px; */
/*         padding: 0 0 0 15px; */
/*         color: #F00000; */
/*         font-size: 1.2em !important; */
/*         background: url(../images/bg/bg_input-form-error.png) no-repeat scroll left top transparent; */
/*         border: 0 none; */
/*         font-family: Arial,Helvetica,sans-serif; */
/*     } */

/*errors*/
.blockPopin .selector.errors {
        height: 30px;
        background: url(../images/bg/sprite-form.png) no-repeat scroll -479px -611px transparent;
}
.blockPopin .selector.errors span,
.blockPopin .selector.errors:active span,
.blockPopin .selector.errors:hover span {background-position: right -743px;}

/* =MON COMPTE */
.user-account .content h2.title2 {
    margin-top: 40px;
    text-transform: none;
    line-height: 0.8em;
}
.user-account .content .sub-title2 {
    margin-bottom: 34px;
    font-size: 1.671em;
    line-height: 1.3em;
}
/* =NAV */
#menuSecondaire {
        position: relative;
        min-height: 38px;
        margin: 9px -41px 0 -40px;
        background: url(../images/nav/bg_menu_secondaire.png) repeat 0 0;
        z-index: 2113;
}
.js-noactive #menuSecondaire {
        padding-bottom: 12px;
        border-bottom: 1px solid #CCC;
}
#menuListe {
        display: block;
        position: relative;
}
#menuSecondaire .menuItem {
        float: left;
        position: relative;
        width: 180px;
        background: none;
}
#menuSecondaire .first {background: url(../images/nav/bg_menu_secondaire_round_left.png) no-repeat left top;}
#menuSecondaire .last {
        width: 240px;
        background: url(../images/nav/bg_menu_secondaire_round_right.png) no-repeat right top;
}
.menuLink {background: url(../images/nav/separator.png) repeat-y left top;}
.menuLinkWithCCMU {background: url(../images/nav/separator.png) repeat-y left top;}
#menuSecondaire .no-separator .menuLink,
#menuSecondaire .no-separator .menuLinkWithCCMU,
#menuSecondaire .item_actif + li a,
#menuSecondaire .first .menuLink,
#menuSecondaire .first .menuLinkWithCCMU {background: none;}
#menuSecondaire .menuLink,
#menuSecondaire .menuLinkWithCCMU {
        display: block;
        padding: 12px 20px 11px;
        color: #fff;
        font-size: 1.2em;
        text-decoration: none;
}
#menuSecondaire .item_actif .menuLink,
#menuSecondaire .item_actif .menuLinkWithCCMU,
#menuSecondaire .menuLink:hover,
#menuSecondair .menuLinkWithCCMU:hover,
#menuSecondaire .sfHover .menuLink,
#menuSecondaire .sfHover .menuLinkWithCCMU {
        color: #363636;
        background: url(../images/nav/bg_menu_secondaire_hover.png) no-repeat left top;
}
#menuSecondaire .item_actif .menuLink,
#menuSecondaire .item_actif .menuLinkWithCCMU {border-bottom: 1px solid white;}
#menuSecondaire .icon-submenu {
        display: inline-block;
        height: 6px;
        width: 11px;
        margin-left: 5px;
        background: url(../images/nav/icon_submenu.png) no-repeat 0 0;
}
#menuSecondaire .submenu {
        padding-top: 8px;
        text-align: left;
}
.js-noactive #menuSecondaire li:hover .submenu {z-index:8;}
.js-noactive #menuSecondaire .submenu {
        min-height: 125px;
        margin: 0 1px 0 -1px;
        background: #fff;
}
.js-active #menuSecondaire .submenu {
        position: absolute;
        background-color: #fff;
        left: 0px;
        /*width: 277px;*/
        /*padding-bottom: 30px;*/
        /*background: url(../images/nav/bg_submenu.png) no-repeat center bottom;*/
        -moz-box-shadow: 0px 7px 6px 3px rgba(204,204,204,0.6);
        -webkit-box-shadow: 0px 7px 6px 3px rgba(204,204,204,0.6); 
        box-shadow: 0px 7px 6px 3px rgba(204,204,204,0.6);
        padding-bottom: 10px;
}


#menuSecondaire .submenuItem {
        /*margin: 0 19px;*/
        background-color: #fff;
        text-decoration: none;
        width: 100%;

}
#menuSecondaire .menuItem .submenuLink {
        display: block;
        color: #363636;
        font-size: 1.1em;
        text-decoration: none;
        background: url(../images/nav/icon_submenuItem.png) no-repeat left center;
        line-height: 1.1em;
}
.js-noactive #menuSecondaire .submenuLink {
        margin-left: 27px;
        padding: 3px 20px 3px 9px;
}
.js-active #menuSecondaire .submenuLink {
        margin-left: 36px;
        padding: 3px 45px 3px 12px;
}
#menuSecondaire .submenuLink:hover {
        color: #e54a06;
        text-decoration: none;
}
/* =NAV ASIDE */
.internal-menu-aside {
        margin-top: 40px;
        float: right;
}
.internal-menu-aside .aside {
        width: 200px;
        float: right;
        position: relative;
}
.internal-menu-aside {margin-top: 0;}
.internal-menu-aside .asideTop,
.internal-menu-aside .asideBottom {height: 10px;}
.internal-menu-aside .asideTop {background: url(../images/bg/rounded_200.jpg) no-repeat 0 0;}
.internal-menu-aside .asideBottom {background: url(../images/bg/rounded_200.jpg) no-repeat 0 bottom;}
.internal-menu-aside .asideContent {background-color: #F5F5F2;}
.internal-menu-aside .asideContent h3 {
    	color: #363636;
        font-size: 1.4em;
        font-weight: bold;
        line-height: 1.2em;
        margin: 0 19px;
        padding: 9px 0 10px;
        border-bottom: 1px solid #DCDCD9;
}
.internal-menu-aside .asideMenu {
        background-color: #f5f5f2;
        padding: 9px 0 9px 18px;
        font-size: 1.4em;
}
.internal-menu-aside .asideMenu li span,
.internal-menu-aside .asideMenu li a {
        background: url(../images/icons/aside_menu.gif) no-repeat 0 6px;
        padding: 5px 12px 5px 19px;
        color: #363636;
        text-decoration: none;
        display: inline-block;
}
.internal-menu-aside .asideMenu .selected a, .internal-menu-aside .asideMenu .selected span {background: url(../images/icons/aside_menu_selected.png) no-repeat 2px 7px;}
.internal-menu-aside .asideMenu ul {padding-left: 20px;}
.internal-menu-aside .asideMenu .selected ul {padding:0 0 .4em;}
.internal-menu-aside .asideMenu .selected li {
        display: inline-block;
        padding: 3px 0 0 22px;
}
.internal-menu-aside .asideMenu .selected li a,
.internal-menu-aside .asideMenu .selected li span {
        color: #363636;
        display: inline-block;
        padding: 0 0 0 14px;
        background: url(../images/icons/aside_menu_light.png) no-repeat 0 3px;
        font-size: .9em;
        font-weight: normal;
}
.internal-menu-aside .asideMenu .selected li span,
.internal-menu-aside .asideMenu .selected,
.internal-menu-aside .asideMenu li a:hover,
.internal-menu-aside .asideMenu li a:focus,
.internal-menu-aside .asideMenu li ul li a:hover,
.internal-menu-aside .asideMenu li ul li a:hover {
        font-weight: bold;
        padding-right: 3px;
}

/* =HOME */
.myaccount_home .roundedContainerBottom {background-position: 0 -41px;}
.myaccount_home .content {
        padding: 0;
        color: #363636;
}
.myaccount_home #menuSecondaire {margin: 25px -1px 0 0;}
.myaccount_home h2 {
        margin: 35px 0 0 40px;
        font-size: 2.1em;
        font-family: Roboto, Verdana, sans-serif;
}
.myaccount_home h2 span {text-transform: uppercase;}
.myaccount_home .presentation {
        float: left;
        width: 575px;
        margin-left: 40px;
        margin-top: 30px;
}
.myaccount_home .presentation h3 {
        font-size: 2.5em;
        font-family: 'JPHandStraight',Arial,Helvetica,sans-serif;
        line-height: 1.2em;
}
.myaccount_home .presentation .intro {
        margin-top: 21px;
        padding-left: 152px;
        font-size: 1.2em;
        background: url(../images/bg/bg_user_account_intro.png) no-repeat 0 0;
        line-height: 1.5em;
}
.myaccount_home .help {
        float: right;
        position: relative;
        width: 292px;
        margin-right: -10px;
        padding: 40px 0 35px;
        background: url(../images/bg/bg_user_account_help.png) no-repeat right 27px;
}
.myaccount_home .help h3 {font-size: 1.9em;}
.myaccount_home .help p {
        width: 130px;
        margin-top: 26px;
        font-size: 1.2em;
}
.myaccount_home .help a {
        margin-top: 17px;
        font-size: 1em;
}
.myaccount_home .help span {font-size: 1em;}
.myaccount_home .last_order {
        margin-left: 40px;
        clear: both;
}
.myaccount_home .last_order h3 {
        margin-bottom: 17px;
        font-size: 1.8em;
}
.myaccount_home .recap_last_order_middle {
        position: relative;
        width: 884px;
        background: url(../images/bg/bg_order_middle.png) repeat-y 0 0;
}
.myaccount_home .recap_last_order_top {
        background: url(../images/bg/bg_order_top.png) no-repeat 0 top;
        zoom: 1;
}
.myaccount_home .recap_last_order_bottom {
        padding-bottom: 57px;
        background: url(../images/bg/bg_order_bottom.png) no-repeat 0 bottom;
}
.myaccount_home .recap_order {
        padding: 15px;
        color: #D75216;
        font-size: 1.4em;
        font-family: Roboto, Verdana, sans-serif;
}
.myaccount_home .order_day,
.myaccount_home .order_num {
        float: left;
        height: 12px;
        padding: 0 6px 0 0;
        border-right: 2px solid;
        text-transform: uppercase;
}
.myaccount_home .order_num,
.myaccount_home .order_status {padding-left: 6px;}
.myaccount_home .order_price {
        float: right;
        color: #363636;
        font-size: 1.5em;
}
.myaccount_home .last_order .order_article {
        margin-top: 14px;
        font-weight: 700;
}
.myaccount_home .last_order .order_article,
.myaccount_home .last_order ul {
        margin-left: 22px;
        font-size: 1.2em;
}
.myaccount_home .last_order li a {color: #006397;}
.myaccount_home .last_order .detail {
        display: block;
        margin-left: 22px;
        margin-top: 14px;
        color: #006397;
        font-size: 1.2em;
}
.myaccount_home .last_order .btn-action-minor {
        position: absolute;
        bottom: 93px;
        right: 20px;
}
.myaccount_home .last_order .more_order {
        float: right;
        margin-right: 15px;
        margin-top: 29px;
        color: #006397;
        font-size: 1.2em;
}
.myaccount_home .mes_services {
        margin-top: 25px;
        padding-left: 40px;
        background: #F5F5F2;
}
.myaccount_home .mes_services h3 {
        margin-bottom: 18px;
        font-size: 1.7em;
}
.myaccount_home .mes_services_old,
.myaccount_home .contact-book {
        float: left;
        padding-top: 36px;
}
.myaccount_home .letter-mail .blockService_top {background: url(../images/bg/push_letter-mail_top.png) no-repeat 0 top transparent;}
.myaccount_home .stamps-online .blockService_top {background: url(../images/bg/push_stamps-online_top.png) no-repeat 0 top transparent;}
.myaccount_home .contact_book .blockService_top {background: url(../images/bg/push_contact-book_top.png) no-repeat 0 top transparent;}
.myaccount_home .blockService_bottom {
        width: 265px;
        padding-bottom: 10px;
        background: url(../images/bg/push_myaccount_home_bottom.png) no-repeat 0 bottom;
}
.myaccount_home .mes_services .letter-mail,
.myaccount_home .mes_services .stamps-online {float: left;}
.myaccount_home .blockService_top {
        padding: 0 19px 11px;
        zoom: 1;
}
.myaccount_home .blockService_top h4 {
        padding: 26px 0 7px;
        font-size: 2em;
        letter-spacing: -1px;
        line-height: 20px;
}
.myaccount_home .letter-mail h4 {
        padding: 8px 70px 11px 0;
        color: #007185;
}
.myaccount_home .stamps-online h4 {
        margin: 0;
        padding: 26px 90px 33px 0;
        color: #5B8900;
        text-transform: none;
        letter-spacing: -1px;
}
.myaccount_home .mes_services .letter-mail {margin-right: 19px;}
.myaccount_home .blockService_top p {
        font-size: 1.1em;
        line-height: 17px;
}
.myaccount_home .blockService_top .histo {
        display: block;
        color: #000000;
        text-decoration: none;
}
.myaccount_home .blockService_top .btn-action-minor {
        display: block;
        margin-left: 67px;
        margin-top: 18px;
}
.myaccount_home .blockService_top .btn-action-minor span {font-size: 1.182em;}
.myaccount_home .letter-mail .btn-action-minor {background: url(../images/btn/letter-mail_minor_left.png) repeat-y 0 0;}
.myaccount_home .letter-mail .btn-action-minor span {background: url(../images/btn/letter-mail_minor_right.png) repeat right 0;}
.myaccount_home .stamps-online .btn-action-minor span {background: url(../images/btn/stamps-online_minor_right.png) repeat right 0;}
.myaccount_home .mes_services .contact-book {
        margin-bottom: -7px;
        margin-left: 34px;
        padding-bottom: 44px;
        padding-left: 36px;
        border-left: 1px solid #CCC;
}
.myaccount_home .mes_services .contact-book p {
        margin-top: 3px;
        font-size: 1.1em;
        font-size: 1.1em;
        line-height: 13px;
}
.myaccount_home .mes_services .contact-book .btn-action-minor {
        margin-left: 0;
        margin-top: 16px;
        background: url(../images/btn/generic_minor_right_arrow.gif) repeat-y 0 0;
}
.myaccount_home .mes_services .contact-book .btn-action-minor span {background: url(../images/btn/generic_minor_right.png) repeat right 0;}

/* =MON CARNET D ADRESSE */
.user-account .contact-book .block-border-corner.no-padding {margin-top: 36px;}
.user-account .contact-book .sidebar-inner h3 {
        padding-bottom: 0px;
        font-weight: bold;
}
.user-account .contact-book p {
        color: #363636;
        font-size: 1.3em;
}
.user-account .contact-book p.legend {
        margin-top: 13px;
        color: #565a5c;
        font-size: 1.3em;
}
.user-account .sidebar {
        float: left;
        width: 29.55em;
        z-index: 2012;
		min-height:693px;
        border-right: 2px solid #C3C3C3;

}
.user-account .sidebar .sidebar-inner {
        position: relative;
        z-index: 2020;
        zoom: 1;
}
.user-account .panel-display {
        float: left;
        width: 543px;
        padding: 35px 0 0 21px;
		padding-bottom:30px;
}
.user-account .background-sidebar .lineBG {background: url(../images/corner/user_account_home.png) no-repeat}
.user-account .background-sidebar .lineHG {background: url(../images/corner/user_account_home_top.png) no-repeat; z-index: 2500;}
.user-account .background-sidebar {background: #fff url(../images/bg/user_account_sidebar_bottom.png) no-repeat bottom left;}
.user-account .sidebar-inner {background: url(../images/bg/user_account_sidebar_top.jpg) no-repeat top left;}
.user-account .contact-book .information .sidebar-inner {padding: 376px 22px 80px;}
.user-account .sidebar .title-color {
        font-weight: normal;
        text-align: center;text-transform: uppercase;
        line-height: 1.3em;
}
.user-account .panel-display h3 {text-transform: uppercase;}
.user-account .panel-display .block-bg-corner {margin-top: 30px;}
.user-account .add-contact .panel-display .block-bg-corner {
        margin-bottom: 22px;
        margin-top: 0;
        padding: 1em 2em 2em 2em;
}
.panel-display .block-content .block-title {
        padding: 0.5em 0 1.8em;
        font-size: 1.671em;
        font-weight: bold;
}
.panel-display .block-content .block-title .info-sup {
        position: absolute;
        left: -9000px;
}
.js-noactive .panel-display .block-content .block-title .info-sup {
        position: relative;
        left: 0;
}
.panel-display .block-content .complement {
        font-size: 1.2em;
        line-height: 1.2em;
}
.panel-display .block-content .complement a {color: #363636;}
.panel-display .block-content .btn-action {text-align: center;}
.banner-auto-promo.lettre-recommandee-enligne {position: relative;}
.banner-auto-promo.lettre-recommandee-enligne .illustration {
        position: absolute;
        left: 506px;top: 0;
}
.banner-auto-promo.lettre-recommandee-enligne h3 .picto {
        display: inline-block;
        height: 37px;
        width: 52px;
        background: url(../images/banners/LRL_picto.png) no-repeat top left;
        vertical-align: -6px;
}
.banner-auto-promo.lettre-recommandee-enligne .subTitle {
        font-size: 1.75em;
        text-transform: uppercase;
        font-family: Roboto, Verdana, sans-serif;
        font-weight:300;
}
.banner-auto-promo.lettre-recommandee-enligne .left-hand {
        width: 510px;
        margin-left: 32px;
        margin-top: 25px;
}
.banner-auto-promo.lettre-recommandee-enligne .left-hand h3.typo-jp {
        font-size: 2.1em;
        text-transform: uppercase;
}
.banner-auto-promo.lettre-recommandee-enligne .right-hand {
        position: absolute;
        top: 33px;
        margin-left: 740px;
}
.banner-auto-promo.lettre-recommandee-enligne .product-price {
        color: #007185;
        font-size: 1.4em;
        font-family: Roboto, Verdana, sans-serif;
}
.banner-auto-promo.lettre-recommandee-enligne .product-price .price-value {
        float: left;
        font-size: 3.7em;
        font-weight: 700;
        line-height: 1.1em;
}
.banner-auto-promo.lettre-recommandee-enligne .product-price sup {
        float: left;
        position: relative;
        font-size: 2em;
        line-height: 1.3em;
        vertical-align: top;
}
.banner-auto-promo .btn-action-minor {background: url(../images/btn/banner_minor_left.png) repeat-y 0 0;}
.banner-auto-promo .btn-action-minor span {background: url(../images/btn/banner_minor_right.png) repeat right 0;}
.user-account .right {float: right;}
.user-account .sidebar.contact-list .cl-body {position: relative;}
.user-account .sidebar.contact-list .liens-repertoire,
.user-account .sidebar.contact-list .repertoire {float: left;}
.user-account .sidebar.contact-list .liens-repertoire {width: 10%;}
.user-account .sidebar.contact-list .repertoire {
        width: 90%;
        margin-top: 14px;
}
.js-noactive .sidebar.contact-list .repertoire {
        position: relative;
        height: 506px;
        overflow-x: auto;
        overflow-y: auto;
}
.user-account .sidebar.contact-list div.checker {float: none;}
.user-account .contact-list .liens-repertoire {text-align: center;}
.user-account .contact-list .liens-repertoire li {padding: 2.2px 0;}
.user-account .contact-list .liens-repertoire li a {
        padding: 0 0 0 0.1em;
        /* color: #e54a06; */
        font-size: 1.1em;
        font-weight: bold;
        text-decoration: none;
}
.user-account .contact-list .liens-repertoire li.selected {background: url(../images/bg/user_account_rep_puce.png) no-repeat center center;}
.user-account .contact-list .liens-repertoire li.selected a {color: #fff;}
.user-account .contact-list .cl-header {
        padding: 32px 0;
        border-bottom: 1px solid #ccc;
        background: url(../images/bg/user_account_carnet_top.png) repeat-x bottom;
}
.user-account .sidebar-inner .cl-header p {
        font-size: 1.2em;
        text-align: center;
}
.user-account .contact-list .sidebar-inner {background-image: none;}
.user-account .contact-list .repertoire li {background-color: #f5f5f2;}
.user-account .contact-list .cl-body .liens-repertoire {margin-top: 7px;}
.user-account .contact-list .repertoire h4 {
        width: 91px;
        padding-right: 0px;
        color: #fff;
        font-size: 1.4em;
        text-align: right;
        line-height: 1.5em;
}
.user-account .contact-list .repertoire span.outer {
        width: 91px;
        padding-right: 0px;
        color: #fff;
        text-align: center;
        background: url(../images/bg/user_account_contact_puce.png) repeat-y center center;
        line-height: 1.5em;
}
.user-account .contact-list .repertoire span.inner {padding: 0 0 0 1px;}
.user-account .contact-list .repertoire h4 span.outer {
        display: inline-block;
        width: 21px;
        text-align: center;
}
/* .user-account .contact-list .repertoire h4 span.inner {background-color: #e54a06;} */
.user-account .contact-list .repertoire ul {margin: 1em 0 1em 0;}
.user-account .contact-list .repertoire li {
        position: relative;
        margin-top: 1px;
        padding: 10px 0 10px 19px;
}
.user-account .contact-list .repertoire li a {
        color: #363636;
        font-size: 1.4em;
        text-decoration: none;
}
.user-account .contact-list .repertoire li.selected {
        background-color: #dc5409;
        border: 1px solid #dc5409;
}
.user-account .contact-list .repertoire li.selected a {color: #fff;}
.user-account .contact-list .repertoire li .delete-part {
        padding-right: 24px;
        vertical-align: top;
        display: inline-block;
}
.user-account .contact-list .repertoire li .edit-part {
        display: inline-block;
        width: 75%;
        vertical-align: bottom;
}
.user-account .contact-list .cl-footer {
        padding: 25px 0;
        border-top: 1px solid #ccc;
        text-align: center;
}
.user-account .contact-list .cl-footer span.btn-send-minor {
        padding-right: 10px;
        vertical-align: top;
}
.user-account .panel-display .no-content-yet {
        height: 470px;
        background: url(../images/media/user_account_contact_bonhomme.png) no-repeat center center;
}
.user-account .panel-display .no-content-yet p {
        padding-top: 368px;
        color: #363636;
        font-size: 1.8em;
        font-weight: bold;
        text-align: center;
        line-height: 1.1em;
}
.user-account .contact-book .formContent {
        margin: 0 0 0px 2px;
        padding: 0 6px 0 6px;
}
.user-account .contact-book .btn-footer {padding: 0 0 3px 0;}
.user-account .contact-book .btn-footer li {padding-top: 4px; list-style: none outside none;}
.user-account .contact-book div.selector {width: 120px;}
.user-account .contact-book div.selector span {width: 75px;}
.user-account .contact-book .upload-form div.uploader, .track-order .upload-form div.uploader {margin-bottom: 5px;}
.user-account .contact-book .upload-form div.uploader span.action,
.track-order .upload-form div.uploader span.action {
        text-indent: 0;
        background: url(../images/bg/btn_input_file.png) no-repeat center left;
}
.user-account .contact-book .upload-xml {padding-left: 95px;}
.user-account .contact-book .upload-xml .btn-send-minor {margin: 10px 0 10px 228px;}
.user-account .edit-contact .panel-display .block-bg-corner {margin-top: 0;}
.js-noactive .contact-book .destinataire-btn-select {display: block;}
.js-noactive .contact-book .form-radio-simulation span {display: none;}
.user-account .contact-book .panel-display .civility p {
        float: left;
        margin: 0 40px 10px 0;
        font-size: 1.2em;
}
.user-account .contact-book .formContent a {
        display: block;
        margin: 10px 0 0 0;
        color: #006397;
        font-size: 1.2em;
        text-decoration: underline;
}
.track-order .upload-form div.uploader span.filename,
.user-account .contact-book .upload-xml div.uploader span.filename {background-color: #f5f5f5;}
.user-account .contact-book .panel-display .type-text,
.user-account .contact-book .panel-display .type-select {
        float: left;
        width: 243px;
        padding: 9px 0;
}
.user-account .contact-book .panel-display .type-text label,
.user-account .contact-book .panel-display .type-select label {
        width: 80px;
        padding: 0;
}
.user-account .contact-book .panel-display .type-text input,
.user-account .contact-book .panel-display .type-select input {width: 110px;}
.user-account .contact-book .panel-display .type-select {clear: both;}
.user-account .contact-book .panel-display .type-select.select-adress-book{
    width: 100%;
}

.user-account .contact-book .panel-display .type-select.select-adress-book #register-composedAddress{
    padding: 0;
}
/*=INFORMATIONS PERSONNELLES */
.user-account .mainContent {min-height: 520px;}
/*=Compte prepaye */
.recharge-account h2 {margin-bottom: 36px;}
.recharge-account form {
            float: left;
            width: 626px;
            margin-bottom: 30px;
}
.recharge-account form p {
            margin-top: 18px;
            padding-bottom: 0;
            font-size: 1.4em;
            line-height: 16px;
}
.recharge-account form .info-account strong {color: #d75216;}
.recharge-account form .info-account span {display: block;}
.recharge-account form .type-text {
            width: 100%;
            margin-top: 0;
            padding-top: 4px;
}
.recharge-account form .type-text label {
            width: 470px;
            color: #363636;
            font-size: 1em;
            font-weight: 700;
}
.recharge-account form .type-text input {width: 70px;}
.recharge-account form .btn-send {
            float: right;
            margin-top: 20px;
}
/*=Adresse personnelle */
.myaddress .notice {
            padding: 12px 0 17px;
            font-size: 1.2em;
}
.myaddress .content-left {
            float: left;
            width: 626px;
}
.myaddress .list-address li {
            /*float: left;*/
            width: 160px;
            padding: 0 25px;
            border-right: 1px solid #CCC;
}
.myaddress .list-address .first {padding-left: 0;}
.myaddress .list-address .last {
            padding-right: 0;
            border: 0;
}
.myaddress .list-address h3 {
            font-size: 1.4em;
            font-weight: 700;
}
.myaddress .list-address p {
            min-height: 120px;
            font-size: 1.4em;
}
.myaddress .list-address .list-action li {
            padding: 0;
            border: 0;
}
.myaddress .list-address .list-action .default {
            margin-top: 16px;
            font-size: 1.4em;
            background: url(../images/bg/checked.png) no-repeat 125px top;
}
.myaddress .list-address .list-action a {
            display: block;
            color: #006397;
            font-size: 1.2em;
}
.myaddress .add {
            float: right;
            margin-top: 20px;
}
.myaddress .cancel {
            float: left;
            margin-top: 20px;
}
.block-address {margin-bottom: 40px;}
.block-address h3 {
            padding: 27px 0 4px;
            text-transform: uppercase;
}
.block-address .legend {
            margin-bottom: 10px;
            font-size: 1.2em;
}
.block-address legend {padding: 0.5em 0 1em;}
.block-address .name-address {
            float: none;
            padding: 0;
}
.block-address .name-address label {
            display: block;
            width: 100%;
            margin-bottom: 7px;
            color: #363636;
            font-size: 20px;
            font-weight: 700;
}
.block-address .name-address input {width: 170px;}
.block-address .civility p {
            float: left;
            margin: 0 57px 6px 9px;
            padding: 2px 0 0 0;
}
.block-address .civility .type-radio {
            float: left;
            /*padding: 0.5em 0;*/
}
.block-address .civility .type-radio label {
            float: right;
            padding: 2px 20px 0px 7px;
}
.block-address .civility .type-radio input {margin-top: 0px;}
.block-address fieldset .type-text {
            width: 275px;
            padding: 8px 0;
}
.block-address fieldset .type-select {padding: 8px 0;}
.block-address .type-select {clear: both;}
.block-address .type-checkbox {padding: 20px 0 10px 10px;}
.block-address .type-checkbox label {margin: 0 0 0 5px;}
.block-address .type-text label,
.block-address .type-select label {
            width: 80px;
            padding: 0 10px;
}
.block-address .name-address label {
            width: 100%;
            padding: 0;
}
.block-address .type-text a {
            display: block;
            margin-left: 11px;
            margin-top: 10px;
            color: #006397;
            font-size: 1.2em;
            text-decoration: underline;
}
.block-address .add {float: right;}
.block-address .cancel, .blockPopin .cancel {float: left;}
/*=historique de votre compte prï¿½payï¿½ */
.historique h2 {padding-bottom: 1em;}
.historique h2.supMargBottom {padding-bottom: 0em;}
.historique .hist-left {
            float: left;
            width: 626px;
}
.historique .hist-left .block-bg-corner {padding: 1.5em;}
.historique .compteDoneesAside {float: none;}
/*Historique - search*/
.historique legend {
            float: left;
            width: 80px;
            padding: 10px 0 0;
            font-size: 1.2em;
            font-weight: 400;
}
.historique .type-wrapper {float: left;}
.aelc_mescommandes .historique .type-wrapper {float: none;}
.historique .type-date .bg-datepicker input {width: 102px;}
        
.historique .type-text label,
.historique .type-date label {
            width: 90px;
            padding-right: 5px;
            text-align: right;
}
.historique .type-text span input,
.historique .type-date span input {width: 105px;}
.historique .right {padding: 10px 10px 0 0;}
/*Historique - table*/
.historique .table_historique {
            position: relative;
            width: 626px;
}
.historique .table_historiqueVisuel{
    margin-bottom: 70px;
    width: 100%;
}
.historique .table_historique thead th {
            padding: 15px 2px;
            border-bottom: 7px solid #F5F5F2;
            border-left: 1px solid #ccc;
            border-top: 7px solid #F5F5F2;
            font-size: 1.4em;
            text-align: center;
            background: #f5f5f2;
            vertical-align: middle;
}
.historique .table_historiqueVisuel thead th {
            padding: 15px 10px;
            border-bottom: 7px solid #F5F5F2;
            border-left: 1px solid #ccc;
            border-top: 7px solid #F5F5F2;
            font-size: 0.9em;
            text-align: center;
            background: #f5f5f2;
            vertical-align: middle;
}
.historique .table_historiqueVisuel td {
    padding: 7px;
    border-bottom: 1px solid #F5F5F2;
    text-align: center;
    vertical-align: middle;
}
.historique .table_historiqueVisuel tr.isLogoExpired td {
    border-bottom: 1px solid transparent;
}
.historique .table_historiqueVisuel tr.msg-logoExpired td {
    text-align: initial;

}
.mtel-logo-inline-notice {
    background-color: #D6E4FF;
    padding: 17px 52px;
    color: #2B4785;
    font-family: Roboto;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='23' viewBox='0 0 22 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 20.167C6.037 20.167 2 16.129 2 11.167C2 6.20499 6.037 2.16699 11 2.16699C15.963 2.16699 20 6.20499 20 11.167C20 16.129 15.963 20.167 11 20.167ZM11 0.166992C4.935 0.166992 0 5.10199 0 11.167C0 17.232 4.935 22.167 11 22.167C17.065 22.167 22 17.232 22 11.167C22 5.10199 17.065 0.166992 11 0.166992Z' fill='%233561C6'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 5.16699C10.447 5.16699 10 5.61499 10 6.16699C10 6.71899 10.447 7.16699 11 7.16699C11.553 7.16699 12 6.71899 12 6.16699C12 5.61499 11.553 5.16699 11 5.16699Z' fill='%233561C6'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 17.167H12V9.16699H10V17.167Z' fill='%233561C6'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 15px center;
}
.mtel-logo-inline-notice p {
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
}
.mtel-logo-inline-notice p span{
    clear: both;
    display: block;
    font-size: 12px;
    color: #3c3c3c;
    font-weight: 400;
}
.historique .table_historique.partiPro thead th,
.historique .table_historiqueVisuel.partiPro thead th {
            width:84px;
            padding: 8px 10px;
}

.historique .table_historique thead th:first-child {
            width: 80px;
            border-left: 0;
}

.historique .table_historique.partiPro thead th:first-child,
.historique .table_historiqueVisuel.partiPro thead th:first-child  {
            width: 86px;
            border-left: 0;
}


.table_historique.partiPro .btn-send-minor,
.table_historiqueVisuel.partiPro .btn-send-minor {
            background: url("../images/btn/stamps-online_minor_generic_left.png") repeat-y scroll 0 0 transparent;
}

.table_historique.partiPro .btn-send-minor input,
.table_historiqueVisuel.partiPro .btn-send-minor input {
            background: url("../images/btn/stamps-online_minor_right_icon.png") repeat-y scroll right 0 transparent;
}

         

.historique .table_historique th span {top: 0;}
.historique .table_historique th .filledHG {left: 0;}
.historique .table_historique th .filledHD {right: 0;}
.historique .table_historique thead th#type-carte,
.historique .table_historique thead th#transaction {
            width: 110px;
            padding: 0 15px;
}
.historique .table_historique tbody td {
            padding: 15px 0;
            border-top: 1px solid #ededed;
            font-size: 1.3em;
            text-align: center;
            line-height: 1.2em;
            vertical-align: middle;
}


.historique .table_historique tbody tr:first-child td { padding: 20px 0 5px;border-top: 0 none;}
.historique .table_historique thead tr td.rounded {
            height: 10px;
            margin: 0;
            padding: 0;
            background: url(../images/bg/bg-table-corners.png) no-repeat 0 0;
}
.historique .table_historique thead tr td {
            height: 5px;
            background: #F5F5F2;
}
.historique .block-bg-corner.pagination {
            float: left;
            width: 597px;
            margin: 1em 0;
}


table.table_historique {
          border-collapse: separate;  
}

/* =MES COMMANDES ET FACTURES */
/* =MA COMMANDE DETAILLE */
.block-command-wrap {padding: 8px 0 0;}
.block-services-wrap {padding: 0;}
.block-command-wrap .block-corner.lineBD {
            background-image: url(../images/corner/border_sprite_banner.png);
}
.block-command-wrap .block-corner.lineBG {
            background-image: url(../images/corner/border_sprite_banner.png);
}
		
		
.block-command-wrap {padding: 8px 0 0;}
.block-services-wrap {padding: 0;}
.block-services-wrap .block-corner.filledHG {left: 0;}
.block-services-wrap .block-corner.filledHD {right: 0;}
.actionsCommandBlock {
            padding: 36px 0 10px;
            clear: both;
            overflow: hidden;
}
.actionsCommandBlock span {
            display: block;
            float: left;
            font-size: 1.3em;
}
.actionsCommandBlock span a {
            color: #006397;
            text-decoration: underline;
}
.actionsCommandBlock ul {float: right;}
.actionsCommandBlock li {
            float: left;
            margin-left: 24px;
            font-size: 1.3em;
}
.actionsCommandBlock li a {
            display: block;
            float: left;
            color: #006397;
            text-decoration: none;
}
.actionsCommandBlock li a:hover {text-decoration: underline;}
/*icons for actions */
.actionsCommandBlock .icon {
            padding-left: 24px;
            line-height: 1.5em;
}
.actionsCommandBlock .arrowIcon {
            padding-left: 20px;
            background: url(../images/icons/ico_accordion_arrows.png) no-repeat 6px -174px;
}
.actionsCommandBlock .pdfIcon {background: url(../images/icons/ico_pdf.png) no-repeat 0 50%;}
.actionsCommandBlock .printIcon {background: url(../images/icons/ico_print_blue.png) no-repeat 0 50%;}
.titleInfo {
            float: left;
            width: 100%;
            padding-bottom: 8px;
            border-bottom: 1px solid #CCC;
}
.titleInfo .title3 {
            float: left;
            padding: 0 15px;
}
.titleTotal {
            float: right;
            padding: 0 15px 0 0;
            font-size: 2em;
            line-height: 1em;
}
.titleTotal dt,
.titleTotal dd {float: left;}
.titleTotal dt {padding: 4px 8px 0 0;}
.titleTotal dd {
            padding-left: 10px;
            font-weight: 700;
            background: url(../images/btn/user_account_command-total.png) 0 -24px;
}
.titleTotal dd span {
            display: block;
            padding: 4px 10px 0 0;
            color: #fff;
            background: url(../images/btn/user_account_command-total.png) right 0;
}
.commandStatus {
            padding: 10px 0 40px;
            clear: both;
            
}
.recommanderToutDiv {
            padding: 10px 0 20px;
            clear: both;
            padding-left: 80%;
            
}
.commandStatus h4.title4 {
            padding: 0 15px;
            font-size: 1.5em;
            font-weight: 400;
}
.tableMyCommands {color: #696760;}
.tableMyCommands caption {display: none;}
.tableMyCommands thead th {
            padding: 10px;
            font-size: 1.6em;
            font-weight: 700;
            text-align: center;
            background: url(../images/bg/bg_thead-sep-gray.gif) no-repeat 0 50%;
            border-bottom: 2px solid #fff;
		
}
.tableMyCommands thead th:first-child {
            padding-left: 15px;
            background: none;
          
}
.tableMyCommands tbody th {
            padding: 10px 10px 10px 10px;
            
}
.tableMyCommands tbody tr.new-row th {
            border-top: 2px solid #fff;
}
.tableMyCommands tbody tr.new-row .priceUn { padding-top: 35px;}
.tableMyCommands tbody tr.lastRow .priceUn { padding-top: 35px;}

.tableMyCommands tbody td {
            padding: 35px 10px 40px;
            /*border-top: 2px solid #fff;*/
            font-size: 1.6em;
            text-align: center;
            vertical-align: middle;
}
.tableMyCommands tbody tr:first-child th,
.tableMyCommands tbody tr:first-child td {border-top: none;}
/*multiple items in a service */
.tableMyCommands .multipleItems td {
            padding-bottom: 10px;
            border-top: none;
}
.tableMyCommands .firstRow td {border-top: 2px solid #fff;}
/*total sum for multiple items in a service */
.tableMyCommands .lastRow .totalOrders {
            padding-bottom: 16px;
            padding-top: 16px;
            border-top: none;
            font-size: 1.6em;
            background: url(../images/bg/bg_sep-gray-total.gif) no-repeat 0 0;
            font-weight: normal;
}
.tableMyCommands .lastRow.multipleItems .value {
            padding-right: 44px;
            border-top: none;
            text-align: right;
            background: url(../images/bg/bg_sep-gray-total.gif) no-repeat right 0;
}
/*width needed for IE7, D'oh! */
.tableMyCommands th:first-child {
            width: 330px;
            text-align: left;
}
.tableMyCommands tbody th:first-child {width: 182px;}

		
.tableMyCommands tbody th.MonTimbrenligne {
			 padding-bottom: 35px;
            background: url(../images/media/img_lettre-en-ligne.png) no-repeat 8px 8px;
}
		
		
.tableMyCommands tbody th.lettre-recommandee {
            height: 80px;
}
.tableMyCommands tbody .priceUn {
            width: 110px;
            font-weight: 700;
}
.tableMyCommands tbody .infoService {
            width: 132px;
            padding-top: 6px;
            text-align: left;
}
.tableMyCommands tbody .tva {
            width: 100px;
            font-weight: 700;
}
.tableMyCommands tbody .totalService {font-weight: 700;}
.tableMyCommands .value {
            width: 108px;
            font-weight: 700;
}
.tableMyCommands tfoot td {padding: 10px 0;}
.tableMyCommands tfoot th {
            width: 212px;
            padding-left: 460px;
}
.tableMyCommands tfoot tr:first-child td,
.tableMyCommands tfoot tr:first-child th {border-top: 19px solid #fff;}
.tableMyCommands tfoot .totalTVA td,
.tableMyCommands tfoot .totalTVA th {background-color: #FFF;}
.tableMyCommands tfoot .totalHT,
.tableMyCommands tfoot .totalTVA {font-size: 1.6em;}
.tableMyCommands tfoot .total td {font-weight: 700;}
.tableMyCommands tfoot .total th {font-size: 1.8em;}
.tableMyCommands tfoot td.value {
            font-weight: 400;
            text-align: center;
}
.tableMyCommands tfoot .total td.value {font-size: 2.2em; font-weight: 700;}
/*define span in mes services / informations columns */
		
.tableMyServices tbody .firstRow .infoService, .tableMyServices .firstRow .caracteristiques {
			width: 162px;
			text-align: center;
			
}
      
.tableMyCommands tbody .infoService {
            padding: 15px 0;
			padding-top:0px;
            font-size: 1.6em;
            font-weight: normal;
            border: 0;
}
.tableMyCommands tbody span.serviceTitle {
            padding-bottom: 10px;
            font-size: 1.6em;
            font-weight: 700;
            line-height: 1.2em;
			clear:left;			
}
		
.tableMyCommands tbody span.serviceDeclaration {
            padding-bottom: 18px;
            font-size: 1.2em;
            font-weight: 400;
            font-weight: 400;
            font-style: italic;
}
.tableMyCommands tbody span.serviceOrder { font-weight: normal;}

.tableMyCommands tbody .block-bg-invert.adressTo {
            padding:0.8em;
            font-size: .875em;
            color: #655c53;
			text-align:center;
}
		
#tableServiceItems .serviceOrder {
			margin-bottom:20px;
}

/*=Billing Info*/
/*         updated by mkaabi */
.billingInfo-wrap {
          margin: 54px 0 0;
          padding: 0 0 34px;
          border: 1px solid #ccc;
          position: relative;
          float: left;
          clear: both;
          width: 100%
}
.billingInfo-wrap .title {
          position: relative;
          border-bottom: 2px solid #fff;
}
.billingInfo-wrap .title .text-1 {
          padding: 15px 0 10px 45px;
          display: block;
          background: url(../images/bg/px_grey.gif) repeat 0 0 transparent;
          font-size: 1.6em;
          font-weight: 700;
          color: #696760;
}
.billingInfo-wrap .title .text-1.onlyEservices {
          margin-bottom: 40px;
}
        
.billingInfo-wrap .addressBlock,
.billingInfo-wrap .paymentBlock {
            float: left;
            padding-left: 50px; /* if 3 blocks*/
            /*padding-left: 144px;*/ /* if 2 blocks*/
            color: #565a5c;
            width: 260px;
}
.billingInfo-wrap .addressBlock.eServices,
.billingInfo-wrap .paymentBlock.eServices {
            float: left;
            /*padding-left: 74px;*/ /* if 3 blocks*/
            padding-left: 144px; /* if 2 blocks*/
            color: #565a5c;
}
.billingInfo-wrap h3 {
            padding-bottom: 24px;
            font-size: 1.6em;
}
.billingInfo-wrap dl {
            padding-left: 14px;
            font-size: 1.4em;
}
.billingInfo-wrap dt {font-weight: 700;}
.billingInfo-wrap .paymentBlock {
        	text-align: center;
        	width: 200px;
}
.billingInfo-wrap .line-1 {
          margin: 50px 0 40px;
          font-size: 1.5em;
          color: #565a5c;
          line-height: 1em;
          overflow: hidden;
}
.billingInfo-wrap .line-1 li {
          float: left;
          margin-left: 120px;
          line-height: 1.2em;
}
.billingInfo-wrap .line-1 li:first-child {
          margin-left: 74px;
}
.billingInfo-wrap .line-1 li a {
          color: #565a5c;
}
.billingInfo-wrap .line-1 li a:hover {
          text-decoration: none;
}
            
/* =GENERAL BLOCKS (.user-commands)*/
.user-account .user-commands .btn-help {width: 200px;}
.user-account .user-commands .btn-help a {
            float: right;
            margin-top: 38px;
            margin-bottom: 34px;
}
.user-account .user-commands .content-inner {
            /*overflow: hidden;*/
            padding: 38px 0 0;
            float: left;
            width: 626px;
}
.user-account .user-commands h2.title2 {
            clear: both;
            line-height: 0.9em;
            letter-spacing: -.04em;
            margin: 0 0 26px;
}
.user-account .user-commands .btn-action-back {
            background: url(../images/icons/ico-blue-arrow.gif) no-repeat left 3px;
            color: #006397;
            font-size: 1.3em;
            padding-left: 15px;
            text-decoration: none;
}
.user-account .user-commands .link-to-back {padding-bottom: 8px;}
.user-account .user-commands .link-to-back a {
            background: url(../images/icons/arrow_toleft_new_address.png) no-repeat left center;
            padding: 0 0 0 17px;
            line-height: 2em;
            text-decoration: none;
            font-size: 1.3em;
}
.user-account .user-commands .content-left {padding-bottom: 2em;}
.user-account .user-commands .block-bg-corner.pagination {
            float: none;
            overflow: hidden;
            width: auto;
}
.user-account .user-commands .pagination.top-pagination { margin-bottom: 20px;}
.user-account .user-commands .pagination.bottom-pagination { margin-top: 20px;}
.user-account .user-commands .block-bg-corner.pagination a {color: #363636;}
.user-account .user-commands .blockFilter {margin: 0 0 10px;}
.user-account .user-commands .blockFilter .block-bg-corner {
            overflow: hidden;
            padding: .5em 1em;
}
.user-account .user-commands .blockFilter .type-select {float: left;}
.js-active.user-account .user-commands .blockFilter .type-select {
            float: none;
            width: 100%;
}
.user-account .user-commands .blockFilter .type-select label {
            font-size: 1.8em;
            font-weight: 700;
            float: left;
            padding: .5em 0 0 1em;
}
.user-account .user-commands .blockFilter .type-select .selector {float: right;}
.user-account .user-commands .blockFilter .type-select .selector select {
            color: #565a5c;
            font-size: 1em;
}
.user-account .user-commands .blockFilter .search-wrap {
            float: right;
            padding: .5em 0 0;
            width: auto;
}
.js-active.user-account .user-commands .blockFilter .search-wrap {display: none;}
.user-account .user-commands .block-border-corner {padding: 0;}
.user-account .user-commands .block-border-corner a:hover{text-decoration: underline}
.user-account .user-commands .packStatus {
            background: url(../images/bg/bg_pack-grad.png) repeat-x 0 0 #F7F7F7;
            border-bottom: 1px solid #ccc;
            overflow: hidden;
            padding: 1.5em 1em 1em 2em;
}
.user-account .user-commands .single {background: url(../images/bg/bg_pack-uni.png) repeat-x 0 0 #F7F7F7;}
.user-account .user-commands .packStatus h3,
.user-account .user-commands .packStatus h4,
.user-account .user-commands .packStatus li {
            float: left;
            font-size: 1em;
            font-weight: 700;
            line-height: 1em;
            color: #5B8900;
}

.user-account .user-commands .packStatus .totalPrice {
            border-left: none;
            color: #363636;
            float: right;
}
        
/* =MNA */
.user-account .new-address .content-inner h3 {margin-bottom: 13px;}
.user-account .new-address p,
.user-account .new-address .type-textarea label {
            line-height: 17px;
            font-size: 1.4em;
}
.user-account .new-address .for-textarea {margin: 2em 0 0;}
.user-account .new-address .blockDispatch {margin: 20px 0 0;}
.user-account .new-address .blockDispatchType {padding: 8px 0 25px;}
.user-account .new-address .blockDispatchType .block-bg-invert {padding: 1em 2em;}
.user-account .new-address .blockDispatchType ul {overflow: hidden;}
.user-account .new-address .blockDispatchType li {
            background: url(../images/bg/px_white.gif) repeat 0 0 transparent;
            display: inline-block;
            vertical-align: middle;
            width: 60%;
}
.user-account .new-address .blockDispatchType li:first-child {width: 39%;}
.user-account .new-address .blockDispatchType li a {
            display: block;
            float: right;
            margin: 0;
}
		
.user-command .tableMyCommands .prix-un {
            font-weight: 700;
            width: 130px;
}
		
		
.user-command .tableMyCommands thead th.item-name {
			padding: 0 0 0 45px;
			width: 481px;
}
.user-command .tableMyCommands thead th.product-name {
			
			padding: 0 0 0 45px;
			width: 42%;
}
.user-command .tableMyCommands thead th.recommander {
			
			padding: 10px 0;
			width: 20%;
}
		
.user-command .tableMyCommands .btn-basket input {
		font-size : 0.67em;
		font-weight: 300;
}
.recommanderToutDiv .btn-basket input{
		font-size : 1.2em;
		font-weight: 400;
}
		
.visuelTable .btn-basket input {
		font-size: 0.7em;
		font-weight: 300;
}
	
/* Details commande : lien Imprimer les documents : begin */
.user-command .printDoc {
			padding: 0 0 0 10px;		
            text-align: left;
            border-bottom: 2px solid #fff;
}
.user-command .printDoc .printDocTitle {
			color: #696760;
			padding: 0 0 0 35px;
            font-size: 1.6em;
            font-weight: 700;
}
.user-command .printDoc .printDocText {
			padding: 10px 0 0 35px;
			font-size: 1.2em;
}
.user-command .printDoc .actionsPrintDoc {
           padding-top:10px;
		   padding-bottom:25px;
		   padding-left:350px;
           clear: both;
           overflow: hidden;
}
.actionsPrintDoc .icon {
            padding-left: 24px;
            line-height: 1.5em;
}
.actionsPrintDoc  .printIcon {
			background: url(../images/icons/ico_print_blue.png) no-repeat 0 50%;
}
		
.actionsPrintDoc ul {float: left;}
.actionsPrintDoc li {
            float: left;
            margin-left: 24px;
            font-size: 1.3em;
}
.actionsPrintDoc li a {
            display: block;
            float: left;
            color: #006397;
            text-decoration :none;
}
.actionsPrintDoc li a:hover {text-decoration: underline;}
/* Details commande : lien Imprimer les documents : end */
        
.user-account .new-address .blockDispatchType li:first-child a {float: left;}
.user-account .new-address .dispatchInfo {
            display: block;
            float: left;
            font-size: 1.4em;
            line-height: 3.5em;
            min-height: 46px;
            padding-left: 80px;
}
.user-account .new-address .lettersIcon {background: url(../images/icons/ico_cartes_postales.png) no-repeat 0 0;}
.user-account .new-address .smsIcon {background: url(../images/icons/ico_sms.png) no-repeat 0 0;}
.user-account .new-address .dispatchAddress {
            overflow: hidden;
            padding-top: 20px;
}
.user-account .new-address .dispatchAddress li {
            float: left;
            font-size: 1.4em;
            width: 33%;
}
.user-account .new-address .dispatchAddress li > span {
            display: block;
            float: left;
}
.user-account .new-address .dispatchAddress li > span span {
            display: block;
            margin-left: 10px;
}
.user-account .new-address .dispatchAddress .date,
.user-account .new-address .dispatchAddress .name {font-weight: 700;}
.user-account .new-address .dispatchAddress .link {
            font-size: 1.2em;
            text-align: right;
}
.user-account .new-address .dispatchAddress .link a {color: #006397;}
.user-account .new-address .blockFilter .type-select .selector span {background-position: right -935px;} /*selector background - pink (put in style.css)*/
.user-account .volume-move .block-object-detail .illustration {
            background: url(../images/media/mna_chambre.png) no-repeat top left;
            display: block;
            width: 71px;
            height: 74px;
            position: absolute;
            right: 28px;
            top: 18px;
}
.user-account .volume-move .block-object-detail legend.num-list {padding: 15px 0 40px;}
.user-account .volume-move .form-header {
            font-size: 1.4em;
            font-weight: bold;
            color: #363636;
            width: 578px;
            border-bottom: 1px solid #dcdcd9;
            margin: 21px 0;
}
.user-account .volume-move .form-header div {
            float: left;
            margin-bottom: 18px;
}
.user-account .volume-move .form-header div.quantity {float: right;}
.user-account .volume-move p.type-text {
            width: 578px;
            font-size: 1.05em;
            margin-bottom: 20px;
}
.user-account .volume-move .type-text label {width: 493px;}
.user-account .volume-move .type-text input {width: 55px;}
.user-account .volume-move sup {
            font-size: .5em;
            vertical-align: top;
}
.user-account .volume-move .link-to-result,
.user-account .volume-move .link-to-top {
            text-align: right;
            padding: 1em 2em;
}
.user-account .volume-move .link-to-result a,
.user-account .volume-move .link-to-top a {
            background: url("../images/icons/aside_menu_selected.png") no-repeat left center;
            padding: 0 0 0 18px;
            color: #363636;
            font-size: 1.2em;
            text-decoration: none;
}
.user-account .volume-move form .block-bg-corner.link-to-result,
.user-account .volume-move form .block-bg-corner.link-to-top {margin-bottom: 0;}
.user-account .volume-move .link-to-top a {background: url(../images/icons/arrow_top_link.png) no-repeat left center;}
.user-account .volume-move form .block-bg-corner.last {margin-bottom: 1.5em;}
.user-account .new-address .btn-to-result {text-align:right;}
.user-account .new-address .btn-to-result .btn-action-minor {margin-top: 0px;}
.user-account .volume-move .result-text {margin: 30px 0 40px;}
.user-account .volume-move .result-text h3 {
            font-size: 1.6em;
            color: #363636;
}
.user-account .volume-move .result-text p {
            margin-top: 20px;
            font-size: 1.3em;
}
.user-account .volume-move p.label-reset {
            font-size: 1.1em;
            color: #363636;
            font-weight: bold;
            margin-left: 10px;
}
.user-account .volume-move .errorDisplay {margin-top: 15px;}
.user-account .volume-move .blockButtons .btn-send {margin-top: 1.7em;}
.user-account .new-address legend.num-list {padding: 0 0 .8em;}
.user-account .new-address .mandatory {
            color: #565a5c;
            font-size: 1.2em;
}
.user-account .new-address .block-visuel-card .choosed-visual {
            color: #363636;
            font-size: 2.1em;
            font-weight: bold;
            margin-bottom: 10px;
            clear: none;
}
.user-account .content.send-postcard .content-inner {padding-bottom: 7em;}
.user-account .new-address .block-visuel-card img {float: right;}
.user-account .new-address.send-postcard fieldset {margin-top: 35px;}
.user-account .send-postcard form .block-bg-corner {margin-bottom: 0;}
.user-account .new-address p.type-text {clear: none;}
.user-account .new-address .block-visuel-card p { clear: none;}
.user-account .new-address .block-form-title {
            font-weight: bold;
            font-size: 1.4em;
            color: #363636;
}
.user-account .send-postcard form label {font-size: .9em;}
.user-account .send-postcard form .type-date label {font-size: 1.2em;}
.user-account .send-postcard .type-text {
            margin-top: 18px;
            width: 275px;
}
.user-account .send-postcard .type-text label {width: 94px;}
.user-account .send-postcard .right-column {margin-left: 35px;}
.send-postcard-date {
            width: 280px;
            float: left;
            margin-right: 37px;
}
.send-postcard .open-map a {margin: 20px 3px 0;}
.user-account .send-smscard form label {font-size: 1em;}
.user-account .send-smscard .type-text label {width: 150px;}
.user-account .send-smscard .for-textarea {
            
            margin-right: 200px;
}
.user-account .send-smscard .textarea-countdown {margin-right: 200px;}
.user-account .send-smscard .add-numtel {margin-top: 10px;}
.user-account .send-smscard .add-numtel fieldset {background: url(../images/bg/px_grey.gif) repeat 0 0 transparent;}
.add-numtel hr {
            border-color: #CCC;
            border-style: solid none none;
            border-width: 1px 0 0;
            margin: 0 200px 10px 0;
            text-align: center;
}
.user-account .send-smscard .add-numtel .type-text {margin-bottom: 10px;}
.user-account .send-smscard .notice {font-size: 1.2em;}
.user-account .send-smscard .notice-add {
            font-style: italic;
            font-size: 1.1em;
            margin-left: 154px;
}
.user-account .send-smscard fieldset .first {margin-top: 20px;}
.user-account .new-address.send-smscard .btn-action-minor.add {
            float: none;
            margin: 8px 0 6px 154px;
}
.user-account .new-address p.textarea-countdown {
            text-align: right;
            font-size: 1.2em;
}
.user-account .send-smscard .btn-ajouter {text-align: left;}
.user-account .send-smscard .add-numtel .delete img { margin-top: 8px;}
.send-smscard .erroMenssage {display: block;}
.send-smscard #errorBoxTop {margin: 20px 0px;}
.type-textarea.error-contener {
            height: auto;
            padding: 0;
}
.user-account .send-postcard .ui-popup {left: 365px;}
.user-account .contrats .content-left h3 {
            color: #363636;
            padding: 20px 0 10px;
}
.user-account .contrats h3.hiddenTitle {display: none;}
.user-account .new-address .blockPack {
            color: #565a5c;
            font-size: 1em;
            margin-bottom: 20px;
}
.user-account .new-address .blockPack.blockPackFirst { padding-top: 20px;}
/*.user-account .new-address .blockPackLast {margin-bottom: 0;}*/
.user-account .new-address .packStatus h4,
.user-account .new-address .packStatus li {color: #e10038;}
.user-account .user-commands .packStatus li {
            margin-left: 5px;
            padding-left: 5px;
}
.user-account .new-address .packStatus li {border-left: 2px solid #e10038;}
.user-account .new-address .packActions,
.user-account .stamps-online .packActions {
            background: #fff url(../images/bg/bg_pack-grad.png) repeat-x 0 bottom;
            border-top: 1px solid #ccc;
            overflow: hidden;
            padding: 1em 2em 1.5em;
}
.user-account .new-address .packActions li {
            display: inline;
            font-size: 1.1em;
}
.user-account .new-address .packActions li a {
            color: #006397;
            display: block;
            float: left;
            font-size: 1.2em;
            margin-left: 20px;
}
.user-account .new-address .packInfoGroup {
            border-top: 1px solid #ccc;
            padding: 20px 0 18px;
            overflow: hidden;
}
.user-account .new-address .packStatus + .packInfoGroup {border-top: none;}
.user-account .new-address .packInfoGroup .packInfo {
            float: left;
            width: 50%;
}
.user-account .new-address .packInfoGroup h5,
.user-account .new-address .packInfoGroup .packInfo h5,
.user-account .new-address .packInfoGroup .packInfo ul,
.user-account .new-address .packInfoGroup .packInfo p {
            line-height: 1em;
            padding: 0 14px 0 34px;
}
.user-account .new-address .packInfoGroup .packInfoBis p {
            line-height: 1em;
            padding: 0 14px 0 34px;
}
.user-account .new-address .packInfoGroup .packServices h5 {padding: 0 14px 0 0px;}
.user-account .new-address .packInfoGroup h5,
.user-account .new-address .packInfoGroup .packInfo h5,
.user-account .new-address .packInfoGroup .packServices h5 {
            font-size: 1em;
            font-weight: 700;
            padding-bottom: 14px;
            padding-right: 0;
            letter-spacing: -.02em;
}
.user-account .new-address .packInfoGroup h5 {padding-bottom: 4px;}
.user-account .new-address .packInfoGroup .packInfo li {
            font-size: 1em;
            padding-top: 14px;
}
.user-account .new-address .packInfoGroup li:first-child {padding-top: 0;}
.user-account .new-address .packInfoGroup li strong {
            display: block;
            padding-bottom: 8px;
}
/* specific pack info items */
.user-account .new-address .packInfoGroup .packNature li {padding-top: 10px;}
.user-account .new-address .packInfoGroup .packDetail {font-size: 1.3em;}
.user-account .new-address .packInfoGroup .packPrice span {font-weight: 700;}
.user-account .new-address .packInfoGroup .packDate strong {display: inline;}
.user-account .new-address .packInfoGroup .packAdress p {
            line-height: 1.2em;
            padding-top: 10px;
}
.user-account .new-address .packInfoGroup .packAdress h5 + p {padding-top: 0;}
.user-account .new-address .packInfoGroup .packAdress span {display: block;}
.user-account .new-address .packInfoGroup .packAdress .block-bg-corner {margin: 6px 34px 0;}
.user-account .new-address .packInfoGroup .packAdress .block-bg-corner p {padding: 0 20px;}
/* = pack services list */
.user-account .new-address .packInfoGroup .packServices {padding: 0 34px;}
.user-account .new-address .packInfoGroup .packServices h5 {line-height: 1em;}
.user-account .new-address .packInfoGroup .packServices li {float: left;}
.user-account .new-address .packInfoGroup .packServices li.btn-left {
            clear: left;
            min-width: 356px;
}
.user-account .new-address .packInfoGroup .packServices li a {
            float: left;
            margin: 0;
}
/* buttons */
.user-account .new-address .btn-services {
            background: url(../images/btn/btn_mna_service_left-postales.png) no-repeat left 0;/*change bg for each item */
            display: inline-block;
            padding: 5px 0 5px 42px;
            text-decoration: none;
}
.user-account .new-address .btn-services span {
            background: url(../images/btn/new-address_minor_right.png) repeat-y right 0;
            color: #fff;
            cursor: pointer;
            display: inline-block;
            font-size: 1.3em;
            font-weight: 700;
            line-height: 12px;
            padding: 7px 10px 6px 5px;
}
.user-account .new-address .btn-postales {background: url(../images/btn/btn_mna_service_left-postales.png) no-repeat left 0;}
.user-account .new-address .btn-sms {background: url(../images/btn/btn_mna_service_left-sms.png) no-repeat left 0;}
.user-account .new-address .btn-acheter {background: url(../images/btn/btn_mna_service_left-acheter.png) no-repeat left 0;}
.user-account .new-address .btn-outils {background: url(../images/btn/btn_mna_service_left-outils.png) no-repeat left 0;}
.user-account .new-address .btn-lettres {background: url(../images/btn/btn_mna_service_left-lettres.png) no-repeat left 0;}
.user-account .new-address .btn-reductions {background: url(../images/btn/btn_mna_service_left-reductions.png) no-repeat left 0;}
.user-account .volume-move .chapo {
            margin: 0 0 20px;
            font-size: 1.3em;
            line-height: 1.4em;
            color: #565a5c;
}
.user-account .volume-move .direct-link .block-title {
            color: #565a5c;
            font-weight: bold;
            font-size: 1.8em;
}
.user-account .volume-move .direct-link li {
            float: left;
            padding: 3px 27px 0 0;
            font-size: 1.3em;
}
.user-account .new-address a {color: #006397;}
.user-account .new-address .block-object-detail{margin-top: 18px;}

/* =lettres et formulaires */
.user-account .new-address.user-letters .content-inner .title2 span {
            display: block;
            font-size: .6em;
}
.user-account .new-address.user-letters .blockLetterModel .block-bg-corner {padding-bottom: 0;}
.user-account .new-address.user-letters .blockLetterModel .sepTitle {
            font-size: 1.8em;
            padding: 0px 0 20px;
            margin-top: 10px;
}
.user-account .user-letters .blockLetterModel .block-inner-content {
            border-bottom: 1px solid #DCDCD9;
            margin-top: 30px;
            padding-bottom: 10px;}
.user-account .user-letters .blockLetterModel .block-inner-content.first {margin-top: 0;}
.user-account .user-letters .blockLetterModel .block-inner-content.last {border-bottom: 0;}
.user-account .user-letters .blockLetterModel p {
            line-height: 1.4em;
            padding: 0 0 20px;
}
.user-account .user-letters .blockLetterModel p a {
            color: #363636;
            text-decoration: none;
}
.user-account .new-address .blockLetterModel ul {
            overflow: hidden;
            padding-bottom: 10px;
}
.user-account .new-address .blockLetterModel li {
            float: left;
            padding-bottom: 10px;
            min-width: 225px;
}
.user-account .new-address .blockLetterModel li a {
            float: left;
            margin-top: 0;
}
.user-account .new-address .btnFile {
            background: url(../images/btn/btn_mna_file.png) repeat-y 0 0;
            color: #363636;
            display: inline-block;
            padding: 11px 0 10px 50px;
            text-decoration: none;
}
.user-account .new-address .btnFile span {
            background: url(../images/btn/new-address_minor_right.png) repeat right 0;
            color: #FFF;
            cursor: pointer;
            display: inline-block;
            font-size: 1.3em;
            font-weight: 700;
            line-height: 12px;
            padding: 6px 10px 7px 5px;
}

/* = MTEL */
.user-account .stamps-online .packStatus h4,
.user-account .stamps-online .packStatus li {color: #5b8900;}
/*.user-account .user-commands .packStatus h3 span,*/
.user-account .stamps-online .packStatus li {
            border-left: 2px solid #5b8900;
            font-weight: bold;
            padding-left: 5px;
}
.user-account .stamps-online .packStatus {padding: 1.5em 2.2em 1em;}
.user-account .stamps-online .blockPack {margin-bottom: 20px;}
.user-account .stamps-online .description-produit {padding: 20px 16px;}
        
        
.user-account .stamps-online .description-produit li {
            color: #565a5c;
            font-weight: 700;
            font-size: 1.2em;
            padding: 0 0 7px;
}
.user-account .stamps-online .description-produit li span {
            color: #5b8900;
            font-weight: normal;
}
.user-account .stamps-online .btn-renew {
            float: right;
            padding: 33px 17px 0 0;
}
   
.user-account .stamps-online .blockPack table {
        width: 100%;
        margin-bottom: 54px;
}
.user-account .stamps-online .blockPack thead {background-color: #f5f5f2;}
.user-account .stamps-online .blockPack thead th {
            padding: 22px 0px;
            color: #565a5c;
            font-weight: 700;
            font-size: 1.4em;
            vertical-align: middle;
            background: #F5F5F2 url(../images/bg/command_table_sep.png) no-repeat;
            text-align: center;
}
        
.user-account .stamps-online .blockPack thead th.col-1 {width: 168px;}
.user-account .stamps-online .blockPack thead th.col-2 {width: 92px;}
.user-account .stamps-online .blockPack thead th.col-3 {width: 111px;}
.user-account .stamps-online .blockPack thead th.col-4 {width: 94px;}
.user-account .stamps-online .blockPack thead th.col-5 {width: 82px;}
.user-account .stamps-online .blockPack thead th.line-2 {padding: 0px 0;}
.user-account .stamps-online .blockPack td {
            text-align: center;
            vertical-align: middle;
            color: #565a5c;
            font-size: 1.4em;
            padding-top: 15px;
            white-space: normal;
}
.user-account .stamps-online .packActions a {
            color: #363636;
            font-size: 1.2em;
            padding-left: 20px;
            background: url("../images/icons/aside_menu_selected.png") no-repeat 0 2px;
            text-decoration: none;
}
.user-account .stamps-online .packActions a.collapse {background: url("../images/icons/arrow_top_link.png") no-repeat left center;}
.user-account .stamps-online .packActions {padding: 1.5em 2em;}

/*=MON COMPTE LEL */
.user-account .user-commands .type-select .selector {width: 220px;}
.user-account .user-commands .type-select .selector span {width: 175px;}
.user-account .electronic-letter .packStatus h3,
.user-account .electronic-letter .packStatus li {color: #dc5409;}
.user-account .electronic-letter .packStatus li {border-left: 2px solid #dc5409;}
.user-account .electronic-letter .blockPack {
            overflow: hidden;
            padding-bottom: 3em;
}
.user-account .electronic-letter .last {padding-bottom: 0;}
.user-account .electronic-letter .blockPack p {
            padding: 0;
            font-size: 1.4em;
}
.user-account .electronic-letter .blockPack .block-bg-corner {
            display: inline-block;
            font-size: 1.4em;
            padding: 1em 1.5em;
            float: left;
}
.user-account .electronic-letter .block-bg-corner p {
            padding: 0;
            font-size: 1em;
}
.user-account .electronic-letter .blockPack .block-bg-corner p em {
            padding: 0.5em 0 0 0;
            display: block;
}
.user-account .electronic-letter .details {padding: 1em 0 0 0;}
.user-account .electronic-letter .details a {
            text-decoration: none;
            color: #006397;
            font-size: 0.9em;
            padding-top: 3px;
            display: block;
}
.user-account .electronic-letter .float-left,
.user-account .electronic-letter .float-right {
            width: 40%;
            padding: 3em 3em 1em 3em;
}
		
.user-account .electronic-letter .float-right-bottom {
			padding:0em;
			padding:9em;
			padding-top:0;
			padding-bottom:2em;
			float:right;
			
}
		
		
.user-account .electronic-letter .float-right-bottom a {
			color:#006397;
			text-decoration:none;
			font-size: 1.3em;
}
		
.user-account .electronic-letter h4 {
            font-size: 1.4em;
            padding-bottom: 0.5em;
            color: #565a5c;
}
.user-account .electronic-letter .alert {
            color: #e54a06;
            font-size: 1.4em;
}
.user-account .electronic-letter .alert em {
            font-weight: 700;
            background: url(../images/icons/ico_alert_24x24.png) no-repeat 0 0;
            padding: 0 0 1em 2.6em;
            font-style: normal;
}
.user-account .electronic-letter .alert p {padding: 0.5em 0 0 2.6em;}
/*detail colissimo en ligne */
.user-account .detailColis .packStatus h3,
.user-account .detailColis .packStatus li {color: #dc5409;}
.user-account .detailColis .packStatus li {border-left: 2px solid #dc5409;}
        
.user-account-pro .user-account .detailColis .packStatus li {border-left: 2px solid #8f2b8c;}
        
.user-account .detailColis .blockPack {
            overflow: hidden;
            padding-bottom: 3em;
}
.user-account .detailColis .last {padding-bottom: 0;}
.user-account .detailColis .blockPack p {
            padding: 0;
            font-size: 1.4em;
}
.user-account .detailColis .blockPack .block-bg-corner {
            display: inline-block;
            font-size: 1.4em;
            padding: 1em 1.5em;
            float: left;
}
.user-account .detailColis .block-bg-corner p {
            padding: 0;
            font-size: 1em;
}
.user-account .detailColis .blockPack .block-border-corner .docLinkColis {
           display: inline-block;
            min-height: 74px;
            padding-left: 82px;
            color: #fff;
            text-align: left; 
            text-decoration: none;
            background: url(../images/btn/generic_pdf_download_left.png) 0 0 no-repeat;
}
.user-account .detailColis .blockPack .block-border-corner .docLinkColis span {
            display: block;
            min-height: 34px; 
            width: 14em;
            padding: 20px 20px 20px 10px;
            font-size: 1.3em; 
            font-weight: 700;
            background: url(../images/btn/generic_pdf_download_right.png) right 0 repeat-y;}   
		  
		 
        
.user-account .detailColis .blockPack .block-bg-corner {
            display: inline-block;
            font-size: 1.4em;
            padding: 1em 1.5em;
            float: left;
}
.user-account .detailColis .details {padding: 1em 0 0 0;}
.user-account .detailColis .details a {
            text-decoration: none;
            color: #006397;
            font-size: 0.9em;
            padding-top: 3px;
            display: block;
}
.user-account .detailColis .float-left{
            width: 30%;
            padding: 3em 3em 1em 3em;
}
.user-account .detailColis .float-right {
            width: 50%;
            padding: 3em 3em 1em 3em;
}
		
.user-account .detailColis .float-right-bottom {
			padding:0em;
			padding:9em;
			padding-top:0;
			padding-bottom:2em;
			float:right;
			
}
		
		
.user-account .detailColis .float-right-bottom a {
			color:#006397;
			text-decoration:none;
			font-size: 1.3em;
}
		
.user-account .detailColis h4 {
            font-size: 1.4em;
            padding-bottom: 0.5em;
            color: #565a5c;
            font-weight: 700;
}
.user-account .detailColis .alert {
            color: #e54a06;
            font-size: 1.4em;
}
.user-account .detailColis .alert em {
            font-weight: 700;
            background: url(../images/icons/ico_alert_24x24.png) no-repeat 0 0;
            padding: 0 0 1em 2.6em;
            font-style: normal;
}
.user-account .detailColis .alert p {padding: 0.5em 0 0 2.6em;}

/*=LETTRE RECOMMANDEE EN LIGNE (letter-mail) */
/*=main title_steps_general content */
.letter-mail .content .title2 {
    float: left;
    padding: 4px 0 4px 68px;
    font-size: 2.9em;
    letter-spacing: -.07em;
    background: url(../images/bg/bg_ico-lettre-recommandee-ligne.png) no-repeat 0 0px;
}

/* Modif SEO */
.letter-mail .content .title2 {
    float: left;
    padding: 4px 0 4px 68px;
    font-size: 2.9em;
    letter-spacing: -.07em;
    background: url(../images/bg/bg_ico-lettre-recommandee-ligne.png) no-repeat 0 0px;
}


.letter-mail .options-wrap h4 {
    padding: 20px 0;
    font: bold 2em/1em Arial,Helvetica,sans-serif;
}
.letter-mail .step-list em {
    padding-right: 13px;
    padding-left: 12px;
}
.letter-mail .step-list span {
    width: 82px;
    padding: 17px 0 0;
}
.letter-mail .step-list .first span {
    width: 70px;
    padding-top: 24px;
}
.letter-mail .step-list .step1 span, 
.letter-mail .step-list .step2 span {width: 56px;}
.letter-mail .step-list .last span {
    width: 114px;
    padding-top: 24px;
}
.letter-mail p.legend, .electronic-letter p.legend {
    padding: 0 0 15px 33px;
    color: #565a5c;
    font-size: 1.2em;
}
.letter-mail legend.num-list span {color: #007185;}
.letter-mail .blockButtons .recalculateButton {
    float: left;
    min-width: 0;
    width: auto;
    padding-top: 0;
}

.letter-mail #LelStep3Recap .blockButtons .recalculateButton {
    float: left;
    min-width: 310px;
    width: auto;
    padding-top: 0;
}

/*=step2*/
.letter-mail .options-wrap {
        float: left;
        width: 574px;
        margin-right: 20px;
}
.letter-mail .step2 fieldset {margin-bottom: 30px;}
.letter-mail .step2 .last {margin-bottom: 0;}
.letter-mail .step2 .last fieldset {margin-bottom: 21px;}
.letter-mail .step2 .options-wrap legend {padding-bottom: 10px;}
.letter-mail .step2 .options-shipping li {
        display: inline-block;
        color: #565a5c;
        vertical-align: middle;
}
.letter-mail .step2 .options-shipping li:first-child {
        margin-right: 22px;
        font-size: 1.2em;
        font-weight: 700;
}
.letter-mail .step2 .options-shipping li a,
.letter-mail .step2 .options-shipping .facteurIcon {
        display: block;
        float: left;
}
/*.letter-mail .step2 .options-shipping li:first-child span {
        color: #565a5c;
        margin-left: 22px;
        line-height: 3em;
    }*/
.letter-mail .facteurIcon {
        display: block;
        float: left;
        min-height: 43px;
        padding-right: 58px;
        background: url(../images/icons/ico_facteur-big.png) no-repeat right 0px;
        line-height: 3em;
}
.letter-mail .step2 .options-shipping li:first-child .facteurIcon {margin-left: 0;}
.letter-mail .step2 .type-checkbox {padding: 0 0 0 2em;}
.letter-mail .step2 .type-checkbox label {
        /*float: right;*/
        /*width: 480px;*/
        font-size: 1.4em;
        font-weight: 700;
}
.letter-mail .step2 .type-checkbox input {float: none; margin-left: 10px; padding-top: 5px;}

/*OPTIONS IMPRESSION BLOCK - border-color */
.letter-mail .impressionOptions .block-radio.selected {border: 1px solid #007185;}
.letter-mail .impressionOptions .block-radio.selected .block-corner.lineHG {background-position: -12px -24px;}
.letter-mail .impressionOptions .block-radio.selected .block-corner.lineHD {background-position: -12px -36px;}
.letter-mail .impressionOptions .block-radio.selected .block-corner.filledlineBG {background-position: -12px 0;}
.letter-mail .impressionOptions .block-radio.selected .block-corner.filledlineBD {background-position: -12px -12px;}
.letter-mail .step2 .options-wrap .type-text {float: none;}
.letter-mail .step2 .options-wrap .type-text label {
        min-width: 160px;
        font-size: 1.6em;
        font-weight: 700;
}
    
/*OPTIONS RESUME BLOCK - display info */
.letter-mail .destinataires-resume-block {
        width: 256px;
        padding: 1em;
}
.letter-mail .destinataires-resume-block .title4 {margin: 10px 10px 24px;}
.letter-mail .destinataires-resume-block .optFacteur,
.letter-mail .destinataires-resume-block .optNumerique {
        min-height: 20px;
        min-width: 36%;
        margin-top: -6px;
        padding: 6px 34px 10px 0;
}
.letter-mail .destinataires-resume-block .optFacteur {background: url(../images/icons/ico_facteur-small.png) no-repeat right 0px;}
.letter-mail .destinataires-resume-block .optNumerique {background: url(../images/icons/ico_numerique-small.png) no-repeat right 0px;}
.letter-mail .optionsResume dt {
        width: 42%;
        padding-right: 10px;
        margin: 0 0 14px 10px;
}
.letter-mail .optionsResume .invoice {
        min-width: 42%;
        margin-top: 0;
}
.letter-mail .optionsResume .valueInfo {min-width: 43%;}
.letter-mail .optionsResume .value {min-width: 46%;}
.letter-mail .step2 .destinataires-resume-block .optionsResume dt,
.letter-mail .step2 .destinataires-resume-block .optionsResume dd {display: none;}
.letter-mail .step2 .destinataires-resume-block .optionsResume dt.opt0,
.letter-mail .step2 .destinataires-resume-block .optionsResume dd.opt0,
.letter-mail .step2 .destinataires-resume-block .optionsResume .valueInfo,
.letter-mail .step2 .destinataires-resume-block .optionsResume .value {display: block;}

/*=step3*/
/*=error mail */
.letter-mail .step3 h4 {padding-bottom: 20px;}
.letter-mail .step3 h4.first {padding-top: 0;}
.letter-mail .step3 .emailDestinataire,
.letter-mail .step3 .actionsDestinataire dl dt {font-size: 1.4em;}
.letter-mail .step3 .email {font-weight: 700;}
.letter-mail .step3 .emailDestinataire {
        padding-top: 1.5em;
        text-align: center;
}
.letter-mail .step3 .emailDestinataire .emailDestinataire-content {
        display: inline-block;
        width: auto;
        margin-bottom: 0;
        padding: 1em 1.5em;
}
.letter-mail .step3 .actionsDestinataire dl dt {
        float: left;
        width: 360px;
        padding-left: .5em;
}
.letter-mail .step3 .actionsDestinataire {
        padding: 20px 0;
        clear: both;
}
.letter-mail .step3 .actionsDestinataire > dl:first-child dt {padding-left: 2em;}
.letter-mail .step3 .actionsDestinataire span.orText {
        display: block;
        padding: 20px 0;
        font-size: 1.4em;
        font-weight: 700;
        text-align: center;
        clear: both;
}
.letter-mail .btn-facteurIcon {
        display: inline-block;
        padding-left: 34px;
        font-size: 1.5em;
        font-weight: 700;
        text-decoration: none;
        background: url(../images/btn/btn_facteur-left.png) no-repeat 0 0;
        line-height: 2em;
}
.letter-mail .btn-facteurIcon span {
        display: inline-block;
        padding: 5px 12px 0 0;
        color: #fff;
        background: url(../images/btn/btn_facteur-right.png) no-repeat right 0;
        cursor: pointer;
}

/*=destinataires */
.letter-mail .step3 .options-wrap h4 + p {
        padding-bottom: 20px;
        font-size: 1.4em;
}
.letter-mail .step3 .form-swicher .form-radio-simulation {font-size: .7em;}
     
/*adapt text size for links */
/*=tabs*/
.letter-mail .step3 .tabsLrelNav {min-height: 46px;}
.letter-mail .step3 .tabsLrelNav li {
        float: left;
        margin-left: 1px;
        font: 1.4em/1em Roboto, Verdana, sans-serif;
}
.letter-mail .step3 .tabsLrelNav li a {
        display: block;
        float: left;
        min-height: 46px;
        padding: 0 0 0 17px;
        text-decoration: none;
        background: url(../images/bg/bg_tab_filled_body_blue2_left.png) no-repeat 0 0;
}
.letter-mail .step3 .tabsLrelNav li a span {
        display: block;
        min-height: 34px;
        padding: 12px 17px 0 0;
        color: #fff;
        text-align: center;
        background: #198a9e url(../images/bg/bg_tab_filled_body_blue2.png) no-repeat right bottom;
        cursor: pointer;
}
.letter-mail .step3 .tabsLrelNav li.selected a {
        color: #007185;
        background: url(../images/bg/bg_tab_filled_body_left.png) no-repeat 7px 0;
}
.letter-mail .step3 .tabsLrelNav li:first-child.selected a {
        color: #007185;
        background-position: 0 0;
}
.letter-mail .step3 .tabsLrelNav li.selected a span {
        color: #007185;
        background: #f5f5f2 url(../images/bg/bg_tab_filled_body.png) no-repeat right 0;
        cursor: default;
}
.letter-mail .step3 .tabsLrelNav li.saise-email-item span {min-width: 146px;}
.letter-mail .step3 .tabsLrelNav li.recherche-email-item span {min-width: 358px;}
.letter-mail .step3 .tabsContent {clear: both;}
.letter-mail .step3 .tabTitle {display: none;}

/* =form contents */
.letter-mail .step3 .formTitle {font: bold 1.8em Arial,Helvetica,sans-serif;}
.letter-mail .step3 .errorDisplay ul {margin-left: 0;}
.letter-mail .step3 .errorDisplay li {
        padding: 0;
        border-top: none;
}
.letter-mail .step3 .errorDisplay li label {
        float: none;
        width: auto;
}
.letter-mail .step3 .formContent {
        overflow: hidden;
        margin-bottom: 3em;
}
.letter-mail .step3 .addressBook {
        padding: 10px 0 20px;
        text-align: center;
}
.letter-mail .step3 .block-search-destinataire .type-text {padding-bottom: 10px;width: 100%;}
.letter-mail .step3 .block-search-destinataire .type-text label {width: 115px;}
.letter-mail .step3 .block-search-destinataire .type-text input {width: 386px;}
.letter-mail .step3 .block-search-destinataire .type-text.type-formCodeP input {width: 160px;}
.letter-mail .step3 .block-search-destinataire .type-text.type-formCodeP a {
        padding-left: 10px;
        color: #006397;
        font-size: 1.1em;
}
.letter-mail .step3 .block-search-destinataire .type-select label {
        width: 120px;
        line-height: 1.1em;
}
.letter-mail .step3 .block-search-destinataire div.selector {width: 120px;}
.letter-mail .step3 .block-search-destinataire div.selector span {width: 75px;}

/*=step4*/
.letter-mail .step4 .options-wrap h4 {padding-bottom: 10px;}
.letter-mail .step4 .options-wrap h4.first {padding-top: 0;}
.letter-mail .step4 legend.legendAddress {
        padding-bottom: 20px;
        font-size: 1.4em;
        font-weight: 400;
}
.letter-mail .step4 .selectAddressWrap {padding-top: 30px;}
.letter-mail .step4 .selectAddressWrap label {display: none;}
.letter-mail .step4 .selectAddressWrap div.selector {width: 300px;}
.letter-mail .step4 .selectAddressWrap div.selector span {width: 255px;}
.letter-mail .step4 .displayAddress {
        min-height: 96px;
        width: 264px;
        padding-top: 20px;
        font-size: 1.4em;
}
.letter-mail .step4 .addAddressLink {
        padding: 20px 10px 10px;
        text-align: right;
}
.letter-mail .step4 .fieldsAddress {margin-bottom: 2em;}
/*=block-address */
.letter-mail .step4 .block-address {margin-bottom: 0;}
.letter-mail .step4 .block-address .civility p {
        color : #565A5C;
        margin: 0 40px 10px 10px;
        font-size: 1.2em;
}
.letter-mail .step4 .block-address .type-text,
.letter-mail .step4 .block-address .type-select {
        width: 250px;
        padding: 9px 0;
}
.letter-mail .step4 p.type-text.name-address {width: auto;}
.letter-mail .step4 .block-address .type-text input,
.letter-mail .step4 .block-address .type-select input {width: 110px;}
.letter-mail .step4 .block-address .type-text.name-address input {width: 220px;}
.letter-mail .step4 .block-address div.selector {width: 120px;}
.letter-mail .step4 .block-address div.selector span {width: 75px;}
.letter-mail .step4 .block-address a {padding: 10px 0 0;}
.letter-mail .step4 .fieldsAddress .submitAddress {text-align: right;}
    /*Mode Guest*/
    .blockPopin .adresse #formAddressSingleParticulier .fieldsAddress .type-text fieldset{
        direction: rtl;        
    }
    .blockPopin .adresse #formAddressSingleParticulier .fieldsAddress .type-text fieldset input{
        direction: ltr; 
        height: 32px;
        border-radius: 20px;
        border: 1px solid #bbb;
        width: 180px;
        padding: 5px 10px;

    }
    .blockPopin .adresse #formAddressSingleParticulier .fieldsAddress .type-text fieldset label{
        direction: ltr;        
    }


/*=LETTRE EN LIGNE (electronic-letter) */
.electronic-letter .content h2 {
    float: left;
    padding-left: 75px;
    background: url(../images/bg/bg_ico-lettre-ligne.png) no-repeat 0 0;
}

/* Modifs SEO */
.electronic-letter .content h1 {
    float: left;
    padding-left: 75px;
    background: url(../images/bg/bg_ico-lettre-ligne.png) no-repeat 0 0;
}

.electronic-letter .step-list .item_actif span,
.electronic-letter .step-list .item_actif em {color: #DC5409;}
.electronic-letter .step-list .item_actif span {border-bottom: 1px solid transparent;}
.electronic-letter .step-list li span {
    width: 87px;
    padding: 17px 0 0;
}
.electronic-letter .step-list .first span {
    width: 135px;
    padding-top: 24px;
}
.electronic-letter .step-list .step2 span {    
    padding-right: 8px;
    width: 80px;
}
.electronic-letter .step-list .last span {
    width: 113px;
    padding: 17px 0 0;
}

/*content steps */
.electronic-letter .page-step {list-style: none;}
.electronic-letter .page-step li:first-child {margin-top: 0;}
.electronic-letter h4.num-list span {color: #DC5409;}
.electronic-letter .page-step h4.first {margin-top: 49px;}

.electronic-letter .step3 .destinatairesAdd .btn-action-minor {margin-top: 10px;}
.electronic-letter .step3 .destinatairesAdd p, .letter-mail .step3 .destinatairesAdd p {font-size: 1.2em;}

/*=step1 */
.electronic-letter .step1 h3 {text-transform: uppercase;}
.electronic-letter .step1 p {font: 1.3em Arial, Helvetica, sans-serif;}
.electronic-letter .step1 .tabs-content {padding: 40px 20px 30px;}
.electronic-letter .step1 .tabs-content h3 {
        padding-bottom: 1em;
        text-transform: none;
}
.electronic-letter .tabs li a,
.electronic-letter .tabs li .body {
        float: left;
        width: 253px;
        color: #363636;
        text-decoration: none;
        background: url(../images/bg/tabs_line_body.png) repeat-x center top;
}
.electronic-letter .tabs li a.desactivTab {cursor:default;color:gray;}
.electronic-letter .tabs .selected .body {color: #e56306;}
.electronic-letter .tabs .middle {padding: 0 0 1px 4px}
.electronic-letter .tabs .left {background: url(../images/bg/tabs_line_lft_first.png) no-repeat 0 0;}
.electronic-letter .tabs .right {background: url(../images/bg/tabs_line_rgt_last.png) no-repeat 0 0;}
.electronic-letter .tabs-content-outer {width: 879px;}

/*=tabs1 content */
.electronic-letter .step1 .tab1 h3 {
        padding-bottom: 1em;
        text-transform: none;
}
.electronic-letter .step1 .tab1 p span {color: #E56306;}
.electronic-letter .step1 .tab1 .type-file span.filename {color: #999;}
.electronic-letter .step1 .tab1 .type-file span.action {
        color: #363636;
        font-size: 0.9em;
}

/*=tabs1 -table */
.electronic-letter .step1 .block-border-corner {
        max-width: 840px;
        margin-top: 1em;
        padding: 0;
}
.electronic-letter .step1 .courrier-docs {
        width: 100%;
        font-size: 1.1em;
        text-align: left;
        vertical-align: middle;
}
.electronic-letter .step1 .courrier-docs thead th {
        padding: 1em;
        color: #dc5409;
        font-size: 1.4em;
        font-weight: 400;
        text-align: left;
        text-transform: uppercase;
        font-family: Roboto, Verdana, sans-serif;
}
.electronic-letter .step1 .courrier-docs tbody th {
        padding: 1em 0;
        background-color: #f5f5f2;
        color: #363636;
        text-align: left;
        font-weight: 400;
}
.electronic-letter .step1 .courrier-docs tbody th#nom {
        max-width: 580px;
        padding: 1em 0 0 3em;
}
.electronic-letter .step1 .courrier-docs tbody th#poids {max-width: 80px;}
.electronic-letter .step1 .courrier-docs tbody th#visualiser {max-width: 80px;}
.electronic-letter .step1 .courrier-docs tbody th#supprimer {max-width: 80px;}
.electronic-letter .step1 .courrier-docs td {
        padding: 1em 0 0 0;
        color: #565a5c;
        vertical-align: top;
}
.electronic-letter .step1 .courrier-docs tbody tr td.first,
.electronic-letter .step1 .courrier-docs tbody tr.last td.first {padding: 1em 0 0 3em;}
.electronic-letter .step1 .courrier-docs tbody tr.last td {padding: 1em 0 5em 0;}
.electronic-letter .step1 .courrier-docs tbody td a {
        display: block;
        display: block;
        height: 20px;
        width: 20px;
        margin-left: 15px;
}
.electronic-letter .step1 .courrier-docs tfoot td {
        padding: 0.8em 2em;
        background-color: #f5f5f2;
        color: #FF0000;
}
.electronic-letter .step1 .btn-footer {
        float: left;
        width: 100%;
        padding: 15px 0;
}
.electronic-letter .step1 .btn-footer li {
        float: left;
        padding-top: 10px;
}
.electronic-letter .step1 .btn-footer li.right {float: right;}

/*=tab2 */
.electronic-letter .step1 .tab2 .form-swicher {padding: 0;}
.electronic-letter .step1 .tab2 .form-swicher h3 {
        padding-bottom: 0.8em;
        font-size: 1.3em;
        letter-spacing: -0.04em;
}
.electronic-letter .step1 .tab2 .form-swicher .form-radio-simulation {font-size: 0.7em;}
.electronic-letter .step1 .tab2 .form-swicher .form-radio-simulation .icon {margin-bottom: -5px;}
.electronic-letter .step1 .tab2 .form-swicher .form-radio-simulation.selected span {background-position: -108px -279px;}
.electronic-letter .step1 .tab2 {padding: 30px 19px 30px;}
.electronic-letter .step1 .tab2 .modeles-lettre-content {padding-top: 3em;}
.electronic-letter .step1 .tab2 .modeles-lettre-content .block-border-corner {
        float: left;
        max-width: 238px;
        min-height: 220px;
        margin: 0 0 0 1.5em;
        padding: 15px;
        line-height: 2em;
}
.electronic-letter .step1 .tab2 .modeles-lettre-content .block-border-corner.first {margin: 0;}
.electronic-letter .step1 .tab2 .modeles-lettre-content .block-border-corner h4 {
        margin: 0;padding: 8px 0 18px 78px;
        font-size: 1.8em;
        text-transform: none;
}
.electronic-letter .step1 .tab2 .modeles-lettre-content .block-border-corner .administratives {background: url(../images/icons/ico-lel-courrier.jpg) no-repeat 0 0;}
.electronic-letter .step1 .tab2 .modeles-lettre-content .block-border-corner .emploi {background: url(../images/icons/ico-lel-courrier.jpg) no-repeat 0 -75px;}
.electronic-letter .step1 .tab2 .modeles-lettre-content .block-border-corner .reclamations {background: url(../images/icons/ico-lel-courrier.jpg) no-repeat 0 -135px;}
.electronic-letter .step1 .tab2 .modeles-lettre-content .block-border-corner ul {
        float: left;
        padding-top: 1.2em;
}
.electronic-letter .step1 .tab2 .modeles-lettre-content .block-border-corner ul li {
        float: left;
        font-size: 1.1em;
        font-weight: 400;
        text-align: left;
        background: url(../images/icons/ico_arrow_readmore.gif) no-repeat left 4px;
}
.electronic-letter .step1 .tab2 .modeles-lettre-content .block-border-corner ul li a {
        width: 220px;
        padding: 0 0 5px 10px;
        color: #363636;
        text-decoration: none;
        background: none;
        line-height: 1.2em;
}
.electronic-letter .step1 .tab2 .modeles-lettre-content .block-border-corner ul li a:hover {text-decoration: underline;}
.js-noactive .step1 .tab2 .modeles-lettre-content h3 {
        display: block;
        color: #565A5C;
        font-size: 1.3em;
        font-weight: 700;
}
.js-active .step1 .tab2 .modeles-lettre-content h3 {display: none;}

/*=tab2 - modele de lettre */
.electronic-letter .step1 .modele {padding: 0;}
.electronic-letter .step1 .modele .lettre-top {
        color: #006397;
        border-bottom: 1px solid #dcdcdb;
        font-size: 1.3em;
        font-weight: 700;
}
.electronic-letter .step1 .modele .lettre-breadcrumb {
        float: left;
        min-width: 500px;
        padding: 8px 0 8px 20px;
}
.electronic-letter .step1 .modele .lettre-breadcrumb li {float: left;}
.electronic-letter .step1 .modele .lettre-breadcrumb li a {
        padding-right: 3px;
        color: #006397;
        font-weight: 400;
        text-decoration: none;
}
.electronic-letter .step1 .modele .nav-lettres {
        float: right;
        padding: 8px 20px;
}
.electronic-letter .step1 .modele .nav-lettres li {
        float: left;
        padding-right: 15px;
}
.electronic-letter .step1 .modele .nav-lettres li a {
        height: 30px;
        color: #006397;
        text-decoration: none;
}
.electronic-letter .step1 .modele .nav-lettres .prev a {
        padding-right: 15px;
        font-weight: normal;
        background: url(../images/icons/ico-blue-arrow.gif) no-repeat right 2px;
}
.electronic-letter .step1 .modele .nav-lettres .next a {
        padding-left: 15px;
        font-weight: normal;
        background: url(../images/icons/ico-blue-arrow.gif) no-repeat left -12px;
}
.electronic-letter .step1 .modele .edition {
        float: left;
        width: 838px;
        padding: 10px 20px;
        background: url('../images/bg/bg_F5F5F2.png') repeat;
}
.electronic-letter .step1 .modele .edition li {float: left;}
.electronic-letter .step1 .modele .edition li:first-child {min-width: 415px;}
.electronic-letter .step1 .modele .edition li.right {float: right;}
.electronic-letter .step1 .modele .edition li a.pdf {
        display: block;
        float: left;
        padding: 5px 0 0 30px;
        color: #006397;
        font-size: 1.2em;
        text-decoration: none;
        background: url("../images/icons/ico_pop_zoom.png") no-repeat scroll -102px 5px transparent;
}
/*.electronic-letter .step1 .modele .edition li a:hover {text-decoration: underline;}*/
.electronic-letter .step1 .modele .lettre-wrapper .lettre {
        float: left;
        padding: 25px;
        color: #363636;
}
.electronic-letter .step1 .modele .lettre-wrapper .lettre p {
        padding: 0;
        font-size: 1.6em;
        font-family: Arial, Helvetica, sans-serif;
}
.electronic-letter .step1 .modele .lettre-wrapper .lettre p code {
     text-transform: none;
     font: normal 0.9em Arial, Helvetica, sans-serif;
}
.electronic-letter .step1 .modele .lettre-wrapper .lettre .lette-content {
        float: left;
        min-width: 840px;
        padding-top: 5em;
}
.electronic-letter .step1 .modele .lettre-wrapper .lettre .lette-top-left {float: left;}
.electronic-letter .step1 .modele .lettre-wrapper .lettre .lette-top-right {
        float: right;
        min-width: 150px;
}
.electronic-letter .step1 .lettre-footer {margin-top: 3em;}
.electronic-letter .step1 .lettre-footer p {
        padding: 2em 0 1em;
        font-size: 1.2em;
}
.electronic-letter .step1 .lettre-footer a {color: #006397;}
.electronic-letter .step1 .lettre-footer .notice {
        display: block;
        padding: .5em 0;
        font-size: 0.9em;
}

/*WYSIWYG */
.electronic-letter .step1 .modele .textarea_editor {position: relative;}
.electronic-letter .step1 .modele .textarea_editor textarea {
        height: 536px;
        width: 872px;
        margin: 0 0 -1px 0;
}
.electronic-letter.js-active .step1 .modele .picto_wysiwyg {
        display: block;
        position: absolute;
        left: 15px;
        top: 30px;
        height: 56px;
        width: 55px;
        background: url(../images/bg/picto_wysiwyg.png) no-repeat 0 0;
        z-index: 999;
}
.electronic-letter .step1 .lettre-wrapper .notice {
        padding: 15px 80px;
        background: #F5F5F2;
}
.electronic-letter .step1 span.cke_skin_kama {
        margin-left: -1px;
        padding: 0;
        border-radius: 0;
}
.electronic-letter .step1 .cke_skin_kama .cke_wrapper {
        background-color: #F5F5F2;
        background: none;
}
.electronic-letter .cke_top {padding-left: 100px;}
.electronic-letter .nbr_pages {margin-top: 0.6em;}
/*=upload form */
.electronic-letter .step1 .upload-form {margin-top: 20px;}
.electronic-letter .step1 .upload-form-submit {
        display: block;
        float: left;
        padding-top: 7px;
}

/*=step2 */
.electronic-letter .step2 .options-wrap {
        float: left;
        width: 574px;
        margin-right: 20px;
}
.electronic-letter legend {padding-bottom: 19px;}
.electronic-letter legend span {
        color: #DC5409
}
.electronic-letter .step2 .options-wrap .type-checkbox {padding: 0 4em 2em;}
.electronic-letter .step2 .options-wrap  .type-checkbox label {
        font-size: 1.4em;
        font-weight: 700;
}
.electronic-letter .step2 .options-wrap  .type-checkbox input {
        float: none;
        margin: 3px 0 0 10px;
        padding-top: 5px;
        display: inline-block;
}
.electronic-letter .step2 .options-wrap  .type-checkbox .label-link {
        display: block;
        padding: 8px 0 20px;
        font-size: 1.2em;
        clear: both;
}
.electronic-letter .step2 .options-wrap .type-checkbox .label-link a {color: #006397;}
.js-noactive .impressionOptions .htmltooltip_aide {display: block;top: -169px;}
.js-noactive .impressionOptions .with_help {padding-top: 130px;}

/*OPTIONS IMPRESSION BLOCK - border-color */
.electronic-letter .impressionOptions  .block-radio.selected {border: 1px solid #e27234;}
.electronic-letter .impressionOptions .block-radio.selected  .block-corner.lineHG {background-position: 0px -24px;}
.electronic-letter .impressionOptions .block-radio.selected  .block-corner.lineHD {background-position: 0px -36px;}
.electronic-letter .impressionOptions .block-radio.selected  .block-corner.filledlineBG {background-position: 0px 0px;}
.electronic-letter .impressionOptions .block-radio.selected  .block-corner.filledlineBD {background-position: 0px -12px;}
.electronic-letter .step2  .options-wrap  .type-text {float: none;}
.electronic-letter .step2  .options-wrap  .type-text label {
        min-width: 160px;
        font-size: 1.6em;
        font-weight: 700;
}
.electronic-letter .step2 .destinataires-resume-block .optionsResume dt,
.electronic-letter .step2 .destinataires-resume-block .optionsResume dd {display: none;}
.electronic-letter .step2 .destinataires-resume-block .optionsResume .valueInfo,
.electronic-letter .step2 .destinataires-resume-block .optionsResume .value {display: block;}

/*=step3 */
.electronic-letter .step3 .content {overflow: hidden;}
.electronic-letter .step3 .destinataires-wrap, .letter-mail .step3 .destinataires-wrap{
        float: left;
        width: 574px;
        margin-right: 20px;
}
.electronic-letter .step3 p.link-tarifs {min-width: 10px;}

/*override .tableDestinataire BLOCK */
.electronic-letter .titleDestinataires, .letter-mail .titleDestinataires{color: #dc5409;}
.electronic-letter .step3 .destinatairesInfo, .letter-mail .step3 .destinatairesInfo {padding-top: 1em;}
.electronic-letter .step3 .destinatairesInfo .tableDestinataire, .letter-mail .step3 .destinatairesInfo .tableDestinataire {margin: 0;}
.electronic-letter .step3 .destinatairesInfo .tableDestinataire table thead th, .letter-mail .step3 .destinatairesInfo .tableDestinataire table thead th {padding: 4px 20px;}
.electronic-letter .step3 .destinatairesInfo .tableDestinataire table tbody td, .letter-mail .step3 .destinatairesInfo .tableDestinataire table tbody td {padding: 8px 20px;}

/*define widths */
.electronic-letter .step3 .destinatairesInfo .tableDestinataire table .name, .letter-mail .step3 .destinatairesInfo .tableDestinataire table .name {width: 70px;}
.electronic-letter .step3 .destinatairesInfo .tableDestinataire table .address, .letter-mail .step3 .destinatairesInfo .tableDestinataire table .address {width: 120px;}
.electronic-letter .step3 .destinatairesInfo .tableDestinataire table .actions.addAdress, .letter-mail .step3 .destinatairesInfo .tableDestinataire table .actions.addAdress {
        width: 90px;
        padding: 4px;
}
.electronic-letter .step3 .destinatairesInfo .tableDestinataire table .actions.edit, .letter-mail .step3 .destinatairesInfo .tableDestinataire table .actions.edit{
        width: 46px;
        padding: 4px;
}

/* =step4 */
.electronic-letter .step4 .content {overflow: hidden;}
.electronic-letter .step4 p {font-size: 1.3em;}
.electronic-letter .step4 p a {font-size: 0.85em;}
.electronic-letter .step4 .destinataires-wrap {
        float: left;
        width: 574px;
        margin-right: 20px;
}
/*=pdf page */
.electronic-letter .step4 .page-step p {color: #565a5c;}
.electronic-letter .step4 .visualizeDocBlock {padding-top: 24px;}
.electronic-letter .step4 .visualizeDocBlock ul {text-align: center;}
.electronic-letter .step4 .visualizeDocBlock li {
            display: inline-block;
            vertical-align: top;
}
.electronic-letter .step4 .visualizeDocBlock .note {
            display: block;
            padding-top: 10px;
            color: #565a5c;
            font-size: 1.1em;
            text-align: center;
}
.electronic-letter .step4 .visualizeDocBlock .note a {color: #006397;}
.electronic-letter .docLink {
            display: inline-block;
            min-height: 74px;
            padding-left: 82px;
            margin: 0 15px;
            color: #fff;
            text-align: left;
            text-decoration: none;
            background: url(../images/btn/btn_pdf_download_left.png) 0 0 no-repeat;
}
.electronic-letter .docLink span {
            display: block;
            min-height: 34px;
            width: 6.5em;
            padding: 20px 20px 20px 10px;
            font-size: 1.3em;
            font-weight: 700;
            background: url(../images/btn/btn_pdf_download_right.png) right 0 repeat-y;
}
.electronic-letter .docLink .docSize {
            display: block;
            margin-top: -16px;
            padding-left: 10px;
            color: #006e81;
            font-style: normal;
            font-size: 1.3em;
}
.electronic-letter .step4 fieldset {padding-bottom: 40px;}
.electronic-letter .step4 fieldset legend {
            position: absolute;
            top: -9999px;
}
.electronic-letter .step4 .type-checkbox label {
            /*float: right;
            width: 854px;*/
            padding-left: 30px;
            color: #565a5c;
}
.electronic-letter .step4 .type-checkbox input {float: none; margin-left: 10px;}
.electronic-letter .step4 #validez-courrier .type-checkbox label {font-size: 1em;}
.electronic-letter .step4 .type-checkbox .label-note {
            display: block;
            padding: 6px 30px 0;
            font-size: 0.9em;
            clear: both;
}
/*=loader */
.electronic-letter .upload-progressbar-wrap {
            position: relative;
            min-height: 90px;
            width: 220px;
            margin: 50px auto;
}
.electronic-letter .upload-progressbar-wrap .upload-progressbar-wrap-top,
.electronic-letter .upload-progressbar-wrap .upload-progressbar-wrap-bottom,
.electronic-letter .upload-progressbar-wrap .cornerHG,
.electronic-letter .upload-progressbar-wrap .cornerHD,
.electronic-letter .upload-progressbar-wrap .cornerBG,
.electronic-letter .upload-progressbar-wrap .cornerBD {position: absolute;}
.electronic-letter .upload-progressbar-wrap .upload-progressbar-wrap-top {
            top: 0;
            height: 7px;
            width: 100%;
            background: url(../images/bg/bg_progressbar_top.png) repeat-x 0 0;
}
.electronic-letter .upload-progressbar-wrap .upload-progressbar-wrap-bottom {
            bottom: 0;
            height: 15px;
            width: 100%;
            background: url(../images/bg/bg_progressbar_bottom.png) repeat-x 0 0;
}
.electronic-letter .upload-progressbar-wrap .cornerHG {
            left: 0;
            top: 0;
            height: 7px;
             width: 15px;
            background: url(../images/bg/bg_progressbar_hg.png) no-repeat 0 0;
}
.electronic-letter .upload-progressbar-wrap .cornerHD {
            right: 0;
            top: 0;
            height: 7px;
            width: 7px;
            background: url(../images/bg/bg_progressbar_hd.png) no-repeat 0 0;
}
.electronic-letter .upload-progressbar-wrap .cornerBG {
            bottom: 0;
            left: 0;
            height: 15px;
            width: 15px;
            background: url(../images/bg/bg_progressbar_bg.png) no-repeat 0 0;
}
.electronic-letter .upload-progressbar-wrap .cornerBD {
            bottom: 0;
            right: 0;
            height: 15px;
            width: 7px;
            background: url(../images/bg/bg_progressbar_bd.png) no-repeat 0 0;
}
.electronic-letter .upload-progressbar {
            padding: 2em;
            background: #fff url(../images/bg/bg_progressbar.png) repeat-y 0 0;
}
.electronic-letter .upload-progressbar .info-progressbar {text-align: center;}
        
/* START updated by NOUAOUI ZAKARIA*/
.blackLink  {color:black;}
div.errorGras { height: 1.4em; color: red; font-size: 130%; list-style:none; font-weight:bold;}
.electronic-letter .upload-progressbar .info-progressbar .pbText {font: Roboto, Verdana, sans-serif;}
.electronic-letter .upload-progressbar .show-progressbar {
            position: relative;
            /*height: 8px;*/
            padding-top: 13px;
            width: 30px;/*170px*/
            margin: 0 auto;
            /*background: #f0a289;*/
}
.electronic-letter .upload-progressbar .show-progressbar .pbProgress {
            display: block;
            position: absolute;
            height: 8px;
            width: 74%;
            background: #e24614;
}

#popup .electronic-letter .upload-progressbar-wrap {
            position: absolute;
            min-height: 90px;
            width: 220px;
            margin: 0 0 0 -110px;
            top: 50%;
            left: 50%;
            display: none;
}
/*         .electronic-letter .upload-progressbar .show-progressbar { */
/*             position: relative; */
/*             height: 8px; */
/*             width: 170px; */
/*             margin: 0 auto; */
/*             background: #f0a289; */
/*         } */
/*         .electronic-letter .upload-progressbar .show-progressbar .pbProgress { */
/*             display: block; */
/*             position: absolute; */
/*             height: 8px; */
/*             width: 74%; */
/*             background: #e24614; */
/*         } */

/*         #popup .electronic-letter .upload-progressbar-wrap { */
/*             position: absolute; */
/*             min-height: 90px; */
/*             width: 220px; */
/*             margin: 0 0 0 -110px; */
/*             top: 50%; */
/*             left: 50%; */
/*             display: none; */
/*         } */

.letter-mail .step1 .courrier-docs tbody th {
	        padding: 1em 0;
	        background-color: #f5f5f2;
	        color: #363636;
	        text-align: left;
	        font-weight: 400;
}
    
/* END updated by NOUAOUI ZAKARIA*/


/* =recapitulatif */
.electronic-letter .step4 .recapInfo {padding: 1em 0 0;}
.electronic-letter .step4 .recapInfo .tableDestinataire {margin: 1em 2em 2em;}
.electronic-letter .step4 .type-checkbox #confirme {
            position: relative;
            z-index: 1;
}
.electronic-letter .step4 .recapInfo fieldset {padding-bottom: 0;}
.electronic-letter .step4 .recapInfo .type-checkbox {padding: 0 2em;}
.electronic-letter .step4 .recapInfo .type-checkbox label {
            float: left;
            padding: 0 3px 8px 5px;
}
.electronic-letter .step4 .recapInfo .type-checkbox .label-link {
            display: block;
            clear: both;
            padding-bottom: 10px;
}
.electronic-letter .step4 .recapInfo .type-checkbox .label-link a {color: #006397; padding-left: 5px;}
.electronic-letter .step4 .recapInfo .type-checkbox .value {
            display: block;
            float: right;
            padding: 0 6px 0 0px;
}
.electronic-letter .step4 .recapInfo .value-footer-wrap .value {
            float: right;
            font-size: 1em;
}
.electronic-letter .step4 .value-footer-wrap .totalTVA {
            clear: both;
            overflow: hidden;
}
.electronic-letter .step4 .value-footer-wrap .totalHT,
.electronic-letter .step4 .value-footer-wrap .total {
            padding: 1em 3em;
            background: #f5f5f2;
            clear: both;
            overflow: hidden;
}
.electronic-letter .step4 .value-footer-wrap .total {padding: 0 3em;}
.electronic-letter .step4 .value-footer-wrap .totalTVA,
.electronic-letter .step4 .value-footer-wrap .totalHT {
            padding: 1em 2em;
            font-size: 1.6em;
}
.electronic-letter .step4 .value-footer-wrap .total .legend {
            display: block;
            float: left;
            padding: 0.7em 0;
            font-size: 1.8em;font-weight: 700;
            line-height: 16px;
}
.electronic-letter .step4 .value-footer-wrap .total .value {
            padding: 0.5em 0;
            font-size: 2.4em;font-weight: 700;
            line-height: 16px;
}


/*=TUNNEL */
.transverse .step1 .step, .transverse .step3 .step {margin-bottom: 1em;}
.transverse .step-list span {
    width: 135px;
}
.transverse .step-list .item_actif span,
.transverse .step-list .item_actif em {color: #e54a06;}
/* accueil step */
/*.transverse .step-list .first span {
    width: 135px;
    padding-top: 24px;
}*/
.transverse .step-list .last span {
   /* width: 114px;
    padding: 17px 0 0;*/
}
.transverse .step-list .step1 span,
.transverse .step-list .step2 span,
.transverse .step-list .step3 span,
.transverse .step-list .step4 span {padding: 23px 0 0;}
.transverse .step-list .step1 span {
   /* width: 77px;
    padding-right: 10px;*/
}
/*identifie*/
.transverse .identified .step-list span { width: 186px;}
/* accueil step identified */
/*.transverse .identified .step-list .first span {
        width: 194px;
        padding-left: 0;
    }*/
/*.transverse .identified .step-list .last span {width: 122px;}*/
.transverse .identified .step-list span {padding-left: 22px;}
.transverse .identified .step-list em {padding: 27px 0 0 36px;}
/*.transverse .identified .step-list .step1 span {
        padding-right: 0;
        padding-top: 22px;
        width: 112px;
    }*/
/*step1 */
.transverse .secure {
        display: block;
        float: right;
        height: 27px;
        width: 63px;
        padding: 25px 35px 14px;
        color: #718504;
        font-size: 1.2em;
        text-align: center;
        background: url(../images/icons/secure.gif) no-repeat center 0 #fff;
}
.transverse .step1 .block-bg-corner {
        padding: 0.5em;
        clear: both;
}
.transverse .step1 table {color: #696760;}
.transverse .step1 .firstRow {border-top: 2px solid #fff;}
.transverse .step1 #services {
        width: 500px;
        padding: 0 0 0 2.5em;
}
.transverse .step1 th,
.transverse .step1 td {vertical-align: middle; }
.transverse .step1 .value {
        text-align: center;
        padding: 0 27px 0 0;
}
.transverse .step1 #lettre-ligne,
.transverse .step1 #lettre-recommandee {height: 100px;}
.transverse .step1 .serviceTitle {padding-bottom: 0;}
.transverse .step1 .serviceNom {font-size:1.2em;display:block;}
.transverse .step1 th a {
        color: #006397;
        font-size: 1.2em;
}
	
	
	
.transverse .code_promo,
.transverse .order_total {
        float: left;
        width: 400px;
        margin: 20px 0 0;		
        color: #696760;
}
.transverse .order_total {float: right;}
.transverse .code_promo {
        float: left;
        width: 308px;
        margin: 20px 0 0;
       padding: 15px 21px;
        background: #f5f5f2;
}
.transverse .obligation_comande {
		float: left;
		margin-top: 30px;
		padding: 5px;
}
	
.transverse .obligation_comande label{
		
		line-height: 1.2em;
		width: 300px;
		 color: #696760;
       
        font-size: 1.6em;
        font-weight: bold;
}
	
.transverse .obligation_comande input{
		vertical-align: top;
		margin-top: 0.2em;
}
.transverse .code_promo legend {
        color: #696760;
        padding-bottom: 10px;
        font-size: 1.6em;
        font-weight: bold;
}
.transverse .code_promo label {
        float: left;
        padding: 4px 13px 4px 0;
        font-size: 1.4em;
}
.transverse .code_promo .check_code {
        float: left;
        position: relative;
}
.transverse .code_promo .check_code span {
        background: url(../images/bg/bg_input-sprite.png) no-repeat left -29px;
        display: block;
        height: 24px;
        padding: 0 0 0 4px;
        width: 125px;
}
.transverse .code_promo .check_code input {
        background: url(../images/bg/bg_input-sprite.png) no-repeat right 0 #F0F0F0;
        border: 0;
        color: #363636;
        display: block;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 1.2em;
        height: 24px;
        margin: 0;
        padding: 0 27px 0 0;
        width: 95px;
}
.transverse .code_promo .check_code .check_code_submit {
        background: url(../images/btn/btn_submit-arrow.png) no-repeat 0 0;
        border: 0;
        color: #666;
        cursor: pointer;
        display: block;
        height: 16px;
        padding: 0 0 0 1em;
        position: absolute;
        right: 8px;
        text-indent: -9000px;
        top: 4px;
        width: 18px;      
}
.transverse .code_promo .mess_validate1,
.transverse .code_promo .mess_validate2 {
        color: #e54a06;
        font-size: 1.4em;
}
.transverse .code_promo .mess_validate1 {
        display: block;
        padding-top: 5px;

}
.transverse .code_promo .mess_validate2 {
        clear: both;
        display: block;
        padding: 7px 0 10px;
}
.js-noactive .step1 .code_promo .btn-send {margin-left: 35px;}
.js-active .step1 .code_promo .btn-send {display: none;}
.transverse .order_total li {
        font-size: 1.6em;
        overflow: hidden;
}
.transverse .order_total li .label {
        float: left;
        padding: 14px 0 14px 14px;
        color: #696760;
}
.transverse .order_total li .value {
        float: right;
        width: 120px;
        margin-right: 32px;
        padding: 14px 0;
        color: #E54A06;
        text-align: right;
}
.transverse .order_total .total-ht {background: #f5f5f2;}
.transverse .order_total .total-ttc {
        font-size: 1.8em;
        font-weight: bold;
        text-transform: uppercase;
        background: url(../images/bg/stamp_total_price.jpg) repeat-y 0 0;
}
.transverse .order_total .total-ttc .value {font-size: 1.333em;}

/*step2 */

/*step3 */
.transverse .step3 .float-right {padding: 3em 0;}
.transverse .step3 .block-border-corner {
        width: 418px;
        margin-left: 40px;
        float: left;
        padding: 0;
}
.transverse .step3 .block-border-corner.cpp{
     height: 340px;
}
.transverse .step3 .first {
            margin-left: 0;
            margin-bottom: 0em;
            padding-bottom: 3em;
            clear: right;
}
.transverse .step3 .paie-title {font: normal 1.8em/1.8em Arial, Helvetica, sans-serif;}
.transverse .step3 .paie-title {padding: .5em .7em;}
.transverse .step3 .first .paie-title {padding: .5em 1.6em;}
.transverse .step3 fieldset {
        background-color: #f5f5f2;
        padding: 0.5em 3em;
}
.transverse .step3 legend {
        float: left;
        font-size: 1.4em;
}
.transverse .step3 .block-border-corner ul {float: left;}
.transverse .step3 .block-border-corner li {
        width: 178px;
        float: left;
        text-align: center;
        padding: 0 0 0.6em 0;
}
.transverse .step3 .block-border-corner li img {
        display: block;
        text-align: center;
        margin: 0 auto;
        padding-bottom: 0.4em;
}
.transverse .step3 .block-border-corner li label {
        display: block; 
        clear: both;
        padding-top: 4.5em;
        padding-bottom: 0.3em;
}
	
.transverse .step3 .block-border-corner li label.error {
		position :absolute;
		color:red;
		top:15px;
		left:30px;
		font-size:1.5em;
}
    
.transversePro .step3 ul.payment-layout,
.transverse .step3 ul.payment-layout {
		display: flex;
		flex-wrap: wrap;
}
    
.transversePro .step3 ul.payment-layout li,
.transverse .step3 ul.payment-layout li {
	    display: flex;
	    flex-direction: column;
	    justify-content: flex-end;
	    padding: 10px 0;
	    min-height: 94px;
	    border-bottom: solid 1px #dedee0;
}
    
.transversePro .step3 ul.payment-layout li label,
.transverse .step3 ul.payment-layout li label,
.transverse .step3 ul.payment-layout li label.pay-name {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		height: auto;
}

.transversePro .step3 ul.payment-layout li label > span,
.transverse .step3 ul.payment-layout li label > span {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 50px;
        line-height: 15px;
}

.transversePro .step3 ul.payment-layout li label > span .label,
.transverse .step3 ul.payment-layout li label > span .label {
        display: block;
        padding-bottom: 5px;
}
	
.transversePro .step3 ul.payment-layout li label img,
.transverse .step3 ul.payment-layout li label img {
		padding: 0;
}
    
.transversePro .step3 ul.payment-layout li.without-border,
.transverse .step3 ul.payment-layout li.without-border {
		border-bottom: none;
}
	
/*.transverse .step3 li .cb {background: url(../images/media/carte-bancaire-v3.png) no-repeat center 0;}
    .transverse .step3 li .prepaye {background: url(../images/media/compte-prepaye.jpg) no-repeat center 0;}
    .transverse .step3 li .paypal {background: url(../images/media/paypal.jpg) no-repeat center 10px;}
    .transverse .step3 li .rib {background: url(../images/media/sepa.png) no-repeat center 7px;}
    .transverse .step3 li .mandat {background: url(../images/media/mandat.png) no-repeat center 7px;}*/
.transverse .step3 li input {
        display: block;
        margin: 0 auto;
}
.transverse .step3 .moyens {
        padding: 1em 0 0.5em 1.5em;
        float: left;
        text-align: left;
}
.transverse .step3 .moyens li {
    	width:400px;
    	text-align:left;
        float: left;
}
/*
    .transverse .step3 .moyens li.first {
        border-left: 0 none;
        padding:  0 15px 0 0;
    }
    */
.transverse .step3 .moyens li.first img {padding: 0.7em 0;}
.transverse .step3 .moyens li .paie-title {padding: 0;}
.transverse .step3 .moyens li span {
        font-size: 1.2em;
        display: block;
}
/* step3 - table2 */
.transverse .step3 table {text-align: left;}
.transverse .step3 thead th {
        background: none repeat scroll 0 0 #F5F5F2;
        border-bottom: 3px solid #F5F5F2;
        border-top: 3px solid #F5F5F2;
        color: #363636;
        font-size: 1.2em;
        text-align: left;
}
.transverse .step3 thead #services {
        padding-left: 1em;
        border-right: 1px solid #000;
        font-weight: normal;
}
.transverse .step3 thead #sous-total {
        padding-right: 1em;
        text-align: right;
        font-weight: normal;
}
.transverse .step3 tbody th {
        color: #000;
        font-size: 1.2em;
        font-weight: 700;
        padding: 2.8em 0 2.8em 8em;
        width: 270px;
        text-align: left;
}
.transverse .step3 tbody td {
        color: #e24614;
        font-size: 1.2em;
        font-weight: 400;
        text-align: right;
        padding-right: 1em;
}
.transverse .step3 tbody th.lel {background: url(../images/tooltip/ico-panier.png) no-repeat 10px 17px;}
.transverse .step3 tbody th.rel {background: url(../images/tooltip/ico-panier.png) no-repeat 10px -60px;}
.transverse .step3 tfoot .montant_ht th, .transverse .step3 tfoot .montant_tva th {
        color: #565a5c;
        padding: 0;
}
.transverse .step3 tfoot td {
        color: #e24614;
        padding: 0;
        text-align: right;
}
.transverse .step3 tfoot th {
        font-weight: 400;
        text-align: left;
}
.transverse .step3 tfoot .montant_ht th,
.transverse .step3 tfoot .montant_ht td {
        padding: 1em 10px;
        background: #F5F5F2;
        font-size: 1.6em;
}
.transverse .step3 tfoot .montant_tva th,
.transverse .step3 tfoot .montant_tva td {
        padding: 1em 10px;
        font-size: 1.6em;
}
.transverse .step3 tfoot .montant_total th,
.transverse .step3 tfoot .montant_total td {
        background: url(../images/bg/grey_paiement.png) repeat-x left top;
        padding: 1em 10px 2em;
        font-size: 1.8em;
        font-weight: 700;
}
.transverse .step3 tfoot .montant_total th {
        color: #565a5c;
        text-transform: uppercase;  
}
.transverse .step3 tfoot .montant_total td {
        font-size: 2em;
        color: #e24614;
}
/*step4 */
.transverse .step4 .title3-container {margin-bottom: 2em;}
.transverse .step4 p {
        margin-bottom: 1.2em;
        font-size: 1.4em;
}
.transverse .step4 .exergue-color {font-size: 1em;}
.transverse .step4 h4 {
        padding-bottom: 1em;padding-top: 0.2em;
        font-size: 1.4em;
        text-transform: uppercase;
}
.transverse .step4 dl {font-size: 1.4em;}
.transverse .step4 dt {
        float: left;
        padding-bottom: 0.5em;
        clear: left;
}
.transverse .step4 dd {
        float: left;
        color: #e54a06;
}

/*!IE7 */
.transverse .step4 .list_liens {
        padding-top: 1em;
        clear: left;
}
.transverse .step4 .list_liens li {padding-bottom: 0.5em;}
.transverse .step4 .list_liens a {
        color: #006397;
        font-size: 1.4em;
}
.transverse .step4 .block-bg-corner {margin-bottom: 2em;margin-top: 1.7em;}
.transverse .step4 .block-bg-corner h3 {margin: 0.3em 0 36px 0.1em;}
.transverse .visuel_stamps,
.transverse .text_print,
.transverse .visuel_stamps .btn-send {float: left;}
.transverse .visuel_stamps {
        padding-left: 26px;
        text-align: center;
}
.transverse .visuel_stamps span {
        display: block;
        margin-bottom: 4px;
        font-size: 1.2em;
}
.transverse .visuel_stamps img {display: block;}
.transverse .step4 .text_print {
        width: 315px;
        margin-top: 1.9em;
        padding-left: 30px;
}
.transverse .step4 .text_print p {
        margin-bottom: 0;
        padding: 0;
        line-height: 1.214em;
}
.transverse .step4 .btn-action-major {margin: 57px 0 0 56px;}

/* =MA NOUVELLE ADRESSE (new-address) */
.new-address .step-list .step1 span,
.new-address .step-list .step2 span,
.new-address .step-list .last span {padding: 18px 0 0;}
.new-address .content-num {padding: 0;}
.new-address .content-num span {color: #e10038;}
.new-address form .block-bg-corner {margin-bottom: 3.9em;}
.new-address form .no-margin {margin-bottom: 0;}
.new-address .main p {
    clear: both;
    padding: 0;
    font-size: 1.4em;
    line-height: 1.5em;
}
.new-address .float-right {padding: 0 0 2em 2em;}
.new-address legend.num-list span {color: #e10038;}

/*=content n.1 */
.new-address .desc {padding: 1em 0 2em 2em;}
.new-address .desc .pack-chooser {
        float: left;
        padding: 2em 0;
}
.new-address .desc .pack-chooser li {
        float: left;
        position: relative;
        font-size: 1.1em;
        font-weight: 700;
        background: white;
        border: 3px solid #f5f5f2;
        padding-right: 1.8em;
}
.new-address .desc .pack-chooser li .bgcorner {
        display: block;
        position: absolute;
        height: 12px;
        width: 12px;
        background-image: url(../images/corner/bg_mna_radio.png);
}
.new-address .desc .pack-chooser li .cornerHG {
        left: 0;
        top: 0;
        background-position: 0 -30px;
}
.new-address .desc .pack-chooser li .cornerHD {
        right: 0;
        top: 0;
        background-position: 12px -30px;
}
.new-address .desc .pack-chooser li .cornerBG {
        bottom: 0;
        left: 0;
        background-position: 0 -42px;
}
.new-address .desc .pack-chooser li .cornerBD {
        bottom: 0;
        right: 0;
        background-position: 12px -42px;
}
.new-address .desc .pack-chooser li label {
        padding: 10px 10px 10px 18px;
        cursor: pointer;
}
.new-address .desc .pack-chooser li.sep-chooser {
        padding: 1em 1.8em;
        background-color: #f5f5f2;
        font-size: 1.4em;
}
.new-address .desc .pack-chooser li.selected {border: 3px solid #ea9fc7;}
.new-address .desc .pack-chooser li.selected .cornerHG {
        left: -3px;
        top: -3px;
        background-position: 0 0;
}
.new-address .desc .pack-chooser li.selected .cornerHD {
        right: -3px;
        top: -3px;
        background-position: 12px 0;
}
.new-address .desc .pack-chooser li.selected .cornerBG {
        bottom: -4px;
        left: -3px;
        background-position: 0 -13px;
}
.new-address .desc .pack-chooser li.selected .cornerBD {
    bottom: -3px;
    right: -3px;
    background-position: 12px -13px;
}
.new-address .desc .services {
        float: left;
        max-height: 200px;
        padding-top: 1em;
}
.new-address .desc .services li {
        float: left;
        min-width: 320px;
        padding: 1em 1em 1.3em 4em;
        border-bottom: 1px solid #ccc;
        font-size: 1.3em;
        background-image: url(../images/icons/ico-mna-list.png);
        background-repeat: no-repeat;
}
.new-address .desc .services li.postales {
        background-position: 0 5px;
        clear: left;
}
.new-address .desc .services li.sms {
        background-position: 7px -38px;
        clear: left;
}
.new-address .desc .services li.guide {
        background-position: 5px -224px;
        clear: left;
}
.new-address .desc .services li.calendrier {
        margin-left: 3.6em;
        background-position: 3px -81px;
}
.new-address .desc .services li.type {
        margin-left: 3.6em;
        background-position: 2px -170px;
}
.new-address .desc .services li.formulaires {
        margin-left: 3.6em;
        background-position: 5px -224px;
}
.new-address .desc .services li.outils {
        margin-left: 3.6em;
        background-position: 7px -273px;
}
.new-address .desc .services li.reductions {
        margin-left: 3.6em;
        background-position: 5px -316px;
        border: 0 none;
}

/*=content n.2 */
.new-address .optionsSupplem table {
        display: block;
        float: left;
        width: 820px;
        padding: 0;
}
.new-address .optionsSupplem thead th {
        padding: 1.8em 0 1em 0;
        text-align: left;
        font-size: 1.4em;
}
.new-address .optionsSupplem tbody td.montant-num {
        padding-top: 0.5em;
        text-align: right;
        vertical-align: top;
}
.new-address .optionsSupplem tbody td .type-text {padding: 0 0 0.5em 0.2em;}
.new-address .optionsSupplem tbody td .type-text span input {
        width: 75px;
        font-size: 1em;
}
.new-address .optionsSupplem tbody td.lots {
        padding: 0.5em 2em 0 0;
        font-weight: 400;
        text-align: right;
        vertical-align: top;
        font-size: 1.4em;
}

/*=content n.3 */
.new-address .code .type-text {padding: 30px 0 10px 219px;}
.new-address .code .type-text label {
        width: 145px;
        color: #565a5c;
        font-size: 1em;
}
.new-address .code .type-text input {
        width: 80px;
        font-size: 1em;
}

/*=content n.4 */
.new-address .block-bg-corner .montant {
        float: left;
        position: relative;
        min-width: 800px;
        margin: 1em 0;
        padding: 1em;
        background: #fff;
        font-size: 1.4em;
}
.new-address .block-bg-corner .montant th {padding-left: 335px;}
.new-address .block-bg-corner .montant td {
        padding-left: 270px;
        font-size: 1.2em;
        font-weight: 700;
}

/* =CSUIVI (track-order) */
.track-order .tabs {width: 882px;}
.track-order .title-header p {
    font-size:1.2em;
    margin-top: -10px;
}
.track-order .tabs .tabNavigation li {
    font-size: 1.4em;
    background: none;
    padding: 0 15px 0 0;
    position: relative;
    z-index: 2;
}
.track-order .tabs .tabNavigation div {
    float: left;
    padding: 1px 0 0 1px;
}
.track-order .tabs .tabNavigation a {
    font-family: Roboto, Verdana, sans-serif;
    white-space: nowrap;background: url(../images/bg/tab.gif) no-repeat left top;
    display: inline-block;
    height: 56px;
    width: auto;
    font-weight: normal;
    padding: 0 0 0 27px;
    text-decoration: none;
    color: #333;
}
.track-order .tabs .tabNavigation a span {
    background: url(../images/bg/tab_right.gif) no-repeat right top;
    color: #FFF;
    display: inline-block;
    height: 38px;
    padding: 12px 25px 6px 0;
    /*text-shadow: 0 1px 1px #000;*/
}
/*.track-order .tabs .tabNavigation a:hover, */
.track-order .tabs .tabNavigation .selected {
    background: url(../images/bg/tab_active.gif) no-repeat left top;
    color: #883893;
    border-bottom: 2px solid #F5F5F2;/* pour la dï¿½sactivation des images */
}
/*.track-order .tabs .tabNavigation a:hover span, */
.track-order .tabs .tabNavigation .selected span {
    background: url(../images/bg/tab_active_right.gif) no-repeat right top;
    color: #883893;
    text-shadow: 0 0 0 #883893;

}
@media screen and (-webkit-min-device-pixel-ratio:0) { /* !hack chrome */
    .track-order .tabs .tabNavigation li {
        padding: 1px 13px 1px 1px;
    }
}
.track-order .tabs .tabNavigation .tab5 {
    padding-right: 0;
    margin-right: -1px; /* la font provoque moins d'un pixel de dï¿½calage */
    padding-left: 1px;
    float: right;
}
.track-order .tabs .tabNavigation .tab5 a {padding-left: 27px;}/* !IE */
.track-order .tabs .tabNavigation .tab5 span {padding-right: 26px;}/* !IE */
.track-order .contentVotreSuivi {margin-top: -12px;} /* !IE7 */
.track-order .contentVotreSuivi .filledHG, .track-order .contentVotreSuivi .filledHD {z-index: 1;}
.track-order .block-bg-corner { 
    margin-bottom:2em;
    padding: 2em 3em;
}
.track-order .formTabs {color: #363636;}
.track-order .formTabs legend,
.select-etat legend {padding-bottom: 0;}

/* =tooltips */
.track-order .aide { 
    float: right;
    height: 30px;
    margin-right: 25px;
    margin-top: 28px;
    position: relative;
    width: 31px;
    cursor:pointer;
}
.track-order .aide a {
    height: 30px;
    width: 31px;
}
.track-order .htmltooltip {
    background: url(../images/bg/bg_tooltip.gif) no-repeat;
    color: #565A5C;
    display: none;
    height: 48px;
    left: -237px;
    padding: 11px 3px 3px 12px;
    position: absolute;
    text-align: left;
    top: -57px;
    width: 158px;
}
.track-order .htmltooltip_aide {
    display: none;
    min-height: 120px;
    position: absolute;
    left: -224px;
    top: -180px;
    text-align: left;
    width: 300px;
}
.js-noactive.track-order .aide {
    height: auto;
    width: auto;
}
.js-noactive.track-order .aide a {display: none;}
.js-noactive.track-order .htmltooltip_aide {
    display: block;
    position: relative;
    left: 0;
    top: 0;
} 
.js-noactive.track-order .last .htmltooltip_aide {left: 108px;}
.track-order .formTabs .block-bg-corner .htmltooltip_aide p {
    padding: 10px 10px 5px 0;
}

.track-order .htmltooltip_aide p.txt_litle {
    color: #565A5C;
    font-size:1.2em;
    font-weight:400;
}
.track-order .htmltooltip_aide .htmltooltip_aide_top {
    background:url(../images/bg/bg_tooltip_top.png) no-repeat 0 0; 
    float:left;
    padding:20px;
}
.track-order .htmltooltip_aide .htmltooltip_aide_bottom {
    background:url(../images/bg/bg_tooltip_bottom.png) no-repeat 0 0;
    width:300px;
    height:32px;
    float:left;
}
.mail,
.time, 
.print {
    cursor:pointer;
    float: left;
    height: 30px;
    margin-left: 5px;
    position: relative;
}
.time {margin-left: 10px;}

/* =tableau resultats */
.table_resultat {background: url(../images/bg/separator_big.gif) no-repeat center top;}
.table_resultat table {
        font-size: 1.3em;
        table-layout: fixed;
        width: 100%;
}
.table_resultat caption {
        font-size: 1.8em;
        line-height: 3em;
        text-align: left;
        font-weight: 700;
}
.resultat_rech_table thead tr {background: url(../images/bg/separator_big.gif) no-repeat 0 bottom #fff;}
.resultat_rech_table thead th {
        border: 0;
        color: #883893;
        background: url(../images/media/tabs_result_sep.gif) no-repeat left center;
}
.resultat_rech_table #lin_identifiant {background:none;}
.resultat_rech_table thead th a {
        font-size: 1.3em;
        color: #565a5c;
        text-decoration: none;
        background: url(../images/icons/table_collapse_grey.gif) no-repeat right 25px;
        padding: 20px 25px 20px 0;
        display: inline-block;
}
.resultat_rech_table thead th a.selected {
        background:url(../images/icons/table_collapse_hover.gif) no-repeat 93px 26px;
        color: #224466;
}
.table_resultat .label-hidden2 {
        text-indent: -9999px;
        display: block;
}
.resultat_rech_table thead #col_statut {width: 175px;}
.resultat_rech_table .tableHeader {display: table-row !important;}
.resultat_rech_table .tableHeader {border-top: 1px solid #d5d6d4;}
.resultat_rech_table .tableHeader:first-child {border: 0;}
.resultat_rech_table .tableHeader th {
        color:#565a5c;
        background: #F5F5F2;
        border-right: 1px solid #FFF;
        font-weight: 400;
        text-align: center;
        vertical-align: middle;
}
.resultat_rech_table .tableHeader .identifiant_td .liste_des_actions {padding-left: 10px;}
.resultat_rech_table .tableHeader th a {
        font-size: 1em;
        color:#883893;
        font-weight: 700;
        text-decoration:none;
}
.resultat_rech_table .tableHeader .identifiant_num a {
        display: block;
        padding: 1.7em 0;
}
.resultat_rech_table .tableHeader .distribue {
        text-align: left;
        padding-left: 20px;
}
.resultat_rech_table .distribue span {
        display: inline-block;
        padding: 5px 0px 5px 30px;
}
.resultat_rech_table .statut_ok {background: url(../images/icons/ico_status_ok.png) no-repeat left center;}
.resultat_rech_table .statut_nok {background: url(../images/icons/ico_status_nok.png) no-repeat left center;}
/* contenu cache */
.table_information {background: url(../images/bg/bg_tr_open.gif) no-repeat 0 0 #fff;}
.table_information p {
        padding: 20px;
        text-align: left;
}
.resultat_rech_table .col_date,
.resultat_rech_table .col_loca {
        border-right: 1px solid #ccc;
        padding-bottom: 5px;
        background: #fff;
        text-align:center;
}
.resultat_rech_table .col_date {
        font-size:14px;
        color:#883893;
        font-weight:700;
}
.resultat_rech_table .col_statut {
        text-align: left;
        padding-left: 20px;
        background: #fff;
        padding-bottom: 5px;
}
.resultat_rech_table .col_produit {
            background: #FFF;
            border-right: 1px solid #CCC;
            padding: 0 0 5px 144px;
            text-align: center;
}
.resultat_rech_table td.lastItem {
        background: #fff;
        height:10px;
        padding-bottom:5px;
}
/* btn footer */
.track-order .content .recherche_footer {
        padding: 4em 0;
        float:left;
        background:url(../images/bg/separator_big.gif) no-repeat 0 0;
        width: 100%;
}
.track-order .content .table_resultat .recherche_footer p {
        float: left;
        font-size: 1.2em;
        font-weight: bold;
        padding: 7px 0 10px 0;
        color: #565A5C;
}
.bt-footer-left,
.bt-footer-left:focus,
.bt-footer-left:hover,
.bt-footer-left:active,
.bt-footer-left:visited {
        color: #883893;
        display: inline-block;
        font-size: 1.2em;
        font-weight: bold;
        height: 21px;
        line-height: 15px;
        padding: 5px 7px 0 37px;
        text-decoration: none;
}
.bt-footer-right {
        background: url(../images/btn/bt_footer_right.gif) no-repeat right top;
        color: #883893;
        float: left;
        height: 26px;
        margin: 1px 0 0 8px;
        padding-right: 9px;
}
.bt_1 {background: url(../images/btn/bt_footer_left.gif) no-repeat left top;}
.bt_2 {background: url(../images/btn/bt_footer_left2.gif) no-repeat left top;}
.bt_3 {background: url(../images/btn/bt_footer_left4.gif) no-repeat left top;}

/* =tab1 */
.track-order .formTabs .contentVotreSuivi label {
        color: #363636;
        display: block;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 2em;
        font-weight: bold;
        line-height: 1em;
        width: 100%;
        padding: 0.5em 0 25px;
}
.track-order .tab1 .btn-send-minor {padding: 0 0 0 10px;}
.track-order .tab1 .btn-send-minor input {width: auto;}
/* =tab2 */
.track-order .tab2 .formTabs {padding-bottom: 3em;}
.track-order .formTabs .block-bg-corner p {
        font-size: 1.3em;
        padding: 5px 0 20px;
        background-color: #f5f5f2;
}
.track-order .formTabs li {
        float: left;
        width: auto;
}
.track-order .formTabs li .type-text {width:300px;}
.track-order .formTabs .last .type-text {width:190px;}
.track-order .formTabs li .type-text label {
        font-size: 1.3em;
        padding-bottom: 10px;
        width: 200px;
}
.track-order .formTabs .last .type-text label {width:100px;}
.track-order .type-text #primierNum,
.track-order .type-text #primierNum1 {width: 210px;}
.track-order .type-text #nombrePlis {width: 100px;}
.track-order .tab2 .btn-send-minor {margin: 26px 0 0 360px;}

/* =tab3 */
.track-order .type-checkbox label,
.track-order .type-checkbox input {float:left;}
.track-order .tab3 legend {margin-bottom: 15px;}
.track-order .tab3 .note {
        margin: -20px 0 1em;
        font-size: 1.2em;
}
.track-order .tab3 .note span {font-weight: bold;}
.track-order .tab3 label {margin-right: 1.5em;}
.track-order .tab3 .blockButtons {padding: 0 0 2em;}
.track-order .tab3 .table_resultat {padding: 3em 0 0; margin-bottom: 6em;}
.track-order .tab3 .table_resultat.file-generate p {
        float: left;
        font-size: 2em;
        font-weight: bold;
        padding: 7px 0 10px 0;
}

/* =tab4*/
.track-order .type-radio li {
        float:left;
        padding-right:3em;
}
.track-order .type-select .selector { width:235px;}
.track-order .type-select div.selector span  {width: 190px;}
.track-order .select-etat .type-radio {float: left;}
.track-order .select-etat .type-radio li {padding: 0.5em 0 0 4em;}

/* =tab5*/
.track-order .tab5 form label {
        width: auto;
        padding-right: 6px;
}
.track-order .tab5 .type-text input,
.track-order .tab5 .type-date input {width: 100px;}
.track-order .tab5 .type-select {
        float: left;
        margin-right: 40px;
}
.track-order .tab5 .type-select .selector {width: 100px;}
.track-order .tab5 .type-select .selector span {width: 55px;}
.track-order .tab5 .type-date {padding: 0.5em 0;}
.select-etat p {
        font-size: 1.3em;
        float: left;
        padding: 15px 0 25px;
}
.track-order .type-link {
        float: left;
        padding: 15px 0 25px 15px;
}
.track-order .type-link a {
        color: #565A5C;
        display: inline-block;
        vertical-align: middle;
}
.track-order .type-link .form-radio-simulation .icon {margin: 0 0 -6px 8px;}
.track-order .select-etat .column {
        float: left;
        width: 255px;
}
.track-order .select-etat .column li {padding-bottom: 15px;}
.track-order .select-etat .column label {
        padding-right: 0;
        width: 215px;
}
.track-order .select-etat .col2 label {width: 220px;}
.track-order .select-etat .col2 {
        min-height: 129px;
        border-left: 1px solid #868686;
        border-right: 1px solid #868686;
}
.track-order .select-etat .col2,
.track-order .select-etat .col3 {padding-left: 25px;}
.track-order .tab5 .blockButtons {padding-top:1em;}
.track-order .tab5 .blockButtons .btn-rgt {margin-left: 12px;}
/* =popin-abonement */
.blockPopin .csuivi-abonnement{
        max-width: 392px;
        min-width: 305px;
}
.blockPopin .csuivi-abonnement .type-text label,
.blockPopin .csuivi-abonnement .type-select label {width: 160px;}
.blockPopin .csuivi-abonnement .type-text input {width: 225px;}
.blockPopin .csuivi-abonnement .type-text,
.blockPopin .csuivi-abonnement .type-select {width: 480px;}


/* =CORRECTIFS V1 */
.wrapCaroucel.eserviceReex .itemCaroucel .description h2 {width: 750px;}

/* =CORRECTIFS V2*/
.reshipment .step1 .type-checkbox.checkbox-left { clear: both; padding-top: 10px;}
.reshipment .step1 .type-checkbox.checkbox-left input { float: left;margin-top:3px;*margin-top:1px;}
.reshipment .step1 .type-checkbox.checkbox-left label { margin-left: 10px; width: auto;}
.reshipment .step1 .rappelCodeActi .type-checkbox.checkbox-left {display: flex; align-items: baseline;}
 .reshipment .step1 .rappelCodeActi .type-checkbox.checkbox-left label {width: auto; padding-right: 8px;}
    
.stamps-online .step3 .tableBasketOverview table thead th.img,
.stamps-online .step3 .tableBasketOverview table thead th.actions { text-align: center;}
.adress-wrapper .formatsText.first-text { padding: 30px 30px 0;}
.adress-wrapper .upload-form { padding-top: 10px;}
/*START : updated by NOUAOUI ZAKARIA*/
/*.stamps-online */.step3 .btn-return { background: url(../images/btn/generic_major_left_return.png) repeat-y 0 0;}
/*.stamps-online */.step3 .btn-return span { background: url(../images/btn/generic_major_right_return.png) repeat right 0;}
.myaccount_home .last_order .btn-action-minor { bottom: 70px;}
/*END : updated by NOUAOUI ZAKARIA*/
.js-active #menuSecondaire .submenuLink { padding: 3px 32px 3px 12px;}
/*.user-account .user-command .tableMyCommands thead th { padding: 10px 8px;}*/
/* .billingInfo-wrap .addressBlock, .billingInfo-wrap .paymentBlock { padding-left: 144px;} */
.tableMyCommands .lastRow.multipleItems .value { padding-right: 32px;}
.transverse .btn-return.btn-generic { background: url(../images/btn/generic_major_left_return.png) repeat-y 0 0; padding-left: 32px;}
.transverse .btn-return.btn-generic span { background: url(../images/btn/generic_major_right_return.png) repeat right 0;}
.user-account .destinataires li { list-style: disc; margin-left: 10px;}
.tableMyCommands tbody span.letterTitle {font-size: 0.8em;font-style: italic;font-weight: 400; margin: 12px 0 0;}
.tableMyCommands tbody span.mtamServiceTitle {padding-left:155px; font-size: 1.3em;font-style: normal;font-weight: bold; margin: 5px 0 0;}
.tableMyCommands tbody span.mtamTitle {padding-left:155px;font-size: 1.2em; line-height: 1.2em; font-style: normal;font-weight: 400; margin: 12px 0 0;}
.tableMyCommands tbody span.mtamTitlePersonnalisation {padding-left:155px;font-size: 1.2em; line-height: 1.2em; font-style: normal;font-weight: 400;}
.tableMyCommands tbody span.serviceTitle a {font-size: 0.7em; color:#006397;}
.user-command .tableMyServices .serviceTitle a {color: #006397;}
.user-command .tableMyCommands tbody .infoService, .user-command .tableMyCommands .caracteristiques {text-align: center;width: 162px;}
.actionsCommandBlock li a.archiverFacture { margin-top:3px;
}

.imageRotation {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

/*.blockDownload .upload-form {
    margin-top:35px;
}

.blockDownload {
    position: relative;

}

.blockPicture #stamp-demo-thumb {
    left: 9px;
    top: 9px;
}

.blockPicture .stamp-cadre img {
    position: absolute;
    width:288px;
    height:155px;
}*/

.transverse .info-reassurance {
        float: right;
        padding: 30px 0;
}
.transverse .info-reassurance > span {
        color: #718504;
        float: left;
        font-size: 1.2em;
        padding: 25px 0 14px;
        text-align: center;
        margin-left: 22px;
}
.transverse .info-reassurance .delivery-48h {
        background: url(../images/icons/ico_48h.png) no-repeat center 0;
        width: 7em;
}
.transverse .info-reassurance .delivery-25eur {
        background: #fff url(../images/icons/ico_25eur.png) no-repeat center 0;
        width: 8em;
}
.transverse .step1 .block-bg-corner {
        padding: .5em 0 0;
		margin-bottom:20px;
}
    
/*
    ---------------------------------------
        partie produit
    ---------------------------------------
    */

#myMixedBasket .tableMyProduits thead th {
        background-color: #f5f5f2;
}
/*#myMixedBasket .tableMyProduits tbody th,
    #myMixedBasket .tableMyProduits tbody td {
        background-color: #fff;
        background-repeat: no-repeat;
        border-top: 2px solid #f5f5f2;
        padding: 12px 0 5px;
    }*/
    
#myMixedBasket .tableMyProduits tbody th,
#myMixedBasket .tableMyProduits tbody td,
#myMixedBasket .tableMyProduits tbody tr {
        background-color: #fff;
        background-repeat: no-repeat;
        border-top: 2px solid #f5f5f2;
        padding: 10px 0;
		
}
#myMixedBasket .tableMyProduits tbody .firstRow th,
#myMixedBasket .tableMyProduits tbody .firstRow td{border-top: none;}
    
#myMixedBasket .tableMyProduits tbody td {
        vertical-align: middle;
}
/*widths and special paddings */
    
#myMixedBasket .tableMyCommands .item-name  span {
        display: inline-block;
        vertical-align: middle;
        
}
#myMixedBasket .tableMyCommands .item-name .visual {
        text-align: center;
}
#myMixedBasket .tableMyServices .sectionTitle,
#myMixedBasket .tableMyProduits .sectionTitle {
        font-size: 1.4em;
        font-weight: 400;
}
#myMixedBasket .tableMyServices .serviceTitle {
        font-size: 1.1em;
        font-weight: 700;
        padding-top: 8px;
}
#myMixedBasket .tableMyProduits .productTitle {font-size: 1.1em; font-weight: 700;}
    
#myMixedBasket .tableMyServices tbody span.remittee,
#myMixedBasket .tableMyProduits .caracteristiques.first span.remittee {
        display: block;
        text-align: center;
}

#myMixedBasket .tableMyProduits .reduction span {
        font-size: 0.8em;
}
    
#myMixedBasket .tableMyCommands .item-name  span {
        display: inline-block;
        vertical-align: middle;
        
}
    
#myMixedBasket .tableMyProduits .quantity span, #myMixedBasket .tableMyProduits .quantity a, #myMixedBasket .tableMyProduits .quantity input {
        display:inline-block; vertical-align:middle;
}
    
#myMixedBasket .tableMyProduits .quantity input{
        background: url("../images/bg/bg_counter-input.png") no-repeat scroll 0 0 #FFFFFF;
        border: 1px solid #FFFFFF;
        color: #797066;
        line-height: 1.2em;
        margin: 0;
        padding: 0 2px 3px;
        text-align: center;
        width: 26px;
}
.particulier .step1 #myMixedBasket .tableMyProduits .quantity input{
        background: url("../images/bg/bg_counter-input-large.png") no-repeat scroll 0 0 #FFFFFF;
        width: 32px;
}

#myMixedBasket .tableMyProduits .quantity a.btn {
        
}
    
#myMixedBasket .tableMyProduits .caracteristiques,
#myMixedBasket .tableMyProduits .quantite {
        /*padding-top: 5px;*/
        text-align: center;
		position:relative;
}
#myMixedBasket .tableMyMtams .quantity {
        text-align: center;
        display:block;
}
#myMixedBasket .tableMyMtams .quantity span, #myMixedBasket .tableMyProduits .quantity a, #myMixedBasket .tableMyProduits .quantity input {
        display:inline-block; vertical-align:middle;
}
#myMixedBasket .tableMyProduits .prod-actions .increment{
      	padding: 0 !important;
}
#myMixedBasket .tableMyProduits .prod-actions .decrement{
      	padding: 0 !important;
}
#myMixedBasket .tableMyMtams .quantity input{
        background: url("../images/bg/bg_counter-input.png") no-repeat scroll 0 0 #FFFFFF;
        border: 1px solid #FFFFFF;
        color: #797066;
        line-height: 1.2em;
        margin: 0;
        padding: 0 2px 3px;
        text-align: center;
        width: 26px;
}
    
.particulier .step1 #myMixedBasket .tableMyMtams .quantity input{
        background: url("../images/bg/bg_counter-input-large.png") no-repeat scroll 0 0 #FFFFFF;
        width: 32px;
}

#myMixedBasket .tableMyMtams .quantity a.btn {
        
}
    
#myMixedBasket .tableMyMtams .caracteristiques,
#myMixedBasket .tableMyMtams .quantite {
        /*padding-top: 5px;*/
        
}
    
/*
    ---------------------------------
        partie service
    ---------------------------------
    */

#myMixedBasket .tableMyServices .lastRow.multipleItems .delete {
        text-align: center;
}
#myMixedBasket .tableMyServices .price-un {
        font-weight: 700;
}
#myMixedBasket .tableMyServices thead .prix-un {
        
}
#myMixedBasket .tableMyServices tbody th,
#myMixedBasket .tableMyMtams tbody th,
#myMixedBasket .tableMyMtams tbody td,
#myMixedBasket .tableMyServices tbody td {
       padding: 10px 0;
}
#myMixedBasket .tableMyMtams tbody th{
       width: 146px;
}
   
/*
    ---------------------------------
        partie dimensions
    ---------------------------------
    */
#myMixedBasket .tableMyCommands thead th {
        padding: 10px 0;
}
#myMixedBasket .tableMyCommands thead th.item-name {
       padding: 0 0 0 45px;
       width: 500px;
}
#myMixedBasket .tableMyCommands .item-name .visual {
        width: 143px;
}
#myMixedBasket .tableMyServices .sectionTitle,
#myMixedBasket .tableMyProduits .sectionTitle {
        width: 170px;
}

#tableServiceItems .serviceTitle {
        width: 170px;
}

#myMixedBasket .tableMyCommands .item-name {
        width: 345px;
}

#myMixedBasket .tableMyCommands .timbres-carnet {
        width: 375px;
}
#myMixedBasket .tableMyCommands th.prix-un {
        width: 130px;
		
}
#myMixedBasket .tableMyCommands td.prix-un {
        width: 130px;
		padding-top:35px;
}

#myMixedBasket .tableMyCommands tbody .adressTo .hidden-receiver {
        font-style: italic;
        display: inline-block;
        padding: 10px 0 0 0;
        font-size: 0.9em;
}
#myMixedBasket .tableMyServices tbody .firstRow .infoService,
#myMixedBasket .tableMyServices .firstRow .caracteristiques {
        width: 162px;
        text-align: center;
       
}
#myMixedBasket .tableMyProduits tbody .firstRow .infoService,
#myMixedBasket .tableMyProduits .firstRow .caracteristiques {
        width: 162px;
        text-align: center;
		position:relative;
}
.transverse .step1 .tableMyCommands tr {
		/*position:relative;*/
}
    
#myMixedBasket .caracteristiques{
    	 width: 162px;
}
#myMixedBasket .tableMyServices th.delete,
#myMixedBasket .tableMyMtams th.delete,
#myMixedBasket .tableMyProduits th.delete {
        width: 117px;
		
}
#myMixedBasket .tableMyServices td.delete,
#myMixedBasket .tableMyMtams td.delete,
#myMixedBasket .tableMyProduits td.delete {
        width: 117px;
		padding-top:35px;
		position:relative;
		height:100%;
		
}
#myMixedBasket .tableMyMtams td.delete{
        width: 100px;
}
    
#myMixedBasket .tableMyServices th.value,
#myMixedBasket .tableMyMtams th.value,
#myMixedBasket .tableMyProduits th.value {
        width: 130px;
		
}
#myMixedBasket .tableMyServices td.value,
#myMixedBasket .tableMyProduits td.value {
        width: 130px;
		padding-top:35px;
}
    
#myMixedBasket .tableMyMtams td.value {
        width: 130px;
		padding-top:3px;
}
    
#myMixedBasket .tableMyCommands .multipleItems.lastRow .value,
#myMixedBasket .tableMyCommands .multipleItems.lastRow .delete,
#myMixedBasket .tableMyCommands .multipleItems.lastRow .totalOrders {
        padding-top: 14px;
        padding-bottom: 56px;
        vertical-align: top;
        width: 96px;
}
    
#myMixedBasket .tableMyServices .caracteristiques span.remittee{
        margin-top: -20px;
}
#myMixedBasket .tableMyProduits .caracteristiques span.remittee {
        margin-top: -30px;
}
/*.tableMyCommands tbody span.remittee {
		margin-top:-40px;
	}*/
.transverse .tableMyCommands tbody span.remittee {
		margin-top:0px;
}
#myMixedBasket .tableMyCommands .multipleItems.lastRow .totalOrders {
        padding-left: 143px;
}
.transverse .step1 .tableMyServices,
.transverse .step1 .tableMyProduits {
       
}
    
#myMixedBasket .tableMyCommands .multipleItems.last-item  th {
        vertical-align: middle;
        /*padding-bottom: 20px;*/
}
   
@media screen and (-webkit-min-device-pixel-ratio:0) {
      #myMixedBasket .tableMyProduits .prod-actions .increment  { padding: 1px 2px 2px 1px;}
}

#myMixedBasket .tableMyCommands .block-border-corner p, .block-bg-corner p {
        padding: 0.25em 0;
}

#myMixedBasket .tableMyServices tbody .firstRow td {
        vertical-align: middle;
		padding-top:36px;
}
	
#myMixedBasket .tableMyServices tbody .firstRow th.infoService {
		padding-top:10px;
		vertical-align: middle;
}
	
#myMixedBasket .tableMyServices tbody .multipleItems.firstRow th.infoService,
#myMixedBasket .tableMyServices tbody .multipleItems.firstRow td {
        vertical-align: middle;
		position:relative;
        /*padding-top: 5px*/
}
#myMixedBasket .tableMyCommands .lastRow .infoService {
        vertical-align: middle;
}
#myMixedBasket .tableMyServices tbody .firstRow td.price-un {
        padding-top: 40px;
}
    
/* A verifier*/
#myMixedBasket .tableMyServices .delete,
#myMixedBasket .tableMyMtams .delete,
#myMixedBasket .tableMyProduits .delete {
        width: 117px;
}
#myMixedBasket .tableMyServices .value,
#myMixedBasket .tableMyMtams .value,
#myMixedBasket .tableMyProduits .value {
        width: 128px;
}
    
#myMixedBasket .tableMyCommands .multipleItems.lastRow .value,
#myMixedBasket .tableMyCommands .multipleItems.lastRow .delete,
#myMixedBasket .tableMyCommands .multipleItems.lastRow .totalOrders {
        padding-top: 14px;
        padding-bottom: 56px;
        vertical-align: top;
        width: 96px;
}
    
#myMixedBasket .tableMyServices .caracteristiques span.remittee{
        margin-top: -20px;
}
#myMixedBasket .tableMyProduits .caracteristiques span.remittee {
        margin-top: -30px;
}
	
#myMixedBasket .tableMyServices tbody .firstRow td.aracteristiques {
		padding-top:0px;
}

#myMixedBasket .tableMyCommands .multipleItems.lastRow .totalOrders {
        padding-left: 143px;
}
.transverse .step1 .tableMyServices,
.transverse .step1 .tableMyProduits {
  
}
    
#myMixedBasket .tableMyCommands .multipleItems.last-item  th {
        vertical-align: middle;
        padding-bottom: 20px;
}
   
@media screen and (-webkit-min-device-pixel-ratio:0) {
      #myMixedBasket .tableMyProduits .prod-actions .increment  { padding: 1px 2px 2px 1px;}
}

#myMixedBasket .tableMyCommands .block-border-corner p, .block-bg-corner p {
        padding: 0.25em 0;
}
#myMixedBasket .tableMyServices tbody .firstRow th.infoService,
#myMixedBasket .tableMyServices tbody .firstRow td {
        vertical-align: middle;
	
}
#myMixedBasket .tableMyServices tbody .multipleItems.firstRow th.infoService,
#myMixedBasket .tableMyServices tbody .multipleItems.firstRow td {
        vertical-align: middle;
        padding-top: 5px
}
#myMixedBasket .tableMyCommands .lastRow .infoService {
        vertical-align: middle;
}
#myMixedBasket .tableMyServices tbody .firstRow td.price-un {
       
}
	
#myMixedBasket .tableMyServices tbody .firstRow th.infoService, #myMixedBasket .tableMyServices tbody .firstRow td {
		
		vertical-align: middle;
}
	
#myMixedBasket .tableMyServices tbody .firstRow td.delete {padding-top:40px;}
	
#myMixedBasket .tableMyServices tbody .firstRow td.exergue-color{padding-top:40px;}
	
/*
    ------------------------------------------------
        bas de panier pour totaux
    ------------------------------------------------
    */
.transverse .step1 .save-cart {
        border-right: 1px solid #B2B2B2;
        float: left;
        margin: 8px 0 0 0;
        text-align: right;
        width: 360px;
}
/*
    //EN DOUBLON
    .transverse .step1 .save-cart a {
        color: #006397;
        display: inline-block;
        font-size: 1.2em;
        padding: 0 0 0 0;
        margin-right: 34px;
        text-decoration: none; 
    }
	*/
.transverse .step1 .code_promo .btn-send-minor {
        margin: 20px 0 0 82px;
}

	
	
/*
    ------------------------------------------------
        Modification par rapport ï¿½ la V3
    ------------------------------------------------
    */
	
.user-command .tableMyCommands .item-name .visual {
		width: 214px;
		text-align: center;
}
	
.tableMyCommands {color: #696760;}
.tableMyCommands caption {display: none;}
       
.tableMyCommands thead th:first-child {
            padding-left: 15px;
           
}

.tableMyCommands .item-name span {
			display: inline-block;
			vertical-align: middle;
}
.tableMyCommands tbody tr.new-row th {
            border-top: 2px solid #fff;
}
.tableMyCommands tbody tr.new-row .priceUn { padding-top: 35px;}
.tableMyCommands tbody tr.lastRow .priceUn { padding-top: 35px;}

.tableMyCommands tbody td {
           padding: 20px 0 5px;
            /*border-top: 2px solid #fff;*/
            font-size: 1.6em;
            text-align: center;
            vertical-align: middle;
}
.tableMyCommands tbody tr:first-child th,
.tableMyCommands tbody tr:first-child td {border-top: none;}
/*multiple items in a service */
.tableMyCommands .multipleItems td {
            padding-bottom: 10px;
            border-top: none;
}
.tableMyCommands .firstRow td {border-top: 2px solid #fff;}
/*total sum for multiple items in a service */
.tableMyCommands .lastRow .totalOrders {
            padding-bottom: 16px;
            padding-top: 16px;
            border-top: none;
            font-size: 1.6em;
            background: url(../images/bg/bg_sep-gray-total.gif) no-repeat 0 0;
            font-weight: normal;
}
.tableMyCommands .lastRow.multipleItems .value {
            padding-right: 32px;
            padding-top: 16px;
            border-top: none;
            text-align: center;
            background: url(../images/bg/bg_sep-gray-total.gif) no-repeat top;
}
.tableMyCommands .lastRow.multipleItems .delete {
            border-top: none;
            background: url(../images/bg/bg_sep-gray-total.gif) no-repeat center 0;
}
/*width needed for IE7, D'oh! */
.tableMyCommands th:first-child {
            width: 330px;
            text-align: left;
}
        
.tableMyCommands tbody th:first-child {width: 182px;}
		
.tableMyCommands tbody th.MonTimbrenligne {
			 padding-bottom: 35px;
       
}
		
.tableMyCommands tbody th.lettre-recommandee {
            height: 80px;
      
}
        
.tableMyCommands tbody .priceUn {
            width: 110px;
            font-weight: 700;
}
.tableMyCommands tbody .infoService {
            /*width: 132px;*/
            padding-top: 0px;
            text-align: left;
}
        
.tableMyCommands tbody .tva {
            width: 100px;
            font-weight: 700;
            padding-top:35px;
}
.tableMyCommands tbody .totalService {font-weight: 700;}
.tableMyCommands .value {
            width: 108px;
            font-weight: 700;
		
}
.tableMyCommands tfoot td {padding: 10px 0;}
.tableMyCommands tfoot th {
            width: 212px;
            padding-left: 460px;
}
.tableMyCommands tfoot .sub-total td,
.tableMyCommands tfoot .sub-total th {background-color: #FFF;font-size: 1.6em;font-weight: 400; border-bottom:1px solid #e5e5e5;}
.tableMyCommands tfoot .total td {font-weight: 400;}
.tableMyCommands tfoot .total th {font-size: 1.8em; line-height:3em;}
.tableMyCommands tfoot td.value {
            font-weight: 400;
            text-align: center;
}
.tableMyCommands tfoot .total td.value {font-size: 2.2em; font-weight: 700;}
/*define span in mes services / informations columns */
/*
        .tableMyCommands tbody th:first-child span,
        .tableMyCommands tbody .infoService span {display: block;}
        */
       
.tableMyCommands tbody span.serviceTitle {
            padding-bottom: 10px;
            font-size: 1.6em;
            font-weight: 700;
            line-height: 1.2em;
			display:block;
}
.tableMyCommands tbody span.letterTitle {
            font-size: 0.8em;
            font-weight: 400;
            font-style: italic;
            margin: 12px 0 0;
}
.tableMyCommands tbody span.serviceTitle a {
            font-size: 0.7em;
}
.tableMyCommands tbody span.serviceDeclaration {
            padding-bottom: 18px;
            font-size: 1.2em;
            font-weight: 400;
            font-weight: 400;
            font-style: italic;
}
		
.user-command .tableMyServices tbody th,
.user-command .tableMyServices tbody td,
.user-command .tableMyProduits tbody th,
.user-command .tableMyProduits tbody td {
			padding: 12px 0 5px;
}
		
.tableMyCommands tbody span.remittee {
            padding-bottom: 10px;
            font-size: .75em;
            display: block;
            text-align: center;
}
        
/* remittee edit */
.tableMyCommands tbody span.dest_remittee,
.tableMyCommands tbody span.quant_remittee		{
			font-size: .75em;
			text-align:center;
			padding-bottom: 10px;
			display:block;

}
        
.tableMyCommands tbody .block-bg-invert.adressTo {
            padding:0.8em;
            font-size: .875em;
            color: #655c53;
			text-align:center;
}
.user-command .tableMyCommands tbody th .modifier {
            color:#006397;
            font-size:1.4em;
            font-weight:400;
}
/* =new tables for user-commands */
.user-command .tableMyProduits thead th {
            background-color: #f5f5f2;
}
.user-command .tableMyProduits tbody th,
.user-command .tableMyProduits tbody td {
            background-color: #fff;
            background-repeat: no-repeat;
            border-top: 2px solid #f5f5f2;
            padding: 0;
}
.user-command .tableMyProduits tbody td {
            vertical-align: middle;
}
/*widths and special paddings */
.user-command .tableMyCommands .item-name  span {
            display: inline-block;
            vertical-align: middle;
}
        
.user-command .tableMyProduits .quantity.order {
       		position: relative;
        	top: 15px;
}
		
		
#myMixedBasket .tableMyCommands .item-name span.nomLetre {
           font-size:0.8em;
}
		
		
.user-command .tableMyCommands .item-name .visual {
            text-align: center;
}
.user-command .tableMyServices .sectionTitle,
.user-command .tableMyProduits .sectionTitle {
            font-size: 1.4em;
            font-weight: 400;
}
.user-command .tableMyServices .serviceTitle,
.user-command .tableMyProduits .productTitle {
            font-size: 1.1em;
            font-weight: 700;
}
/*.user-command .tableMyProduits .productTitle {
            padding-top: 10px;
        }*/
.user-command .tableMyServices .serviceTitle a {
            color: #006397;
}
.user-command .tableMyServices tbody span.remittee,
.user-command .tableMyProduits .caracteristiques.first span.remittee {
            display: block;
            text-align: center;
            margin: 0px 0 0 0;
}
.user-command .tableMyProduits .quant {
           font-weight: 700;
}
/* partie service */
.user-command .tableMyServices .lastRow.multipleItems .tva {
            text-align: center;
}
.user-command .tableMyServices .price-un {
            font-weight: 700;
}
.user-command .tableMyServices thead .prix-un {
            background: none;
}
/* partie dimensions */
.user-command .tableMyCommands thead th {
            padding: 10px 0;
}
.user-command .tableMyCommands thead th.item-name {
           padding: 0 0 0 45px;
           width: 481px;
}
		
		
.user-account .user-panier .tableMyCommands thead th {
            padding: 10px 0;
}
.user-account .user-panier .tableMyCommands thead th.item-name {
           padding: 0 0 0 45px;
           width: 300px;
}
		
.user-command .tableMyCommands .item-name .visual {
            width: 214px;
}
.user-command .tableMyServices .sectionTitle,
.user-command .tableMyProduits .sectionTitle {
            width: 170px;
}
.user-command .tableMyCommands .item-name {
            width: 345px;
}
.user-command .tableMyCommands .prix-un {
            font-weight: 700;
            width: 130px;
}
        
.user-command .tableMyCommands .reduction {
            font-weight: 700;
            width: 130px;
}
.user-command .tableMyCommands .reduction span {
            font-size: 0.8em;
}
.user-command .tableMyCommands tbody .adressTo .hidden-receiver {
            font-style: italic;
            display: inline-block;
            padding: 10px 0 0 0;
            font-size: 0.9em;
}
.user-command .tableMyCommands tbody .infoService,
.user-command .tableMyCommands .caracteristiques {
    /*             width: 162px;  updated by mkaabi parce que quand on ajoute la colonne promotion , la colonne mes produits s'affiche pas correctement*/
				width: 162px;
            text-align: center;
}
.user-command .tableMyServices .tva,
.user-command .tableMyProduits .tva {
            width: 117px;
}
.user-command .tableMyServices .value {
            width: 160px;
}
        
.user-command .tableMyProduits .value {
            width: 200px;
}
.user-command .tableMyProduits .promotionActive {
            width: 128px;
}
.user-command .tableMyServices tbody th,
.user-command .tableMyServices tbody td,
.user-command .tableMyProduits tbody th,
.user-command .tableMyProduits tbody td {
            padding: 12px 0 5px;
}
.user-command .tableMyCommands .multipleItems.lastRow .value {
            padding: 0; 
}
.user-command .tableMyCommands .multipleItems.lastRow .tva,
.user-command .tableMyCommands .multipleItems.lastRow .totalOrders {
            padding-top: 14px;
            padding-bottom: 56px;
            vertical-align: top;
            width: 96px;
}

.user-command .tableMyCommands .multipleItems.lastRow .value {
                background-position: right top;
}
.user-command .tableMyProduits tbody .firstRow td,
.user-command .tableMyProduits tbody .firstRow th {
            padding-top: 20px;
}
.user-command .tableMyProduits .firstRow .caracteristiques {
            padding-top: 0;
}
.user-command .tableMyProduits .firstRow .caracteristiques span.remittee {
            margin-top: 0;
}
.user-command .tableMyCommands .multipleItems.lastRow .totalOrders {
            padding-left: 143px;
}
.user-command .tableMyProduits {
            margin: 0 0 30px;
            padding: .5em 0 0;
}
.user-command .tableMyServices {
            padding: .5em 0 0;
}
.user-command .tableMyCommands .multipleItems.last-item  th {
            vertical-align: middle;
            padding-bottom: 20px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
          .user-command .tableMyProduits .prod-actions .increment  { padding: 1px 2px 2px 1px;}
}

.user-command .tableMyCommands .block-border-corner p, .block-bg-corner p {
            padding: 0.25em 0;
}
.user-command .tableMyServices tbody .firstRow th.infoService,
.user-command .tableMyServices tbody .firstRow td {
            vertical-align: middle;
}
.user-command .tableMyCommands .lastRow .infoService {
            vertical-align: middle;
}
.user-command .tableMyServices tbody .firstRow td.price-un,
.user-command .tableMyServices tbody .firstRow td.tva,
.user-command .tableMyServices tbody .firstRow td.value {
            padding-top: 36px
}
        
.user-command .tableMyServices tbody .colisRow td.price-un,
.user-command .tableMyServices tbody .colisRow td.tva,
.user-command .tableMyServices tbody .colisRow td.value {
            padding-top: 91px
}
/* order total block */
.user-command .order_total {
            color: #696760;
            margin: 0;
            padding: 0;
}
.user-command .order_total li {
            border-top: 1px solid #cecece;
            font-size: 1.6em;
            overflow: hidden;
}
.user-command .order_total li:first-child {
            border-top: none;
}
.user-command .order_total li .label {
            float: left;
            padding: 14px 0 14px 460px;
            color: #696760;
}
.user-command .order_total li .value {
            float: right;
            width: 120px;
            margin-right: 36px;
            padding: 14px 0;
            color: #E54A06;
            text-align: right;
}
.user-command .order_total .total-ttc {
            background: url(../images/bg/stamp_total_price-big.png) repeat-y 0 0;
            border-color: #fff;
            font-size: 1.8em;
            font-weight: bold;
            text-transform: uppercase;
}
.user-command .order_total .total-ttc .value {
            font-size: 1.333em;
}
		
/*----------------------------------------- V3 -------------------------*/
/* =COMPTE WISHLIST */
.user-account .wishlist {
            overflow: hidden;
            padding-bottom: 20px;
}
.user-account .wishlist .title-header {
            float: left;
            margin-top: 0;
}
.user-account .wishlist .actions-header {
            clear: none;
            float: right;
            padding-top: 44px;
}
.user-account .wishlist .actions-header .icon.arrow-icon {
            background: url(../images/icons/aside_menu_light.png) no-repeat 0 6px;
            padding-left: 10px;
}
.user-account .wishlist .block-bg-corner.pagination {
            width: 866px;
            padding: 1em;
}
.user-account .wishlist .block-bg-corner.pagination.filter {
            padding: 0 1em;
}
.user-account .wishlist .pagination.filter fieldset .result {
            max-width: 510px;
}
.user-account .wishlist .product-push {
            border-top: 1px solid #ccc;
            padding-top: 26px;
           /* *padding-bottom: 26px;*/
}
.user-account .wishlist .product-push.first {
                border-top: none;
}
.user-account .wishlist .product-push .product-group {
            width: 884px;
}
.js-active.user-account .wishlist .product-push .product-group {
            margin-bottom: 0;
            *padding-bottom: 22px;
}
.user-account .wishlist .product-push .product-slot {
            margin-bottom: 30px;
}
.user-account .wishlist .product-buy {
            position: relative;
            overflow: hidden;
            width: 180px;
            margin: 0 auto;
            padding: 0 0 16px;
}
.user-account .wishlist .product-buy .unit-price {
          margin-right: 0;
          float: left;
          line-height: 22px;
          padding-right: 0;
}
.user-account .wishlist .product-buy .counter {
          float: right;
}
.user-account .wishlist .btn-basket {
            margin-top: 1px;
            min-width: 65px;
            text-align: right;
            float: right;
            overflow: visible;
}
.user-account .wishlist .btn-basket input {
            float: left;
            overflow: visible;
            width: 65px;
}
.user-account .wishlist .delete-item-wishlist {
            clear: both;
            position: relative;
            overflow: hidden;
            padding: 4px 0;
            margin: 0 auto;
            width: 180px;
}
.user-account .wishlist .delete-item-wishlist a {
            bottom: 8px;
            color: #2086a8;
            display: block;
            margin-left: 10px;
            position: absolute;
}
.user-account .wishlist .delete-item-wishlist a:hover {
                text-decoration: none;
}
        
/* =COMPTE PARRAINAGES */
.user-account .user-panier.parrainages .block-bg-corner {
          padding: 2.5em 3em;
}
.parrainages .type-text-group {
          margin-left: -29px;
          overflow: hidden;
}
.parrainages .type-text {
          width: auto;
          margin-top: 20px;
          margin-left: 29px;
}
.parrainages .type-text label {
          width: 55px;
}
.parrainages .type-text input {
          width: 170px;
}
.parrainages .blockButtons .btn-add-friend {
          line-height: 50px;
          font-size: 1.4em;
          color: #000;
          float: left;
}
.parrainages .blockButtons .btn-add-friend:hover {
          text-decoration: none;
}
.parrainages .blockButtons .btn-rgt {
          margin-right: 0;
}
.parrainages .blockButtons .btn-rgt .notification-msg {
          display: none;
          line-height: 50px;
          font-size: 1.4em;
          float: left;
          margin-right: 15px;
          padding-left: 25px;
          background: url(../images/icons/ico_check_green.png) 0 50% no-repeat;
}
        
.parrainages .downline {
          margin-bottom: 35px;
}
.parrainages .downline .title{
          font-size: 2em;
          padding: 1.25em 1.5em;
}
.parrainages .downline table {
          width: 100%;
}
.parrainages .downline thead th {
          background: url("../images/bg/bg_thead-sep-grayXl.gif") no-repeat scroll 0 50% transparent;
          background-color: #f5f5f2;
}
.parrainages .downline thead th:first-child {
          background-image: none;
}
.parrainages .downline th,
.parrainages .downline td {
          vertical-align: middle;
          line-height: 1.3em;
          text-align: left;
          font-size: 1.4em;
          height: 55px;
          padding: 0 20px;
}
.parrainages .downline sup {
          vertical-align: super;
          font-size: smaller;
}
        
/* =COMPTE RESULTATS RECHERCHE */
.user-account .content.search-result .title-header { margin-top: 0; }
.user-account .content.search-result h2.title2 {
          margin-top: 0;
          font-size: 2.5em;
          line-height: 1.2em;
}
.user-account .search-result .block-bg-corner.pagination {
          width: 866px;
          padding: 1em;
}
.user-account .search-result .block-bg-corner.pagination.filter {
          padding: 0 1em;
          margin-bottom: 25px;
}
.content.search-result h3.typo-din {
          font-size: 2.1em;
          text-transform: uppercase;
          font-weight: bold;
}
.content.search-result .sub-title {
          font-size: 1.3em;
          line-height: 1.3em;
          margin-bottom: 20px;
}
/*#resultat_timbres_filtres { float: left; } //TODO - A laisser commenté pour Fusion
        #resultat_timbres_filtres .filtres-cont {
          width: 200px;
          float: left;
          padding: 0 20px 40px 0;
        }
        #resultat_timbres_filtres .submit-filter {
          float:left;
          padding:10px 5px
        }
        #resultat_timbres_filtres .submit-ordre {
            float:left;
            padding:10px 5px
        }

        #resultat_timbres_filtres .filtres-cont {
            width:200px;
            float:left;
            padding:0 20px 40px 0;
        }
        #resultat_timbres_filtres .filtres-cont .title3 {
            color:#565a5c;
            font-size:1.6em;
            font-weight:700;
            padding:10px 0 0 0;
            text-transform:uppercase;
        }
        #resultat_timbres_filtres .filtres-cont .asideMenu li {
            color: #565a5c;
            font-size: 1.4em;
            font-weight:700;
            margin-bottom:5px;
        }
        #resultat_timbres_filtres .filtres-cont .asideMenu li > a {
            background: url(../images/icons/ico_accordion_close.png) no-repeat 0 2px;
            color: #363636;
            display:block;
            letter-spacing:-0.05em;
            padding: 0 0 0 20px;
            margin-top:30px;
            text-decoration:none;
        }
        #resultat_timbres_filtres .filtres-cont .asideMenu li .open { 
            background: url(../images/icons/ico_accordion_open.png) no-repeat 0 2px;
        }
        
        #resultat_timbres_filtres .filtres-cont .asideMenu li ul li { 
            background:none; 
            font-size:0.8em;
            font-weight:400;
            padding:0;
        }
        #resultat_timbres_filtres .filtres-cont .asideMenu li ul li input { 
            display: inline-block;
            margin: 0;
            vertical-align: top;
        }
        #resultat_timbres_filtres .filtres-cont .asideMenu li ul li label { 
            display: inline-block;
            font-size: 1.1em;
            margin: 0 0 0 5px;
            
            width: 150px;
        }
        #resultat_timbres_filtres .filtres-cont .asideMenu li ul { 
            padding:15px 0 0 0;
        }
        .user-account .search-result .list-cont {
          width: 660px;
          float: left;
        }
        .user-account .search-result .product-push .product-group {
          border-bottom: 1px solid #ccc;
          padding-bottom: 20px;
        } //TODO - A laisser commenté pour Fusion */
.search-result .services-result {
          margin-bottom: 40px;
          clear: both;
}

.search-result .products-result { }
.search-result .block-border-corner {
          margin-top: 0;
}
.search-result .thumbnails { overflow: hidden; }
.search-result .thumbnails li {
          float: left;
          width: 273px;
          margin-left: 28px;
}
.search-result .thumbnails li:first-child { margin-left: 15px; }
.search-result .thumbnails .thumbnail {
          color: #000;
          text-decoration: none;
}
.search-result .thumbnails .thumbnail:hover h4 {text-decoration: underline;}
.search-result .thumbnails li img {
          height: 144px;
          margin: 0 auto;
          display: block;
}
.search-result .thumbnails li .caption {
          text-align: center;
          background-color: #f2f4ed;
          padding: 10px;
}
.search-result .thumbnails .caption h4 {
          font-size: 1.5em;
          line-height: 1.5em;
          text-transform: uppercase;
          font-weight: bold;
}
.search-result .thumbnails .caption .description {
          font-size: 1.3em;
          padding: 0;
          margin: 0 auto;
          width: 195px;
}
#slider-range {
          width: 130px;
          height: 4px;
          background: #9e9e9e ;
          border-radius: 0;
          border: 0;
          margin-left: 7px;
}
#slider-range .ui-slider-range {
          background: #e05301;
}
#slider-range .ui-slider-handle {
          background: url(../images/icons/ico_slider.png) 50% 0 no-repeat;
          width: 12px;
          height: 17px;
          border: 0;
          top: -0.5em;
}
        
.search-result .filtres-cont .slider-value {
          margin-top: 10px;
          overflow: hidden;
          font-size: 1.2em;
          line-height: 1.2em;
          font-weight: normal;
          width: 150px;
}
.search-result .filtres-cont .slider-value .min-value { float: left; }
.search-result .filtres-cont .slider-value .max-value { float: right; }
		
		
/*-----------------------------------------End -------------------------*/
.transverse .reassurance-wrap{
			zoom:1;
			clear:both;
			height:51px;
}
		
.helpWrap {
			background: url("../images/header/help_header.png") no-repeat scroll left 18px transparent;
			color: #000000;
			display: inline-block;
			font: 1.4em Arial,Helvetica,sans-serif;
			padding: 18px 27px 5px 20px;
			text-decoration: none;
            vertical-align: top;
}
.colHeader {
           text-align: right;;
           width:100%;
}
		
		
.helpWrap:hover,
.helpWrap:focus {text-decoration: underline;}
		
		
.headerContent .myAccount .actionsClient .block-basket {
		margin-right: 10px;
}
		
.headerContent .myAccount .actionsClient li {
			margin: 0;
			min-width: 125px;
			text-align: left;
}
		
.title3-container .subTitle {
			font-size: 1.3em;
			margin-top:2px;
}
		
#space_nav li {
			font: italic 1.6em Roboto, Verdana, sans-serif;
			height: 24px;
			padding-right: 3px;
            display:inline-block;
            zoom:1;
/display: inline;
}
		
#space_nav li a {
		background: url("../images/header/part_left.png") no-repeat scroll left top #FCC500;
		color: #FFFFFF;
		display: inline-block;
		height: 24px;
		line-height: 2.125em;
		padding-left: 7px;
		text-align: center;
		text-decoration: none;
}
		
#space_nav li span {
			background: url("../images/header/part_right.png") no-repeat scroll right top transparent;
			display: inline-block;
			height: 24px;
			min-width: 99px;
			padding-right: 7px;
}
		
#space_nav .selected a {
			background-color: transparent;
			border-bottom: 2px solid #FCC500;
}
		
#space_nav .tab_pro span {
			background: url("../images/header/pro_right.png") no-repeat scroll right top transparent;
}
		
#space_nav .tab_pro a {
			background: url("../images/header/pro_left.png") no-repeat scroll left top transparent;
}
.professionnel #space_nav .selected a {
			border-color: #834E77;
}
		
#space_nav li.tab_pro img {
			margin-left: 36px;
}
		
#space_nav li.tab_part img {
			margin-left: 11px;
}
		
#space_nav .tab_part a {
		    color: #3A3839;
}
		
		
#space_nav {
			padding: 14px 17px 0 0;
            display: inline-block;
            zoom: 1;
/display:inline;
}
		
#space_nav li img {
			display: inline-block;
			float: left;
			margin-top: 8px;
			text-align: center;
}
		
.part .tool-pro .tooltip-bottom {
            background: url("../images/tooltip/tooltip-panier-part_bottom.png") no-repeat scroll left bottom transparent;
}

		
		
/*.headerContent .bgSection {
			clear: both;
			float: left;
			left: 290px;
			padding: 13px 0 0;
			position: relative;
		}*/
		
/*.headerContent .bgSection img {
			background: none repeat scroll 0 0 #FCC500;
			font-size: 1.6em;
			margin-left: 10px;
		}*/
		
.part .tool-pro .tooltip-bottom span {
            color: #000;
}

.part .tool-pro .tooltip-bottom span.detailed-basket {
            color: #fff;
}
.noformlegend #coordonneesParticulier fieldset legend{
	display:none;
}

.transverse .alert-bottom {line-height:24px; margin-top:20px;}
.transverse .alert, .user-account .alert { font-weight:700; min-height:24px; padding:2px 0 0 30px;}
/* Page Digiposte*//* Page Digiposte*//* Page Digiposte*//* Page Digiposte*/

#headDigipost {
    display:block;
}

#headDigipost img {
    margin-top:15px;
}



#headDigipost .title {
    font-family: Roboto, Verdana, sans-serif;
    font-size:2.500em;
    color:#2b7f9b;
    line-height:26px;
    margin-top:15px;
    margin-bottom:15px;
}

#headDigipost .subTitle {
    font-size:1.375em;
    color:#0e4152;
    line-height:15px;
    font-family:'Arial';
    
}

#blocHowWork {
    background:url("../images/bg/bg_howWork.jpg") no-repeat scroll right 0 #f6f6f5;
    margin: 20px -39px 0 -40px;
    height:189px;
    position:relative;
    width:923px;
    padding-left:40px;
    padding-top:20px;
    position:relative;
    display:block
}
 
#blocHowWork .title {
    font-weight:bold;
    color:#0e4152;
    font-size:1.313em!important;
    
    
}

#blocHowWork ul {
    margin-top:30px;
}

#blocHowWork  ul li.one,
#blocHowWork  ul li.two,
#blocHowWork  ul li.tree {
    display:inline-block;   
    padding-left:40px;
    background: url(../images/media/img_numberList1.jpg) no-repeat scroll left top;
    min-height:48px;
    width:170px;
    vertical-align:top;
    font-size:1.2em;
    color:#0e4152;
    font-weight:bold;
}
#blocHowWork  ul li.two{
    background: url(../images/media/img_numberList2.jpg) no-repeat scroll left top;
    width:198px;
}
#blocHowWork  ul li.tree {
    background: url(../images/media/img_numberList3.jpg) no-repeat scroll left top;
    width:190px;
}

#blocHowWork img {
    position:absolute;
    right:0px;
    top:4px;    
}

#blocInscriptionDigiposte {
    height:102px;
    background-color:#fff;
    padding-top:40px;
    
}

#blocInscriptionDigiposte  a.subscription {
    background: url(../images/btn/btnRegistrationRight.png) no-repeat scroll right top;
    display: inline-block;
    text-decoration: none;
    color:#363636;
    height:37px;
    width:226px;
    vertical-align:top;
}

#blocInscriptionDigiposte  a.subscription  span {
    background: url(../images/btn/btnRegistrationLeft.png) no-repeat scroll left top;
    height:37px;
    width:176px;
    display:inline-block;
    line-height:31px;
    font-size:15px;
    font-weight:bold;
    padding-left:20px;
}

#blocInscriptionDigiposte .blocAlready {
    display:inline-block;
    margin-left:35px;
}

#blocInscriptionDigiposte .text {
    display:inline-block;
    font-size:1.15em;
    color:#0e4152;
}

#blocInscriptionDigiposte .linkCompteCourrier {
    display:block;
    font-size:1.15em;
    color:#0e4152;
}

#blocInscriptionDigiposte .slogan {
    display:block;
    font-size:25px;
    margin-top:35px;
    line-height:26px;
    color:#2b7f9b;
    font-family: Roboto, Verdana, sans-serif;
}

#footerDigiposte  {
    margin: 0px -39px 0 -40px;
    height:101px;
    width:884px;
    padding-left:38px;
    padding-right:40px;
    padding-top:36px;
    background-color:#f6f6f5;
    position:relative;
}

#footerDigiposte .blocBottom {
    position:absolute;
    top:134px;
    width: 962px;
    left:0px;
    height: 8px;
    background: url(../images/bg/rounded_964.png) no-repeat 0 -41px;
}

#footerDigiposte .assistantNumerique,
#footerDigiposte .coffreNumerique,
#footerDigiposte .document {
    height:64px;
    width:228px;
    background: url(../images/icons/assistance.jpg) no-repeat 0 center;
    display:inline-block;
    padding-left:60px;
}

#footerDigiposte .assistantNumerique a,
#footerDigiposte .coffreNumerique a,
#footerDigiposte .document a {
    font-size:1.175em;
}
#footerDigiposte .coffreNumerique {
    width:230px;
    background: url(../images/icons/coffre.jpg) no-repeat 0 center;
}

#footerDigiposte .document {
    width:232px;
    background: url(../images/icons/document.jpg) no-repeat 0 center;
}

#footerDigiposte .assistantNumerique .accroche,
#footerDigiposte .coffreNumerique .accroche,
#footerDigiposte .document .accroche {
    color:#3c6273;
    font-weight:bold;
    font-size:14px;
    line-height:18px;
    
}

#footerDigiposte a:link,
#footerDigiposte a:visited,
#footerDigiposte a:hover,
#footerDigiposte a:active  {
    color:#0e4152;
    margin-top:5px;
    display:inline-block;
}

.content.digiPoste {
    padding-bottom:0px;
}

.tunelProPerso .step-list span {
    font-size: 1.3em;
}

/*=historique commande spï¿½cifique LEL-LREL-LRTEL */
.historiqueLel h2 {padding-bottom: 1em;}
.historiqueLel h2.supMargBottom {padding-bottom: 0em;}
.historiqueLel .hist-left {
    float: left;
    width: 626px;
}
.historiqueLel .hist-left .block-bg-corner {padding: 1.5em;}
.historiqueLel .compteDoneesAside {float: none;}
/*Historique - search*/
.historiqueLel .hist-left form {padding-bottom: 3em;}
.historiqueLel h3 {
    padding-bottom: 1em;
    font-size: 1.8em;
}
.historiqueLel legend {
    float: left;
    width: 80px;
    padding: 10px 0 0;
    font-size: 1.2em;
    font-weight: 400;
}
.historiqueLel .type-wrapper {float: left;}
.historiqueLel .type-date .bg-datepicker input {width: 102px;}
.historiqueLel .type-text,
.historiqueLel .type-date {
    float: left;
    width: 230px;
    padding: 0 0 1em 2.5em;
}
.historiqueLel .type-text label,
.historiqueLel .type-date label {
    width: 90px;
    padding-right: 5px;
    text-align: right;
}
.historiqueLel .type-text span input,
.historiqueLel .type-date span input {width: 105px;}
.historiqueLel .right {padding: 10px 10px 0 0;}
/*Historique - table*/
.historiqueLel .table_historique {
    /*position: relative;*/
    width: 595px;
}
.historiqueLel .table_historique thead th {
    padding: 15px 10px;
    border-bottom: 7px solid #F5F5F2;
    border-left: 1px solid #ccc;
    border-top: 7px solid #F5F5F2;
    font-size: 1.1em;
    text-align: center;
    background: #f5f5f2;
    vertical-align: middle;
}

.historiqueLel .table_historique.partiPro thead th,
.historiqueLel .table_historiqueVisuel.partiPro thead th {
    width:84px;
    padding: 8px 10px;
}

.historiqueLel .table_historique thead th:first-child {
    width: 80px;
    border-left: 0;
}

.historiqueLel .table_historique.partiPro thead th:first-child,
.historiqueLel .table_historiqueVisuel.partiPro thead th:first-child {
    width: 86px;
    border-left: 0;
}


.table_historique.partiPro .btn-send-minor,
.table_historiqueVisuel.partiPro .btn-send-minor {
    background: url("../images/btn/stamps-online_minor_generic_left.png") repeat-y scroll 0 0 transparent;
}

.table_historique.partiPro .btn-send-minor input,
.table_historiqueVisuel.partiPro .btn-send-minor input {
    background: url("../images/btn/stamps-online_minor_right_icon.png") repeat-y scroll right 0 transparent;
}

 

.historiqueLel .table_historique th span {top: 0;}
.historiqueLel .table_historique th .filledHG {left: 0;}
.historiqueLel .table_historique th .filledHD {right: 0;}
.historiqueLel .table_historique thead th#type-carte,
.historiqueLel .table_historique thead th#transaction {
    width: 110px;
    padding: 0 15px;
}
.historiqueLel .table_historique tbody td {
    padding: 15px 0;
    border-top: 1px solid #ededed;
    font-size: 1.3em;
    text-align: center;
    line-height: 1.2em;
    vertical-align: middle;
}


.historiqueLel .table_historique tbody tr:first-child td { padding: 20px 0 5px;border-top: 0 none;}
.historiqueLel .table_historique thead tr td.rounded {
    height: 10px;
    margin: 0;
    padding: 0;
    background: url(../images/bg/bg-table-corners.png) no-repeat 0 0;
}
.historiqueLel .table_historique thead tr td {
    height: 5px;
    background: #F5F5F2;
}
.historiqueLel .block-bg-corner.pagination {
    float: left;
    width: 597px;
    margin: 1em 0;
}


table.table_historique {
  border-collapse: separate;  
}

/*znouaoui for mtel*/

#sheet-stamp-list-mini li {
       height: 34px;
        width: 92px;
        margin: 13px 0 0 13px;
        padding: 18px 0 0 0;
        font-size: 2em;
        text-align: center;
        border: 1px solid #7a7c7b;
}
#sheet-stamp-list-mini.cols-num-2 li {margin: 13px 0 0 19px;}
#sheet-stamp-list-mini li.active {
        height: 52px;
        padding-top: 0;
        border: 1px solid transparent;
}
.stamps-online .pdfVisualisationMTEL .mtellinkMiddle
{
	font-size:1.8em; 
	text-align:center;
	margin-top:50px;
}
.eligibiliteBoxInfo
{
	color : red;
	font-size : 1.3em;
	margin-left:33px;
	margin-right:33px;
}
/*=pdf page */

.stamps-online .pdfVisualisationMTEL .page-step p {color: #565a5c;}
.stamps-online .pdfVisualisationMTEL .visualizeDocBlock {padding-top: 15px;}
.stamps-online .pdfVisualisationMTEL .visualizeDocBlock ul {text-align: center;margin-bottom:15px}
.stamps-online .pdfVisualisationMTEL .visualizeDocBlock li {
            display: flex;
            flex-direction: column;
            align-items: center;
}
.stamps-online .pdfVisualisationMTEL p {
			font-size: 1.3em;
}
.stamps-online .pdfVisualisationMTEL .visualizeDocBlock .note {
            display: block;
            padding-top: 10px;
            color: #565a5c;
            font-size: 1.1em;
            text-align: center;
}
.stamps-online .pdfVisualisationMTEL .visualizeDocBlock .note a {color: #006397;}
.stamps-online .pdfVisualisationMTEL .docLink {
            display: inline-block;
            min-height: 74px;
            padding-left: 82px;
            margin: 0 15px;
            color: #fff;
            text-align: left;
            text-decoration: none;
            background: url(../images/btn/btn_pdf_download_left_mtel.png) 0 0 no-repeat;
}
.stamps-online .pdfVisualisationMTEL .visualizeDocBlock .noteMV{
            display:none;
            width: 80%;
            margin: 0 auto;
            flex-direction:column;
}
.stamps-online .pdfVisualisationMTEL .visualizeDocBlock .noteMV div.content-img{
            display: inline-flex;
            justify-content: center;
            margin-top: 10px;
}
.stamps-online .pdfVisualisationMTEL .visualizeDocBlock .noteMV div.content-img div{
            margin-left: 10px;
            display: flex;
            align-items: center;
}
.stamps-online .pdfVisualisationMTEL .docLink span {
            display: block;
            min-height: 34px;
            width: 7.5em;
            padding: 20px 20px 20px 10px;
            font-size: 1.3em;
            font-weight: 700;
            background: url(../images/btn/btn_pdf_download_right_mtel.png) right 0 repeat-y;
}
.stamps-online .pdfVisualisationMTEL .docLink .docSize {
            display: block;
            margin-top: -16px;
            padding-left: 10px;
            color: #006e81;
            font-style: normal;
            font-size: 1.3em;
}
.stamps-online .pdfVisualisationMTEL .docLinkMV {
            margin-bootom: 20px
}
.stamps-online .pdfVisualisationMTEL #docSizeIdLoading {
    display: block;
    color: #006e81;
    font-style: normal;
    font-size: 1.3em;
}

.stamps-online .pdfVisualisationMTEL .visualizeDocBlock .pdf-loading {
    min-height: 50px;
    background: url(../bxslider/images/bx_loader.gif) center center no-repeat #fff;
    width: 50px;
}

/*ahame for REEL*/
.majuscule{
	text-transform: uppercase;
}

.tarifs .wrapCircle .title.withoutDesc {
	    padding: 45px 0 0;    
}
	
	
.ajax_warn{
		position:absolute;
		left:0;
		top:0;
		z-index:0;
		visibility:hidden;
}
	
	
/* =BEAUX EVENEMENTS */
/* =home */
.beaux-eve .eve-landing h2 {
    color: #747408;
    font-size: 4.6em;
}
.iconEditAddress {
       display: inline-block !important;
       height: 41px !important;;
       background: url(../images/icons/picto_modifier.png) no-repeat 0 50%;
       position: absolute;
       margin: 1.5em 1em 2em -19.25em !important;
}

/*verification adresse Reex*/
.textEditAddress {
  	display: inline-block;
	position: absolute !important;
	text-Decoration: none !important;
    margin: 2.5em 1em 2em -22.70em !important;
}
.message_verifAddress {
	color: #FF0000;
    font: 1.6em Arial,Helvetica,sans-serif;
    margin-bottom: 0.4em;
    margin-top: -2em;
}
.rappel_verifAddress {
    font-weight: normal;
}
.noteRappel {
	font-size:1.13em !important;
}
.alertSmsDisplay{
	display : none;
}	

.beaux-eve .eve-landing .sub-title {
    color: #434343;
    font-size: 1.6em;
    font-weight: normal;
    width: 355px;
    margin-top: 8px;
}
.beaux-eve .eve-landing .cartouche-top {
    background: url(../images/media/beaux_eve/frise_top.png) no-repeat 0 147px;
}


.beaux-eve .eve-landing .cartouche-top {
    margin: 203px -40px 0px;
}
.js-noactive.beaux-eve .eve-landing .cartouche-top {
    margin: 0px -40px 0px;
}
.beaux-eve .eve-landing .cartouche-inner {
    background: url(../images/media/beaux_eve/illustration_home.png) no-repeat 344px 0;
    padding-top: 245px
}
.beaux-eve .eve-landing .cartouche-inner h3,
.beaux-eve .eve-landing .cartouche-inner p
{
    padding-left: 485px;
    color: #fff;
}
.beaux-eve .eve-landing .cartouche-inner .description {
    font-size: 1.4em;
    line-height: 1.4em;
}
.beaux-eve .eve-landing .cartouche-inner .bouton {
    padding: 15px 0 8px 485px;
}
.beaux-eve .eve-landing .cartouche-bottom {
    display: block;
    height: 21px;
    background: url(../images/media/beaux_eve/frise_bottom.png) no-repeat 0 0;
    margin: 0 -40px 25px;
}
.js-active.beaux-eve .eve-landing .product-push .product-group {
    width: 888px;
}
.beaux-eve .eve-landing .product-push h3 {
    margin-bottom: 20px;
}
.beaux-eve .eve-landing .product-push .product-slot .product-description {
    padding-bottom: 6px;
}
.beaux-eve .eve-landing .product-push .product-slot .product-description .visuel {
    height: 136px;
    display: table-cell; /* buggy in chrome - needs width and text-align */
    vertical-align: middle;
    text-align: center;
    width: 220px;
}
.beaux-eve .eve-landing .product-push .product-slot .product-description a > span {
    min-height: 0;
    padding-top: 0;
    margin: auto; 
    font-weight: normal;
}
.beaux-eve .eve-landing .product-push .product-slot .product-description .typo-jp {
    color: #707807;/*#9ca60b;*/
}
.beaux-eve .eve-landing .product-push .product-slot .product-description .product-buy {
    margin-top: 15px;
}
.beaux-eve .eve-landing .product-buy {
    width: 211px;
}
.beaux-eve .eve-landing .product-push .product-slot {
    border: 0;
    background: url(../images/bg/filet_separateur.png) no-repeat 218px top;
    min-height: 197px;
}
.beaux-eve .eve-landing .product-push .product-group li.last {
    background: none;
}
.beaux-eve .eve-landing .product-push .product-slot a > span.product-title {
  line-height: 16px;
  min-height: 48px;
}
.beaux-eve .white .btn-action-minor span {
    color: #747408;
}

.js-noactive.beaux-eve .eve-landing .mozaik {
    display: none;
}
.beaux-eve .eve-landing .mozaik li {
    float: left;
}
.beaux-eve .eve-landing .mozaik-description {
    float: left;
    border: #ccc 1px solid;
    width: 366px;
    background-color: #fff;
}

.beaux-eve .eve-landing .mozaik-description {
    margin: 0 50px 50px 0;
}
.beaux-eve .eve-landing .mozaik-description .typo-jp {
    color: #9ba60b;
    font-size: 1.4em;
    padding: 8px 0 0 5px;
    text-transform: uppercase;
}
.beaux-eve .eve-landing .mozaik-description .sub-title {
    color: #9ba60b;
    font-size: 1.4em;
    padding: 0 0 0 5px;
    margin-top: 0;
}
.beaux-eve .eve-landing .mozaik-description .text {
    font-size: 1.1em;
    margin-top: 15px;
    margin-bottom: 23px;
    line-height: 1.2em;
}
.beaux-eve .eve-landing .mozaik-description img.ill {
    float: left;
    margin: 6px;
}
.js-active .eve-landing .mozaik-description {
    float: none;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
}
.js-active .eve-landing .mozaik-description .inner {
    position: relative;
}
.js-active .eve-landing .mozaik-description .close-popin {
    position: absolute;
    top: 0;
    right: 0;
    margin: 10px 10px 0 0;
}
.js-active .eve-landing .mozaik .slot {
    position: absolute;
    top: 0;
}
.js-active .eve-landing .mozaik-description .typo-jp,
.js-active .eve-landing .mozaik-description .sub-title,
.js-active .eve-landing .mozaik-description .text {
    width: 195px;
    padding: 0;
    margin-left: 158px;
}
.js-active .eve-landing .mozaik-description .typo-jp {
    padding-top: 8px;
}
.js-active .eve-landing .mozaik-description .bouton {
    margin: 0 0 11px 158px;
}
.js-active .eve-landing .mozaik-description img.ill {
    float: none;
    position: absolute;
    margin: 0;
    top: 6px;
    left: 6px;
}
	
	
	




/* znouaoui : start Step 3 Coordonnees*/

#tunnel_achat_coordonnees fieldset {
	background-color: transparent;
	padding: 0px;
}
/*
    ------------------------------------------------
        bas de panier pour totaux
    ------------------------------------------------
    */
.transverse .step1 .save-cart {
        border-right: 1px solid #B2B2B2;
        float: left;
        margin: 8px 0 0 0;
        text-align: right;
        width: 360px;
}
.transverse .step1 .save-cart a,
.transverse .step1 .code_promo .disagree {
        color: #006397;
        display: inline-block;
        font-size: 1.2em;
        padding: 0 0 0 0;
        text-decoration: none; 
        width: 100%;
}
.transverse .step1 .code_promo .errorDisplay {
      width: auto;
}
.transverse .step1 .order_total .total-tva,
.transverse .step1 .order_total .total-frais-port {
        border-top: 1px solid #e5e5e5;
}

.js-active.transverse .step1 .recalcule,
.js-active.transverse .step1 .code_promo .btn-send-minor {
        display: none;
}
.transverse .step1 .recalcule {
        margin-top: 15px;
}
/*step2 */

/*step3 */
.transverse .step3 .float-right {padding: 3em 0;}
.transverse .step3 .block-border-corner {
        width: 438px;
        margin-left: 20px;
        float: left;
        padding: 0;
}
.transverse .step3 .first {
            margin-left: 0;
            clear: right;
			width:418px;
}
.transverse .step3 .paie-title {font: normal 1.8em/1.8em Arial, Helvetica, sans-serif;}
.transverse .step3 .paie-title {padding: .5em .7em;}
.transverse .step3 .first .paie-title {padding: .5em 1.6em;}
    
.transverse .step3 legend {
        float: left;
        font-size: 1.4em;
}
.transverse .step3 .block-border-corner ul {float: left;}
.transverse .step3 .block-border-corner li {
        width: 178px;
        float: left;
        text-align: center;
        padding: 0 0 2.2em 0;
}
.transverse .step3 .block-border-corner li img {
        display: block;
        text-align: center;
        margin: 0 auto;
        padding-bottom: 0.4em;
}
.transverse .step3 .block-border-corner li label {
        display: block; 
        clear: both;
        padding-top: 4.5em;
        padding-bottom: 0.3em;

}
	
.transverse .step3 .block-border-corner li label.error {
		position :absolute;
		color:red;
		top:15px;
		left:30px;
		font-size:1.5em;
}
	
	
.transverse .step3 tbody th img {
		display:inline-block;
	
}
	
	
.transverse .step3 tbody th span {
		display:inline-block;
		margin-top:2px;
		/*line-height:29px;*/
		vertical-align:top;
		width:120px;
}
	
.transverse .step3 li .cb {background: url(../images/media/carte-bancaire-v2-6.png) no-repeat center 10px;}
.transverse .step3 li .prepaye {background: url(../images/media/compte-prepaye-v2.png) no-repeat center 0;}
.transverse .step3 li .rib {background: url(../images/media/rib-v2.png) no-repeat center 7px;}
.transverse .step3 li .ma {background: url(../images/media/mandat-administratif.png) no-repeat center 4px;}
.transverse .step3 li .cheque {background: url(../images/media/cheque.png) no-repeat center 7px;}
.transverse .step3 li .prepaye-violet {background: url(../images/media/compte-prepaye-v2-violet.png) no-repeat center 0;}
.transverse .step3 li .rib-violet {background: url(../images/media/rib-v2-violet.png) no-repeat center 7px;}
.transverse .step3 li .ma-violet {background: url(../images/media/mandat-administratif-violet.png) no-repeat center 4px;}
.transverse .step3 li .cheque-violet {background: url(../images/media/cheque-violet.png) no-repeat center 7px;}
.transverse .step3 li input {
        display: block;
        margin: 0 auto;
}
.transverse .step3 .moyens {
        padding: 1em 0 0.5em 1.5em;
        float: left;
        text-align: left;
}
.transverse .step3 .moyens li {
        width: 400px;
        text-align: left;
        float: left;
}
/*
    .transverse .step3 .moyens li.first {
        border-left: 0 none;
        padding:  0 15px 0 0;
    }
    */
.transverse .step3 .moyens li.first img {padding: 0.7em 0;}
.transverse .step3 .moyens li .paie-title {padding: 0;}
.transverse .step3 .moyens li span {
        font-size: 1.2em;
        display: block;
}


/* step3 - table2 */
.transverse .step3 table {text-align: left;}
.transverse .step3 thead th {
        background: none repeat scroll 0 0 #F5F5F2;
        border-bottom: 3px solid #F5F5F2;
        border-top: 3px solid #F5F5F2;
        color: #363636;
        font-size: 1.2em;
        text-align: left;
}
.transverse .step3 thead #services {
        padding-left: 1em;
        border-right: 1px solid #000;
        font-weight: normal;
}
.transverse .step3 thead #sous-total {
        padding-right: 1em;
        text-align: right;
        font-weight: normal;
}
.transverse .step3 tbody th {
        color: #000;
        font-size: 1.2em;
        font-weight: 700;
        padding: 2em 0 2em 0;
        width: 377px;
        text-align: left;
}
.transverse .step3 tbody td {
        color: #e24614;
        font-size: 1.2em;
        font-weight: 400;
        text-align: right;
        padding-right: 1em;
}
.transverse .step3 tbody th.lel {
        padding-bottom: 1.5em;
}
.transverse .step3 tbody th.rel {}
.transverse .step3 tfoot .montant_ht th, .transverse .step3 tfoot .montant_tva th {
        color: #565a5c;
        padding: 0;
}
.transverse .step3 tfoot td {
        color: #e24614;
        padding: 0;
        text-align: right;
}
.transverse .step3 tfoot th {
        font-weight: 400;
        text-align: left;
}
.transverse .step3 tfoot .montant_ht th,
.transverse .step3 tfoot .montant_ht td {
        padding: 1em 10px;
        background: #F5F5F2;
        font-size: 1.6em;
}
.transverse .step3 tfoot .montant_tva th,
.transverse .step3 tfoot .montant_tva td {
        padding: 1em 10px;
        font-size: 1.6em;
}
.transverse .step3 tfoot .montant_total th,
.transverse .step3 tfoot .montant_total td {
        background: url(../images/bg/grey_paiement.png) repeat-x left top;
        padding: 1em 10px 2em;
        font-size: 1.8em;
        font-weight: 700;
}
.transverse .step3 tfoot .montant_total th {
        color: #565a5c;
        text-transform: uppercase;  
}
.transverse .step3 tfoot .montant_total td {
        font-size: 2.3em;
        color: #e24614;
}
/* =step3 coordenees */
.transverse .step3.coordenees .coordonnees-inner {
        padding-top: 20px;
}

/* =step3 coordenees */
.transverse .step3.coordenees .coordonnees-inner {
        padding-top: 20px;
}
.transverse .step3.coordenees .deliveryAddress,
.transverse .step3.coordenees .billingAddress {
        background: url(../images/bg/bg_fieldset-livraison.png) no-repeat right top;
        float: left;
        min-width: 420px;
        padding: 0;
}
.transverse .step3.coordenees .deliveryAddress fieldset,
.transverse .step3.coordenees .billingAddress fieldset {
        padding: 0;
        background-color: transparent;
}
.transverse .step3.coordenees .deliveryAddress .block-border-corner,
.transverse .step3.coordenees .billingAddress .block-border-corner {
        margin-left: 0;
        padding: 1em;
        width: 380px;
}
.transverse .step3.coordenees .legendAddress {
        display: block;
        float: none;
        font-size: 1.8em;
        padding: 0 0 20px;
        font-weight : bold;
}
.transverse .step3.coordenees .deliveryAddress label,
.transverse .step3.coordenees .billingAddress label {
        display: none;
}
.transverse .step3.coordenees .input-white span {
        border: none;
}
.transverse .step3.coordenees .input-white div.selector {
        border: 3px solid #fff;
}
.transverse .step3.coordenees .input-white div.selector.focus {
        border: 3px solid #B5CFE7;
}

.transverse .step3.coordenees .input-white div.selector span {
        padding-left: 0;
}
.transverse .step3.coordenees .input-white div.selector:active,
.transverse .step3.coordenees .input-white div.selector.active,
.transverse .step3.coordenees .input-white div.selector.hover,
.transverse .step3.coordenees .input-white div.selector:hover,
.transverse .step3.coordenees .input-white div.selector:hover:active,
.transverse .step3.coordenees .input-white div.selector.active:hover {
            border: 3px dashed #B5CFE7;
}
.transverse .step3.coordenees .detailsAddress {
        display: none;
}
.js-active.transverse .step3.coordenees .detailsAddress {
        display: block;
        padding: 20px 0px 10px;
}
.transverse .step3.coordenees .detailsAddress > span {
        display: block;
        font-size: 1.4em;
}
.transverse .step3.coordenees .detailsAddress .display-address-name,
.transverse .step3.coordenees .detailsAddress .display-address-companyName {
        font-weight: 700;
}
.transverse .step3.coordenees .addAddressLink {
        padding-top: 20px;
}
.transverse .step3.coordenees .billingAddress {
        margin-left: 36px;
}
.transverse .step3.coordenees .modeShipping {
        background: none;
        clear: both;
        padding: 0;
}
.transverse .step3.coordenees .modeShipping .errorDisplay {
        display: block;
        min-height: 24px;
}
.transverse .step3.coordenees .modeShipping h3 {
        float: none;
        font-size: 1.8em;
        padding: 40px 20px 0;
}
.transverse .step3.coordenees .modeShipping .text-1 {
      font-size: 1.3em;
      font-weight: 400;
      color: #565a5c;
      padding: 0 20px 0;
}
.transverse .step3.coordenees .modeShipping .type-radio li {
        border-left: 1px solid #ccc;
        float: left;
        min-height: 68px;
        padding: 112px 0 0;
        text-align: center;
        width: 296px;
}
.transverse .step3.coordenees .modeShipping .type-radio li:first-child {
        border-left: none;
}
.transverse .step3.coordenees .modeShipping .type-radio li.standard {
        background: url(../images/bg/bg-logo-laposte.png) no-repeat 50% 27px;
        width: 274px;
    /*         margin-left: 20px; */
}
.transverse .step3.coordenees .modeShipping .type-radio li.standardM {
        background: url(../images/bg/bg-logo-standard.png) no-repeat 50% 27px;
        width: 274px;
    /*      margin-left: 20px; */
}
.transverse .step3.coordenees .modeShipping .type-radio li.disabledStandard {
        opacity: 0.5;
}
.DetailDeliveryMode{
	    margin-left: 23px;
	    text-align:left;
	    color:black;
	    font-size:105%;
}
.transverse .step3.coordenees .colissimo {
        background: url(../images/bg/bg-logo-colissimo.png) no-repeat 50% 27px;
}
.transverse .step3.coordenees .so-colissimo {
        background: url(../images/bg/bg-logo-so-colissimo.png) no-repeat 50% 27px;
}
.transverse .step3.coordenees .modeShipping .so-colissimo-layer {
      background-color: #fff;
      clear: both;
      padding-top: 30px;
      display: none;
}
.transverse .step3.coordenees .modeShipping .so-colissimo-layer > .outer{
      border: 1px solid #ccc;
      position: relative;
      width: 600px; 
      margin: 0 auto;
}
.transverse .step3.coordenees .modeShipping .so-colissimo-layer > .outer iframe {
      width: 580px;
      height: 1100px;
}
.transverse .step3.coordenees .modeShipping .so-colissimo-layer > .outer > .inner {
      margin: 10px 0;
      padding: 0 10px;
}
.transverse .step3.coordenees .modeShipping .so-colissimo-layer .arrow-top,
.transverse .step3.coordenees .modeShipping .so-colissimo-layer .arrow-top:after {
      position: absolute;
      display: block;
      width: 0;
      height: 0;
      border-color: transparent;
      border-style: solid;
}
.transverse .step3.coordenees .modeShipping .so-colissimo-layer .arrow-top {
      top: -22px;
      left: 50%;
      margin-left: -11px;
      border-bottom-color: #ccc;
      border-top-width: 0;
      border-width: 11px;
}
.transverse .step3.coordenees .modeShipping .so-colissimo-layer .arrow-top:after {
      top: 1px;
      margin-left: -10px;
      border-width: 10px;
      border-bottom-color: #ffffff;
      border-top-width: 0;
      content: " ";
}
.transverse .step3.coordenees .modeShipping .type-radio li.chronopost {
        background: url(../images/bg/bg-logo-chronopost.png) no-repeat 50% 27px;
        width: 290px;
}
.transverse .step3.coordenees .modeShipping .type-radio li .type {
        display: inline-block;
        margin: 0 0 0 16px;
}
.transverse .step3.coordenees .modeShipping .type-radio li label {
        display: inline-block;
        font-size: 1.4em;
        font-weight: 700;
        padding-right: 16px;
}
.transverse .step3.coordenees .modeShipping .type-radio li input {
        display: inline-block;
}
.transverse .step3.coordenees .modeShipping .type-radio li label > span {
        display: block;
        font-size: .8em;
        font-weight: 400;
}
.transverse .step3.coordenees .modeShipping .type-radio li label .price {
        font-weight: bold;
}
/* =step3/4 - paiement */
.transverse .step3.payment fieldset {
            background-color: #f5f5f2;
            padding: 0.5em 3em;
}
.transverse .step3.payment legend {
            float: left;
            font-size: 1.4em;
}
		
		
#formModePaiement fieldset {
			background-color: #f5f5f2;
            padding: 0.5em 3em;
}
.transverse .step3.payment .info-reassurance{
            padding: 10px 0;
}
.transverse .step3.payment .moyens li {
            border: none;
            float: none;
            padding: 0 0 2.2em;
            text-align: left;
            width: auto;
}
.transverse .step3.payment table {
            position: relative;
}
.transverse .step3.payment thead th {
            border-bottom: none;
            border-top: none;
            line-height: 1.7em;
}
.transverse .step3.payment thead #produits,
.transverse .step3.payment thead #services {
            padding-left: 2em;
}
.transverse .step3.payment thead #services {
            background: #F5F5F2 url(../images/bg/bg_line-vert.png) no-repeat right 50%;
            border-right: none;
}
.transverse .step3.payment thead th .rounded-left {
            /*background: url(../images/bg/bg_rounded-left.png) no-repeat 0 0;*/
            display: block;
            height: 21px;
            position: absolute;
            left: 0;
            top: 0;
            width: 20px;
}
.transverse .step3.payment thead #sous-total {
            padding-right: 2em;
            *padding-right: 1em;
            width: 80px;
            text-align: right;
}
.transverse .step3.payment thead th .rounded-right {
              /*background: url(../images/bg/bg_rounded-right.png) no-repeat 0 0;*/
            display: block;
            /*float: right;*/
            position: absolute;
            right: 0;
            top: 0;
            height: 21px;
            width: 20px;
}
.transverse .step3.payment tbody td {
           /* padding-right: 2em;*/
           color: #000;
}
.transverse .step3.payment tbody td.total {
            padding-right: 2em;
            *padding-right: 1em;
            width: 80px;
}
.transverse .step3.payment .produits-payment thead th {
            font-weight: 400;
}
.transverse .step3.payment .produits-payment .produit {
            text-align: left;
            width: 318px;
}
.transverse .step3.payment .produits-payment td.produit {
                padding-right: 0;
}
.transverse .step3.payment .produits-payment th.produit-prix-un,
.transverse .step3.payment .produits-payment th.produit-prix-ht {
            background: #F5F5F2 url(../images/bg/bg_line-vert.png) no-repeat 0 50%;
}
.transverse .step3.payment .produits-payment td.produit > span {
             display: block;
             font-weight: 700;
             padding: 2em 0 1em 8em;
}
.transverse .step3.payment .produits-payment .produit-desc {
            font-weight: 400;
            display: block;
}
.transverse .step3.payment .produits-payment .produit-quantite {
            padding-right: 0;
            text-align: center;
            width: 90px;
}
.transverse .step3.payment .produits-payment .produit-prix-un {
            padding-right: 0;
            text-align: center;
            width: 140px;
}
.transverse .step3.payment .produits-payment .produit-prix-ht {
            text-align: right;
            padding-right: 2em;
            width: 84px;
}
.transverse .step3.payment .services-payment th:first-child {
            width: 300px;
}
.transverse .step3.payment .services-payment th.total {
            font-weight: 400;
            text-align: center;
            width: 84px;
}
.transverse .step3.payment .produits-payment td.produit-prix-ht,
.transverse .step3.payment .services-payment td.total {
                color: #E24614;
}
.transverse .step3.payment .line-break {
            background: #6B6B6B;
            height: 1px;
            margin: 0 2em 2em;
}
.transverse .step3.payment .produits-payment tbody th span,
.transverse .step3.payment .services-payment tbody th span {
            display: inline-block;
            /*width: 111px;*/
            vertical-align: middle;
}
.transverse .step3.payment .produits-payment .visual,
.transverse .step3.payment .services-payment .visual {
            width: 92px;
            text-align: center;
}
/*.transverse .step3.payment .order-total-small {
            background-color: #F5F5F2;
        }*/
.transverse .step3.payment .order-total-small ul {
            float: none;
}
.transverse .step3.payment .order-total-small li {
            float: none;
            font-size: 1.6em;
            overflow: hidden;
            width: auto;
}
.transverse .step3.payment .order-total-small .total-frais-port {
                border-top: 1px solid #CECECE;
                margin: 0 24px;
}
.transverse .step3.payment .order-total-small .total-ht,
.transverse .step3.payment .order-total-small .total-ttc {
                background-color: #F5F5F2;
}

.transverse .step3.payment .order-total-small li .label {
            color: #696760;
            float: left;
            padding: 14px 0 14px 24px;
}
.transverse .step3.payment .order-total-small li .value {
            color: #E54A06;
            float: right;
            margin-right: 23px;
            padding: 14px 0;
            text-align: right;
            width: 140px;
}
.transverse .step3.payment .order-total-small .total-frais-port .label,
.transverse .step3.payment .order-total-small .total-frais-port .value {
                color: #696760;
                margin-right: 0;
                padding: 14px 0;
}
.transverse .step3.payment .order-total-small .total-ttc .label,
.transverse .step3.payment .order-total-small .total-ttc .value {
                font-weight: 700;
}
            
.transverse .step3.payment .payment-delivery-adress {
            background-color: #F5F5F2;
            padding: 1em;
}
.transverse .step3.payment .payment-delivery-adress h3 {
            font-size: 1.2em;
            font-weight: 400;
            padding: 0 0 1em 1.2em;
}
.transverse .step3.payment .payment-delivery-adress .block-bg-invert {
            overflow: hidden;
            padding: 1em 1.4em 1em 3em;
}
.transverse .step3.payment .payment-delivery-adress .adress-content {
            float: left;
}
.transverse .step3.payment .payment-delivery-adress .adress-content > span {
            display: block;
            font-size: 1.2em;
}
.transverse .step3.payment .payment-delivery-adress .adress-name {
                font-weight: 700;
}
.transverse .step3.payment .payment-delivery-adress .modify-link {
            color: #006397;
            display: block;
            font-size: 1.2em;
            font-weight: 700;
            float: right;
}

/*step4 */
.transverse .step4 .title3-container {margin-bottom: 2em;}
.transverse .step4 p {
        margin-bottom: 1.2em;
        font-size: 1.4em;
}
.transverse .step4 .exergue-color {font-size: 1em;}
.transverse .step4 h4 {
        padding-bottom: 1em;padding-top: 0.2em;
        font-size: 1.4em;
        text-transform: uppercase;
}
.transverse .step4 dl {font-size: 1.4em;}
.transverse .step4 dt {
        float: left;
        padding-bottom: 0.5em;
        clear: left;
}
.transverse .step4 dd {
        float: left;
        color: #e54a06;
}

/*!IE7 */
.transverse .step4 .list_liens {
        padding-top: 1em;
        clear: left;
}
.transverse .step4 .list_liens li {padding-bottom: 0.5em;}
.transverse .step4 .list_liens a {
        color: #006397;
        font-size: 1.4em;
}
.transverse .step4 .block-bg-corner {margin-bottom: 2em;margin-top: 1.7em;}
.transverse .step4 .block-bg-corner h3 {margin: 0.3em 0 36px 0.1em;}
.transverse .visuel_stamps,
.transverse .text_print,
.transverse .visuel_stamps .btn-send {float: left;}
.transverse .visuel_stamps {
        padding-left: 26px;
        text-align: center;
}
.transverse .visuel_stamps span {
        display: block;
        margin-bottom: 4px;
        font-size: 1.2em;
}
.transverse .visuel_stamps img {display: block;}
.transverse .step4 .text_print {
        width: 315px;
        margin-top: 1.9em;
        padding-left: 30px;
}
.transverse .step4 .text_print p {
        margin-bottom: 0;
        padding: 0;
        line-height: 1.214em;
}
.transverse .step4 .btn-action-major {margin: 57px 0 0 56px;}

/* =MA NOUVELLE ADRESSE (new-address) */
/*.new-address .step-list .step1 span, TODO - Laisser ce bloc commenté parcequ il existe déjà
.new-address .step-list .step2 span,
.new-address .step-list .last span {padding: 18px 0 0;}
.new-address .content-num {padding: 0;} TODO - Laisser ce bloc commenté parcequ il existe déjà */
.new-address .content-num span {color: #D20077;}
.new-address form .block-bg-corner {margin-bottom: 3.9em;}
.new-address form .no-margin {margin-bottom: 0;}
/*.new-address p { TODO - Laisser ce bloc commenté parcequ il existe déjà
    clear: both;
    padding: 0;
    font-size: 1.4em;
    line-height: 1.5em;
} TODO - Laisser ce bloc commenté parcequ il existe déjà */
.new-address .float-right {padding: 0 0 2em 2em;}
.new-address legend.num-list span {color: #D20077;}

/*=content n.1 */
/*.new-address .desc {padding: 1em 0 2em 2em;} TODO - Laisser ce bloc commenté parcequ il existe déjà
    .new-address .desc .pack-chooser {
        float: left;
        padding: 2em 0;
    }
    .new-address .desc .pack-chooser li {
        float: left;
        position: relative;
        font-size: 1.1em;
        font-weight: 700;
        background: white;
        border: 3px solid #f5f5f2;
        padding-right: 1.8em;
    }
    .new-address .desc .pack-chooser li .bgcorner {
        display: block;
        position: absolute;
        height: 12px;
        width: 12px;
        background-image: url(../images/corner/bg_mna_radio.png);
    }
    .new-address .desc .pack-chooser li .cornerHG {
        left: 0;
        top: 0;
        background-position: 0 -30px;
    }
    .new-address .desc .pack-chooser li .cornerHD {
        right: 0;
        top: 0;
        background-position: 12px -30px;
    }
    .new-address .desc .pack-chooser li .cornerBG {
        bottom: 0;
        left: 0;
        background-position: 0 -42px;
    }
    .new-address .desc .pack-chooser li .cornerBD {
        bottom: 0;
        right: 0;
        background-position: 12px -42px;
    }
    .new-address .desc .pack-chooser li label {
        padding: 10px 10px 10px 18px;
        cursor: pointer;
    }
    .new-address .desc .pack-chooser li.sep-chooser {
        padding: 1em 1.8em;
        background-color: #f5f5f2;
        font-size: 1.4em;
    }
    .new-address .desc .pack-chooser li.selected {border: 3px solid #ea9fc7;}
    .new-address .desc .pack-chooser li.selected .cornerHG {
        left: -3px;
        top: -3px;
        background-position: 0 0;
    }
    .new-address .desc .pack-chooser li.selected .cornerHD {
        right: -3px;
        top: -3px;
        background-position: 12px 0;
    }
    .new-address .desc .pack-chooser li.selected .cornerBG {
        bottom: -4px;
        left: -3px;
        background-position: 0 -13px;
    }
    .new-address .desc .pack-chooser li.selected .cornerBD {
    bottom: -3px;
    right: -3px;
    background-position: 12px -13px;
    }
    .new-address .desc .services {
        float: left;
        max-height: 200px;
        padding-top: 1em;
    }
    .new-address .desc .services li {
        float: left;
        min-width: 320px;
        padding: 1em 1em 1.3em 4em;
        border-bottom: 1px solid #ccc;
        font-size: 1.3em;
        background-image: url(../images/icons/ico-mna-list.png);
        background-repeat: no-repeat;
    } TODO - Laisser ce bloc commenté parcequ il existe déjà */
/*.new-address .desc .services li.postales { TODO - Laisser ce bloc commenté parcequ il existe déjà
        background-position: 0 5px;
        clear: left;
    }
    .new-address .desc .services li.sms {
        background-position: 7px -38px;
        clear: left;
    } TODO - Laisser ce bloc commenté parcequ il existe déjà */
/*.new-address .desc .services li.guide {
        background-position: 3px -81px;
        clear: left;
    }*/
    
/*.new-address .desc .services li.guide { TODO - Laisser ce bloc commenté parcequ il existe déjà
        background-position: 5px -224px;
        clear: left;
    } TODO - Laisser ce bloc commenté parcequ il existe déjà */
    
/* .new-address .desc .services li.calendrier {
        background-position: 0 -128px;
        border: 0 none;
        clear: left;
    }*/
/*.new-address .desc .services li.type { TODO - Laisser ce bloc commenté parcequ il existe déjà
        margin-left: 3.6em;
        background-position: 2px -170px;
    }
    .new-address .desc .services li.formulaires {
        margin-left: 3.6em;
        background-position: 5px -224px;
    }
    .new-address .desc .services li.outils {
        margin-left: 3.6em;
        background-position: 7px -273px;
    }
    .new-address .desc .services li.reductions {
        margin-left: 3.6em;
        background-position: 5px -316px;
        border: 0 none;
    } TODO - Laisser ce bloc commenté parcequ il existe déjà */

/*=content n.2 */
/*.new-address .optionsSupplem table { TODO - Laisser ce bloc commenté parcequ il existe déjà
        display: block;
        float: left;
        width: 820px;
        padding: 0;
    }
    .new-address .optionsSupplem thead th {
        padding: 1.8em 0 1em 0;
        text-align: left;
        font-size: 1.4em;
    }
    .new-address .optionsSupplem tbody td.montant-num {
        padding-top: 0.5em;
        text-align: right;
        vertical-align: top;
    }
    .new-address .optionsSupplem tbody td .type-text {padding: 0 0 0.5em 0.2em;}
    .new-address .optionsSupplem tbody td .type-text span input {
        width: 75px;
        font-size: 1em;
    }
    .new-address .optionsSupplem tbody td.lots {
        padding: 0.5em 2em 0 0;
        font-weight: 400;
        text-align: right;
        vertical-align: top;
        font-size: 1.4em;
    } TODO - Laisser ce bloc commenté parcequ il existe déjà */

/*=content n.3 */
/*.new-address .code .type-text {padding: 30px 0 10px 219px;} TODO - Laisser ce bloc commenté parcequ il existe déjà
    .new-address .code .type-text label {
        width: 145px;
        color: #565a5c;
        font-size: 1em;
    }
    .new-address .code .type-text input {
        width: 80px;
        font-size: 1em;
    } TODO - Laisser ce bloc commenté parcequ il existe déjà */

/*=content n.4 */
/*.new-address .block-bg-corner .montant { TODO - Laisser ce bloc commenté parcequ il existe déjà
        float: left;
        position: relative;
        min-width: 800px;
        margin: 1em 0;
        padding: 1em;
        background: #fff;
        font-size: 1.4em;
    }
    .new-address .block-bg-corner .montant th {padding-left: 335px;}
    .new-address .block-bg-corner .montant td {
        padding-left: 270px;
        font-size: 1.2em;
        font-weight: 700;
    } TODO - Laisser ce bloc commenté parcequ il existe déjà */
    
/* znouaoui : END Step 3 Coordonnees*/
	
	


#tableServiceItems .serviceOrder {
		margin-bottom:20px;
}
	
.transverse .step1 #services {
		padding: 0 0 0 2.5em;
		width: 500px;
}
	
.particulier #fancybox-title {
		display:none;
}

.ajax_warn{
		position:absolute;
		left:0;
		top:0;
		z-index:0;
		visibility:hidden;
}
/* znouaoui : End Page Categorie*/
.marge{
        position: relative;
        margin-bottom: 15px;
        margin-top: 15px;
        margin-left: 3em;
}

.returnTextArea {
	width: 90%;
	height: 50%;
	resize: none;
	border-color: rgb(153, 153, 153);
	border-width: 1px;
}

.tableMyProduits .btn-lft .btn-continue span {
	background: url(../images/btn/cancel_right.png) no-repeat right 0 !important;
	padding: 17px 22px 18px 7px;
}  

.tableMyCommands .type-select  .selector span{
	width : 60px;
	
}

.tableMyCommands .type-select  .selector select{
	font-size: 0.9em;
    /*     text-transform: uppercase; */
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1em;
}

.user-command .tableMyCommands thead th.remarques{
	padding: 0 0 0 20px;
	width: 450px;
}
   
/* SEPA */
#sepaTable {
	margin: auto;
	width: 710px;
	font: 1em "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.reshipment .step3 .block-bg-corner .sepaContent {
	margin : 5px 0;
	width: auto;
}
.reshipment .sepaContent input {
	font-size: 0.9em;
    text-align: center;
    width: 40px;
}
.reshipment .sepaContent input#mandat {
	font-size: 0.9em;
    text-align: center;
    width: 100px;
}
#sepaTitle {
	text-align: center;
	width: 10px;
}
#sepaTitleRum {
	text-align: center;
	width: 200px;
}
.sepaTextAlign, #sepaTitleIban, .transversePro .step3 tbody td.sepaTextAlign {
	text-align:center;
}
.sepaAlignCenter {
	text-align: center;
	vertical-align: middle;
}

.btn-action-minor span{
		font-size: 1.3em;
}
		
.btn-vert-action-minor span{
		font-size: 1.3em;
}


/* znouaoui : Start Page Categorie*/

/*=T-CATALOGUE*/
/* Supprimé volontairement : venir voir l'équipe FRONT si vous voulez faire 1 modification */
/*.beaux-timbres {
        float:left;
        overflow:hidden;
        padding-bottom:40px;
    }*/
.js-active .submit-filter { display:none;}
.js-active .submit-ordre { display:none;}
/* Supprimé volontairement : venir voir l'équipe FRONT si vous voulez faire 1 modification */
/*.beaux-timbres .submit-filter {
        float:left;
        padding:10px 5px
    }
    .beaux-timbres .submit-ordre {
        float:left;
        padding:10px 5px
    }

    .beaux-timbres .filtres-cont {
        width:200px;
        float:left;
        padding:0 20px 40px 0;
    }
    .beaux-timbres .list-cont {
        width:660px; 
        float:left;
    }
    .beaux-timbres .filtres-cont .title3 {
        color:#565a5c;
        font-size:1.8em;
        font-weight:700;
        padding:20px 0 0 0;
        text-transform:uppercase;
    }
    .beaux-timbres .product-push {
        overflow:visible; 
        float:left;
        padding-top:30px;
    }
    .beaux-timbres .list-cont .pagination.filter {
        padding:0 1em;
    }
    .beaux-timbres .list-cont .filter .pagination {
        padding:1.5em 1em 0 0;
    }

    .beaux-timbres .resultTriOrder {
        margin-left: 230px;
        position: absolute;
        z-index: 1;
    }
    .beaux-timbres .resultTriOrder fieldset .type-select {
        float: left;
        margin-right: 10px;
    }
    .beaux-timbres .resultTriOrder fieldset .result { 
       !* border-left:1px solid #d8d7d6; *!
       color:#000;
       float:left;
       font-size:1.4em;
       font-weight:700; 
       line-height:2em;
       margin:8px 0;
       padding-left:10px;
       text-transform:uppercase;
       text-align: right;
       width:200px; 
    }*/

#collectionneur_timbres_filtres {
        float: left;
}

/* Supprimé volontairement : venir voir l'équipe FRONT si vous voulez faire 1 modification */
/*.beaux-timbres .list-cont .pagination {
        padding:0.8em 1em;
    }
    .beaux-timbres .list-cont .block-bg-corner.pagination:first-child {
      padding:4em 1em 0.8em;
    }
    .beaux-timbres .filtres-cont .asideMenu li {
        color: #565a5c;
        font-size: 1.4em;
        font-weight:700;
        margin-bottom:5px;
    }
    .beaux-timbres .filtres-cont .asideMenu li a {
        background: url(../images/icons/ico_accordion_close.png) no-repeat 0 2px;
        color: #363636;
        display:block;
        letter-spacing:-0.05em;
        padding: 0 0 0 20px;
        margin-top:30px;
        text-decoration:none;
    }
    .beaux-timbres .filtres-cont .asideMenu li .open { 
        background: url(../images/icons/ico_accordion_open.png) no-repeat 0 2px;
    }
    
    .beaux-timbres .filtres-cont .asideMenu li ul li { 
        background:none; 
        font-size:0.8em;
        font-weight:400;
        padding:0;
    }
    .beaux-timbres .filtres-cont .asideMenu li ul li input { 
        display: inline-block;
        margin: 0;
        vertical-align: top;
    }
    .beaux-timbres .filtres-cont .asideMenu li ul li label { 
        display: inline-block;
        font-size: 1.1em;
        margin: 0 0 0 5px;
        
        width: 150px;
    }
    .beaux-timbres .filtres-cont .asideMenu li ul { 
        padding:15px 0 0 0;
    }

    .beaux-timbres .list-cont .pagination fieldset { 
        width:470px; 
        float:left;
    }*/

.js-active .list-cont .pagination fieldset .type-select {
        min-width:210px;
        float:left;
        padding:3px 0 0 0;
}
.list-cont .pagination fieldset .type-select {
        padding:10px 0 0 0;
        min-width:160px;
        float:left;
}

/* Supprimé volontairement : venir voir l'équipe FRONT si vous voulez faire 1 modification */
/*.beaux-timbres .product-push .product-group {
        border-bottom:1px solid #ccc;
        padding-bottom:20px;
    }
    .beaux-timbres .product-push .product-group.last {
        border:none;
    }*/
.collector-section .beaux-timbres .product-buy {
        background-color: #178ab6;
}
    
.collector-section .beaux-timbres .product-buy .counter {
      float: right;
      margin: 0 15px 20px 0;
}
.collector-section .beaux-timbres .product-buy .unit-price {
      float: left;
      line-height: 22px;
      margin: 0 0 20px 20px;
      padding-right: 0;
}
    
.js-active.collector-section .beaux-timbres .product-buy form label {
        color:#178ab6;
}
	
.js-active .beaux-timbres .product-buy {
        background-color: #fff;
        color:#178ab6;
        padding: 4px;
        text-align: center;
        width: 212px;
}

.js-active.collector-section .beaux-timbres .product-buy.active {
        background-color: transparent;
}
.js-active.collector-section .beaux-timbres .product-buy.activer .counter .counter-modifier {
        color:#178ab6;
}
.js-active.collector-section .beaux-timbres .product-buy.active form label {
        color:#fff;
        padding:0;
}
.js-active.collector-section .beaux-timbres .product-buy.active form .btn-buy {
        padding: 0 0 0 8px;
}

#tableServiceItems .serviceOrder {
		margin-bottom:20px;
}
	
.transverse .step1 #services {
		padding: 0 0 0 2.5em;
		width: 500px;
}
	
.particulier #fancybox-title {
		display:none;
}

.ajax_warn{
		position:absolute;
		left:0;
		top:0;
		z-index:0;
		visibility:hidden;
}
/* znouaoui : End Page Categorie*/
.marge{
        position: relative;
        margin-bottom: 15px;
        margin-top: 15px;
        margin-left: 3em;
}

.returnTextArea {
	width: 90%;
	height: 50%;
	resize: none;
	border-color: rgb(153, 153, 153);
	border-width: 1px;
}

.tableMyProduits .btn-lft .btn-continue span {
	background: url(../images/btn/cancel_right.png) no-repeat right 0 !important;
	padding: 17px 22px 18px 7px;
}  

.tableMyCommands .type-select  .selector span{
	width : 60px;
	
}

.tableMyCommands .type-select  .selector select{
	font-size: 0.9em;
    /*     text-transform: uppercase; */
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1em;
}

.user-command .tableMyCommands thead th.remarques{
	padding: 0 0 0 20px;
	width: 450px;
}
   
/* SEPA */
#sepaTable {
	margin: auto;
	width: 710px;
	font: 1em "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.reshipment .step3 .block-bg-corner .sepaContent {
	margin : 5px 0;
	width: auto;
}
.reshipment .sepaContent input {
	font-size: 0.9em;
    text-align: center;
    width: 40px;
}
.reshipment .sepaContent input#mandat {
	font-size: 0.9em;
    text-align: center;
    width: 100px;
}
#sepaTitle {
	text-align: center;
	width: 10px;
}
#sepaTitleRum {
	text-align: center;
	width: 200px;
}
.sepaTextAlign, #sepaTitleIban, .transversePro .step3 tbody td.sepaTextAlign {
	text-align:center;
}
.sepaAlignCenter {
	text-align: center;
	vertical-align: middle;
}

.btn-action-minor span{
		font-size: 1.3em;
}
		
.btn-vert-action-minor span{
		font-size: 1.3em;
}


.ccmu_moncompte {
	width: 105px !important;
	margin: 0em 0em 0em 0em;
}
.ccmu_commande {
	width: 213px !important;
	margin: 0em 0em -0.35em -0.1em;
}
.ccmu_personnelle{
	width: 224px !important;
	margin: 0em 0em -0.35em -0.35em;
}
.ccmu_carnet {
	width: 215px !important;
	margin: 0em 0em -0.35em -0.45em;
}
.ccmu_autresServices {
	width: 221px !important;
	margin: 0em 0em -0.35em -0.60em;
}

.menuLinkWithCCMU {
	/*color: #363636;
	background: url(../images/nav/bg_menu_secondaire_hover.png)  no-repeat left top ;
 	background-size: 105px 150px;
 	 color: #FFFFFF;
    display: block;
    font-size: 1.2em;*/
    padding: 12px 2px 11px !important;
    /*text-decoration: none;*/
}
.validerImport{
 	    padding: 22px 40px -0px 7px !important;
}
.texteDisposition{
	font-size: 1.4em !important;
	padding: 22px 0 0 16px;
	font-weight: bold;
}
.texteDispositionExport{
	font-family: Arial,Helvetica,sans-serif;
    font-size: 1.5em !important;
	padding: 22px 0px 0px 16px;
	font-weight: bold;
}
.cabForDymo {
	margin: 1px -4px 0 36px;
	width: 114px !important;
	height: 131px;
}

/* .stamps-online .step3 .trackLSMessage {padding: 36px 0 20px;} */L/* Sections
    (CSS flags marked with [=])
    https: //docs.google.com/document/d/10gDWrYyFOWZxjfVmzUiYwfeW_8LWAYIgCvgs3ZeywTI/edit

    COMMON
    HOME PART
    HOME PRO
    REEXPEDITION (reshipment - REEX)
        step1
        step2
        step3
    MON TIMBRE EN LIGNE (stamps-online - MTEL)
        home
        step1
        step2
        step3
        POPINS
    MON COMPTE (user-account - Compte)
        NAV
        NAV ASIDE
        HOME
        MON CARNET D ADRESSE
        INFORMATIONS PERSONNELLES (personal-info)
            Compte prepaye
            Adresse personnelle
            historique de votre compte prï¿½payï¿½
        MES COMMANDES ET FACTURES
            ma commande detaille
            GENERAL BLOCKS (.user-commands)
            MNA
            lettres et formulaires
            MTEL
            LEL
    LETTRE RECOMMANDEE EN LIGNE (letter-mail - LREL)
        main title_steps_general content
        step2
        step3
        error mail
        destinataires
            tabs
            form contents
        step4
        block-address
    LETTRE EN LIGNE (electronic-letter - LEL)
        step1
        step2
        step3
        options resume
        step4
            pdf page
            loader
            recapitulatif
        form error messages
    TUNNEL (transverse)
        step1
        step2
        step3
        step4
    MA NOUVELLE ADRESSE (new-address - MNA)
    CSUIVI (track-order)
        tableau resultats
        tab1
        tab2
        tab3
        tab5
            popin-abonement
    CORRECTIFS V1
    CORRECTIFS V2
*/

                                                                       /*=COMMON */
                                                                   .content .titleMain {margin-bottom: 24px;}
.content .title-header {
    position: relative;
    margin-bottom: 5px;
    margin-top: 0px;
}
.content .title-header .btn-help {
    position: relative;
    bottom: 0;
}
.btn-help {float: right;}
.content .title-header .btn-help li {float: left;}
.content .title-header .btn-help a {
    margin-left: 8px;
    margin-top: 11px;
}
.content .title3-container {
    position: relative;
    margin-bottom: 40px;
}
.content .title3-container h3 {
    font-size: 2em;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1em;
}
.content .title3-container .link-tarifs {
    position: absolute;
    right: 0;
    top: 5px;
    min-width: 10px;
    padding: 0;
    font: 1.3em Arial, Helvetica, sans-serif;
}
.content .title3-container .link-tarifs a {color: #007185;}
.electronic-letter  .step,
.stamps-online      .step,
.letter-mail        .step {margin-bottom: 28px;}
.stamps-online      .step1 p {font: 1.3em Arial, Helvetica, sans-serif;}
/* num list number */
legend.num-list {padding: 3px 0;}
legend.num-list span {
        padding: 0 8px 0 0;
        font-size: 1.8em;
        font-weight: normal;
        font-style: normal;
        font-family: Roboto, Verdana, sans-serif;
        vertical-align: middle;
}
h4.num-list {
        font-size: 2em;
        font-style: normal;
        margin-top:15px;
        padding: 10px 0 10px 34px;
        position: relative;
}
h4.num-list span {
        position: absolute;
        left: 0;
        top: -3px;
        display: inline-block;
        padding: 0 20px 0 0;
        font-family: Roboto, Verdana, sans-serif;
        vertical-align: baseline;
}
#newsEmail #errorNewsEmail label {color: red; font-size: 1em;}
.blockSiteMap .rowMap {overflow: visible;}
.blockSiteMap .colMap {margin-bottom: 0;  padding: 0 0 10px 19px;}
.wrapCourrier .error {
    display: none;
}
.wrapCourrier .error span {
    display: inline-block;
}
.wrapCourrier .error label{
        color: red;
        font-size: 0.85em;
        line-height: 1em;
}
.wrapTrackOrder.pro .wrapCourrier #trackError label {
    color: red;
    font-weight: normal;
}

.restorationCartBox {
    color: #dc5409;
    background: #fff;
    line-height: 1.2;
    font-size: 1.4em;
    font-style: normal;
    margin-bottom: 20px;
}
.restorationEserviceCartBox {
    color: #dc5409;
    background: #fff;
    line-height: 1.2;
    font-size: 1.4em;
    font-style: normal;
    margin-bottom: 20px;
}

/*=HOME PART */
/*=Votre compte */
.particulier .push3cols .item .desc {
    display: block;
    position: absolute;
    left: 20px;
    top: 75px;
    width: 166px;
    color: #363636;
    font-size: 1.65em;
    line-height: 1.4em;
}

.particulier .push3cols .item.pushBoutique .desc {
    top: 90px;
}

/*=HOME PRO */
/*=Votre compte */
.homepro .push3cols .item .desc {
    top: 75px;
    width: 170px;
}
.homepro .push3cols .item.pushBoutique .desc {
    top: 90px;
}
.showResults tbody td.messageStatut {
    padding-right: 18px;
    width: 150px;
}

/*=REEXPEDITION (reshipment) */
.reshipment .step-reshipment h2.typo-din {line-height: 38px;}
.reshipment .step-reshipment .title-header {margin-top: 22px;}
.reshipment .content .btn-help {bottom: 7px;}
.step-reshipment .step {margin-bottom: 4em;}
.step-reshipment .step-list .step1 span,
.step-reshipment .step-list .step2 span,
.step-reshipment .step-list .last span {padding-top: 18px;}
.step-reshipment .space {padding-bottom: 1.2em;}

/*=step1 */
.champs-obl {
        margin-bottom: 5px;
        margin-left: 20px;
        font-size: 1.2em;
}
.step-reshipment .block-bg-corner {
        margin-bottom: 3.9em;
        padding: 1.5em 1.5em 22px;
}
.reshipment .no-margin {margin: 0;}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
        #formVerifAdresse legend {padding: 3px 0 20px 0;}
        .reshipment .step3 legend {padding: 3px 0 0.5em 0;}
}
.reshipment .step3 .asterisk {font-size: 1.1em;}
.step-reshipment legend span {color: #006397;}
.reshipment .type-text,
.reshipment .type-select {
        margin-bottom: 10px;
        padding: 0;
}
.datecontrat .type-text,
.datecontrat .type-select {float: none;}
.datecontrat .type-text {width: 100%;}
.datecontrat label {
        width: 300px;
        margin-right: 8px;
        text-align: right;
}
.reshipment .type-date .bg-datepicker {margin-right: 3px;}
.reshipment .type-text input,
.reshipment .type-date input {width: 169px;}
.js-noactive .step-reshipment .type-text input,
.js-noactive .step-reshipment .type-date input {width: 155px;}
.datecontrat select, .perscontrat select {
        height: 32px;
        width: 190px;
        margin-right: 18px;
}
.reshipment .add_person div.selector select {top: 0px;}
.js-noactive .datecontrat select {
        width: 177px;
        margin-right: 5px;
}
.reshipment div.selector {
        width: 180px;
        margin-right: 0;
}
.reshipment div.selector span {
        width: 135px;
        padding-bottom: 0;
}
.reshipment .verif-preuve .table-destinataire .table-footer select {width: 80px;}
.reshipment .verif-preuve .table-destinataire .table-footer div.selector {width: 100px;}
.reshipment .verif-preuve .table-destinataire .table-footer div.selector span {width: 55px;}
.reshipment .notice {
        padding: 0 0 18px 20px;
        color: #565a5c;
        font-size: 1.2em;
        font-weight: 400;
}
.reshipment .notice a {color: #006397;}
.perscontrat .type-select {margin-bottom: 0;}
.perscontrat .type-select,
.perscontrat .type-text {
        float: left;
        width: 332px;
}
.perscontrat .type-select label,
.perscontrat .type-text label {
        width: 110px;
        margin-right: 10px;
        text-align: right;
}
.reshipment .block-name {padding-left: 75px;}
.btn-ajouter {text-align: center;}
.champs-att {
        padding: 0 0 1.5em 0;
        color: #006397;
        font-size: 1.333em;
        font-weight: bold;
        text-align: center;
}
.reshipment .step1 .question1,
.reshipment .step1 .question2 {
        float: left;
        width: 601px;
        margin-top: 20px;
        color: #565a5c;
        font-size: 1.2em;
        text-align: right;
}
.reshipment .step1 .type-radio {
        float: left;
        width: 160px;
        margin-left: 60px;
        margin-top: 18px;
}
.reshipment .step1 .type-radio label {
        float: left;
        width: 32px;
        margin: 0;
        padding: 0;
}
.reshipment .step1 .type-radio input {
        float: left;
        margin: 0 25px 0 0;
}
.reshipment .question2 {margin-bottom: 30px;}
.block-name-complement .type-text {
        width: 100%;
        margin-left: 200px;
}
.block-name-complement .type-text label {width: 115px;}
.reshipment .champ-text-simple .type-text {width: 100%;}
.reshipment .champ-text-simple label {
        width: 314px;
        margin-right: 10px;
        text-align: right;
}
.reshipment .alert_sms {
        padding-top: 3em !important;
        color: #565a5c;
        font-size: 1.1em;
        font-style: italic;
        clear: both;
}
.reshipment .block-droit label {
        color: #565a5c;
        font-size: 1.1em;
        font-style: italic;
}
.reshipment .block-droit input,
.reshipment .block-droit div {float: none;}
/*js inactive */
.js-noactive .btn-ajouter {display: none;}
.add_person hr {
            margin: 0 131px 10px;
            text-align: center;
            border-color: #CCC;
            border-style: solid none none;
            border-width: 1px 0 0;
}
.add_person .block-name a.delete {
            display: block;
            float: left;
            padding-top: 5px;
            color: blue;
            font-size: 1.1em;
}
.js-noactive .add_person .block-name .delete {display: none;}
/*js active */
.js-active .add_person {
            display: none;
            margin-top: 10px;
}

/*=step2 */
.prop-adresse {
        float: left;
        position: relative;
       /*width: 240px;*/
        min-width: 240px;
        padding: 0;
        padding: 1em;
        background: #fff;
        border: 2px solid transparent;
}
.prop-adresse.selected {border: 2px solid #b2afa6;}
.prop-adresse label {
        float: right;
        min-height: 70px;
        /*width: 205px;*/
        min-width: 205px;
        padding: 38px 20px 0 0;
        color: #565A5C;
        clear: both;
        font: 1.3em Arial,Helvetica,sans-serif;
}
.prop-adresse label span {float: right; width: 200px;}
#certain-adresse {margin: 1em 0 3.5em 29em;}
#formVerifAdresse .adresse-wrapper-first,
#formVerifAdresse .adresse-wrapper-second,
#formVerifAdresse .adresse-wrapper-third {
        float: left;
        padding: 25px 25px 0 0;
}
#formVerifAdresse .adresse-wrapper-third {padding-right: 0;}
.prop-adresse .block-corner {
        display: block;
        position: absolute;
        height: 14px;
        width: 14px;
        background-color: #fff;
        background-image: url(../images/corner/bg-verif-adresse.png);
}
.prop-adresse .filledHG {
        background-position: 74px 0;
        left: -3px;
        top: -2px;
}
.prop-adresse .filledHD {
        background-position: 74px -28px;
        right: -3px;
        top: -2px;
}
.prop-adresse .filledBD {
        background-position: 74px -74px;
        bottom: -2px;
        right: -3px;
}
.prop-adresse .filledBG {
        background-position: 74px -42px;
        bottom: -2px;
        left: -3px;
}
.prop-adresse.selected .filledHG {
        background-position: 0 0;
        left: -2px;
        top: -2px;
}
.prop-adresse.selected .filledHD {
        background-position: 0 -28px;
        right: -2px;
        top: -2px;
}
.prop-adresse.selected .filledBD {
        background-position: 0 -74px;
        bottom: -2px;
        right: -2px;
}
.prop-adresse.selected .filledBG {
        background-position: 0 -42px;
        bottom: -2px;
        left: -2px;
}
.reshipment .step2 legend .note {
        display: inline-block;
        padding-left: 30px;
        color: #565a5c;
        font: 0.7em Arial, Helvetica, sans-serif;
}
.reshipment .step2 .notes {
        padding: 0 0 2.5em 0;
        font: 1.4em Arial, Helvetica, sans-serif;
}
.reshipment .step2 .notes_verifAddress {
        padding: 0 0 0.8em 0;
        font: 1.4em Arial, Helvetica, sans-serif;
}
.step2Text {
        padding-left: 16em;
        color: #565a5c;
}
.step2Text p {
        padding: 0 0 5px 0;
        font: 1.4em Arial, Helvetica, sans-serif;
}
.step2Text .blueText {color: #006397;}

/*=step3 */
.reshipment .step3 .champs-obl {
        margin-bottom: 3em;
        margin-left: 0;
        color: #565a5c;
        font-size: 1.4em;
}
.reshipment .step3 .name_honneur {
        width: 100px;
        margin: 0 5px 0 100px;
        font-weight: 700;
}
.reshipment .step3 .block-bg-corner .type-text {width: 100%;}
.reshipment .step3 .block-bg-corner .type-text .txt_form {
        color: #565a5c;
        height: auto;
        padding-left: 0;
        font-size: 1.2em;
        font-weight: 700;
        background: none;
        vertical-align: middle;
}
.reshipment .step3 .block-bg-corner ul {
        margin-left: 180px;
        clear: both;
}
.reshipment .step3 .block-bg-corner li {
        padding: 10px 0;
        border-top: 1px solid #CCC;
}
.reshipment .step3 .block-bg-corner .first_list {border-top: 0;}
.reshipment .step3 .block-bg-corner li legend {
        float: left;
        padding-top: 0;
        margin: 0;
        color: #006397;
        font-size: 2.4em;
        font-family: Roboto, Verdana, sans-serif;
}
.newaddress .step3 .block-bg-corner li legend {
        float: left;
        padding-top: 0;
        margin: 0;
        color: #e10038;
        font-size: 2.4em;
        font-family: Roboto, Verdana, sans-serif;
}
.reshipment .step3 .block-bg-corner li p {
        float: left;
        width: 630px;
        padding-left: 25px;
        overflow: hidden;
}
.reshipment .step3 .block-bg-corner li .type-checkbox {padding-left: 22px;}
.reshipment .step3 .block-bg-corner li label {
        float: right;
        line-height: 15px;
        width: 600px;
}
.reshipment .step3 .block-bg-corner li input {
        vertical-align: top;
        margin-right: 15px;
}
.reshipment .step3 .block-bg-corner .savoir_plus {
        display: block;
        color: #565a5c;
}
.reshipment .step3 .block-bg-corner {margin-bottom: 2em;}
.user-account .reshipment .blockPack {
            color: #565a5c;
            font-size: 1em;
            margin-bottom: 20px;
}
.user-account .reshipment .blockPack.blockPackFirst { padding-top: 20px;}
/*.user-account .reshipment .blockPackLast {margin-bottom: 0;}*/
.user-account .reshipment .packStatus h4,
.user-account .reshipment .packStatus li {color: #006397 !important;}
.user-account .user-commands .packStatus li {
            margin-left: 5px;
            padding-left: 5px;
}
.user-account .reshipment .packStatus li {border-left: 2px solid #006397;}
.user-account .reshipment .packActions,
.user-account .stamps-online .packActions {
            background: #fff url(../images/bg/bg_pack-grad.png) repeat-x 0 bottom;
            border-top: 1px solid #ccc;
            overflow: hidden;
            padding: 1em 2em 1.5em;
}
.user-account .reshipment .packActions li {
            display: inline;
            font-size: 1.1em;
}
.user-account .reshipment .packActions li a {
            color: #006397;
            display: block;
            float: left;
            font-size: 1.2em;
            margin-left: 20px;
}
.user-account .reshipment .packInfoGroup {
            border-top: 1px solid #ccc;
            padding: 20px 0 18px;
            overflow: hidden;
}
.user-account .reshipment .packStatus + .packInfoGroup {border-top: none;}
.user-account .reshipment .packInfoGroup .packInfo {
            float: left;
            width: 50%;
}
.user-account .reshipment .packInfoGroup h5,
.user-account .reshipment .packInfoGroup .packInfo h5,
.user-account .reshipment .packInfoGroup .packInfo ul,
.user-account .reshipment .packInfoGroup .packInfo p {
            line-height: 1.25em;
            padding: 0 14px 0 34px;
}
.user-account .reshipment .packInfoGroup .packInfoBis p {
            line-height: 1em;
            padding: 0 14px 0 34px;
}
.user-account .reshipment .packInfoGroup .packServices h5 {padding: 0 14px 0 0px;}
.user-account .reshipment .packInfoGroup h5,
.user-account .reshipment .packInfoGroup .packInfo h5,
.user-account .reshipment .packInfoGroup .packServices h5 {
            font-size: 1em;
            font-weight: 700;
            padding-bottom: 14px;
            padding-right: 0;
            letter-spacing: -.02em;
}
.user-account .reshipment .packInfoGroup h5 {padding-bottom: 4px;}
.user-account .reshipment .packInfoGroup .packInfo dl {
            font-size: 1.4em;
            padding: 0 0 0 34px;
            margin-top: -7px;
}
.user-account .reshipment .packInfoGroup .packInfo-price li {margin: 0 0 -5px 0; }
.user-account .reshipment .packInfoGroup .packInfo-price li span {float:right; }
.user-account .reshipment .packInfoGroup .packInfo-price li:first-child {margin: 0 0 -8px 0}
.user-account .reshipment .packInfoGroup .packInfo-price li:first-child span {font-weight:bold; font-size: 1.688rem;margin-top:-13px;}
.user-account .reshipment .packInfoGroup .packInfo-price .price-borlo {color:#c20000;}
.user-account .reshipment .packInfoGroup .packInfo-price li.alertProxiServicesPayment {margin:15px 0 0 0;font-size: 0.675rem;}
.user-account .reshipment .packInfoGroup .packInfo-price li strong {display: inline-block;}
.user-account .reshipment .packInfoGroup .packInfo dl {
            padding: 0 0 0 34px;
            margin-top: -7px;
}
.user-account .reshipment .packInfoGroup .packInfo-price li {margin: 0 0 -5px 0; }
.user-account .reshipment .packInfoGroup .packInfo-price li span {float:right; }
.user-account .reshipment .packInfoGroup .packInfo-price li:first-child {margin: 0 0 -8px 0}
.user-account .reshipment .packInfoGroup .packInfo-price li:first-child span {font-weight:bold; font-size: 1.688rem;margin-top:-13px;}
.user-account .reshipment .packInfoGroup .packInfo-price .price-borlo {color:#c20000;}
.user-account .reshipment .packInfoGroup .packInfo-price li.alertProxiServicesPayment {margin:15px 0 0 0;font-size: 0.675rem;}
.user-account .reshipment .packInfoGroup .packInfo-price li strong {display: inline-block;}
/* specific pack info items */
.user-account .reshipment .packInfoGroup .packNature li {padding-top: 10px;}
.user-account .reshipment .packInfoGroup .packDetail {font-size: 1.3em;}
.user-account .reshipment .packInfoGroup .packPrice span {font-weight: 700;}
.user-account .reshipment .packInfoGroup .packDate strong {display: inline;}
.user-account .reshipment .packInfoGroup .packAdress p {
            line-height: 1.2em;
            padding-top: 10px;
}
.user-account .reshipment .packInfoGroup .packAdress h5 + p {padding-top: 0;}
.user-account .reshipment .packInfoGroup .packAdress span {display: block;}
.user-account .reshipment .packInfoGroup .packAdress .block-bg-corner {margin: 6px 34px 0;}
.user-account .reshipment .packInfoGroup .packAdress .block-bg-corner p {padding: 0 20px;}
/* = pack services list */
.user-account .reshipment .packInfoGroup .packServices {padding: 0 34px;}
.user-account .reshipment .packInfoGroup .packServices h5 {line-height: 1em;}
.user-account .reshipment .packInfoGroup .packServices li {float: left;}
.user-account .reshipment .packInfoGroup .packServices li.btn-left {
            clear: left;
            min-width: 356px;
}
.user-account .reshipment .packInfoGroup .packServices li a {
            float: left;
            margin: 0;
}
.user-account .reshipment .content-inner h3 {margin-bottom: 13px;}
.user-account .reshipment p,
.user-account .reshipment .type-textarea label {
            line-height: 17px;
            font-size: 1.4em;
}
.user-account .reshipment .step-list .step1 span,
.user-account .reshipment .step-list .step2 span,
.user-account .reshipment .step-list .last span {padding: 18px 0 0;}
.user-account .reshipment .content-num {padding: 0;}
.user-account .reshipment .content-num span {color: #e10038;}
.user-account .reshipment form .block-bg-corner {margin-bottom: 3.9em;}
.user-account .reshipment form .no-margin {margin-bottom: 0;}
.user-account .reshipment p {
			    clear: both;
			    padding: 0;
			    font-size: 1.4em;
			    line-height: 1.5em;
}
.user-account .reshipment p.filleul-commande-wrap{white-space: nowrap;}
.user-account .reshipment a {
			color: #006397;
}
.user-account .reshipment .packInfoGroup .packInfoBis.prestation-detail > p.proxy-action {
            text-align: center;
            margin: 30px 0 5px;
}
.user-account .reshipment .proxy-action .proxy-quotation-accept {
            font-family: arial;
            font-size: 12px;
            font-weight: bold;
            color: #fff;
            line-height: 38px;
            height: 38px;
            border: none;
            width: 188px;
            display: block;
            border-radius: 5px;
            background: #3faee8;
            margin: 0 auto 20px;
}
.user-account .reshipment .proxy-action a.proxy-quotation-reject {
            color: #c20000;
            font-weight: bold;
            font-size: 0.75rem;
            position: relative;
}
.user-account .reshipment .proxy-action a.proxy-quotation-reject:before {
            content: "> ";
            position: absolute;
            left: -10px;
            top: -1px;
}

.prestation-chevron-link {
            color:#006397;
}
.user-account .reshipment .packInfoGroup .packInfoBis.prestation-detail .prestation-to-validate {
            background: #F5F5F2;
            padding: 15px;
            line-height: 1rem;
            margin: 0 10px 10px 10px;
            font-size: 90%;
}
.user-account .reshipment .packInfoGroup .packInfoBis.prestation-detail div[class*="prestation"] p {
            line-height: 1rem;
            margin: 10px;
            padding: 0;
}
.user-account .reshipment .packInfoGroup .packInfoBis.prestation-detail .prestation-payment-captured,
.user-account .reshipment .packInfoGroup .packInfoBis.prestation-detail .prestation-refund,
.user-account .reshipment .packInfoGroup .packInfoBis.prestation-detail .prestation-validate {
            background: #f1ffe7;
            padding: 20px 20px 20px 90px;
            border-bottom: 1px solid #ccc;
            position:relative;
            color: #4b8f31;
            margin-top: -20px;
            text-align:left;
            font-size:1.2em;
            line-height:1.1rem;
}
.user-account .reshipment .packInfoGroup .packInfoBis.prestation-detail .prestation-payment-captured{
            padding: 10px 20px 10px 90px;
}
.user-account .reshipment .packInfoGroup .packInfoBis.prestation-detail .prestation-refund {
             background: #ffffff;
             color: #222222;
             font-size:0.9em;
             padding: 10px 14px 10px 34px;
}
.user-account .reshipment .packInfoGroup .packInfoBis.prestation-detail .prestation-payment-captured p{
            font-size:1em;
}
.user-account .reshipment .packInfoGroup .packInfoBis.prestation-detail .prestation-payment-captured:before,
.user-account .reshipment .packInfoGroup .packInfoBis.prestation-detail .prestation-validate:before {
            content: " ";
            background: url(../proxiservices/img/check-validation.png) no-repeat 0 0;
            width: 30px;
            height: 30px;
            color: #4b8f31;
            position:absolute;
            top: 25px;
            left: 32px;
}
.user-account .reshipment .packInfoGroup .packInfoBis.prestation-detail .prestation-payment-captured:before {
            top: 25px;
}
.user-account .reshipment .packInfoGroup .packInfoBis.prestation-detail .prestation-payment-captured > p,
.user-account .reshipment .packInfoGroup .packInfoBis.prestation-detail .prestation-rejected > p {
            line-height:1.8rem;
            padding: 0 14px 0 0;
}
		
.user-account .reshipment .packInfoGroup .packInfoBis .quote-cancelled {
            color: #8f3532;
            background: #ffe8e7;
            padding: 20px 20px 26px 80px;
            margin-top:-20px;
            margin-bottom:-21px;
            font-size:1.3em;
}

.user-account .reshipment .packInfoGroup .packInfoBis.prestation-detail .prestation-rejected,
.user-account .reshipment .packInfoGroup .packInfoBis.prestation-detail .prestation-cancelled ,
.user-account .reshipment .packInfoGroup .packInfoBis.prestation-detail .prestation-cancelled-charges {
            background: #ffe8e7;
            padding: 10px 20px 10px 80px;
            border-bottom: 1px solid #ccc;
            position:relative;
            color: #8f3532;
            margin-top: -20px;
            text-align:left;
            font-size:0.9em;
}
.user-account .reshipment .packInfoGroup .packInfoBis.prestation-detail .prestation-cancelled-charges p {
            line-height:1rem;
            margin:10px;
            padding:0;
}
.user-account .reshipment .packInfoGroup .packInfoBis .quote-cancelled:before,
.user-account .reshipment .packInfoGroup .packInfoBis.prestation-detail .prestation-rejected:before,
.user-account .reshipment .packInfoGroup .packInfoBis.prestation-detail .prestation-cancelled:before,
.user-account .reshipment .packInfoGroup .packInfoBis.prestation-detail .prestation-cancelled-charges:before {
            content: " ";
            background: url(../proxiservices/img/check-refus.png) no-repeat 0 0;
            width: 30px;
            height: 30px;
            font-size: 2.3rem;
            color: #9B2D2E;
            position:absolute;
            left: 32px;
}
.user-account .reshipment .packInfoGroup .packInfoBis .quote-cancelled:before {
            top: 56px;
}
.user-account .reshipment .packInfoGroup .packInfoBis.prestation-detail .prestation-rejected:before {
            top: 25px;
}
.user-account .reshipment .packInfoGroup .packInfoBis.prestation-detail .prestation-cancelled:before {
            top: 15px;
}
.user-account .reshipment .packInfoGroup .packInfoBis.prestation-detail .prestation-cancelled-charges:before {
            top: 30px;
}
.user-account .reshipment .packInfoGroup .packInfoBis.prestation-detail > p {
            margin: 10px 0 0 0;
            padding: 0 10px;
            line-height: 1.2rem;
            text-align: center;
}

.user-account .reshipment .remise{
            color: rgb(86, 90, 92);
            font-weight: bold;
}
.user-account .reshipment .prestation-date{
            color: #2e7fa9;
            font-size: 1.1rem;
            font-weight: bold;
            margin:15px;
}
.user-account .reshipment .prestation-type{
            font-size: 1rem;
}
.reshipment .typo-din.title2.reel {
			margin-top: 0px !important;
			font-size: 3.5em;
			line-height: 1.5em;
			font-weight: normal;
			clear: both;
			line-height: 0.9em;
			letter-spacing: -.04em;
			margin: 0 0 26px;			
			-webkit-margin-after: 0em;		
}
.reshipment .labelCheckBox {
		    display: inline;
		    color: #565a5c;
		    font-size: 1em;
		    vertical-align: middle;
}
.reshipment .content-inner.reel {
			padding: 38px 0 0;
			float: left;
			width: 626px;
}
.reshipment .btn-help a {
			float: right;
			margin-top: 38px;
			margin-bottom: 34px;
}
.errorMessageReex {
			color: #ff0000;
			font-size: 1.2em;
}
/*=MON TIMBRE EN LIGNE */
.stamps-online .content h2 {
    float: left;
    padding-left: 75px;
    background: url(../images/media/header_mtel_step1.gif) no-repeat 0 0;
    color: #5B8900;
}
/*=home */
.content-accueil {
        padding-left: 0;
        padding-right: 0;
}
.branding-header {
        position: relative;
        min-height: 356px;
        width: 962px;
        background: #999 url(../images/bg/bg_item-carousel_accueil.jpg) no-repeat 0 0;
}
.imageBlock {
        position: absolute;
        bottom: 0;
        right: 0;
}
.stamps-online .content-accueil .imageBlock {bottom: -4px;} /*fix positioning */
.descriptionBlock {
        float: left;
        padding: 0 62px;
}
.descriptionBlock .copyText {
        padding-top: 30px;
        color: #565a5c;
        text-transform: uppercase;
        clear: both;
        line-height: 1.2em;
}
.actionsBlock {
        padding: 23px 52px 0;
        clear: both;
}
.branding-header .actionsBlock {
        padding-top: 80px;
}
.actionsBlock ul {overflow: hidden;}
.actionsBlock li {
        float: left;
        margin-right: 3px;
}
.push3-wrap .item {
        float: left;
        position: relative;
        height: 166px;
        width: 315px;
        border-left: 1px solid #B2B2B2;
        margin-bottom: 5px;
        margin-top: 20px;
}
.push3-wrap .item:first-child {border-left: 0;}
.push3-wrap .item h3.title3,
.push3-wrap .item .pushDesc {padding-left: 26px;}
.push3-wrap .item .pushDesc {
        font-size: 1.3em;
        line-height: 1.3em;
        margin-top: 1.3em;
}
.push3-wrap .item .pushAction {
        position: absolute;
        bottom: 0;
        left: 26px;
}
.push3-wrap .item .pushAction li {padding-top: 10px;}
.push3-wrap .item .imgPush {
        position: absolute;
        bottom: 60px;
        right: 0;
}

/*=step1 */
.stamps-online ol {list-style: none;}
.stamps-online .simple-link {text-decoration: underline}
.blue {color: #006397;}
.stamps-online #link-tarifs {
        position: absolute;
        right: 50px;
        margin-top: 90px;
}
.stamps-online ol.page-step h4 span {color: #5b8900;}
.stamps-online ol.page-step h4 em {font-size: 0.6em;}
.stamps-online ol.page-step .complement-titre {
        margin-left: 35px;
        padding-top: 5px;
        font-size: 1.3em;
}
.btn-select {font-size: 1.375em;}
.stamp-libraries {
        left: 201px;
        top: 0;
        width: 278px;
}

#formStampStep1 .complement-titre {
       margin-left: 35px; 
       font-size: 1.3em;
}
.js-active .stamp-libraries {position: absolute;}
.js-active .btn-select-library {
        position: absolute;
        z-index: 15;
}
.btn-select span {
        width: 196px;
        padding: 10px 34px 11px 21px;
}
.stamp-group-finish {
        display: block;
        position: absolute;
        bottom: 0px;
        left: 204px;
        height: 11px;
        width: 257px;
        background: url(../images/media/tab_right.png) no-repeat;
        z-index: 971;
}
.stamps-online a.btn-select {
        width: 251px;
        color: #fff;
}
.stamp-user-options {
        display: inline;
        float: left;
        position: relative;
        margin-top: 27px;
}
.stamp-user-options-select {position: relative;}
.stamp-group-selected {
        position: relative;
        width: 203px;
        padding: 15px 0;
        color: #5b8900;
        border: 1px solid #ccc;
        border-bottom: 0;
        font-size: 1.2em;
        font-weight: 700;
        text-align: center;
        z-index: 10 !important;
}
.stamp-thumbs-outer {
        width: 425px;
        padding: 27px 23px;
        border: 1px solid #ccc;
        border-top: 0;
}
	
.stamp-thumbs-outer.logo {
		border-top: solid #ccc 1px;
		width:532px;
		padding-top:20px;
		padding-bottom:44px;
		display:inline-block;
		zoom:1;
/display:inline;
}
	
.stamp-thumbs-outer.logo span.title {
		font-size: 1.8em;
		color: #363636;
		font-weight:bold;
	
		
}
	
.stamp-thumbs-outer.logo em {
		display: inline-block;
		font-family: Roboto, Verdana, sans-serif;
		font-size: 4.8em;
		font-style: normal;
		font-weight: normal;
		padding: 0px 17px 0;
/padding-bottom:25px;
		height:34px;
		color:#5b8900;
		zoom:1;
		vertical-align:middle;
}
	
.stamp-thumbs-outer.logo ul  {
		margin-top:30px;
		
}
	
.stamp-thumbs-outer.logo ul li {
		display:block;
		clear:left;
		height:34px;
		line-height:34px;
}
	
.stamp-thumbs-outer.logo ul li.middle {
		margin-top:40px;
		margin-bottom:40px;
}
	
.stamp-thumbs-outer.logo ul li span{
		display:inline-block;
		zoom:1;
		vertical-align:middle;
		line-height:1.2;
		width:468px;
		font-size: 1.5em;
		margin-bottom:5px;
		
}
	
.stamp-thumbs {
        position: relative;
        height: 235px;
        padding: 0;
}
	
.providedGeneral {
		display:inline-block;
		zoom:1;
/display:inline;
		vertical-align:top;
}
.content  .providedGeneral .block-bg-corner  {
		width:209px;
		margin-left:36px;
		
}
	
.content  .providedGeneral .block-bg-corner span.title {
		  font-size: 1.8em;
		 font-weight: bold;
		 
}
	
.content  .blockDownload  span.title {
		 font-size: 1.8em;
		 font-weight: bold;
		 display:block;
}
	
.blockText {
		display:inline-block;
		 zoom:1;
/display:inline;
		 width:280px;
}
	
.blockDownload .format.error {
		display:none;
        margin-top:5px;

}
	
.blockDownload .dontFind.error {
		display:none;
         margin-top:5px;
}
	
.blockDownload .titleRestriction {
		 font-size: 1.2em;
		 font-weight: bold;
		 margin-top:10px;
		 margin-bottom:5px;
}
	
.blockDownload p {
		font-size: 1.4em;
}
	
.blockPicture {
		 position: relative;
		 display:inline-block;
		 zoom:1;
/display:inline;
		 vertical-align:top;
		 margin-bottom:20px;
}

/*znouaoui */
/*     .blockPicture #stamp-date-max { */
/*         top:183px; */
/*         left:75px; */
/*     } */
	
.blockPicture img {
		margin-top:30px;
}


.content  .providedGeneral .block-bg-corner ul   {
		display:block;
		margin-top:20px;
		
}
	
.blockDownload .upload-form div.uploader span.filename {
		background-color:#f5f5f3;
		
}
	
.blockDownload .upload-form-submit {
		margin-top:10px;
/width:10px;
		display:inline-block;
        zoom:1;
/display:inline;
		
}

.blockDownload .uploader {

        display:inline-block;
        zoom:1;
/display:inline;
/width:280px;
}

.upload-form .blockDownload div.uploader span.filename {
        background: url("../images/bg/bg_filename.png") no-repeat scroll 0 0 #f5f5f2;
}
	
.content  .providedGeneral .block-bg-corner ul li  {
		margin-bottom:8px;
		font-size: 1.2em;
}
.content  .providedGeneral .block-bg-corner ul li.last  {
		margin-bottom:0px;
}
	
.content .blockDownload {
		margin-top:40px;
}
	
.content .blockDownload .block-bg-corner {
		/*znouaoui*/
		padding-bottom: 100px;
}
.stamps-online .stamp-thumbs input {width: auto;}
.js-active .stamp-thumbs ul {width: 355px;}
#stamp-date-max {
        position: absolute;
        left: 98px;
        top: 161px;
}
/*znouaoui*/
#stamp-date-max-pro {
		position: absolute;
		left: 48px;
		top: 171px;
		font-size: 9px;
		font-weight: bold;
}
.stamp-thumbs label.selected {border: 2px solid #5b8900;}
.stamp-thumbs-gray-wrap {
        padding: 12px 0;
        overflow: hidden;
}
.stamp-thumbs {
        width: 385px;
        padding: 0 0 0 40px;
        overflow: auto;
}
.stamp-thumbs ul {margin: 23px 0 0;}
.stamp-thumbs li {padding: 3px;}
.stamp-thumbs li img {
        padding: 2px;
        background: #F5F5F2;
        border: 2px solid #F5F5F2;
}
.js-noactive .stamp-thumbs li {
        height: 110px;
        width: 130px;
}
.js-noactive .stamp-thumbs li img {
        height: 76px;
        width: 118px;
}
.js-active .stamp-thumbs .scrollpane li {
        position: relative;
        /*height: 46px !important;
        width: 62px !important;*/
        height: 46px;
        width: 62px;
}
	
ul.scrollpane {
		min-height:156px;
}
	
.js-active .stamp-thumbs label {
    /*  Suite au QC 2746       position: absolute; */
        left: 0;
        top: 0;
        padding: 0;
        border: 2px solid #F5F5F2;
}
.js-active .stamp-thumbs img {
        position: absolute;
        left: -2px;
        top: -2px;
}
.stamp-user-selected {
        display: inline;
        float: left;
        margin: 43px 0 0 36px;
}
.stamp-user-selected .stamp-cadre {
        position: relative;
        margin-top: 40px;
}
	
/*start : znouaoui*/
.stamp-logo .stamp-cadre {
		position: relative;
}
.stamp-logo .stamp-cadre #stamp-demo-thumb {
		left: 19px;
		top: 9px;
}
.stamp-logo .stamp-cadre img {
		position: absolute;
}
.blockPicture .stamp-logo .lps-shape-inner .error img
{
		margin-top: 0px;
		margin-left: -140px;
    	margin-top: 7px;
}
.blockPicture .stamp-logo img
{
		margin-top: 0px;
		margin-left: -12px;
    	margin-top: 7px;
}
.content .blockDownload span.title {
		margin-bottom: 10px;
}

/*end : znouaoui*/
	
.stamp-user-selected.forLogo .stamp-cadre {
        margin-top: 40px;
}

.stamp-user-selected.forLogo .stamp-cadre .barBottom {
        background: url(../images/emplacement/barBottom.jpg) repeat-x top;
        width:360px;
        height:2px;
        position:absolute;
        top:195px;
        left:0px;
}

.stamp-user-selected.forLogo .legendLogo {
		margin-top:240px;
		
		color: #000000;
		font-size: 1.2em;
		font-weight: bold
}
	
.stamp-user-selected.forLogo .downloadLogo {
		font: 1.3em Arial,Helvetica,sans-serif;
		display:block;
		margin-top:10px;
		text-decoration:underline;
}
	
.stamp-user-selected.forLogo .downloadLogo a {
		color: #006397;
}
	
.stamp-thumbs .seeAllLogo {
		display: block;
		font: 1.3em Arial,Helvetica,sans-serif;
		margin-top: 10px;
		text-decoration: underline;
		clear:left;
		width:340px;
}
.stamp-thumbs .seeAllLogo a {
		color: #006397;
		
}
	
.stamp-user-selected .stamp-cadre img {position: absolute;}
.stamp-user-selected .stamp-cadre #stamp-demo-thumb {
        left: 19px;
        top: 9px;
}
	
.stamp-user-selected .stamp-cadre #stamp-demo-logo {
        left: 0px;
        top: 0px;
}
	
.stamp-user-selected p {
        color: #000;
        font-size: 1.4em;
        font-weight: bold;
}
.js-noactive .stamp-user-selected {display: none;}
.page-step > li {margin-top: 37px;}
.formCaracteristiques {padding-bottom: 25px;}
.stamps-online-step1 .formRow2 {padding: 25px 0 0 25px;}
.stamps-online-step1 .formRow2 p {
        float: left;
        margin-right: 30px;
        color: #000;
        font-size: 1.2em;
        font-weight: 700;
        vertical-align: middle;
}
.petitsObjetsEtDocument {
        color: #000;
   		float: left;
   		font-size: 1.2em;
   		margin: 10px 0 0 23px;
   		vertical-align: middle;
}
.EnvoieDomHelp {
        color: #565a5c;
   		float: left;
   		font-size: 1.1em;
   		margin: 10px 0 0 23px;
   		vertical-align: middle;
}
.disableLS {
    	color: red;
   		float: left;
   		font-size: 1.1em;
   		margin: 10px 0 -11px 23px;
   		vertical-align: middle;
   		display: none;
}
.displayDisabledLSMsg {
    	display: inline-block !important;
}
.stamps-online-step1 .type-radio {
        float: left;
        margin-bottom: 15px;
        padding: 5px 31px 5px 0;
        font-weight: 700;
        line-height: 1.5em;
}
.stamps-online-step1 .type-radio label {color: #000;}
.formCaracteristiques .left {
        float: left;
        width: 330px;
        margin: 12px 40px 0 25px;
}
.formCaracteristiques .textleft {
        float: left;
        margin: 12px 40px 0 25px;
        font-size : 12px;
}
.formCaracteristiques .left label {width: 101px;}
.formCaracteristiques .left .simple-link {
        display: block;
        float: left;
        margin-left: 107px;
        padding-top: 10px;
        font-size: 1.2em;
}
.stamps-online .form-step2 {
        width: 844px;
        margin-top: 20px;
        padding: 20px;
}
.stamps-online .form-step2 .block-filled-corner {
        position: relative;
        height: 100%;
        width: 100%;
        background: #f5f5f5;
}

/*=step2 */
/*recap destinataire - override .tableDestinataire BLOCK */
.stamps-online .titleDestinataires {
        color: #fff;
        background: #5e8215 url(../images/bg/tab_filled_body_green.png) repeat-x top;
        font: bold 1.4em Roboto, Verdana, sans-serif;
        text-transform: uppercase;
}
.stamps-online .titleDestinataires .text-content {
        vertical-align: middle;
        padding-top: 4px;
}
.stamps-online .titleDestinataires .fill-corner {
        display: inline-block;
        height: 40px;
        width: 8px;
        vertical-align: middle;
}
.stamps-online .titleDestinataires .fill-corner.left {background: url(../images/bg/tab_filled_lft_green.png) no-repeat top left; width: 20px;}
.stamps-online .titleDestinataires .right {background: url(../images/bg/tab_filled_rgt_green.png) no-repeat top right; float: right;}
/*define widths */
.stamps-online .tableDestinataire caption.hidden {display: none; zoom: 1;}
.stamps-online .tableDestinataire {margin: 0 33px 20px;}
.stamps-online .tableDestinataire .footer-destinataires {border: 1px solid #dcdcd9;}
.stamps-online .tableDestinataire table {
        border-left: 1px solid #dcdcd9;
        border-right: 1px solid #dcdcd9;
}
.stamps-online .tableDestinataire table thead, .stamps-online .tableDestinataire table thead th {background: #f5f5f2 url(../images/bg/tab_filled_header_green.png) repeat-x top; vertical-align: middle;}
.stamps-online .tableDestinataire table thead th.actions.addAdress {padding: 5px 0;}
.stamps-online .tableDestinataire table .name {width: 152px;}
.stamps-online .tableDestinataire table .address {width: 260px;}
.stamps-online .tableDestinataire tbody td.text-address { border-left: 1px solid #CCCCCC;}
.stamps-online .tableDestinataire table .actions.addAdress {
        width: 110px;
        padding: 4px 0;
}
.stamps-online .tableDestinataire table .actions.edit {
        width: 70px;
        padding: 4px 0;
}
.stamps-online .tableDestinataire table .actions.delete {
        width: 105px;
        padding: 4px 0;
}
/*step2 content */
.stamps-support-icons {
        height: 123px;
        width: 714px;
        margin: 40px 0 0 103px;
        background: url(../images/bg/stamp_support_ill.jpg) no-repeat;
}
.tabs-menu-label {
        color: #363636;
        font-size: 2em;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 1.2em;
}
.stamps-online .tabs-menu-label {margin: 40px 0;}
.stamps-online .menu-tabs li a {text-decoration: none;}
.stamps-online .content .tabs-content {padding-top: 30px;}
.stamps-online .content .tabs-content h4 {
        margin: 0;
        font-size: 2em;
        text-transform: uppercase;
}
.stamps-online .content .tabs-content .subtitle-tabs-content {padding: 5px 0 0;}
.stamps-online .tabs-content p {font-size: 1.3em;}
/*#znouaoui*/
.stamps-online-step2 .printMessage {
        padding: 29px 5px 0 0;
    /*         overflow: hidden; */
        margin-top: 177px;
}
.stamps-online-step2 .printMessage .actionBtn {float: right;}
.stamps-online-step2 .refresh-button {padding: 30px 22px;}
/* FORM */
#sheetpicker-controls .form-content .aide {margin-top: 0;}
.form-content a {
        color: #000;
        text-decoration: none;
}
    
.form-content .row {margin-top: 26px;}
    
/*ZNouaoui */
.js-noactive .form-content .row {margin-top: 126px;}
    
.form-content .row.first {margin-top: 0;}
/* COMPTEUR INCREMENTAL */
.counter .bg-body {
        padding: 6px 3px;
        background: url(../images/bg/increment_body.png) repeat top left;
}
.counter input {
        width: 26px;
        margin: 0 6px;
        padding: 0;
        color: #5b8900;
        font-size: 1.4em;
        font-weight: bold;
        text-align: center;
        background: #FFF;
        border: 0;
        border-radius: 0;
}
.counter .btn {
        font-size: 2em;
        font-weight: bold;
        line-height: 1em;
}
.counter span,
.counter a,
.counter input {
        display: inline-block;
        vertical-align: middle;
}
.counter .corner {
        height: 32px;
        width: 7px;
}
.counter .bg-first {background: url(../images/bg/increment_lft.png) no-repeat top left;}
.counter .bg-last {background: url(../images/bg/increment_rgt.png) no-repeat top right;}
/* COMPTEUR POSITION */
.counter-position {padding-top: 10px;}
.counter-position a,
.counter-position input {vertical-align: bottom;}
.counter-position input {
        text-align: right;
        background: #FFF;
        border: 0;
        vertical-align: top;
}
.counter-position a.decrement {margin-right: 2px;}
#sheetpicker-controls {
        float: left;
        width: 450px;
        margin-top: 40px;
}
#sheetpicker-controls .form-content {padding: 22px 0 0 21px;}
#sheetpicker-controls label {
        display: inline-block;
        width: 170px;
        font-size: 1.45em;
}
#sheetpicker-controls .form-fields {
        position: relative;
        margin: 0 0 0 180px;
}
#sheetpicker-controls fieldset {margin-top: 36px;}
#sheetpicker-controls fieldset.first {margin-top: 0px;}
#sheetpicker-controls .counter.form-fields {top: -25px;}
#sheetpicker-controls .planche.form-fields {top: -35px;}
#sheetpicker-controls .counter-position.form-fields {top: -37px;}
#sheetpicker-controls .complement {
        float: left;
        position: relative;
        width: 430px;
        margin-top: -28px;       
}
#sheetpicker-controls .complement a { font-size: 1.2em;}
.js-noactive #sheetpicker-controls .complement {
        margin-top: 0;
        padding-bottom: 20px;
}
#sheetpicker-controls .complement a.code-planche {
        display: inline-block;
        position: absolute;
        right: 108px;
        top: 6px;
        color: #006397;
        text-decoration: underline;
}
.js-noactive #sheetpicker-controls .complement a.code-planche {
        margin-left: 0;
        margin-top: 130px;
}
.js-noactive #sheetpicker-controls .complement .aide_form {float: none;}
#sheetpicker-controls .complement a.code-planche {float: left;}
#sheetpicker-controls .block-border-corner,
#sheetpicker-controls .block-bg-corner {padding: 0;}
.stamps-online legend {padding: 0.8em 0;}
.stamps-online legend span {color: #5b8900;}
.add-block-btn {padding-bottom: 15px;}
#sheetpicker,
#envelopeSpecimen {
        float: left;
        margin: 22px 0 0 22px;
}
#envelopeSpecimen {width: 355px;
        position: absolute;
        right: 10px;
        top: 50px;
}
#sheetpicker .specimen {width: 356px;}
#sheetpicker .specimen.cols-num-2 {
        width: 274px;
        margin-left: 50px;
}
#sheetpicker .specimen .sheetstamp-top {
        height: 27px;
        background: url(../images/bg/sheetstamp_top.png) no-repeat top left;
}
#sheetpicker .specimen .sheetstamp-body {background: url(../images/bg/sheetstamp_body.png) repeat-y left;}
#sheetpicker .specimen .sheetstamp-bottom {
        height: 48px;
        background: url(../images/bg/sheetstamp_bottom.png) no-repeat bottom left;
}
#sheetpicker .specimen.cols-num-2 .sheetstamp-top {
        height: 27px;
        background: url(../images/bg/sheetstamp_top_2cols.png) no-repeat top left;
}
#sheetpicker .specimen.cols-num-2 .sheetstamp-body {background: url(../images/bg/sheetstamp_body_2cols.png) repeat-y left;}
#sheetpicker .specimen.cols-num-2 .sheetstamp-bottom {
        height: 35px;
        margin-bottom: 18px;
        /*fix spacing*/
        background: url(../images/bg/sheetstamp_bottom_2cols.png) no-repeat bottom left;
}
#sheet-stamp-list li {
        height: 34px;
        width: 92px;
        margin: 13px 0 0 13px;
        padding: 18px 0 0 0;
        font-size: 2em;
        text-align: center;
        border: 1px solid #7a7c7b;
}
#sheet-stamp-list.cols-num-2 li {margin: 13px 0 0 19px;}
#sheet-stamp-list li.active {
        height: 52px;
        padding-top: 0;
        border: 1px solid transparent;
}
.sheetstamp-body {padding-left: 13px;}
.cols-num-2 .sheetstamp-body {padding-left: 16px;}
#dymoSpecimen {
        float: left;
        position: relative;
        width: 355px;
        margin: 10px 0 0 20px;
}
#dymoSpecimen .dymoSupport {
        display: block;
        position: absolute;
        left: 0;top: 0;
        height: 159px;
        width: 445px;
        padding: 30px 0 0 43px;
        background: url(../images/bg/dymo_support.png) no-repeat;
}
.float-right {float: right;}
.stamps-online .btn-action-minor.print-icon {
        padding: 0 0 0 33px;
        background: url(../images/btn/stamps-online_minor_left_print.png) repeat-y;
        margin-right: 10px;
}
/*#znouaoui*/
.stamps-online .aide_form {
	float: right;
	margin-right: 50px;
}
.stamps-online #aide_form_mtel
{
		margin-right: 0px;
}
.stamps-online .btn-action-minor.add-icon {
        padding: 0 0 0 25px;
        background: url(../images/btn/stamps-online_minor_left_add.png) repeat-y;
}
.form-content p {
        margin-bottom: 14px;
        font-size: 1.2em;
}
.price-result,
.recever-result {
        width: 883px;
        margin-top: 20px;
}
.price-result div {
        float: right;
        width: 400px;
        font-weight: bold;
        background: url(../images/bg/stamp_total_price.jpg) no-repeat;
}
.price-result span {display: inline-block;}
.recever-result .label-recever {
        padding: 15px 0 15px 20px;
        color: #565a5c;
        font-size: 1.4em;
}
.price-result .label-total {
        float: left;
        padding: 15px 0 15px 20px;
        color: #565a5c;
        font-size: 1.8em;
}
.price-result .value-total,
.recever-result .value-recever {
        padding: 15px 0 15px 43px;
        color: #5B8900;
        font-size: 1.8em;
}
.recever-result .value-recever {font-size: 1.8em;}
.price-result .value-total {
        width: 170px;
        margin-left: 27px;
        font-size: 2.4em;
        text-align: right;
}
.recever-result div {
        float: right;
        width: 400px;
        font-weight: bold;
}
.recever-result {
        margin-bottom: 0;
        padding-bottom: 0;
}
.recever-result + .price-result {margin-top: 10px;}
.recever-result .value-recever {
        display: inline-block;
        width: 135px;
        padding: 6px 0 0 45px;
        text-align: right;
}
#uniform-dimensionPlanche {width: 165px;}
#uniform-dimensionPlanche span {width: 120px;}
.plancheDymo #uniform-dimensionPlanche {
        width: 206px;
        margin: 0;
}
/*fix width for dymo page*/
.plancheDymo #uniform-dimensionPlanche span {width: 161px;}
.horinaja_pagination {
        float: right;
        width: auto;
        margin-right: 33px;
}
.horinaja_pagination li {background: none;}
.horinaja_pagination li span {color: #5B8900;}
.stamps-online .tabs .horinaja_pagination li a {
        display: inline;
        width: auto;
        color: #000;
        font-weight: bold;
        text-decoration: none;
        background: none;
}
.sheetstamp-description {
        margin-left: 8px;
        color: #7a7c7b;
        font-size: 1.4em !important;
        font-style: italic;
}
.sheetstamps-pagination {
        padding-top: 15px;
        margin: auto;
        text-align: center;
}
/*table for basket items */
.tableBasketOverview {
        width: 884px;
        padding: 0;
}
.tableBasketOverview table caption.hidden {display: none;}
.tableBasketOverview table {width: 100%;}
.tableBasketOverview table thead th,
.tableBasketOverview table tbody td {
        color: #565a5c;
        text-align: left;
        font: normal 1.4em Arial, Helvetica, sans-serif;
        vertical-align: middle;
}
.tableBasketOverview table thead th {
        padding: 6px 10px;
        font-weight: 700;
        text-align: center;
        background: url(../images/bg/bg_thead-sep-gray.gif) no-repeat 0 50%;
}
	
.tableBasketOverview.recapPro table thead th {
        padding:12px 10px;
		width:120px;
}

.tableBasketOverview.recapPro td {
		width:120px;
		text-align:center;
}
	
	
.recapPro .alignRight {
		text-align:right;
		margin-top:20px;
		display:block;
}
	
.recapPro .importantMessage {
		margin-top:40px;
}
	
.recapPro .printMessage {
		margin-top:20px;
}
	
.recapPro .printInfo,
.recapPro .actionBtn	{
		display:inline-block;
		zoom:1px;
/display:inline;
}
	
.recapPro .actionBtn {
		margin-left:80px;
}
	
.recapPro .order_total {

}
	
	
.recapPro .order_total {
		color: #696760;
		margin: 40px 480px 20px;
		width: 400px;
				
}
	
.recapPro .order_total .total-ht {
		background: none repeat scroll 0 0 #F5F5F2;
}
	
.recapPro .order_total li {
		font-size: 1.6em;
		overflow: hidden;
}
	
.recapPro .order_total li .label {
		color: #696760;
		float: left;
		padding: 14px 0 14px 14px;
}
	
.recapPro .order_total li .value {
		color: #5b8900;
		float: right;
		margin-right: 32px;
		padding: 14px 0;
		text-align: right;
		width: 120px;
}
	
.recapPro .order_total li.total-ttc .value {
		font-weight:bold;
		font-size:1.5em;
}
.recapPro .order_total li.total-ttc {
		 background: url("../images/bg/stamp_total_price.jpg") repeat-y scroll 0 0 transparent;
}
	
.recapPro .step1 .value {
		padding: 0 27px 0 0;
		text-align: center;
}
	
	
.tableBasketOverview table thead th:first-child {background: none;}
.tableBasketOverview table tbody {
        background: #fff;
}
.tableBasketOverview table tbody td {
        padding: 16px 10px;
        border-bottom: 2px solid #f5f5f2;
        background: #fff;
}
.tableBasketOverview table tbody td:first-child {
        font-weight: 700;
        text-align: center;
}
	
.tableBasketOverview td.priceUn, .tableBasketOverview td.priceTot {white-space:nowrap;}
.tableBasketOverview.recapPro table tbody td:first-child  {
		font-weight: normal;
}
	
.tableBasketOverview td.priceUn,
.tableBasketOverview td.priceTot,
.tableBasketOverview td.tva	{
        font-size: 1.6em;
        font-weight: 700;
}
	
.tableBasketOverview.recapPro td.priceUn,
.tableBasketOverview.recapPro td.priceTot,
.tableBasketOverview.recapPro td.tva{
		color:#5b8900
}
	
	
	
/*support */
.stamps-online .support {min-width: 40px;}
.stamps-online td.support {
        padding: 0;
        text-align: center;
}
.stamps-online .support .icon {
        display: block;
        height: 37px;
        max-width: 100%;
}
.stamps-online .support .icon.iconEtiq {background-position: 26px 0;}
.stamps-online .support .icon.iconEnvel {background-position: -68px 0;}
.stamps-online .support .icon.iconDymo {background-position: -156px 0;}
.iconEditGray {
        display: inline-block;
        height: 18px;
        background: url(../images/icons/ico_edit_gray.gif) no-repeat 0 50%;
}
.noDestinatairesInfo span {
        display: inline-block;
        height: 18px;
        line-height: 2em;
}
.stamps-online .tableBasketOverview td.actions {text-align: center;}
.stamps-online .tableBasketOverview .actions li {
        float: left;
        margin-left: 14px;
}
.stamps-online .tableBasketOverview .actions li a {
        display: block;
        float: left;
        height: 18px;
        width: 18px;
        text-align: center;
}
.stamps-online .tableBasketOverview .actions li:first-child a {margin-left: 0;}
/*alert message */
.importantMessage p {
        padding: 4px 0 4px 30px;
        color: #e54a06;
        font-size: 1.4em;
        font-weight: 700;
        background: url(../images/icons/ico_alert_24x24.png) no-repeat 0 50%;
}

.importantMessageRecap p {
        padding: 4px 0 4px 30px;
        color: #e54a06;
        font-size: 1.2em;
        font-weight: 700;
        background: url(../images/icons/ico_alert_24x24.png) no-repeat 0 50%;
        margin-top:20px;
        margin-bottom:20px;
}

.importantMessage p em {
        font-style: normal;
}
/*print block */
.printMessage .printInfo p {
        padding-top: 7px;
        font-size: 1.4em;
}



/* step3 */
    
.stamps-online .step3 .total-ttc.price-result{width: 400px;margin-top:0px;}
.stamps-online .step3 .price-result{width: 883px;}
.stamps-online .step3 .recever-result div,
.stamps-online .step3 .price-result div {
        float: right;
        width: 400px;
        font-weight: bold;
}
.stamps-online .step3 .price-result span {display: inline-block;}
.stamps-online .step3 .recever-result .value-recever,
.stamps-online .step3 .price-result .value-total {
        display: inline-block;
        float: right;
        min-width: 85px;
        padding: 15px;
        color: #5B8900;
}

.stamps-online .step3 .price-result .value.value-total {
        padding:14px 0;
}

.stamps-online .step3 .recever-result .label-recever {
        float: left;
        padding: 15px 0 15px 20px;
        color: #565a5c;
        font-size: 1.6em;
}
.stamps-online .step3 .recever-result .value-recever {font-size: 1.6em;}
.stamps-online .step3 .price-result div {background: url(../images/bg/stamp_total_price.jpg) repeat-y;}
.stamps-online .step3 .price-result .label-total {
        padding: 15px 0 15px 20px;
        color: #565a5c;
        font-size: 1.8em;
}
.stamps-online .step3 .price-result .value-total {font-size: 2.4em;}
.stamps-online .step3 .price-vat {padding: 10px 0 0 504px;}
.price-vat span {
        display: block;
        width: 400px;
        font-size: 1.2em;
}
.stamps-online .step3 .mainContent {min-height: 360px;}
.stamps-online .step3 .alignRight {
        padding-top: 20px;
        text-align: right;
}
    
.stamps-online .step3 .importantMessage {padding: 36px 0 20px;}
.stamps-online .step3 .recapPro .importantMessage {padding: 0px 0 20px;}

/*#znouaoui*/
.stamps-online .step3 .printMessage {
        padding: 0 0 40px;
        /*overflow: hidden;*/
}
.stamps-online .step3 .printMessage .printInfo {float: left;}
.stamps-online .step3 .printMessage .actionBtn {float: right;}

/*confirmation page */
.confirmationText p {
        padding-bottom: 30px;
        font-size: 1.4em;
}
/*=POPINS*/
/*POPINS BLOCK styles */
.popin {background: #fff;}
.blockPopin {
        padding: 12px 20px;
        overflow: hidden;
}
.blockPopin h2 {
        padding-bottom: 10px;
        color: #6f665d;
        font: normal 2.3em Roboto, Verdana, sans-serif;
}
    
    
.block-address h3,
.popin .block-address h2 {
        color: #363636;
        font-weight: bold;
        text-transform: uppercase;
        font-family: Arial;
}
.blockPopin h3 {
        color: #565a5c;
        font: normal 1.2em Roboto, Verdana, sans-serif;
}
.blockPopin .legend {
        padding-bottom: 10px;
        color: #565a5c;
        font: normal 1.2em Roboto, Verdana, sans-serif;
}
.blockPopin .pop-verte-txt {
        width: 520px;
        padding: 20px 20px 0 23px;
        color: #606060;
}
.blockPopin .pop-verte-txt p strong {font-weight: 700;}
.blockPopin .pop-verte-txt p {
        padding: 0 0 15px;
        font: italic 1.2em Arial, Helvetica, sans-serif;
}
.blockPopin .pdf {
        display: block;
        float: left;
        padding-left: 30px;
        margin: 18px 0 0 45px;
        color: #006397;
        font-size: 1.2em;
        text-decoration: none;
        background: url(../images/icons/ico_pop_zoom.png) no-repeat -100px 0;
}
.blockPopin .imprimez {width: 610px;}
.blockPopin .btn-footer,
.user-account .btn-footer {
        float: left;
        width: 100%;
        padding: 15px 0 0;
}
.blockPopin .btn-footer.votre-envoi
{
        float: left;
        width: 100%;
        padding: 0 0 0;
}
.blockPopin .btn-footer li,
.user-account .btn-footer li {
        float: left;
        padding-top: 10px;
}
.blockPopin .btn-footer li.right,
.user-account .btn-footer li.right {float: right;}
.blockPopin .destinataires,
.blockPopin .destinataires2,
.blockPopin .destinataires3 {
        max-width: 692px;
        min-width: 605px;
}
    
.blockPopin .adresse {max-width: 630px;}
.blockPopin .adresse .formContent .left .formRow {padding-right: 50px;}
.blockPopin .adresse .formContent {padding: 10px 23px;}
.blockPopin .destinataires.particulier #formAddressSingleProfessionnel,
.destinataire-btn-select.js-noactive,
.js-noactive .destinataire-btn-select,
.user-account.js-active .contact-book #formAddressSingleProfessionnel {display: none;}
.destinataires .btn-footer {padding-top: 0;}
.adress-container {
        min-height: 50px;
        background-color: #F5F5F2;
        border-bottom: 1px solid #E3E3E2;
}
/*=FORM POPIN styles default */
.blockPopin .float-left {clear: left;}
.blockPopin .type-text, .blockPopin .type-select {
        float: left;
        width: auto;
        padding: 0 35px 10px 0;
}
.blockPopin .type-text label,
.blockPopin .type-select label {
        width: 80px;
        line-height: 1.1em;
}
.blockPopin .type-text input {width: 140px;}
.blockPopin .civility p {
        float: left;
        margin: 0 40px 10px 0;
        font-size: 1.2em;
}
.blockPopin .civility .type-radio {
        float: left;
        padding: 0;
}
.blockPopin .civility .type-radio label {
        float: right;
        padding: 0 20px 0 7px;
}
.blockPopin .civility .type-radio input {margin-top: 1px;}
.blockPopin .type-select .selector {width: 170px;}/*A conserve pour fusion*/
.blockPopin .type-select .selector span {width: 155px;}/*A conserve pour fusion*/

/*=Zoom styles */
.zoomTop {
        float: left;
        height: 13px;
        width: 610px;
        background: url(../images/bg/bg_pop_zoom.png) no-repeat 0 0;
}
.zoomBottom {
        float: left;
        height: 13px;
        width: 610px;
        background: url(../images/bg/bg_pop_zoom.png) no-repeat 0 bottom;
}
.gzoomwrap {
        float: left;
        width: 600px;
        margin: 0 0 0 3px;
        padding: 0;
        border-left: 1px solid #dcdcd9;
        border-right: 1px solid #dcdcd9;
        background: #f5f5f2;
}
.minizoompan {
        float: left;
        position: relative;
        margin: 0 40px;
        padding: 20px 0 20px 23px;
        background: #fff;
}
.gzoomSlider {display: none;}
.minizoompan ul li {
        float: left;
        position: relative;
        height: 82px;
        width: 148px;
        padding: 10px 15px 0 0;
}
.minizoompan ul li .specimen {
        display: block;
        position: absolute;
        left: 35px;
        top: 30px;
        height: 24px;
        width: 87px;
        background: url(../images/media/specimen.png) no-repeat 0 0;
        z-index: 999999;
}
.minizoompan ul li .specimen .timbre {
        position: relative;
        z-index: 1;
}
.zoomIcon {
        display: none;
        float: left;
        height: 50px;
        width: 600px;
        padding-bottom: 10px;
        border-top: 1px solid #e2e2df;
        cursor: pointer;
        z-index: 999;
}
.zoomIcon .ui-icon {
        float: right;
        height: 30px;
        width: 33px;
        margin-right: 10px;
        margin-top: 15px;
        background-image: url(../images/icons/ico_pop_zoom.png);
}
.zoomIcon .ui-icon-circle-minus {
        margin-right: 30px;
        background-position: 0 0;
}
.zoomIcon .ui-icon-circle-plus {background-position: -50px 0;}
/*=POPIN MTEL DESTINATAIRES - STEPS */
/*tabs*/
.blockPopin .tabs-destin {
        position: relative;
        overflow: hidden;
        z-index: 999;
}
.blockPopin .tabs-destin ul li {
        float: left;
        padding-top: 10px;
        color: #6d645c;
        text-align: center;
        background-image: url(../images/bg/bg_destinataire_tabs.png);
    font: bold 1em Arial, Helvetica, sans-serif;
}
.blockPopin .tabs-destin ul li a {
        color: #6d645c;
        text-decoration: none;
}
.blockPopin .tabs-destin ul li.active {color: #5b8900;}
.blockPopin .tabs-destin ul li:first-child.step1 {
        min-height: 50px;
        width: 210px;
        background-position: 0 -63px;
}
.blockPopin .tabs-destin ul li:first-child.step1 .hidden-active-script {
        position: absolute;
        left: -9000px;
}
.js-noactive .blockPopin .tabs-destin ul li:first-child.step1 .hidden-active-script {
        position: relative;
        left: 0;
    }
    .fancybox-slide .blockPopin .tabs-destin ul li {
        margin-bottom: 0;
    }
    .fancybox-slide .blockPopin .tabs-destin ul li {
        margin-bottom: 0;
    }
    .blockPopin .tabs-destin ul li:first-child.step1.active {background-position: 0 0;}
    .blockPopin .tabs-destin ul li.step1 {
        height: 50px;
        width: 214px;
        background-position: 0 -127px;
}
/*2nd tab for step1 (pro) - only shows when js is disabled */
.blockPopin .tabs-destin ul li.step1.active {
        position: relative;
        background-position: 0px -186px;
        z-index: 9999;
}
.blockPopin .tabs-destin ul li.step2 {
        height: 47px;
        width: 214px;
        background-position: 0 -127px;
}
.blockPopin .tabs-destin ul li.step2.active {
        position: relative;
        background-position: 0 -186px;
        z-index: 9999;
        height: 50px;
}
.blockPopin .tabs-destin ul li.step3 {
        height: 47px;
        width: 162px;
        background-position: 0 -278px;
}
.blockPopin .tabs-destin ul li.step3.active {background-position: 0 -340px;height: 48px;}
.blockPopin .tabs-destin ul li#removeTabsWithJS {
    display: none;
}
/*form*/
.blockPopin .fields {
        min-width: 551px;
        margin-top: -1px;
        padding: 5px 25px;
        border: 1px solid #ccc;
    }
    .blockPopin .destinataires .fields {
        min-height: 212px;
    }
    .blockPopin .fields legend {
        padding-bottom: 15px;
        color: #363636;
        font: bold 1.8em Arial, Helvetica, sans-serif;
}
.blockPopin .destinataires .formContent, .blockPopin .destinataires .content {
        min-width: 520px;
        margin: 0 0 20px 2px;
        padding: 8px 20px;
}
.blockPopin .destinataires .formContent > fieldset, .blockPopin .destinataires .content > fieldset {width:608px;}
.user-account .contact-book .formContent {
        margin: 0 0 20px 2px;
        padding: 8px 6px;
}
.blockPopin .destinataires .formRow2radio,
.user-account .contact-book .formRow2radio {
        min-width: 86px;
        width: auto;
}
.blockPopin .destinataires #formPart .formRow2radio,
.user-account .contact-book #formPart .formRow2radio {min-width: 60px;}
.blockPopin .destinataires .formRow2Content,
.user-account .contact-book .formRow2Content {padding: 5px 0;}
.blockPopin .destinataires .formRow2Content.form2,
.user-account .contact-book .formRow2Content.form2 {padding: 0 0 26px 0;}
.blockPopin .destinataires .formRow label,
.user-account .contact-book .formRow label {width: 80px;}
.blockPopin .destinataires .wrapInput input,
.user-account .contact-book .wrapInput input {width: 140px;}/* A conservé pour fusion */
.blockPopin .destinataires .formContent .left .formRow {padding: 0 45px 10px 0;}
.user-account .contact-book .formContent .left .formRow {padding: 0 16px 15px 0;}
.blockPopin .formContent a {
        display: flex;
        padding: 19px 0 10px;
        color: #046899;
        font-size: 1.2em;
	    margin-right: -30px;
	    align-items: center;
	    max-width: 265px;
	    padding: 0;
	    height: auto;
        
}
.blockPopin .destinataires #formAddressSingleProfessionnel #coordonneesProfessionnel .formContent a {
    padding: 19px 0 10px 10px;
}
.blockPopin .adress-wrapper {
        min-width: 600px;
        margin-top: -1px;
        padding: 0;
        border: 1px solid #ccc;
}
.adress-index {
        max-width: 552px;
        margin: 0 auto;
        padding: 15px 25px;
}
.adress-index li {
        float: left;
        width: 21px;
        text-align: center;
        overflow: hidden;
}
.adress-index li a {
        display: block;
        min-height: 21px;
        width: 21px;
        padding-top: 2px;
        color: #5b8900;
        text-decoration: none;
        font: bold 14px Arial, Helvetica, sans-serif;
    }
    .adress-index li a.selected {
        color: #fff;
        background: url(../images/bg/bg_alphabet.png) no-repeat 0 0;
}
.adressesWrap {
        height: 250px;
        margin: 20px 0;
        overflow: hidden;
}
.adresses {
        position: relative;
        height: 250px;
        min-width: 600px;
        overflow: auto;
}
.adresses dl dt a {
        display: block;
        padding: 10px 0 5px 38px;
        color: #5b8900;
        text-transform: uppercase;
        background: url(../images/bg/bg_alphabet.png) no-repeat 32px -26px;
        font: bold 1.2em Arial, Helvetica, sans-serif;
}
.adresses dl dd {
        padding: 10px 0 10px 30px;
        color: #363636;
        border-bottom: 1px solid #f2f2f2;
        clear: both;
        overflow: hidden;
}
.adresses dl dd label {
        padding-left: 6px;
        font: 1.3em Arial, Helvetica, sans-serif;
}
.adresses dl dd input {
        float: left;
        margin-left: 4px;
}
.adresses dl dd .checker {
        float: right;
        padding-right: 20px;
}
.adress-wrapper .upload-form {
        padding: 50px 0 10px 30px;
        overflow: hidden;
}
.adress-wrapper .formatsText {
        padding: 0 30px 30px;
        color: #363636;
        font: 1.4em Arial, Helvetica, sans-serif;
}
.adress-wrapper .formatsText p {padding-bottom: 20px;}
.adress-wrapper .formatsText p span {color: #5b8900;}
.adress-wrapper .formatsText p a {
        color: #363636;
        text-decoration: underline;
}
/*form-swicher function with no-js */
.form-swicher {
        padding-bottom: 15px;
        color: #363636;
        font: bold 1.8em Arial,Helvetica,sans-serif;
        overflow: hidden;
}
.form-swicher p {padding: 0 0 15px;}
.blockPopin .destinataires .form-swicher a {
        padding: 0 3em 0 0;
        color: #565A5C;
        font-size: 0.65em;
        font-weight: 400;
}
.form-radio-simulation .icon {
        margin-bottom: -5px;
        margin-right: 8px;
}
.form-radio-simulation.selected span {background-position: -109px -280px;}
.form-swicher a span {display: block;}
/*error wrappers*/
#error-adresse .error {
        display: block;
        color: red;
        font-size: 1.1em;
}
#error-destinataires .error {
        display: block;
        padding-left: 30px;
        color: red;
        font-size: 1.1em;
}
#error-coordonnees {padding: 10px 0;}
#error-coordonnees .error {
        display: block;
        color: red;
        font-size: 0.8em;
}
<!-- wrapInput est dï¿½jï¿½ dï¿½fini pour les form -->
/*     .blockPopin .wrapInput.errors { */
/*         display: inline-block; */
/*         height: 30px; */
/*         padding: 0 15px 0 0; */
/*         background: url(../images/bg/bg_input-form-error.png) no-repeat scroll right -30px transparent; */
/*     } */
/*     .blockPopin .wrapInput input.error { */
/*         display: inline-block; */
/*         height: 30px; */
/*         padding: 0 0 0 15px; */
/*         color: #F00000; */
/*         font-size: 1.2em !important; */
/*         background: url(../images/bg/bg_input-form-error.png) no-repeat scroll left top transparent; */
/*         border: 0 none; */
/*         font-family: Arial,Helvetica,sans-serif; */
/*     } */

/*errors*/
.blockPopin .selector.errors {
        height: 30px;
        background: url(../images/bg/sprite-form.png) no-repeat scroll -479px -611px transparent;
}
.blockPopin .selector.errors span,
.blockPopin .selector.errors:active span,
.blockPopin .selector.errors:hover span {background-position: right -743px;}

/* =MON COMPTE */
.user-account .content h2.title2 {
    margin-top: 40px;
    text-transform: none;
    line-height: 0.8em;
}
.user-account .content .sub-title2 {
    margin-bottom: 34px;
    font-size: 1.671em;
    line-height: 1.3em;
}
/* =NAV */
#menuSecondaire {
        position: relative;
        min-height: 38px;
        margin: 9px -41px 0 -40px;
        background: url(../images/nav/bg_menu_secondaire.png) repeat 0 0;
        z-index: 5;
}
.js-noactive #menuSecondaire {
        padding-bottom: 12px;
        border-bottom: 1px solid #CCC;
}
#menuListe {
        display: block;
        position: relative;
}
#menuListe li > ul {
        display: none;
}
#menuListe li:hover > ul {
        display: block;
}
#menuSecondaire .menuItem {
        float: left;
        position: relative;
        width: 180px;
        background: none;
}
/*#menuSecondaire .first {background: url(../images/nav/bg_menu_secondaire_round_left.png) no-repeat left top;}*/
#menuSecondaire .last {
        width: 240px;
        /*background: url(../images/nav/bg_menu_secondaire_round_right.png) no-repeat right top;*/
}
.menuLink {background:#474747 url(../images/nav/separator.png) repeat-y left top;}
.menuLinkWithCCMU {background:#474747  url(../images/nav/separator.png) repeat-y left top;}
#menuSecondaire .no-separator .menuLink,
#menuSecondaire .no-separator .menuLinkWithCCMU,
#menuSecondaire .item_actif + li a,
#menuSecondaire .first .menuLink,
#menuSecondaire .first .menuLinkWithCCMU {background: #474747 ;}
#menuSecondaire .menuLink,
#menuSecondaire .menuLinkWithCCMU {
        display: block;
        padding: 12px 20px 11px;
        color: #fff;
        font-size: 1.2em;
        text-decoration: none;
}
.blockPopin .destinataires #formAddressSingleParticulier #coordonneesParticulier .formContent.block-address a {
    padding: 12px 20px 11px 10px;
}
#menuSecondaire .item_actif .menuLink,
#menuSecondaire .item_actif .menuLinkWithCCMU,
#menuSecondaire .menuLink:hover,
#menuSecondair .menuLinkWithCCMU:hover,
#menuSecondaire .sfHover .menuLink,
#menuSecondaire .sfHover .menuLinkWithCCMU {
        color: #363636;
        background-color: #fff;
}
#menuSecondaire .item_actif .menuLink,
#menuSecondaire .item_actif .menuLinkWithCCMU {border-bottom: 1px solid white;}
#menuSecondaire .icon-submenu {
        display: inline-block;
        height: 6px;
        width: 11px;
        margin-left: 5px;
        background: url(../images/nav/icon_submenu.png) no-repeat 0 0;
}
#menuSecondaire .submenu {
        padding-top: 8px;
        text-align: left;
}
.js-noactive #menuSecondaire li:hover .submenu {z-index:8;}
.js-noactive #menuSecondaire .submenu {
        min-height: 125px;
        margin: 0 1px 0 -1px;
        background: #fff;
}
.js-active #menuSecondaire .submenu {
        position: absolute;
        background-color: #fff;
        left: 0px;
        /*width: 277px;*/
        /*padding-bottom: 30px;*/
        /*background: url(../images/nav/bg_submenu.png) no-repeat center bottom;*/
        -moz-box-shadow: 0px 7px 6px 3px rgba(204,204,204,0.6);
        -webkit-box-shadow: 0px 7px 6px 3px rgba(204,204,204,0.6); 
        box-shadow: 0px 7px 6px 3px rgba(204,204,204,0.6);
        padding-bottom: 10px;
}


#menuSecondaire .submenuItem {
        /*margin: 0 19px;*/
        background-color: #fff;
        text-decoration: none;
        width: 100%;

    }
    #menuSecondaire .menuItem .submenuLink {
        display: block;
        color: #363636;
        font-size: 1.1em;
        text-decoration: none;
        background: url(../images/nav/icon_submenuItem.png) no-repeat left center;
        line-height: 1.1em;
    }
    .js-noactive #menuSecondaire .submenuLink {
        margin-left: 27px;
        padding: 3px 20px 3px 9px;
    }
    .js-active #menuSecondaire .submenuLink {
        margin-left: 36px;
        padding: 3px 45px 3px 12px;
    }
    #menuSecondaire .submenuLink:hover {
        color: #e54a06;
        text-decoration: none;
    }
    /* =NAV ASIDE */
    .internal-menu-aside {
        margin-top: 40px;
        float: right;
    }
    .internal-menu-aside .aside {
        width: 200px;
        float: right;
        position: relative;
    }
    .internal-menu-aside {margin-top: 5px;}
    .internal-menu-aside .asideTop, 
    .internal-menu-aside .asideBottom {height: 10px;}
    .internal-menu-aside .asideTop {background: url(../images/bg/rounded_200.jpg) no-repeat 0 0;}
    .internal-menu-aside .asideBottom {background: url(../images/bg/rounded_200.jpg) no-repeat 0 bottom;}
    .internal-menu-aside .asideContent {background-color: #F5F5F2;}
    .internal-menu-aside .asideContent h3 {
    	color: #363636;
        font-size: 1.4em;
        font-weight: bold;
        line-height: 1.2em;
        margin: 0 19px;
        padding: 9px 0 10px;
        border-bottom: 1px solid #DCDCD9;
    }
    .internal-menu-aside .asideMenu {
        background-color: #f5f5f2;
        padding: 9px 0 9px 18px;
        font-size: 1.4em;
    }
    .internal-menu-aside .asideMenu li span,
    .internal-menu-aside .asideMenu li a {
        background: url(../images/icons/aside_menu.gif) no-repeat 0 6px;
        padding: 5px 12px 5px 19px;
        color: #363636;
        text-decoration: none;
        display: inline-block;
    }
    .internal-menu-aside .asideMenu .selected a, .internal-menu-aside .asideMenu .selected span {background: url(../images/icons/aside_menu_selected.png) no-repeat 2px 7px;}
    .internal-menu-aside .asideMenu ul {padding-left: 20px;}
    .internal-menu-aside .asideMenu .selected ul {padding:0 0 .4em;}
    .internal-menu-aside .asideMenu .selected li {
        display: inline-block;
        padding: 3px 0 0 22px;
    }
    .internal-menu-aside .asideMenu .selected li a, 
    .internal-menu-aside .asideMenu .selected li span {
        color: #363636;
        display: inline-block;
        padding: 0 0 0 14px;
        background: url(../images/icons/aside_menu_light.png) no-repeat 0 3px;
        font-size: .9em;
        font-weight: normal;
    }
    .internal-menu-aside .asideMenu .selected li span,
    .internal-menu-aside .asideMenu .selected,
    .internal-menu-aside .asideMenu li a:hover,
    .internal-menu-aside .asideMenu li a:focus,
    .internal-menu-aside .asideMenu li ul li a:hover,
    .internal-menu-aside .asideMenu li ul li a:hover {
        font-weight: bold;
        padding-right: 3px;
    }

/* =HOME */
.myaccount_home .roundedContainerBottom {background-position: 0 -41px;}
.myaccount_home .content {
        padding: 0;
        color: #363636;
}
.myaccount_home #menuSecondaire {margin: 25px -1px 0 0;}
.myaccount_home h2 {
        margin: 35px 0 0 40px;
        font-size: 2.1em;
        font-family: Roboto, Verdana, sans-serif;
}
.myaccount_home h2 span {text-transform: uppercase;}
.myaccount_home .presentation {
        float: left;
        width: 575px;
        margin-left: 40px;
        margin-top: 30px;
}
.myaccount_home .presentation h3 {
        font-size: 2.5em;
        font-family: 'JPHandStraight',Arial,Helvetica,sans-serif;
        line-height: 1.2em;
}
.myaccount_home .presentation .intro {
        margin-top: 21px;
        padding-left: 152px;
        font-size: 1.2em;
        background: url(../images/bg/bg_user_account_intro.png) no-repeat 0 0;
        line-height: 1.5em;
}
.myaccount_home .help {
        float: right;
        position: relative;
        width: 292px;
        margin-right: -10px;
        padding: 40px 0 35px;
        background: url(../images/bg/bg_user_account_help.png) no-repeat right 27px;
}
.myaccount_home .help h3 {font-size: 1.9em;}
.myaccount_home .help p {
        width: 130px;
        margin-top: 26px;
        font-size: 1.2em;
}
.myaccount_home .help a {
        margin-top: 17px;
        font-size: 1em;
}
.myaccount_home .help span {font-size: 1em;}
.myaccount_home .last_order {
        margin-left: 40px;
        clear: both;
}
.myaccount_home .last_order h3 {
        margin-bottom: 17px;
        font-size: 1.8em;
}
.myaccount_home .recap_last_order_middle {
        position: relative;
        width: 884px;
        background: url(../images/bg/bg_order_middle.png) repeat-y 0 0;
}
.myaccount_home .recap_last_order_top {
        background: url(../images/bg/bg_order_top.png) no-repeat 0 top;
        zoom: 1;
}
.myaccount_home .recap_last_order_bottom {
        padding-bottom: 57px;
        background: url(../images/bg/bg_order_bottom.png) no-repeat 0 bottom;
}
.myaccount_home .recap_order {
        padding: 15px;
        color: #D75216;
        font-size: 1.4em;
        font-family: Roboto, Verdana, sans-serif;
}
.myaccount_home .order_day,
.myaccount_home .order_num {
        float: left;
        height: 12px;
        padding: 0 6px 0 0;
        border-right: 2px solid;
        text-transform: uppercase;
}
.myaccount_home .order_num,
.myaccount_home .order_status {padding-left: 6px;}
.myaccount_home .order_price {
        float: right;
        color: #363636;
        font-size: 1.5em;
}
.myaccount_home .last_order .order_article {
        margin-top: 14px;
        font-weight: 700;
}
.myaccount_home .last_order .order_article,
.myaccount_home .last_order ul {
        margin-left: 22px;
        font-size: 1.2em;
}
.myaccount_home .last_order li a {color: #006397;}
.myaccount_home .last_order .detail {
        display: block;
        margin-left: 22px;
        margin-top: 14px;
        color: #006397;
        font-size: 1.2em;
}
.myaccount_home .last_order .btn-action-minor {
        position: absolute;
        bottom: 93px;
        right: 20px;
}
.myaccount_home .last_order .more_order {
        float: right;
        margin-right: 15px;
        margin-top: 29px;
        color: #006397;
        font-size: 1.2em;
}
.myaccount_home .mes_services {
        margin: 0;
        padding: 0;
        background: transparent;
}
.myaccount_home .mes_services h3 {
        margin-bottom: 18px;
        font-size: 1.7em;
        font-weight: bold;
}
.myaccount_home .mes_services_old,
.myaccount_home .contact-book {
        float: left;
        padding-top: 36px;
}
.myaccount_home .letter-mail .blockService_top {background: url(../images/bg/push_letter-mail_top.png) no-repeat 0 top transparent;}
.myaccount_home .stamps-online .blockService_top {background: url(../images/bg/push_stamps-online_top.png) no-repeat 0 top transparent;}
.myaccount_home .contact_book .blockService_top {background: url(../images/bg/push_contact-book_top.png) no-repeat 0 top transparent;}
.myaccount_home .colissimoCss .blockService_top {background: url(../images/bg/push_colissimo_top.png) no-repeat 0 top transparent;}
.myaccount_home .vignetteCss .blockService_top {background: url(../images/bg/Push_reco.png) no-repeat 0 top transparent;}
.myaccount_home .creat_book .blockService_top {background: url(../images/bg/push_contact-creat-book_top.png) no-repeat 0 top transparent;}
.myaccount_home .blockService_bottom {
        width: 265px;
        padding-bottom: 10px;
        background: url(../images/bg/push_myaccount_home_bottom.png) no-repeat 0 bottom;
}
.myaccount_home .mes_services .letter-mail,
.myaccount_home .mes_services .colissimoCss,
.myaccount_home .mes_services .vignetteCss,
.myaccount_home .mes_services .stamps-online {float: left;}
.myaccount_home .blockService_top {
        padding: 0 19px 11px;
        zoom: 1;
}
.myaccount_home .blockService_top h4 {
        padding: 26px 40px 7px 0;
        font-size: 2em;
        letter-spacing: -1px;
        line-height: 20px;
}
.myaccount_home .letter-mail h4 {
        padding: 8px 70px 11px 0;
        color: #007185;
}
.myaccount_home .colissimoCss h4 {
       	margin: 0;
        padding: 26px 0 33px 0px;
        color: #E25C23;
        text-transform: none;
        letter-spacing: -1px;
}
.myaccount_home .stamps-online h4 {
        margin: 0;
        padding: 26px 90px 33px 0;
        color: #5B8900;
        text-transform: none;
        letter-spacing: -1px;
}
.myaccount_home .vignetteCss h4 {
       	margin: 0;
        padding: 26px 0 0px 0px;
        color: #007185;
        text-transform: none;
        letter-spacing: -1px;
        width: 100px;
}
.myaccount_home .mes_services .letter-mail {margin-right: 19px;}
.myaccount_home .mes_services .colissimoCss {margin-right: 40px;}
.myaccount_home .mes_services .vignetteCss {margin-right: 40px;}
.myaccount_home .blockService_top p {
        font-size: 1.1em;
        line-height: 17px;
}
.myaccount_home .blockService_top .histo {
        display: block;
        color: #000000;
        text-decoration: none;
}
.myaccount_home .blockService_top .btn-action-minor {
        display: block;
        margin-left: 67px;
        margin-top: 18px;
}
.myaccount_home .vignetteCss .blockService_top .btn-action-minor {
        margin-top: 10px
}
.myaccount_home .blockService_top .btn-action-minor span {font-size: 1.182em;}
.myaccount_home .letter-mail .btn-action-minor {background: url(../images/btn/letter-mail_minor_left.png) repeat-y 0 0;}
.myaccount_home .letter-mail .btn-action-minor span {background: url(../images/btn/letter-mail_minor_right.png) repeat right 0;}
.myaccount_home .stamps-online .btn-action-minor span {background: url(../images/btn/stamps-online_minor_right.png) repeat right 0;}
.myaccount_home .btn-action-reinit span {background: url(../images/btn/grey-online_minor_right.png) repeat right 0;}
.myaccount_home .vignetteCss .btn-action-minor {background: url(../images/btn/letter-mail_minor_left.png) repeat-y 0 0;}
.myaccount_home .vignetteCss .btn-action-minor span {background: url(../images/btn/letter-mail_minor_right.png) repeat right 0;}
.myaccount_home .mes_services .contact-book {
        margin-bottom: -7px;
        margin-left: 34px;
        padding-bottom: 44px;
        padding-left: 36px;
        border-left: 1px solid #CCC;
}
.myaccount_home .mes_services .contact-book p {
        margin-top: 3px;
        font-size: 1.1em;
        font-size: 1.1em;
        line-height: 13px;
}
.myaccount_home .mes_services .contact-book .btn-action-minor {
        margin-left: 0;
        margin-top: 16px;
        background: url(../images/btn/generic_minor_right_arrow.gif) repeat-y 0 0;
}
.myaccount_home .mes_services .contact-book .btn-action-minor span {background: url(../images/btn/generic_minor_right.png) repeat right 0;}
.myaccount_home .mes_services .contact-book .creat_book .btn-action-minor{background: url(../images/btn/particulier_minor_left.png) repeat-y 0 0;}
.myaccount_home .mes_services .contact-book .creat_book .btn-action-minor span{background: url(../images/btn/particulier_minor_right.png) repeat-y right center; color:#000;}
/* =MON CARNET D ADRESSE */
.user-account .contact-book .block-border-corner.no-padding {margin-top: 36px;}
.user-account .contact-book .sidebar-inner h3 {
        padding-bottom: 0px;
        font-weight: bold;
}
.user-account .contact-book p {
        color: #363636;
        font-size: 1.3em;
}
.user-account .contact-book p.legend {
        margin-top: 13px;
        color: #565a5c;
        font-size: 1.3em;
}
.user-account .sidebar {
        float: left;
        width: 29.55em;
        z-index: 2012;
		min-height:693px;
        border-right: 2px solid #C3C3C3;

}
.user-account .sidebar .sidebar-inner {
        position: relative;
        z-index:0;
        zoom: 1;
}
.user-account .panel-display {
        float: left;
        width: 543px;
        padding: 35px 0 0 21px;
		padding-bottom:30px;
}
.user-account .background-sidebar .lineBG {background: url(../images/corner/user_account_home.png) no-repeat}
.user-account .background-sidebar .lineHG {background: url(../images/corner/user_account_home_top.png) no-repeat; z-index: 2500;}
.user-account .background-sidebar {background: #fff url(../images/bg/user_account_sidebar_bottom.png) no-repeat bottom left;}
.user-account .sidebar-inner {background: url(../images/bg/user_account_sidebar_top.jpg) no-repeat top left;}
.user-account .contact-book .information .sidebar-inner {padding: 376px 22px 80px;}
.user-account .sidebar .title-color {
        font-weight: normal;
        text-align: center;text-transform: uppercase;
        line-height: 1.3em;
}
.user-account .panel-display h3 {text-transform: uppercase;}
.user-account .panel-display .block-bg-corner {margin-top: 30px;}
.user-account .add-contact .panel-display .block-bg-corner {
        margin-bottom: 22px;
        margin-top: 0;
        padding: 1em 2em 2em 2em;
}
@media screen and ( max-width: 767px) {
    .user-account .add-contact .panel-display .block-bg-corner{
        padding: 1em;
    }
}
.panel-display .block-content .block-title {
        padding: 0.5em 0 1.8em;
        font-size: 1.671em;
        font-weight: bold;
}
.panel-display .block-content .block-title .info-sup {
        position: absolute;
        left: -9000px;
}
.js-noactive .panel-display .block-content .block-title .info-sup {
        position: relative;
        left: 0;
}
.panel-display .block-content .complement {
        font-size: 1.2em;
        line-height: 1.2em;
}
.panel-display .block-content .complement a {color: #363636;}
.panel-display .block-content .btn-action {text-align: center;}
.banner-auto-promo.lettre-recommandee-enligne {position: relative;}
.banner-auto-promo.lettre-recommandee-enligne .illustration {
        position: absolute;
        left: 506px;top: 0;
}
.banner-auto-promo.lettre-recommandee-enligne h3 .picto {
        display: inline-block;
        height: 37px;
        width: 52px;
        background: url(../images/banners/LRL_picto.png) no-repeat top left;
        vertical-align: -6px;
}
.banner-auto-promo.lettre-recommandee-enligne .subTitle {
        font-size: 1.75em;
        text-transform: uppercase;
        font-family: Roboto, Verdana, sans-serif;
        font-weight: 300;
}
.banner-auto-promo.lettre-recommandee-enligne .left-hand {
        width: 510px;
        margin-left: 32px;
        margin-top: 25px;
}
.banner-auto-promo.lettre-recommandee-enligne .left-hand h3.typo-jp {
        font-size: 2.1em;
        text-transform: uppercase;
}
.banner-auto-promo.lettre-recommandee-enligne .right-hand {
        position: absolute;
        top: 33px;
        margin-left: 740px;
}
.banner-auto-promo.lettre-recommandee-enligne .product-price {
        color: #007185;
        font-size: 1.4em;
        font-family: Roboto, Verdana, sans-serif;
}
.banner-auto-promo.lettre-recommandee-enligne .product-price .price-value {
        float: left;
        font-size: 3.7em;
        font-weight: 700;
        line-height: 1.1em;
}
.banner-auto-promo.lettre-recommandee-enligne .product-price sup {
        float: left;
        position: relative;
        font-size: 2em;
        line-height: 1.3em;
        vertical-align: top;
}
.banner-auto-promo .btn-action-minor {background: url(../images/btn/banner_minor_left.png) repeat-y 0 0;}
.banner-auto-promo .btn-action-minor span {background: url(../images/btn/banner_minor_right.png) repeat right 0;}
.user-account .right {float: right;}
.user-account .sidebar.contact-list .cl-body {position: relative;}
.user-account .sidebar.contact-list .liens-repertoire,
.user-account .sidebar.contact-list .repertoire {float: left;}
.user-account .sidebar.contact-list .liens-repertoire {width: 10%;}
.user-account .sidebar.contact-list .repertoire {
        width: 90%;
        margin-top: 14px;
}
.js-noactive .sidebar.contact-list .repertoire {
        position: relative;
        height: 506px;
        overflow-x: auto;
        overflow-y: auto;
}
.user-account .sidebar.contact-list div.checker {float: none;}
.user-account .contact-list .liens-repertoire {text-align: center;}
.user-account .contact-list .liens-repertoire li {padding: 2.2px 0;}
.user-account .contact-list .liens-repertoire li a {
        padding: 0 0 0 0.1em;
        color: #e54a06;
        font-size: 1.1em;
        font-weight: bold;
        text-decoration: none;
}
.user-account .contact-list .liens-repertoire li.selected {background: url(../images/bg/user_account_rep_puce.png) no-repeat center center;}
.user-account .contact-list .liens-repertoire li.selected a {color: #fff;}
.user-account .contact-list .cl-header {
        padding: 32px 0;
        border-bottom: 1px solid #ccc;
        background: url(../images/bg/user_account_carnet_top.png) repeat-x bottom;
}
.user-account .sidebar-inner .cl-header p {
        font-size: 1.2em;
        text-align: center;
}
.user-account .contact-list .sidebar-inner {background-image: none;}
.user-account .contact-list .repertoire li {background-color: #f5f5f2;}
.user-account .contact-list .cl-body .liens-repertoire {margin-top: 7px;}
.user-account .contact-list .repertoire h4 {
        width: 91px;
        padding-right: 0px;
        color: #fff;
        font-size: 1.4em;
        text-align: right;
        line-height: 1.5em;
}
.user-account .contact-list .repertoire span.outer {
        width: 91px;
        padding-right: 0px;
        color: #fff;
        text-align: center;
        background: url(../images/bg/user_account_contact_puce.png) no-repeat center center;
        line-height: 1.5em;
}
.user-account .contact-list .repertoire span.inner {padding: 0 0 0 1px;}
.user-account .contact-list .repertoire h4 span.outer {
        display: inline-block;
        width: 21px;
        text-align: center;
}
/* .user-account .contact-list .repertoire h4 span.inner {background-color: #e54a06;} */
.user-account .contact-list .repertoire ul {margin: 1em 0 1em 0;}
.user-account .contact-list .repertoire li {
        position: relative;
        margin-top: 1px;
        padding: 10px 0 10px 19px;
}
.user-account .contact-list .repertoire li a {
        color: #363636;
        font-size: 1.4em;
        text-decoration: none;
}
/* .user-account .contact-list .repertoire li.selected {
        background-color: #dc5409;
        border: 1px solid #dc5409;
} */
.user-account .contact-list .repertoire li.selected a {color: #fff;}
.user-account .contact-list .repertoire li .delete-part {
        padding-right: 24px;
        vertical-align: top;
        display: inline-block;
}
.user-account .contact-list .repertoire li .edit-part {
        display: inline-block;
        width: 75%;
        vertical-align: bottom;
}
.user-account .contact-list .cl-footer {
        padding: 25px 0;
        border-top: 1px solid #ccc;
        text-align: center;
}
.user-account .contact-list .cl-footer span.btn-send-minor {
        padding-right: 10px;
        vertical-align: top;
}
.user-account .panel-display .no-content-yet {
        height: 470px;
        background: url(../images/media/user_account_contact_bonhomme.png) no-repeat center center;
}
.user-account .panel-display .no-content-yet p {
        padding-top: 368px;
        color: #363636;
        font-size: 1.8em;
        font-weight: bold;
        text-align: center;
        line-height: 1.1em;
}
.user-account .contact-book .formContent {
        margin: 0 0 0px 2px;
        padding: 0 6px 0 6px;
}
.user-account .contact-book .btn-footer {padding: 0 0 3px 0;}
.user-account .contact-book .btn-footer li {padding-top: 4px; list-style: none outside none;}
.user-account .contact-book div.selector {width: 120px;}
.user-account .contact-book div.selector span {width: 75px;}
.user-account .contact-book .upload-form div.uploader, .track-order .upload-form div.uploader {margin-bottom: 5px;}
.user-account .contact-book .upload-form div.uploader span.action,
.track-order .upload-form div.uploader span.action {
        text-indent: 0;
        background: url(../images/bg/btn_input_file.png) no-repeat center left;
}
.user-account .contact-book .upload-xml {padding-left: 95px;}
.user-account .contact-book .upload-xml .btn-send-minor {margin: 10px 0 10px 228px;}
.user-account .edit-contact .panel-display .block-bg-corner {margin-top: 0;}
.js-noactive .contact-book .destinataire-btn-select {display: block;}
.js-noactive .contact-book .form-radio-simulation span {display: none;}
.user-account .contact-book .panel-display .civility p {
        float: left;
        margin: 0 40px 10px 0;
        font-size: 1.2em;
}
.user-account .contact-book .formContent a {
        display: block;
        margin: 10px 0 0 0;
        color: #006397;
        font-size: 1.2em;
        text-decoration: underline;
}
.track-order .upload-form div.uploader span.filename,
.user-account .contact-book .upload-xml div.uploader span.filename {background-color: #f5f5f5;}
.user-account .contact-book .panel-display .type-text,
.user-account .contact-book .panel-display .type-select {
        float: left;
        width: 243px;
        padding: 9px 0;
}
.user-account .contact-book .panel-display .type-text label,
.user-account .contact-book .panel-display .type-select label {
        width: 80px;
        padding: 0;
}
.user-account .contact-book .panel-display .type-text input,
.user-account .contact-book .panel-display .type-select input {width: 110px;}
.user-account .contact-book .panel-display .type-select {clear: both;}
.user-account .contact-book .panel-display .email {clear: both;}

/*=INFORMATIONS PERSONNELLES */
.user-account .mainContent {min-height: 520px;}
/*=Compte prepaye */
.recharge-account h2 {margin-bottom: 36px;}
.recharge-account form {
            float: left;
            width: 626px;
            margin-bottom: 30px;
}
.recharge-account form p {
            margin-top: 18px;
            padding-bottom: 0;
            font-size: 1.4em;
            line-height: 16px;
}
.recharge-account form .info-account strong {color: #d75216;}
.recharge-account form .info-account span {display: block;}
.recharge-account form .type-text {
            width: 100%;
            margin-top: 0;
            padding-top: 4px;
}
.recharge-account form .type-text label {
            width: 470px;
            color: #363636;
            font-size: 1em;
            font-weight: 700;
}
.recharge-account form .type-text input {width: 70px;}
.recharge-account form .btn-send {
            float: right;
            margin-top: 20px;
}
/*=Adresse personnelle */
.myaddress .notice {
            padding: 12px 0 17px;
            font-size: 1.2em;
}
.myaddress .content-left {
            float: left;
            width: 626px;
}
.myaddress .list-address li {
           /* float: left;*/
            width: 160px;
            padding: 0 25px;
            border-right: 1px solid #CCC;
            display:inline-block;
            vertical-align:top;
}
.myaddress .list-address li .list-action {
            margin-bottom: 10px;
}
.myaddress .list-address .first {padding-left: 0;}
.myaddress .list-address .last {
            padding-right: 0;
            border: 0;
}
.myaddress .list-address h3 {
            font-size: 1.4em;
            font-weight: 700;
}
.myaddress .list-address p {
            min-height: 120px;
            font-size: 1.4em;
}
.myaddress .list-address .list-action li {
            padding: 0;
            border: 0;
}
.myaddress .list-address .list-action .default {
            margin-top: 16px;
            font-size: 1.4em;
            background: url(../images/bg/checked.png) no-repeat 125px top;
}
.myaddress .list-address .list-action a {
            display: block;
            color: #006397;
            font-size: 1.2em;
}
.myaddress .add {
            float: right;
            margin-top: 20px;
}
.myaddress .cancel {
            float: left;
            margin-top: 20px;
}
.block-address {margin-bottom: 40px;}
.block-address h3 {
            padding: 27px 0 4px;
            text-transform: uppercase;
}
.block-address .legend {
            margin-bottom: 10px;
            font-size: 1.2em;
}
.block-address legend {padding: 0.5em 0 1em;}
.block-address .name-address {
            float: none;
            padding: 0;
}
.block-address .name-address label {
            display: block;
            width: 100%;
            margin-bottom: 7px;
            color: #363636;
            font-size: 20px;
            font-weight: 700;
}
.block-address .name-address input {width: 170px;}
.block-address .civility p {
            float: left;
            margin: 0 57px 6px 9px;
            padding: 2px 0 0 0;
}
.block-address .civility .type-radio {
            float: left;
            /*padding: 0.5em 0;*/
}
.block-address .civility .type-radio label {
            float: right;
            padding: 2px 20px 0px 7px;
}
.block-address .civility .type-radio input {margin-top: 0px;}
.block-address fieldset .type-text {
            width: 304px;
            padding: 8px 0;
}
.block-address fieldset .type-select {padding: 8px 0;}
.block-address fieldset .type-select > div {display: inline-block;} /*A conserve pour fusion*/
.block-address .type-select {clear: both;}
.block-address .type-checkbox {padding: 20px 0 10px 10px;}
.block-address .type-checkbox label {margin: 0 0 0 5px;}
.block-address .type-text label,
.block-address .type-select label {
            width: 80px;
            padding: 0 10px;
}
.fancybox-container .block-address .type-text label,
.fancybox-container .block-address .type-select label {
            box-sizing: content-box;
}
.block-address .name-address label {
            width: 100%;
            padding: 0;
}
.block-address .type-text a {
            display: block;
            margin-left: 11px;
            margin-top: 10px;
            color: #006397;
            font-size: 1em;
            text-decoration: underline;
}
#tel {
        	display: inline;
            width: 50px;
}
#tel img {
        	  vertical-align: middle;
}
.block-address .add {float: right;}
.block-address .cancel, .blockPopin .cancel {float: left;}
/*=historique de votre compte prï¿½payï¿½ */
.historique h2 {padding-bottom: 1em;}
.historique h2.supMargBottom {padding-bottom: 0em;}
.historique .hist-left {
            float: left;
            width: 626px;
    overflow-x: auto;
}
.historique .hist-left .container-hist-left {
    width: 626px;
    margin: 0 auto;
    overflow-x: auto;
}
#biblioVisuel.hist-left {
    margin: auto;
    max-width: 100vw;
}
.importantMessageRecap.hist-left {
    margin: auto;
    max-width: 100vw;
}
.historique .hist-left .block-bg-corner {padding: 1.5em;}
.historique .compteDoneesAside {float: none;}
/*Historique - search*/
.user-commands .content-left .paddTop30 {padding-top: 30px;}
.historique legend {
            float: left;
            width: 80px;
            padding: 10px 0 0;
            font-size: 1.2em;
            font-weight: 400;
}

.historique .type-date .bg-datepicker input {width: 102px;}

.historique .type-text label,
.historique .type-date label {
            width: 90px;
            padding-right: 5px;
            text-align: right;
}
.historique .type-text label,
.historique .type-date label {
           /* width: 500px;*/
            padding-right: 0px;
            text-align: left;
}
.historique .type-text span input,
.historique .type-date span input {width: 105px;}
.historique .right {padding: 10px 10px 0 0;}
        


/*Historique - table*/
.historique .table_historique {
            position: relative;
            width: 626px;
}
.historique .table_historique thead th {
            padding: 15px 10px;
            border-bottom: 7px solid #F5F5F2;
            border-left: 1px solid #ccc;
            border-top: 7px solid #F5F5F2;
            font-size: 1.4em;
            text-align: center;
            background: #f5f5f2;
            vertical-align: middle;
}
.historique .table_historique thead th#poid {
       		white-space: nowrap;
}
.historique .table_historiqueVisuel thead th {
            padding: 15px 10px;
            border-bottom: 7px solid #F5F5F2;
            border-left: 1px solid #ccc;
            border-top: 7px solid #F5F5F2;
            font-size: 0.9em;
            text-align: center;
            background: #f5f5f2;
            vertical-align: middle;
}
.historique .table_historique.partiPro thead th,
.historique .table_historiqueVisuel.partiPro thead th {
            width:84px;
            padding: 8px 10px;
}

.historique .table_historiqueVisuel.partiPro thead #picture {
    min-width: 36px;
}

.historique .table_historique thead th:first-child {
            width: 80px;
            border-left: 0;
}

.historique .table_historique.partiPro thead th:first-child,
.historique .table_historiqueVisuel.partiPro thead th:first-child  {
            width: 86px;
            border-left: 0;
}


.table_historique.partiPro .btn-send-minor,
.table_historiqueVisuel.partiPro .btn-send-minor {
            background: url("../images/btn/stamps-online_minor_generic_left.png") repeat-y scroll 0 0 transparent;
}

.table_historique.partiPro .btn-send-minor input,
.table_historiqueVisuel.partiPro .btn-send-minor input {
            background: url("../images/btn/stamps-online_minor_right_icon.png") repeat-y scroll right 0 transparent;
}

         

.historique .table_historique th span {top: 0;}
.historique .table_historique th .filledHG {left: 0;}
.historique .table_historique th .filledHD {right: 0;}
.historique .table_historique thead th#type-carte,
.historique .table_historique thead th#transaction {
            width: 110px;
            padding: 0 15px;
}
.historique .table_historique tbody td {
            padding: 15px 0;
            border-top: 1px solid #ededed;
            font-size: 1.3em;
            text-align: center;
            line-height: 1.2em;
            vertical-align: middle;
}


.historique .table_historique tbody tr:first-child td { padding: 20px 0 5px;border-top: 0 none;}
.historique .table_historique thead tr td.rounded {
            height: 10px;
            margin: 0;
            padding: 0;
            background: url(../images/bg/bg-table-corners.png) no-repeat 0 0;
}
.historique .table_historique thead tr td {
            height: 5px;
            background: #F5F5F2;
}
.historique .block-bg-corner.pagination {
            float: left;
            width: 597px;
            margin: 1em 0;
}


table.table_historique {
          border-collapse: separate;  
}

/* =MES COMMANDES ET FACTURES */
/* =MA COMMANDE DETAILLE */
.block-command-wrap {padding: 8px 0 0;}
.block-services-wrap {padding: 0;}
.block-command-wrap .block-corner.lineBD {
            background-image: url(../images/corner/border_sprite_banner.png);
}
.block-command-wrap .block-corner.lineBG {
            background-image: url(../images/corner/border_sprite_banner.png);
}
		
		
.block-command-wrap {padding: 8px 0 0;}
.block-services-wrap {padding: 0;}
.block-services-wrap .block-corner.filledHG {left: 0;}
.block-services-wrap .block-corner.filledHD {right: 0;}
.actionsCommandBlock {
            padding: 36px 0 10px;
            clear: both;
            overflow: hidden;
}
.actionsCommandBlock span {
            display: block;
            float: left;
            font-size: 1.3em;
}
.actionsCommandBlock span a {
            color: #006397;
            text-decoration: underline;
}
.actionsCommandBlock ul {float: right;}
.actionsCommandBlock li {
            float: left;
            margin-left: 24px;
            font-size: 1.3em;
}
.actionsCommandBlock li a {
            display: block;
            float: left;
            color: #006397;
            text-decoration: none;
}
.actionsCommandBlock li a:hover {text-decoration: underline;}
/*icons for actions */
.actionsCommandBlock .icon {
            padding-left: 24px;
            line-height: 1.5em;
}
.actionsCommandBlock .arrowIcon {
            padding-left: 20px;
            background: url(../images/icons/ico_accordion_arrows.png) no-repeat 6px -174px;
}
.actionsCommandBlock .pdfIcon {background: url(../images/icons/ico_pdf.png) no-repeat 0 50%;}
.actionsCommandBlock .printIcon {background: url(../images/icons/ico_print_blue.png) no-repeat 0 50%;}
.titleInfo {
            float: left;
            width: 100%;
            padding-bottom: 8px;
            border-bottom: 1px solid #CCC;
}
.titleInfo .title3 {
            float: left;
            padding: 0 15px;
}
        
.title3 {
			font-weight: bold
}
        
.titleTotal {
            float: right;
            padding: 0 15px 0 0;
            font-size: 2em;
            line-height: 1em;
}
.titleTotal dt,
.titleTotal dd {float: left;}
.titleTotal dt {padding: 4px 8px 0 0;}
.titleTotal dd {
            padding-left: 10px;
            font-weight: 700;
            background: url(../images/btn/user_account_command-total.png) 0 -24px;
}
.titleTotal dd span {
            display: block;
            padding: 4px 10px 0 0;
            color: #fff;
            background: url(../images/btn/user_account_command-total.png) right 0;
}
.commandStatus {
            padding: 10px 0 40px;
            clear: both;
            
}
.recommanderToutDiv {
            padding: 10px 0 20px;
            clear: both;
            padding-left: 80%;
            
}
.commandStatus h4.title4 {
            padding: 0 15px;
            font-size: 1.5em;
            font-weight: 400;
}
.tableMyCommands {color: #696760;}
.tableMyCommands caption {display: none;}
.tableMyCommands thead th {
            padding: 10px;
            font-size: 1.3em;
            font-weight: 700;
            text-align: center;
            background: url(../images/bg/bg_thead-sep-gray.gif) no-repeat 0 50%;
            border-bottom: 2px solid #fff;
		
}
.tableMyCommands thead th:first-child {
            padding-left: 15px;
            background: none;
          
}
.tableMyCommands tbody th {
            padding: 10px 10px 10px 10px;
            
}
.tableMyCommands tbody tr.new-row th {
            border-top: 2px solid #fff;
}
.tableMyCommands tbody tr.new-row .priceUn { padding-top: 35px;}
.tableMyCommands tbody tr.lastRow .priceUn { padding-top: 35px;}

.tableMyCommands tbody td {
            padding: 35px 10px 40px;
            /*border-top: 2px solid #fff;*/
            font-size: 1.6em;
            text-align: center;
            vertical-align: middle;
}
.tableMyCommands tbody tr:first-child th,
.tableMyCommands tbody tr:first-child td {border-top: none;}
/*multiple items in a service */
.tableMyCommands .multipleItems td {
            padding-bottom: 10px;
            border-top: none;
}
.tableMyCommands .firstRow td {border-top: 2px solid #fff;}
/*total sum for multiple items in a service */
.tableMyCommands .lastRow .totalOrders {
            padding-bottom: 16px;
            padding-top: 16px;
            border-top: none;
            font-size: 1.6em;
            background: url(../images/bg/bg_sep-gray-total.gif) no-repeat 0 0;
            font-weight: normal;
}
.tableMyCommands .lastRow.multipleItems .value {
            padding-right: 44px;
            border-top: none;
            text-align: right;
            background: url(../images/bg/bg_sep-gray-total.gif) no-repeat right 0;
}
/*width needed for IE7, D'oh! */
.tableMyCommands th:first-child {
            width: 330px;
            text-align: left;
}
.tableMyCommands tbody th:first-child {width: 182px;}

		
.tableMyCommands tbody th.MonTimbrenligne {
			 padding-bottom: 35px;
            background: url(../images/media/img_lettre-en-ligne.png) no-repeat 8px 8px;
}
		
		
.tableMyCommands tbody th.lettre-recommandee {
            height: 80px;
}
.tableMyCommands tbody .priceUn {
            width: 110px;
            font-weight: 700;
}
.tableMyCommands tbody .infoService {
            width: 132px;
            padding-top: 6px;
            text-align: left;
}
.tableMyCommands tbody .tva {
            width: 100px;
            font-weight: 700;
}
.tableMyCommands tbody .totalService {font-weight: 700;}
.tableMyCommands .value {
            width: 108px;
            font-weight: 700;
}
.tableMyCommands tfoot td {padding: 10px 0;}
.tableMyCommands tfoot th {
            width: 212px;
            padding-left: 460px;
}
.tableMyCommands tfoot tr:first-child td,
.tableMyCommands tfoot tr:first-child th {border-top: 19px solid #fff;}
.tableMyCommands tfoot .totalTVA td,
.tableMyCommands tfoot .totalTVA th {background-color: #FFF;}
.tableMyCommands tfoot .totalHT,
.tableMyCommands tfoot .totalTVA {font-size: 1.6em;}
.tableMyCommands tfoot .total td {font-weight: 700;}
.tableMyCommands tfoot .total th {font-size: 1.8em;}
.tableMyCommands tfoot td.value {
            font-weight: 400;
            text-align: center;
}
.tableMyCommands tfoot .total td.value {font-size: 2.2em; font-weight: 700;}
/*define span in mes services / informations columns */
		
.tableMyServices tbody .firstRow .infoService, .tableMyServices .firstRow .caracteristiques {
			width: 162px;
			text-align: center;
			
}
      
.tableMyCommands tbody .infoService {
            padding: 15px 0;
			padding-top:0px;
            font-size: 1.6em;
            font-weight: normal;
            border: 0;
}
.tableMyCommands tbody span.serviceTitle {
            padding-bottom: 10px;
            font-size: 1.6em;
            font-weight: 700;
            line-height: 1.2em;
			clear:left;			
}
		
.tableMyCommands tbody span.serviceDeclaration {
            padding-bottom: 18px;
            font-size: 1.2em;
            font-weight: 400;
            font-weight: 400;
            font-style: italic;
}
.tableMyCommands tbody span.serviceOrder { font-weight: normal;}

.tableMyCommands tbody .block-bg-invert.adressTo {
            padding:0.8em;
            font-size: .875em;
            color: #655c53;
			text-align:center;
}
		
#tableServiceItems .serviceOrder {
			margin-bottom:20px;
}

/*=Billing Info*/
/*         updated by mkaabi */
.billingInfo-wrap {
          margin: 54px 0 0;
          padding: 0 0 34px;
          border: 1px solid #ccc;
          position: relative;
          float: left;
          clear: both;
          width: 100%
}
.billingInfo-wrap .title {
          position: relative;
          border-bottom: 2px solid #fff;
}
.billingInfo-wrap .title .text-1 {
          padding: 15px 0 10px 45px;
          display: block;
          background: url(../images/bg/px_grey.gif) repeat 0 0 transparent;
          font-size: 1.6em;
          font-weight: 700;
          color: #696760;
}
.billingInfo-wrap .title .text-1.onlyEservices {
          margin-bottom: 40px;
}
        
.billingInfo-wrap .addressBlock,
.billingInfo-wrap .paymentBlock {
            float: left;
            padding-left: 50px; /* if 3 blocks*/
            /*padding-left: 144px;*/ /* if 2 blocks*/
            color: #565a5c;
            width: 260px;
}
.billingInfo-wrap .addressBlock.eServices,
.billingInfo-wrap .paymentBlock.eServices {
            float: left;
            /*padding-left: 74px;*/ /* if 3 blocks*/
            padding-left: 144px; /* if 2 blocks*/
            color: #565a5c;
}
.billingInfo-wrap h3 {
            padding-bottom: 24px;
            font-size: 1.6em;
}
.billingInfo-wrap dl {
            padding-left: 14px;
            font-size: 1.4em;
}
.billingInfo-wrap dt {font-weight: 700;}
.billingInfo-wrap .paymentBlock {
        	text-align: center;
        	width: 200px;
}
.billingInfo-wrap .line-1 {
          margin: 50px 0 40px;
          font-size: 1.5em;
          color: #565a5c;
          line-height: 1em;
          overflow: hidden;
}
.billingInfo-wrap .line-1 li {
          float: left;
          margin-left: 120px;
          line-height: 1.2em;
}
.billingInfo-wrap .line-1 li:first-child {
          margin-left: 74px;
}
.billingInfo-wrap .line-1 li a {
          color: #565a5c;
}
.billingInfo-wrap .line-1 li a:hover {
          text-decoration: none;
}
/*  debut table expedition et paiement detailscommande.jsp   */

.billingInfo-wrap .tableexpedition .line-1  td {
    padding-top: 20px;
    padding-left: 70px;
    padding-bottom: 20px;
    line-height: 1.2em;
    max-width: 300px;
}

.billingInfo-wrap .tableexpedition .line-1 td a {
          color: #565a5c;
}
.billingInfo-wrap .tableexpedition .line-1 td a:hover {
          text-decoration: none;
}
/*     */
            
/* =GENERAL BLOCKS (.user-commands)*/
.user-account .user-commands .btn-help {width: 200px;}
.user-account .user-commands .btn-help a {
            float: right;
            margin-top: 38px;
            margin-bottom: 34px;
}
.user-account .user-commands .content-inner {
            padding: 38px 0 1.2rem;
            float: left;
            width: 627px;
            height: auto;
}
.user-account .user-commands h2.title2 {
            clear: both;
            line-height: 0.9em;
            letter-spacing: -.04em;
            margin: 0 0 26px;
}
.user-account .user-commands .btn-action-back {
            background: url(../images/icons/ico-blue-arrow.gif) no-repeat left 3px;
            color: #006397;
            font-size: 1.3em;
            padding-left: 15px;
            text-decoration: none;
}
.user-account .user-commands .link-to-back {padding-bottom: 8px;}
.user-account .user-commands .link-to-back a {
            background: url(../images/icons/arrow_toleft_new_address.png) no-repeat left center;
            padding: 0 0 0 17px;
            line-height: 2em;
            text-decoration: none;
            font-size: 1.3em;
}
.user-account .user-commands .content-left {padding-bottom: 2em;}
.user-account .user-commands .block-bg-corner.pagination {
            float: none;
            overflow: hidden;
            width: auto;
}
.user-account .user-commands .pagination.top-pagination { margin-bottom: 20px;}
.user-account .user-commands .pagination.bottom-pagination { margin-top: 20px;}
.user-account .user-commands .block-bg-corner.pagination a {color: #363636;}
.user-account .user-commands .blockFilter {margin: 0 0 10px;}
.user-account .user-commands .blockFilter .block-bg-corner {
            overflow: hidden;
            padding: .5em 1em;
}
.user-account .user-commands .blockFilter .type-select {float: left;}
.js-active.user-account .user-commands .blockFilter .type-select {
            float: none;
            width: 100%;
}
.user-account .user-commands .blockFilter .type-select label {
            font-size: 1.8em;
            font-weight: 700;
            float: left;
            padding: .5em 0 0 1em;
}
.user-account .user-commands .blockFilter .type-select .selector {float: right;}
.user-account .user-commands .blockFilter .type-select .selector select {
            color: #565a5c;
            font-size: 1em;
}
.user-account .user-commands .blockFilter .search-wrap {
            float: right;
            padding: .5em 0 0;
            width: auto;
}
.js-active.user-account .user-commands .blockFilter .search-wrap {display: none;}
.user-account .user-commands .block-border-corner {padding: 0;}
.user-account .user-commands .packStatus {
            background: url(../images/bg/bg_pack-grad.png) repeat-x 0 0 #F7F7F7;
            border-bottom: 1px solid #ccc;
            overflow: hidden;
            padding: 1.5em 1em 1em 2em;
}
.user-account .user-commands .single {background: url(../images/bg/bg_pack-uni.png) repeat-x 0 0 #F7F7F7;}
.user-account .user-commands .packStatus h3,
.user-account .user-commands .packStatus h4,
.user-account .user-commands .packStatus li {
            float: left;
            font-size: 1.2em;
            font-weight: 700;
            line-height: 1em;
            color: #5B8900;
}

.user-account .user-commands .packStatus .totalPrice {
            border-left: none;
            color: #363636;
            float: right;
}
        
/* =MNA */
.user-account .new-address .content-inner h3 {margin-bottom: 13px;}
.user-account .new-address p,
.user-account .new-address .type-textarea label {
            line-height: 17px;
            font-size: 1.4em;
}
.user-account .new-address .for-textarea {margin: 2em 0 0;}
.user-account .new-address .blockDispatch {margin: 20px 0 0;}
.user-account .new-address .blockDispatchType {padding: 8px 0 25px;}
.user-account .new-address .blockDispatchType .block-bg-invert {padding: 1em 2em;}
.user-account .new-address .blockDispatchType ul {overflow: hidden;}
.user-account .new-address .blockDispatchType li {
            background: url(../images/bg/px_white.gif) repeat 0 0 transparent;
            display: inline-block;
            vertical-align: middle;
            width: 60%;
}
.user-account .new-address .blockDispatchType li:first-child {width: 39%;}
.user-account .new-address .blockDispatchType li a {
            display: block;
            float: right;
            margin: 0;
}
		
.user-command .tableMyCommands .prix-un {
            font-weight: 700;
            width: 130px;
}
		
		
.user-command .tableMyCommands thead th.item-name {
			padding: 0 0 0 45px;
			width: 481px;
}
.user-command .tableMyCommands thead th.product-name {
			
			padding: 0 0 0 45px;
			width: 42%;
}
.user-command .tableMyCommands thead th.recommander {
			
			padding: 10px 0;
			width: 20%;
}
		
.user-command .tableMyCommands .btn-basket input {
		font-size : 0.67em;
		font-weight: 300;
}
.recommanderToutDiv .btn-basket input{
		font-size : 1.2em;
		font-weight: 400;
}
		
.visuelTable .btn-basket input {
		font-size: 0.7em;
		font-weight: 300;
}
	
/* Details commande : lien Imprimer les documents : begin */
.user-command .printDoc {
			padding: 0 0 0 10px;		
            text-align: left;
            border-bottom: 2px solid #fff;
}
.user-command .printDoc .printDocTitle {
			color: #696760;
			padding: 0 0 0 35px;
            font-size: 1.6em;
            font-weight: 700;
}
.user-command .printDoc .printDocText {
			padding: 10px 0 0 35px;
			font-size: 1.2em;
}
.user-command .printDoc .actionsPrintDoc {
           padding-top:10px;
		   padding-bottom:25px;
		   padding-left:350px;
           clear: both;
           overflow: hidden;
}
.actionsPrintDoc .icon {
            padding-left: 24px;
            line-height: 1.5em;
}
.actionsPrintDoc  .printIcon {
			background: url(../images/icons/ico_print_blue.png) no-repeat 0 50%;
}
		
.actionsPrintDoc ul {float: left;}
.actionsPrintDoc li {
            float: left;
            margin-left: 24px;
            font-size: 1.3em;
}
.actionsPrintDoc li a {
            display: block;
            float: left;
            color: #006397;
            text-decoration :none;
}
.actionsPrintDoc li a:hover {text-decoration: underline;}
/* Details commande : lien Imprimer les documents : end */
        
.user-account .new-address .blockDispatchType li:first-child a {float: left;}
.user-account .new-address .dispatchInfo {
            display: block;
            float: left;
            font-size: 1.4em;
            line-height: 3.5em;
            min-height: 46px;
            padding-left: 80px;
}
.user-account .new-address .lettersIcon {background: url(../images/icons/ico_cartes_postales.png) no-repeat 0 0;}
.user-account .new-address .smsIcon {background: url(../images/icons/ico_sms.png) no-repeat 0 0;}
.user-account .new-address .dispatchAddress {
            overflow: hidden;
            padding-top: 20px;
}
.user-account .new-address .dispatchAddress li {
            float: left;
            font-size: 1.4em;
            width: 33%;
}
.user-account .new-address .dispatchAddress li > span {
            display: block;
            float: left;
}
.user-account .new-address .dispatchAddress li > span span {
            display: block;
            margin-left: 10px;
}
.user-account .new-address .dispatchAddress .date,
.user-account .new-address .dispatchAddress .name {font-weight: 700;}
.user-account .new-address .dispatchAddress .link {
            font-size: 1.2em;
            text-align: right;
}
.user-account .new-address .dispatchAddress .link a {color: #006397;}
.user-account .new-address .blockFilter .type-select .selector span {background-position: right -935px;} /*selector background - pink (put in style.css)*/
.user-account .volume-move .block-object-detail .illustration {
            background: url(../images/media/mna_chambre.png) no-repeat top left;
            display: block;
            width: 71px;
            height: 74px;
            position: absolute;
            right: 28px;
            top: 18px;
}
.user-account .volume-move .block-object-detail legend.num-list {padding: 15px 0 40px;}
.user-account .volume-move .form-header {
            font-size: 1.4em;
            font-weight: bold;
            color: #363636;
            width: 578px;
            border-bottom: 1px solid #dcdcd9;
            margin: 21px 0;
}
.user-account .volume-move .form-header div {
            float: left;
            margin-bottom: 18px;
}
.user-account .volume-move .form-header div.quantity {float: right;}
.user-account .volume-move p.type-text {
            width: 578px;
            font-size: 1.05em;
            margin-bottom: 20px;
}
.user-account .volume-move .type-text label {width: 493px;}
.user-account .volume-move .type-text input {width: 55px;}
.user-account .volume-move sup {
            font-size: .5em;
            vertical-align: top;
}
.user-account .volume-move .link-to-result,
.user-account .volume-move .link-to-top {
            text-align: right;
            padding: 1em 2em;
}
.user-account .volume-move .link-to-result a,
.user-account .volume-move .link-to-top a {
            background: url("../images/icons/aside_menu_selected.png") no-repeat left center;
            padding: 0 0 0 18px;
            color: #363636;
            font-size: 1.2em;
            text-decoration: none;
}
.user-account .volume-move form .block-bg-corner.link-to-result,
.user-account .volume-move form .block-bg-corner.link-to-top {margin-bottom: 0;}
.user-account .volume-move .link-to-top a {background: url(../images/icons/arrow_top_link.png) no-repeat left center;}
.user-account .volume-move form .block-bg-corner.last {margin-bottom: 1.5em;}
.user-account .new-address .btn-to-result {text-align:right;}
.user-account .new-address .btn-to-result .btn-action-minor {margin-top: 0px;}
.user-account .volume-move .result-text {margin: 30px 0 40px;}
.user-account .volume-move .result-text h3 {
            font-size: 1.6em;
            color: #363636;
}
.user-account .volume-move .result-text p {
            margin-top: 20px;
            font-size: 1.3em;
}
.user-account .volume-move p.label-reset {
            font-size: 1.1em;
            color: #363636;
            font-weight: bold;
            margin-left: 10px;
}
.user-account .volume-move .errorDisplay {margin-top: 15px;}
.user-account .volume-move .blockButtons .btn-send {margin-top: 1.7em;}
.user-account .new-address legend.num-list {padding: 0 0 .8em;}
.user-account .new-address .mandatory {
            color: #565a5c;
            font-size: 1.2em;
}
.user-account .new-address .block-visuel-card .choosed-visual {
            color: #363636;
            font-size: 2.1em;
            font-weight: bold;
            margin-bottom: 10px;
            clear: none;
}
.user-account .content.send-postcard .content-inner {padding-bottom: 7em;}
.user-account .new-address .block-visuel-card img {float: right;}
.user-account .new-address.send-postcard fieldset {margin-top: 35px;}
.user-account .send-postcard form .block-bg-corner {margin-bottom: 0;}
.user-account .new-address p.type-text {clear: none;}
.user-account .new-address .block-visuel-card p { clear: none;}
.user-account .new-address .block-form-title {
            font-weight: bold;
            font-size: 1.4em;
            color: #363636;
}
.user-account .send-postcard form label {font-size: .9em;}
.user-account .send-postcard form .type-date label {font-size: 1.2em;}
.user-account .send-postcard .type-text {
            margin-top: 18px;
            width: 275px;
}
.user-account .send-postcard .type-text label {width: 94px;}
.user-account .send-postcard .right-column {margin-left: 35px;}
.send-postcard-date {
            width: 280px;
            float: left;
            margin-right: 37px;
}
.send-postcard .open-map a {margin: 20px 3px 0;}
.user-account .send-smscard form label {font-size: 1em;}
.user-account .send-smscard .type-text label {width: 150px;}
.user-account .send-smscard .for-textarea {
            
            margin-right: 200px;
}
.user-account .send-smscard .textarea-countdown {margin-right: 200px;}
.user-account .send-smscard .add-numtel {margin-top: 10px;}
.user-account .send-smscard .add-numtel fieldset {background: url(../images/bg/px_grey.gif) repeat 0 0 transparent;}
.add-numtel hr {
            border-color: #CCC;
            border-style: solid none none;
            border-width: 1px 0 0;
            margin: 0 200px 10px 0;
            text-align: center;
}
.user-account .send-smscard .add-numtel .type-text {margin-bottom: 10px;}
.user-account .send-smscard .notice {font-size: 1.2em;}
.user-account .send-smscard .notice-add {
            font-style: italic;
            font-size: 1.1em;
            margin-left: 154px;
}
.user-account .send-smscard fieldset .first {margin-top: 20px;}
.user-account .new-address.send-smscard .btn-action-minor.add {
            float: none;
            margin: 8px 0 6px 154px;
}
.user-account .new-address p.textarea-countdown {
            text-align: right;
            font-size: 1.2em;
}
.user-account .send-smscard .btn-ajouter {text-align: left;}
.user-account .send-smscard .add-numtel .delete img { margin-top: 8px;}
.send-smscard .erroMenssage {display: block;}
.send-smscard #errorBoxTop {margin: 20px 0px;}
.type-textarea.error-contener {
            height: auto;
            padding: 0;
}
.user-account .send-postcard .ui-popup {left: 365px;}
.user-account .contrats .content-left h3 {
            color: #363636;
            padding: 20px 0 10px;
}
.user-account .contrats h3.hiddenTitle {display: none;}
.user-account .new-address .blockPack {
            color: #565a5c;
            font-size: 1em;
            margin-bottom: 20px;
}
.user-account .new-address .blockPack.blockPackFirst { padding-top: 20px;}
/*.user-account .new-address .blockPackLast {margin-bottom: 0;}*/
.user-account .new-address .packStatus h4,
.user-account .new-address .packStatus li {color: #e10038;}
.user-account .user-commands .packStatus li {
            margin-left: 5px;
            padding-left: 5px;
}
.user-account .new-address .packStatus li {border-left: 2px solid #e10038;}
.user-account .new-address .packActions,
.user-account .stamps-online .packActions {
            background: #fff url(../images/bg/bg_pack-grad.png) repeat-x 0 bottom;
            border-top: 1px solid #ccc;
            overflow: hidden;
            padding: 1em 2em 1.5em;
}
.user-account .new-address .packActions li {
            display: inline;
            font-size: 1.1em;
}
.user-account .new-address .packActions li a {
            color: #006397;
            display: block;
            float: left;
            font-size: 1.2em;
            margin-left: 20px;
}
.user-account .new-address .packInfoGroup {
            border-top: 1px solid #ccc;
            padding: 20px 0 18px;
            overflow: hidden;
}
.user-account .new-address .packStatus + .packInfoGroup {border-top: none;}
.user-account .new-address .packInfoGroup .packInfo {
            float: left;
            width: 50%;
}
.user-account .new-address .packInfoGroup h5,
.user-account .new-address .packInfoGroup .packInfo h5,
.user-account .new-address .packInfoGroup .packInfo ul,
.user-account .new-address .packInfoGroup .packInfo p {
            line-height: 1em;
            padding: 0 14px 0 34px;
}
.user-account .new-address .packInfoGroup .packInfoBis p {
            line-height: 1em;
            padding: 0 14px 0 34px;
}
.user-account .new-address .packInfoGroup .packServices h5 {padding: 0 14px 0 0px;}
.user-account .new-address .packInfoGroup h5,
.user-account .new-address .packInfoGroup .packInfo h5,
.user-account .new-address .packInfoGroup .packServices h5 {
            font-size: 1em;
            font-weight: 700;
            padding-bottom: 14px;
            padding-right: 0;
            letter-spacing: -.02em;
}
.user-account .new-address .packInfoGroup h5 {padding-bottom: 4px;}
.user-account .new-address .packInfoGroup .packInfo li {
            font-size: 1em;
            padding-top: 14px;
}
.user-account .new-address .packInfoGroup li:first-child {padding-top: 0;}
.user-account .new-address .packInfoGroup li strong {
            display: block;
            padding-bottom: 8px;
}
/* specific pack info items */
.user-account .new-address .packInfoGroup .packNature li {padding-top: 10px;}
.user-account .new-address .packInfoGroup .packDetail {font-size: 1.3em;}
.user-account .new-address .packInfoGroup .packPrice span {font-weight: 700;}
.user-account .new-address .packInfoGroup .packDate strong {display: inline;}
.user-account .new-address .packInfoGroup .packAdress p {
            line-height: 1.2em;
            padding-top: 10px;
}
.user-account .new-address .packInfoGroup .packAdress h5 + p {padding-top: 0;}
.user-account .new-address .packInfoGroup .packAdress span {display: block;}
.user-account .new-address .packInfoGroup .packAdress .block-bg-corner {margin: 6px 34px 0;}
.user-account .new-address .packInfoGroup .packAdress .block-bg-corner p {padding: 0 20px;}
/* = pack services list */
.user-account .new-address .packInfoGroup .packServices {padding: 0 34px;}
.user-account .new-address .packInfoGroup .packServices h5 {line-height: 1em;}
.user-account .new-address .packInfoGroup .packServices li {float: left;}
.user-account .new-address .packInfoGroup .packServices li.btn-left {
            clear: left;
            min-width: 356px;
}
.user-account .new-address .packInfoGroup .packServices li a {
            float: left;
            margin: 0;
}
/* buttons */
.user-account .new-address .btn-services {
            background: url(../images/btn/btn_mna_service_left-postales.png) no-repeat left 0;/*change bg for each item */
            display: inline-block;
            padding: 5px 0 5px 42px;
            text-decoration: none;
}
.user-account .new-address .btn-services span {
            background: url(../images/btn/new-address_minor_right.png) repeat-y right 0;
            color: #fff;
            cursor: pointer;
            display: inline-block;
            font-size: 1.3em;
            font-weight: 700;
            line-height: 12px;
            padding: 7px 10px 6px 5px;
}
.user-account .new-address .btn-postales {background: url(../images/btn/btn_mna_service_left-postales.png) no-repeat left 0;}
.user-account .new-address .btn-sms {background: url(../images/btn/btn_mna_service_left-sms.png) no-repeat left 0;}
.user-account .new-address .btn-acheter {background: url(../images/btn/btn_mna_service_left-acheter.png) no-repeat left 0;}
.user-account .new-address .btn-outils {background: url(../images/btn/btn_mna_service_left-outils.png) no-repeat left 0;}
.user-account .new-address .btn-lettres {background: url(../images/btn/btn_mna_service_left-lettres.png) no-repeat left 0;}
.user-account .new-address .btn-reductions {background: url(../images/btn/btn_mna_service_left-reductions.png) no-repeat left 0;}
.user-account .volume-move .chapo {
            margin: 0 0 20px;
            font-size: 1.3em;
            line-height: 1.4em;
            color: #565a5c;
}
.user-account .volume-move .direct-link .block-title {
            color: #565a5c;
            font-weight: bold;
            font-size: 1.8em;
}
.user-account .volume-move .direct-link li {
            float: left;
            padding: 3px 27px 0 0;
            font-size: 1.3em;
}
.user-account .new-address a {color: #006397;}
.user-account .new-address .block-object-detail{margin-top: 18px;}

/* =lettres et formulaires */
.user-account .new-address.user-letters .content-inner .title2 span {
            display: block;
            font-size: .6em;
}
.user-account .new-address.user-letters .blockLetterModel .block-bg-corner {padding-bottom: 0;}
.user-account .new-address.user-letters .blockLetterModel .sepTitle {
            font-size: 1.8em;
            padding: 0px 0 20px;
            margin-top: 10px;
}
.user-account .user-letters .blockLetterModel .block-inner-content {
            border-bottom: 1px solid #DCDCD9;
            margin-top: 30px;
            padding-bottom: 10px;}
.user-account .user-letters .blockLetterModel .block-inner-content.first {margin-top: 0;}
.user-account .user-letters .blockLetterModel .block-inner-content.last {border-bottom: 0;}
.user-account .user-letters .blockLetterModel p {
            line-height: 1.4em;
            padding: 0 0 20px;
}
.user-account .user-letters .blockLetterModel p a {
            color: #363636;
            text-decoration: none;
}
.user-account .new-address .blockLetterModel ul {
            overflow: hidden;
            padding-bottom: 10px;
}
.user-account .new-address .blockLetterModel li {
            float: left;
            padding-bottom: 10px;
            min-width: 225px;
}
.user-account .new-address .blockLetterModel li a {
            float: left;
            margin-top: 0;
}
.user-account .new-address .btnFile {
            background: url(../images/btn/btn_mna_file.png) repeat-y 0 0;
            color: #363636;
            display: inline-block;
            padding: 11px 0 10px 50px;
            text-decoration: none;
}
.user-account .new-address .btnFile span {
            background: url(../images/btn/new-address_minor_right.png) repeat right 0;
            color: #FFF;
            cursor: pointer;
            display: inline-block;
            font-size: 1.3em;
            font-weight: 700;
            line-height: 12px;
            padding: 6px 10px 7px 5px;
}

/* = MTEL */
.user-account .stamps-online .packStatus h4,
.user-account .stamps-online .packStatus li {color: #5b8900;}
/*.user-account .user-commands .packStatus h3 span,*/
.user-account .stamps-online .packStatus li {
            border-left: 2px solid #5b8900;
            font-weight: bold;
            padding-left: 5px;
}
.user-account .stamps-online .packStatus {padding: 1.5em 2.2em 1em;}
.user-account .stamps-online .blockPack {margin-bottom: 20px;}
.user-account .stamps-online .description-produit {width:50%;padding: 20px 16px;}
        
        
.user-account .stamps-online .description-produit li {
            color: #565a5c;
            font-weight: 700;
            font-size: 1.2em;
            padding: 0 0 7px;
}
.user-account .stamps-online .description-produit li span {
            color: #5b8900;
            font-weight: normal;
}
.user-account .stamps-online .btn-renew {
            float: right;
            padding: 33px 17px 0 0;
}
   
.user-account .stamps-online .blockPack table {
        width: 100%;
        margin-bottom: 54px;
}
.user-account .stamps-online .blockPack thead {background-color: #f5f5f2;}
.user-account .stamps-online .blockPack thead th {
            padding: 22px 0px;
            color: #565a5c;
            font-weight: 700;
            font-size: 1.2em;
            vertical-align: middle;
            background: #F5F5F2 url(../images/bg/command_table_sep.png) no-repeat;
            text-align: center;
}
        
.user-account .stamps-online .blockPack thead th.col-1, .cmd1-c1 {width: 168px;}
.user-account .stamps-online .blockPack thead th.col-2, .cmd1-c2 {width: 92px;}
.user-account .stamps-online .blockPack thead th.col-3, .cmd1-c3 {width: 111px;}
.user-account .stamps-online .blockPack thead th.col-4, .cmd1-c4 {width: 94px;}
.user-account .stamps-online .blockPack thead th.col-5, .cmd1-c5 {width: 82px;}
.user-account .stamps-online .blockPack thead th.line-2 {padding: 0px 0;}
.user-account .stamps-online .blockPack td {
            text-align: center;
            vertical-align: middle;
            color: #565a5c;
            font-size: 1em;
            padding-top: 15px;
            white-space: normal;
}
.user-account .stamps-online .packActions a {
            color: #363636;
            font-size: 1.2em;
            padding-left: 20px;
            background: url("../images/icons/aside_menu_selected.png") no-repeat 0 2px;
            text-decoration: none;
}
.user-account .stamps-online .packActions a.collapse {background: url("../images/icons/arrow_top_link.png") no-repeat left center;}
.user-account .stamps-online .packActions {padding: 1.5em 2em;}

/*=MON COMPTE LEL */
.user-account .user-commands .type-select .selector {width: 220px;}
.user-account .user-commands .type-select .selector span {width: 175px;}
.user-account .electronic-letter .packStatus h3,
.user-account .electronic-letter .packStatus li {color: #dc5409;}
.user-account .electronic-letter .packStatus li {border-left: 2px solid #dc5409;}
.user-account .electronic-letter .blockPack {
            overflow: hidden;
            padding-bottom: 3em;
}
.user-account .electronic-letter .last {padding-bottom: 0;}
.user-account .electronic-letter .blockPack p {
            padding: 0;
            font-size: 1.4em;
}
.user-account .electronic-letter .blockPack .block-bg-corner {
            display: inline-block;
            font-size: 1.4em;
            padding: 1em 1.5em;
            float: left;
}
.user-account .electronic-letter .block-bg-corner p {
            padding: 0;
            font-size: 1em;
}
.user-account .electronic-letter .blockPack .block-bg-corner p em {
            padding: 0.5em 0 0 0;
            display: block;
}
.user-account .electronic-letter .details {padding: 1em 0 0 0;}
.user-account .electronic-letter .details a {
            text-decoration: none;
            color: #006397;
            font-size: 0.9em;
            padding-top: 3px;
            display: block;
}
.user-account .electronic-letter .float-left,
.user-account .electronic-letter .float-right {
            width: 40%;
            padding: 3em 3em 1em 3em;
}
		
.user-account .electronic-letter .float-right-bottom {
			padding:0em;
			padding:9em;
			padding-top:0;
			padding-bottom:2em;
			float:right;
			
}
		
		
.user-account .electronic-letter .float-right-bottom a {
			color:#006397;
			text-decoration:none;
			font-size: 1.3em;
}
		
.user-account .electronic-letter h4 {
            font-size: 1.4em;
            padding-bottom: 0.5em;
            color: #565a5c;
}
.user-account .electronic-letter .alert {
            color: #e54a06;
            font-size: 1.4em;
}
.user-account .electronic-letter .alert em {
            font-weight: 700;
            background: url(../images/icons/ico_alert_24x24.png) no-repeat 0 0;
            padding: 0 0 1em 2.6em;
            font-style: normal;
}
.user-account .electronic-letter .alert p {padding: 0.5em 0 0 2.6em;}

/*=LETTRE RECOMMANDEE EN LIGNE (letter-mail) */
/*=main title_steps_general content */
.letter-mail .content .title2 {
    float: left;
    padding: 4px 0 4px 68px;
    font-size: 2.9em;
    letter-spacing: -.07em;
    background: url(../images/bg/bg_ico-lettre-recommandee-ligne.png) no-repeat 0 0px;
}
.letter-mail .options-wrap h4 {
    padding: 20px 0;
    font: bold 2em/1em Arial,Helvetica,sans-serif;
}
.letter-mail .step-list em {
    padding-right: 13px;
    padding-left: 12px;
}
.letter-mail .step-list span {
    width: 82px;
    padding: 17px 0 0;
}
.letter-mail .step-list .first span {
    width: 70px;
    padding-top: 24px;
}
.letter-mail .step-list .step1 span, 
.letter-mail .step-list .step2 span {width: 56px;}
.letter-mail .step-list .last span {
    width: 114px;
    padding-top: 24px;
}
.letter-mail p.legend, .electronic-letter p.legend {
    padding: 0 0 15px 33px;
    color: #565a5c;
    font-size: 1.2em;
}
.letter-mail legend.num-list span {color: #007185;}
.letter-mail .blockButtons .recalculateButton {
    float: left;
    min-width: 0;
    width: auto;
    padding-top: 0;
}

.letter-mail #LelStep3Recap .blockButtons .recalculateButton {
    float: left;
    min-width: 310px;
    width: auto;
    padding-top: 0;
}

/*=step2*/
.letter-mail .options-wrap {
        float: left;
        width: 574px;
        margin-right: 20px;
}
.letter-mail .step2 fieldset {margin-bottom: 30px;}
.letter-mail .step2 .last {margin-bottom: 0;}
.letter-mail .step2 .last fieldset {margin-bottom: 21px;}
.letter-mail .step2 .options-wrap legend {padding-bottom: 10px;}
.letter-mail .step2 .options-shipping li {
        display: inline-block;
        color: #565a5c;
        vertical-align: middle;
}
.letter-mail .step2 .options-shipping li:first-child {
        margin-right: 22px;
        font-size: 1.2em;
        font-weight: 700;
}
.letter-mail .step2 .options-shipping li a,
.letter-mail .step2 .options-shipping .facteurIcon {
        display: block;
        float: left;
}
/*.letter-mail .step2 .options-shipping li:first-child span {
        color: #565a5c;
        margin-left: 22px;
        line-height: 3em;
    }*/
.letter-mail .facteurIcon {
        display: block;
        float: left;
        min-height: 43px;
        padding-right: 58px;
        background: url(../images/icons/ico_facteur-big.png) no-repeat right 0px;
        line-height: 3em;
}
.letter-mail .step2 .options-shipping li:first-child .facteurIcon {margin-left: 0;}
.letter-mail .step2 .type-checkbox {padding: 0 0 0 2em;}
.letter-mail .step2 .type-checkbox label {
        /*float: right;*/
        /*width: 480px;*/
        font-size: 1.4em;
        font-weight: 700;
}
.letter-mail .step2 .type-checkbox input {float: none; margin-left: 10px; padding-top: 5px;}

/*OPTIONS IMPRESSION BLOCK - border-color */
.letter-mail .impressionOptions .block-radio.selected {border: 1px solid #007185;}
.letter-mail .impressionOptions .block-radio.selected .block-corner.lineHG {background-position: -12px -24px;}
.letter-mail .impressionOptions .block-radio.selected .block-corner.lineHD {background-position: -12px -36px;}
.letter-mail .impressionOptions .block-radio.selected .block-corner.filledlineBG {background-position: -12px 0;}
.letter-mail .impressionOptions .block-radio.selected .block-corner.filledlineBD {background-position: -12px -12px;}
.letter-mail .step2 .options-wrap .type-text {float: none;}
.letter-mail .step2 .options-wrap .type-text label {
        min-width: 160px;
        font-size: 1.6em;
        font-weight: 700;
}
    
/*OPTIONS RESUME BLOCK - display info */
.letter-mail .destinataires-resume-block {
        width: 256px;
        padding: 1em;
}
.letter-mail .destinataires-resume-block .title4 {margin: 10px 10px 24px;}
.letter-mail .destinataires-resume-block .optFacteur,
.letter-mail .destinataires-resume-block .optNumerique {
        min-height: 20px;
        min-width: 36%;
        margin-top: -6px;
        padding: 6px 34px 10px 0;
}
.letter-mail .destinataires-resume-block .optFacteur {background: url(../images/icons/ico_facteur-small.png) no-repeat right 0px;}
.letter-mail .destinataires-resume-block .optNumerique {background: url(../images/icons/ico_numerique-small.png) no-repeat right 0px;}
.letter-mail .optionsResume dt {
        width: 42%;
        padding-right: 10px;
        margin: 0 0 14px 10px;
}
.letter-mail .optionsResume .invoice {
        min-width: 42%;
        margin-top: 0;
}
.letter-mail .optionsResume .valueInfo {min-width: 43%;}
.letter-mail .optionsResume .value {min-width: 46%;}
.letter-mail .step2 .destinataires-resume-block .optionsResume dt,
.letter-mail .step2 .destinataires-resume-block .optionsResume dd {display: none;}
.letter-mail .step2 .destinataires-resume-block .optionsResume dt.opt0,
.letter-mail .step2 .destinataires-resume-block .optionsResume dd.opt0,
.letter-mail .step2 .destinataires-resume-block .optionsResume .valueInfo,
.letter-mail .step2 .destinataires-resume-block .optionsResume .value {display: block;}

/*=step3*/
/*=error mail */
.letter-mail .step3 h4 {padding-bottom: 20px;}
.letter-mail .step3 h4.first {padding-top: 0;}
.letter-mail .step3 .emailDestinataire,
.letter-mail .step3 .actionsDestinataire dl dt {font-size: 1.4em;}
.letter-mail .step3 .email {font-weight: 700;}
.letter-mail .step3 .emailDestinataire {
        padding-top: 1.5em;
        text-align: center;
}
.letter-mail .step3 .emailDestinataire .emailDestinataire-content {
        display: inline-block;
        width: auto;
        margin-bottom: 0;
        padding: 1em 1.5em;
}
.letter-mail .step3 .actionsDestinataire dl dt {
        float: left;
        width: 360px;
        padding-left: .5em;
}
.letter-mail .step3 .actionsDestinataire {
        padding: 20px 0;
        clear: both;
}
.letter-mail .step3 .actionsDestinataire > dl:first-child dt {padding-left: 2em;}
.letter-mail .step3 .actionsDestinataire span.orText {
        display: block;
        padding: 20px 0;
        font-size: 1.4em;
        font-weight: 700;
        text-align: center;
        clear: both;
}
.letter-mail .btn-facteurIcon {
        display: inline-block;
        padding-left: 34px;
        font-size: 1.5em;
        font-weight: 700;
        text-decoration: none;
        background: url(../images/btn/btn_facteur-left.png) no-repeat 0 0;
        line-height: 2em;
}
.letter-mail .btn-facteurIcon span {
        display: inline-block;
        padding: 5px 12px 0 0;
        color: #fff;
        background: url(../images/btn/btn_facteur-right.png) no-repeat right 0;
        cursor: pointer;
}

/*=destinataires */
.letter-mail .step3 .options-wrap h4 + p {
        padding-bottom: 20px;
        font-size: 1.4em;
}
.letter-mail .step3 .form-swicher .form-radio-simulation {font-size: .7em;}
     
/*adapt text size for links */
/*=tabs*/
.letter-mail .step3 .tabsLrelNav {min-height: 46px;}
.letter-mail .step3 .tabsLrelNav li {
        float: left;
        margin-left: 1px;
        font: 1.4em/1em Roboto, Verdana, sans-serif;
}
.letter-mail .step3 .tabsLrelNav li a {
        display: block;
        float: left;
        min-height: 46px;
        padding: 0 0 0 17px;
        text-decoration: none;
        background: url(../images/bg/bg_tab_filled_body_blue2_left.png) no-repeat 0 0;
}
.letter-mail .step3 .tabsLrelNav li a span {
        display: block;
        min-height: 34px;
        padding: 12px 17px 0 0;
        color: #fff;
        text-align: center;
        background: #198a9e url(../images/bg/bg_tab_filled_body_blue2.png) no-repeat right bottom;
        cursor: pointer;
}
.letter-mail .step3 .tabsLrelNav li.selected a {
        color: #007185;
        background: url(../images/bg/bg_tab_filled_body_left.png) no-repeat 7px 0;
}
.letter-mail .step3 .tabsLrelNav li:first-child.selected a {
        color: #007185;
        background-position: 0 0;
}
.letter-mail .step3 .tabsLrelNav li.selected a span {
        color: #007185;
        background: #f5f5f2 url(../images/bg/bg_tab_filled_body.png) no-repeat right 0;
        cursor: default;
}
.letter-mail .step3 .tabsLrelNav li.saise-email-item span {min-width: 146px;}
.letter-mail .step3 .tabsLrelNav li.recherche-email-item span {min-width: 358px;}
.letter-mail .step3 .tabsContent {clear: both;}
.letter-mail .step3 .tabTitle {display: none;}

/* =form contents */
.letter-mail .step3 .formTitle {font: bold 1.8em Arial,Helvetica,sans-serif;}
.letter-mail .step3 .errorDisplay ul {margin-left: 0;}
.letter-mail .step3 .errorDisplay li {
        padding: 0;
        border-top: none;
}
.letter-mail .step3 .errorDisplay li label {
        float: none;
        width: auto;
}
.letter-mail .step3 .formContent {
        overflow: hidden;
        margin-bottom: 3em;
}
.letter-mail .step3 .addressBook {
        padding: 10px 0 20px;
        text-align: center;
}
.letter-mail .step3 .block-search-destinataire .type-text {padding-bottom: 10px;width: 100%;}
.letter-mail .step3 .block-search-destinataire .type-text label {width: 115px;}
.letter-mail .step3 .block-search-destinataire .type-text input {width: 386px;}
.letter-mail .step3 .block-search-destinataire .type-text.type-formCodeP input {width: 160px;}
.letter-mail .step3 .block-search-destinataire .type-text.type-formCodeP a {
        padding-left: 10px;
        color: #006397;
        font-size: 1.1em;
}
.letter-mail .step3 .block-search-destinataire .type-select label {
        width: 120px;
        line-height: 1.1em;
}
.letter-mail .step3 .block-search-destinataire div.selector {width: 120px;}
.letter-mail .step3 .block-search-destinataire div.selector span {width: 75px;}

/*=step4*/
.letter-mail .step4 .options-wrap h4 {padding-bottom: 10px;}
.letter-mail .step4 .options-wrap h4.first {padding-top: 0;}
.letter-mail .step4 legend.legendAddress {
        padding-bottom: 20px;
        font-size: 1.4em;
        font-weight: 400;
}
.letter-mail .step4 .selectAddressWrap {padding-top: 30px;}
.letter-mail .step4 .selectAddressWrap label {display: none;}
.letter-mail .step4 .selectAddressWrap div.selector {width: 300px;}
.letter-mail .step4 .selectAddressWrap div.selector span {width: 255px;}
.letter-mail .step4 .displayAddress {
        min-height: 96px;
        width: 264px;
        padding-top: 20px;
        font-size: 1.4em;
}
.letter-mail .step4 .addAddressLink {
        padding: 20px 10px 10px;
        text-align: right;
}
.letter-mail .step4 .fieldsAddress {margin-bottom: 2em;}
/*=block-address */
.letter-mail .step4 .block-address {margin-bottom: 0;}
.letter-mail .step4 .block-address .civility p {
        color : #565A5C;
        margin: 0 40px 10px 10px;
        font-size: 1.2em;
}
.letter-mail .step4 .block-address .type-text,
.letter-mail .step4 .block-address .type-select {
        width: 250px;
        padding: 9px 0;
}
.letter-mail .step4 p.type-text.name-address {width: auto;}
.letter-mail .step4 .block-address .type-text input,
.letter-mail .step4 .block-address .type-select input {width: 110px;}
.letter-mail .step4 .block-address .type-text.name-address input {width: 220px;}
.letter-mail .step4 .block-address div.selector {width: 120px;}
.letter-mail .step4 .block-address div.selector span {width: 75px;}
.letter-mail .step4 .block-address a {padding: 10px 0 0;}
.letter-mail .step4 .fieldsAddress .submitAddress {text-align: right;}


/*=LETTRE EN LIGNE (electronic-letter) */
.electronic-letter .content h2 {
    float: left;
    padding-left: 75px;
    background: url(../images/bg/bg_ico-lettre-ligne.png) no-repeat 0 0;
}
.electronic-letter .step-list .item_actif span,
.electronic-letter .step-list .item_actif em {color: #DC5409;}
.electronic-letter .step-list .item_actif span {border-bottom: 1px solid transparent;}
.electronic-letter .step-list li span {
    width: 87px;
    padding: 17px 0 0;
}
.electronic-letter .step-list .first span {
    width: 135px;
    padding-top: 24px;
}
.electronic-letter .step-list .step2 span {    
    padding-right: 8px;
    width: 80px;
}
.electronic-letter .step-list .last span {
    width: 113px;
    padding: 17px 0 0;
}

/*content steps */
.electronic-letter .page-step {list-style: none;}
.electronic-letter .page-step li:first-child {margin-top: 0;}
.electronic-letter h4.num-list span {color: #DC5409;}
.electronic-letter .page-step h4.first {margin-top: 49px;}

.electronic-letter .step3 .destinatairesAdd .btn-action-minor {margin-top: 10px;}
.electronic-letter .step3 .destinatairesAdd p, .letter-mail .step3 .destinatairesAdd p {font-size: 1.2em;}

/*=step1 */
.electronic-letter .step1 h3 {text-transform: uppercase;}
.electronic-letter .step1 p {font: 1.3em Arial, Helvetica, sans-serif;}
.electronic-letter .step1 .tabs-content {padding: 40px 20px 30px;}
.electronic-letter .step1 .tabs-content h3 {
        padding-bottom: 1em;
        text-transform: none;
}
.electronic-letter .tabs li a,
.electronic-letter .tabs li .body {
        float: left;
        width: 253px;
        color: #363636;
        text-decoration: none;
        background: url(../images/bg/tabs_line_body.png) repeat-x center top;
}
.electronic-letter .tabs li a.desactivTab {cursor:default;color:gray;}
.electronic-letter .tabs .selected .body {color: #e56306;}
.electronic-letter .tabs .middle {padding: 0 0 1px 4px}
.electronic-letter .tabs .left {background: url(../images/bg/tabs_line_lft_first.png) no-repeat 0 0;}
.electronic-letter .tabs .right {background: url(../images/bg/tabs_line_rgt_last.png) no-repeat 0 0;}
.electronic-letter .tabs-content-outer {width: 879px;}

/*=tabs1 content */
.electronic-letter .step1 .tab1 h3 {
        padding-bottom: 1em;
        text-transform: none;
}
.electronic-letter .step1 .tab1 p span {color: #E56306;}
.electronic-letter .step1 .tab1 .type-file span.filename {color: #999;}
.electronic-letter .step1 .tab1 .type-file span.action {
        color: #363636;
        font-size: 0.9em;
}

/*=tabs1 -table */
.electronic-letter .step1 .block-border-corner {
        max-width: 840px;
        margin-top: 1em;
        padding: 0;
}
.electronic-letter .step1 .courrier-docs {
        width: 100%;
        font-size: 1.1em;
        text-align: left;
        vertical-align: middle;
}
.electronic-letter .step1 .courrier-docs thead th {
        padding: 1em;
        color: #dc5409;
        font-size: 1.4em;
        font-weight: 400;
        text-align: left;
        text-transform: uppercase;
        font-family: Roboto, Verdana, sans-serif;
}
.electronic-letter .step1 .courrier-docs tbody th {
        padding: 1em 0;
        background-color: #f5f5f2;
        color: #363636;
        text-align: left;
        font-weight: 400;
}
.electronic-letter .step1 .courrier-docs tbody th#nom {
        max-width: 580px;
        padding: 1em 0 0 3em;
}
.electronic-letter .step1 .courrier-docs tbody th#poids {max-width: 80px;}
.electronic-letter .step1 .courrier-docs tbody th#visualiser {max-width: 80px;}
.electronic-letter .step1 .courrier-docs tbody th#supprimer {max-width: 80px;}
.electronic-letter .step1 .courrier-docs td {
        padding: 1em 0 0 0;
        color: #565a5c;
        vertical-align: top;
}
.electronic-letter .step1 .courrier-docs tbody tr td.first,
.electronic-letter .step1 .courrier-docs tbody tr:last-child td.first {padding: 1em 0 0 3em;}
.electronic-letter .step1 .courrier-docs tbody tr:last-child td {padding: 1em 0;}
.electronic-letter .step1 .courrier-docs tbody td a {
        display: block;
        display: block;
        height: 20px;
        width: 20px;
        margin-left: 15px;
}
.electronic-letter .step1 .courrier-docs tfoot td {
        padding: 0.8em 2em;
        background-color: #f5f5f2;
        color: #FF0000;
}
.electronic-letter .step1 .btn-footer {
        float: left;
        width: 100%;
        padding: 15px 0;
}
.electronic-letter .step1 .btn-footer li {
        float: left;
        padding-top: 10px;
}
.electronic-letter .step1 .btn-footer li.right {float: right;}

/*=tab2 */
.electronic-letter .step1 .tab2 .form-swicher {padding: 0;}
.electronic-letter .step1 .tab2 .form-swicher h3 {
        padding-bottom: 0.8em;
        font-size: 1.3em;
        letter-spacing: -0.04em;
}
.electronic-letter .step1 .tab2 .form-swicher .form-radio-simulation {font-size: 0.7em;}
.electronic-letter .step1 .tab2 .form-swicher .form-radio-simulation .icon {margin-bottom: -5px;}
.electronic-letter .step1 .tab2 .form-swicher .form-radio-simulation.selected span {background-position: -108px -279px;}
.electronic-letter .step1 .tab2 {padding: 30px 19px 30px;}
.electronic-letter .step1 .tab2 .modeles-lettre-content {padding-top: 3em;}
.electronic-letter .step1 .tab2 .modeles-lettre-content .block-border-corner {
        float: left;
        max-width: 238px;
        min-height: 220px;
        margin: 0 0 0 1.5em;
        padding: 15px;
        line-height: 2em;
}
.electronic-letter .step1 .tab2 .modeles-lettre-content .block-border-corner.first {margin: 0;}
.electronic-letter .step1 .tab2 .modeles-lettre-content .block-border-corner h4 {
        margin: 0;padding: 8px 0 18px 78px;
        font-size: 1.8em;
        text-transform: none;
}
.electronic-letter .step1 .tab2 .modeles-lettre-content .block-border-corner .administratives {background: url(../images/icons/ico-lel-courrier.jpg) no-repeat 0 0;}
.electronic-letter .step1 .tab2 .modeles-lettre-content .block-border-corner .emploi {background: url(../images/icons/ico-lel-courrier.jpg) no-repeat 0 -75px;}
.electronic-letter .step1 .tab2 .modeles-lettre-content .block-border-corner .reclamations {background: url(../images/icons/ico-lel-courrier.jpg) no-repeat 0 -135px;}
.electronic-letter .step1 .tab2 .modeles-lettre-content .block-border-corner ul {
        float: left;
        padding-top: 1.2em;
}
.electronic-letter .step1 .tab2 .modeles-lettre-content .block-border-corner ul li {
        float: left;
        font-size: 1.1em;
        font-weight: 400;
        text-align: left;
        background: url(../images/icons/ico_arrow_readmore.gif) no-repeat left 4px;
}
.electronic-letter .step1 .tab2 .modeles-lettre-content .block-border-corner ul li a {
        width: 220px;
        padding: 0 0 5px 10px;
        color: #363636;
        text-decoration: none;
        background: none;
        line-height: 1.2em;
}
.electronic-letter .step1 .tab2 .modeles-lettre-content .block-border-corner ul li a:hover {text-decoration: underline;}
.js-noactive .step1 .tab2 .modeles-lettre-content h3 {
        display: block;
        color: #565A5C;
        font-size: 1.3em;
        font-weight: 700;
}
.js-active .step1 .tab2 .modeles-lettre-content h3 {display: none;}

/*=tab2 - modele de lettre */
.electronic-letter .step1 .modele {padding: 0;}
.electronic-letter .step1 .modele .lettre-top {
        color: #006397;
        border-bottom: 1px solid #dcdcdb;
        font-size: 1.3em;
        font-weight: 700;
}
.electronic-letter .step1 .modele .lettre-breadcrumb {
        float: left;
        min-width: 500px;
        padding: 8px 0 8px 20px;
}
.electronic-letter .step1 .modele .lettre-breadcrumb li {float: left;}
.electronic-letter .step1 .modele .lettre-breadcrumb li a {
        padding-right: 3px;
        color: #006397;
        font-weight: 400;
        text-decoration: none;
}
.electronic-letter .step1 .modele .nav-lettres {
        float: right;
        padding: 8px 20px;
}
.electronic-letter .step1 .modele .nav-lettres li {
        float: left;
        padding-right: 15px;
}
.electronic-letter .step1 .modele .nav-lettres li a {
        height: 30px;
        color: #006397;
        text-decoration: none;
}
.electronic-letter .step1 .modele .nav-lettres .prev a {
        padding-right: 15px;
        font-weight: normal;
        background: url(../images/icons/ico-blue-arrow.gif) no-repeat right 2px;
}
.electronic-letter .step1 .modele .nav-lettres .next a {
        padding-left: 15px;
        font-weight: normal;
        background: url(../images/icons/ico-blue-arrow.gif) no-repeat left -12px;
}
.electronic-letter .step1 .modele .edition {
        float: left;
        width: 838px;
        padding: 10px 20px;
        background: url('../images/bg/bg_F5F5F2.png') repeat;
}
.electronic-letter .step1 .modele .edition li {float: left;}
.electronic-letter .step1 .modele .edition li:first-child {min-width: 415px;}
.electronic-letter .step1 .modele .edition li.right {float: right;}
.electronic-letter .step1 .modele .edition li a.pdf {
        display: block;
        float: left;
        padding: 5px 0 0 30px;
        color: #006397;
        font-size: 1.2em;
        text-decoration: none;
        background: url("../images/icons/ico_pop_zoom.png") no-repeat scroll -102px 5px transparent;
}
/*.electronic-letter .step1 .modele .edition li a:hover {text-decoration: underline;}*/
.electronic-letter .step1 .modele .lettre-wrapper .lettre {
        float: left;
        padding: 25px;
        color: #363636;
}
.electronic-letter .step1 .modele .lettre-wrapper .lettre p {
        padding: 0;
        font-size: 1.6em;
        font-family: Arial, Helvetica, sans-serif;
}
.electronic-letter .step1 .modele .lettre-wrapper .lettre p code {
     text-transform: none;
     font: normal 0.9em Arial, Helvetica, sans-serif;
}
.electronic-letter .step1 .modele .lettre-wrapper .lettre .lette-content {
        float: left;
        min-width: 840px;
        padding-top: 5em;
}
.electronic-letter .step1 .modele .lettre-wrapper .lettre .lette-top-left {float: left;}
.electronic-letter .step1 .modele .lettre-wrapper .lettre .lette-top-right {
        float: right;
        min-width: 150px;
}
.electronic-letter .step1 .lettre-footer {margin-top: 3em;}
.electronic-letter .step1 .lettre-footer p {
        padding: 2em 0 1em;
        font-size: 1.2em;
}
.electronic-letter .step1 .lettre-footer a {color: #006397;}
.electronic-letter .step1 .lettre-footer .notice {
        display: block;
        padding: .5em 0;
        font-size: 0.9em;
}

/*WYSIWYG */
.electronic-letter .step1 .modele .textarea_editor {position: relative;}
.electronic-letter .step1 .modele .textarea_editor textarea {
        height: 536px;
        width: 872px;
        margin: 0 0 -1px 0;
}
.electronic-letter.js-active .step1 .modele .picto_wysiwyg {
        display: block;
        position: absolute;
        left: 15px;
        top: 30px;
        height: 56px;
        width: 55px;
        background: url(../images/bg/picto_wysiwyg.png) no-repeat 0 0;
        z-index: 1;
}
.electronic-letter .step1 .lettre-wrapper .notice {
        padding: 15px 80px;
        background: #F5F5F2;
}
.electronic-letter .step1 span.cke_skin_kama {
        margin-left: -1px;
        padding: 0;
        border-radius: 0;
}
.electronic-letter .step1 .cke_skin_kama .cke_wrapper {
        background-color: #F5F5F2;
        background: none;
}
.electronic-letter .cke_top {padding-left: 100px;}
.electronic-letter .nbr_pages {margin-top: 0.6em;}
/*=upload form */
.electronic-letter .step1 .upload-form {margin-top: 20px;}
.electronic-letter .step1 .upload-form-submit {
        display: inline-block;
        float: inherit;
        padding-top: 7px;
}
.electronic-letter .step1 input[type="file"]{display:inline-block;}

/*=step2 */
.electronic-letter .step2 .options-wrap {
        float: left;
        width: 574px;
        margin-right: 20px;
}
.electronic-letter legend {padding-bottom: 19px;}
.electronic-letter legend span {
        color: #DC5409
}
.electronic-letter .step2 .options-wrap .type-checkbox {padding: 0 4em 2em;}
.electronic-letter .step2 .options-wrap  .type-checkbox label {
        font-size: 1.4em;
        font-weight: 700;
}
.electronic-letter .step2 .options-wrap  .type-checkbox input {
        float: none;
        margin: 3px 0 0 10px;
        padding-top: 5px;
        display: inline-block;
}
.electronic-letter .step2 .options-wrap  .type-checkbox .label-link {
        display: block;
        padding: 8px 0 20px;
        font-size: 1.2em;
        clear: both;
}
.electronic-letter .step2 .options-wrap .type-checkbox .label-link a {color: #006397;}
.js-noactive .impressionOptions .htmltooltip_aide {display: block;top: -169px;}
.js-noactive .impressionOptions .with_help {padding-top: 130px;}

/*OPTIONS IMPRESSION BLOCK - border-color */
.electronic-letter .impressionOptions  .block-radio.selected {border: 1px solid #e27234;}
.electronic-letter .impressionOptions .block-radio.selected  .block-corner.lineHG {background-position: 0px -24px;}
.electronic-letter .impressionOptions .block-radio.selected  .block-corner.lineHD {background-position: 0px -36px;}
.electronic-letter .impressionOptions .block-radio.selected  .block-corner.filledlineBG {background-position: 0px 0px;}
.electronic-letter .impressionOptions .block-radio.selected  .block-corner.filledlineBD {background-position: 0px -12px;}
.electronic-letter .step2  .options-wrap  .type-text {float: none;}
.electronic-letter .step2  .options-wrap  .type-text label {
        min-width: 160px;
        font-size: 1.6em;
        font-weight: 700;
}
.electronic-letter .step2 .destinataires-resume-block .optionsResume dt,
.electronic-letter .step2 .destinataires-resume-block .optionsResume dd {display: none;}
.electronic-letter .step2 .destinataires-resume-block .optionsResume .valueInfo,
.electronic-letter .step2 .destinataires-resume-block .optionsResume .value {display: block;}

/*=step3 */
.electronic-letter .step3 .content {overflow: hidden;}
.electronic-letter .step3 .destinataires-wrap, .letter-mail .step3 .destinataires-wrap{
        float: left;
        width: 574px;
        margin-right: 20px;
}
.electronic-letter .step3 p.link-tarifs {min-width: 10px;}

/*override .tableDestinataire BLOCK */
.electronic-letter .titleDestinataires, .letter-mail .titleDestinataires{color: #dc5409;}
.electronic-letter .step3 .destinatairesInfo, .letter-mail .step3 .destinatairesInfo {padding-top: 1em;}
.electronic-letter .step3 .destinatairesInfo .tableDestinataire, .letter-mail .step3 .destinatairesInfo .tableDestinataire {margin: 0;}
.electronic-letter .step3 .destinatairesInfo .tableDestinataire table thead th, .letter-mail .step3 .destinatairesInfo .tableDestinataire table thead th {padding: 4px 20px;}
.electronic-letter .step3 .destinatairesInfo .tableDestinataire table tbody td, .letter-mail .step3 .destinatairesInfo .tableDestinataire table tbody td {padding: 8px 20px;}

/*define widths */
.electronic-letter .step3 .destinatairesInfo .tableDestinataire table .name, .letter-mail .step3 .destinatairesInfo .tableDestinataire table .name {width: 70px;}
.electronic-letter .step3 .destinatairesInfo .tableDestinataire table .address, .letter-mail .step3 .destinatairesInfo .tableDestinataire table .address {width: 120px;}
.electronic-letter .step3 .destinatairesInfo .tableDestinataire table .actions.addAdress, .letter-mail .step3 .destinatairesInfo .tableDestinataire table .actions.addAdress {
        width: 90px;
        padding: 4px;
}
.electronic-letter .step3 .destinatairesInfo .tableDestinataire table .actions.edit, .letter-mail .step3 .destinatairesInfo .tableDestinataire table .actions.edit{
        width: 46px;
        padding: 4px;
}

/* =step4 */
.electronic-letter .step4 .content {overflow: hidden;}
.electronic-letter .step4 p {font-size: 1.3em;}
.electronic-letter .step4 p a {font-size: 0.85em;}
.electronic-letter .step4 .destinataires-wrap {
        float: left;
        width: 574px;
        margin-right: 20px;
}
/*=pdf page */
.electronic-letter .step4 .page-step p {color: #565a5c;}
.electronic-letter .step4 .visualizeDocBlock {padding-top: 24px;}
.electronic-letter .step4 .visualizeDocBlock ul {text-align: center;}
.electronic-letter .step4 .visualizeDocBlock li {
            display: inline-block;
            vertical-align: top;
}
.electronic-letter .step4 .visualizeDocBlock .note {
            display: block;
            padding-top: 10px;
            color: #565a5c;
            font-size: 1.1em;
            text-align: center;
}
.electronic-letter .step4 .visualizeDocBlock .note a {color: #006397;}
.electronic-letter .docLink {
            display: inline-block;
            min-height: 74px;
            padding-left: 82px;
            margin: 0 15px;
            color: #fff;
            text-align: left;
            text-decoration: none;
            background: url(../images/btn/btn_pdf_download_left.png) 0 0 no-repeat;
}
.electronic-letter .docLink span {
            display: block;
            min-height: 34px;
            width: 6.5em;
            padding: 20px 20px 20px 10px;
            font-size: 1.3em;
            font-weight: 700;
            background: url(../images/btn/btn_pdf_download_right.png) right 0 repeat-y;
}
.electronic-letter .docLink .docSize {
            display: block;
            margin-top: -16px;
            padding-left: 10px;
            color: #006e81;
            font-style: normal;
            font-size: 1.3em;
}
.electronic-letter .step4 fieldset {padding-bottom: 40px;}
.electronic-letter .step4 fieldset legend {
            position: absolute;
            top: -9999px;
}
.electronic-letter .step4 .type-checkbox label {
            /*float: right;
            width: 854px;*/
            padding-left: 30px;
            color: #565a5c;
}
.electronic-letter .step4 .type-checkbox input {float: none; margin-left: 10px;}
.electronic-letter .step4 #validez-courrier .type-checkbox label {font-size: 1em;}
.electronic-letter .step4 .type-checkbox .label-note {
            display: block;
            padding: 6px 30px 0;
            font-size: 0.9em;
            clear: both;
}
/*=loader */
.electronic-letter .upload-progressbar-wrap {
            position: relative;
            min-height: 90px;
            width: 220px;
            margin: 50px auto;
}
.electronic-letter .upload-progressbar-wrap .upload-progressbar-wrap-top,
.electronic-letter .upload-progressbar-wrap .upload-progressbar-wrap-bottom,
.electronic-letter .upload-progressbar-wrap .cornerHG,
.electronic-letter .upload-progressbar-wrap .cornerHD,
.electronic-letter .upload-progressbar-wrap .cornerBG,
.electronic-letter .upload-progressbar-wrap .cornerBD {position: absolute;}
.electronic-letter .upload-progressbar-wrap .upload-progressbar-wrap-top {
            top: 0;
            height: 7px;
            width: 100%;
            background: url(../images/bg/bg_progressbar_top.png) repeat-x 0 0;
}
.electronic-letter .upload-progressbar-wrap .upload-progressbar-wrap-bottom {
            bottom: 0;
            height: 15px;
            width: 100%;
            background: url(../images/bg/bg_progressbar_bottom.png) repeat-x 0 0;
}
.electronic-letter .upload-progressbar-wrap .cornerHG {
            left: 0;
            top: 0;
            height: 7px;
             width: 15px;
            background: url(../images/bg/bg_progressbar_hg.png) no-repeat 0 0;
}
.electronic-letter .upload-progressbar-wrap .cornerHD {
            right: 0;
            top: 0;
            height: 7px;
            width: 7px;
            background: url(../images/bg/bg_progressbar_hd.png) no-repeat 0 0;
}
.electronic-letter .upload-progressbar-wrap .cornerBG {
            bottom: 0;
            left: 0;
            height: 15px;
            width: 15px;
            background: url(../images/bg/bg_progressbar_bg.png) no-repeat 0 0;
}
.electronic-letter .upload-progressbar-wrap .cornerBD {
            bottom: 0;
            right: 0;
            height: 15px;
            width: 7px;
            background: url(../images/bg/bg_progressbar_bd.png) no-repeat 0 0;
}
.electronic-letter .upload-progressbar {
            padding: 2em;
            background: #fff url(../images/bg/bg_progressbar.png) repeat-y 0 0;
}
.electronic-letter .upload-progressbar .info-progressbar {text-align: center;}
        
/* START updated by NOUAOUI ZAKARIA*/
.blackLink  {color:black;}
div.errorGras { height: 1.4em; color: red; font-size: 130%; list-style:none; font-weight:bold;}
.electronic-letter .upload-progressbar .info-progressbar .pbText {font: Roboto, Verdana, sans-serif;}
.electronic-letter .upload-progressbar .show-progressbar {
            position: relative;
            /*height: 8px;*/
            padding-top: 13px;
            width: 30px;/*170px*/
            margin: 0 auto;
            /*background: #f0a289;*/
}
.electronic-letter .upload-progressbar .show-progressbar .pbProgress {
            display: block;
            position: absolute;
            height: 8px;
            width: 74%;
            background: #e24614;
}

#popup .electronic-letter .upload-progressbar-wrap {
            position: absolute;
            min-height: 90px;
            width: 220px;
            margin: 0 0 0 -110px;
            top: 50%;
            left: 50%;
            display: none;
}
/*         .electronic-letter .upload-progressbar .show-progressbar { */
/*             position: relative; */
/*             height: 8px; */
/*             width: 170px; */
/*             margin: 0 auto; */
/*             background: #f0a289; */
/*         } */
/*         .electronic-letter .upload-progressbar .show-progressbar .pbProgress { */
/*             display: block; */
/*             position: absolute; */
/*             height: 8px; */
/*             width: 74%; */
/*             background: #e24614; */
/*         } */

/*         #popup .electronic-letter .upload-progressbar-wrap { */
/*             position: absolute; */
/*             min-height: 90px; */
/*             width: 220px; */
/*             margin: 0 0 0 -110px; */
/*             top: 50%; */
/*             left: 50%; */
/*             display: none; */
/*         } */

.letter-mail .step1 .courrier-docs tbody th {
	        padding: 1em 0;
	        background-color: #f5f5f2;
	        color: #363636;
	        text-align: left;
	        font-weight: 400;
}
    
/* END updated by NOUAOUI ZAKARIA*/


/* =recapitulatif */
.electronic-letter .step4 .recapInfo {padding: 1em 0 0;}
.electronic-letter .step4 .recapInfo .tableDestinataire {margin: 1em 2em 2em;}
.electronic-letter .step4 .type-checkbox #confirme {
            position: relative;
            z-index: 1;
}
.electronic-letter .step4 .recapInfo fieldset {padding-bottom: 0;}
.electronic-letter .step4 .recapInfo .type-checkbox {padding: 0 2em;}
.electronic-letter .step4 .recapInfo .type-checkbox label {
            float: left;
            padding: 0 3px 8px 5px;
}
.electronic-letter .step4 .recapInfo .type-checkbox .label-link {
            display: block;
            clear: both;
            padding-bottom: 10px;
}
.electronic-letter .step4 .recapInfo .type-checkbox .label-link a {color: #006397; padding-left: 5px;}
.electronic-letter .step4 .recapInfo .type-checkbox .value {
            display: block;
            float: right;
            padding: 0 6px 0 0px;
}
.electronic-letter .step4 .recapInfo .value-footer-wrap .value {
            float: right;
            font-size: 1em;
}
.electronic-letter .step4 .value-footer-wrap .totalTVA {
            clear: both;
            overflow: hidden;
}
.electronic-letter .step4 .value-footer-wrap .totalHT,
.electronic-letter .step4 .value-footer-wrap .total {
            padding: 1em 3em;
            background: #f5f5f2;
            clear: both;
            overflow: hidden;
}
.electronic-letter .step4 .value-footer-wrap .total {padding: 0 3em;}
.electronic-letter .step4 .value-footer-wrap .totalTVA,
.electronic-letter .step4 .value-footer-wrap .totalHT {
            padding: 1em 2em;
            font-size: 1.6em;
}
.electronic-letter .step4 .value-footer-wrap .total .legend {
            display: block;
            float: left;
            padding: 0.7em 0;
            font-size: 1.8em;font-weight: 700;
            line-height: 16px;
}
.electronic-letter .step4 .value-footer-wrap .total .value {
            padding: 0.5em 0;
            font-size: 2.4em;font-weight: 700;
            line-height: 16px;
}


/*=TUNNEL */
.transverse .step1 .step, .transverse .step3 .step {margin-bottom: 1em;}
.transverse .step-list span {
    width: inherit;
}
.transverse .step-list .item_actif span,
.transverse .step-list .item_actif em {color: #e54a06;}
/* accueil step */
/*.transverse .step-list .first span {
    width: 135px;
    padding-top: 24px;
}*/
.transverse .step-list .last span {
   /* width: 114px;
    padding: 17px 0 0;*/
}
.transverse .step-list .step1 span,
.transverse .step-list .step2 span,
.transverse .step-list .step3 span,
.transverse .step-list .step4 span {padding: 23px 0 0;}
.transverse .step-list .step1 span {
   /* width: 77px;
    padding-right: 10px;*/
}
/*identifie*/
.transverse .identified .step-list span { width: 186px;}
/* accueil step identified */
/*.transverse .identified .step-list .first span {
        width: 194px;
        padding-left: 0;
    }*/
/*.transverse .identified .step-list .last span {width: 122px;}*/
.transverse .identified .step-list span {padding-left: 22px;}
.transverse .identified .step-list em {padding: 27px 0 0 36px;}
/*.transverse .identified .step-list .step1 span {
        padding-right: 0;
        padding-top: 22px;
        width: 112px;
    }*/
/*step1 */
.transverse .secure {
        display: block;
        float: right;
        height: 27px;
        width: 63px;
        padding: 25px 35px 14px;
        color: #718504;
        font-size: 1.2em;
        text-align: center;
        background: url(../images/icons/secure.gif) no-repeat center 0 #fff;
}
.transverse .step1 .block-bg-corner {
        padding: 0.5em;
        clear: both;
}
.transverse .step1 table {color: #696760;}
.transverse .step1 .firstRow {border-top: 2px solid #fff;}
.transverse .step1 #services {
        width:  500px;
        padding: 0 0 0 2.5em;
}
.transverse .step1 th,
.transverse .step1 td {vertical-align: middle; }
.transverse .step1 .value {
        text-align: center;
        padding: 0 27px 0 0;
}
.transverse .step1 #lettre-ligne,
.transverse .step1 #lettre-recommandee {height: 100px;}
.transverse .step1 .serviceTitle {padding-bottom: 0;}
.transverse .step1 .serviceNom {font-size:1.2em;display:block;}
.transverse .step1 th a {
        color: #006397;
        font-size: 1.2em;
}
	
	
.greenCheck {background: url(../images/icons/ico_check-availability.png) no-repeat left top; font-size:12px; margin-bottom:20px; padding: 2px 10px 0 26px;}
.transverse .code_promo,
.transverse .order_total {
        float: left;
        width: 400px;
        margin: 20px 0 0;		
        color: #696760;
}
.transverse .order_total {float: right;}
.transverse .code_promo {
        float: left;
        width: 308px;
        margin: 20px 0 0;
       padding: 15px 21px;
        background: #f5f5f2;
}
.transverse .obligation_comande {
		float: left;
		margin-top: 30px;
		padding: 5px;
}
	
.transverse .obligation_comande label{
		
		line-height: 1.2em;
		width: 300px;
		 color: #696760;
       
        font-size: 1.6em;
        font-weight: bold;
}
	
.transverse .obligation_comande input{
		vertical-align: top;
		margin-top: 0.2em;
}
.transverse .code_promo legend {
        color: #696760;
        padding-bottom: 10px;
        font-size: 1.6em;
        font-weight: bold;
}
.transverse .code_promo label {
        float: left;
        padding: 4px 13px 4px 0;
        font-size: 1.4em;
}
.transverse .code_promo .check_code {
        float: left;
        position: relative;
}
.transverse .code_promo .check_code span {
        background: url(../images/bg/bg_input-sprite.png) no-repeat left -29px;
        display: block;
        height: 24px;
        padding: 0 0 0 4px;
        width: 125px;
}
.transverse .code_promo .check_code input {
        background: url(../images/bg/bg_input-sprite.png) no-repeat right 0 #F0F0F0;
        border: 0;
        color: #363636;
        display: block;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 1.2em;
        height: 24px;
        margin: 0;
        padding: 0 27px 0 0;
        width: 95px;
}
.transverse .code_promo .check_code .check_code_submit {
        background: url(../images/btn/btn_submit-arrow.png) no-repeat 0 0;
        border: 0;
        color: #666;
        cursor: pointer;
        display: block;
        height: 16px;
        padding: 0 0 0 1em;
        position: absolute;
        right: 8px;
        text-indent: -9000px;
        top: 4px;
        width: 18px;      
}
.transverse .code_promo .mess_validate1,
.transverse .code_promo .mess_validate2 {
        color: #e54a06;
        font-size: 1.4em;
}
.transverse .code_promo .mess_validate1 {
        display: block;
        padding-top: 5px;

}
.transverse .code_promo .mess_validate2 {
        clear: both;
        display: block;
        padding: 7px 0 10px;
}
.js-noactive .step1 .code_promo .btn-send {margin-left: 35px;}
.js-active .step1 .code_promo .btn-send {display: none;}
.transverse .order_total li {
        font-size: 1.6em;
        overflow: hidden;
}
.transverse .order_total li .label {
        float: left;
        padding: 14px 0 14px 14px;
        color: #696760;
}
.transverse .order_total li .value {
        float: right;
        width: 120px;
        margin-right: 32px;
        padding: 14px 0;
        color: #E54A06;
        text-align: right;
}
.transverse .order_total .total-ht {background: #f5f5f2;}
.transverse .order_total .total-ttc {
        font-size: 1.8em;
        font-weight: bold;
        text-transform: uppercase;
        background: url(../images/bg/stamp_total_price.jpg) repeat-y 0 0;
}
.transverse .order_total .total-ttc .value {font-size: 1.333em;}

/*step2 */

    /*step3 */
    .transverse .step3 .float-right {padding: 3em 0;}
    .transverse .step3 .block-border-corner {
        width: 418px;
        margin-left: 40px;
        float: left;
        padding: 0;
    }
     .transverse .step3 .block-border-corner.cpp{
     height: 350px;
     }
    .transverse .step3 .first {
            margin-left: 0;
            margin-bottom: 0em;
            padding-bottom: 3em;
            clear: right;
        }
    .transverse .step3 .paie-title {font: normal 1.8em/1.8em Arial, Helvetica, sans-serif;}
    .transverse .step3 .paie-title {padding: .5em .7em;}
    .transverse .step3 .first .paie-title {padding: .5em 1.6em;}
    .transverse .step3 fieldset {
        background-color: #f5f5f2;
        padding: 0.5em 3em;
    }
    .transverse .step3 legend {
        float: left;
        font-size: 1.4em;
    }
    .transverse .step3 .block-border-corner ul {float: left;}
    .transverse .step3 .block-border-corner li {
        width: 178px;
        float: left;
        text-align: center;
        padding: 0 0 0.6em 0;
    }
    .transverse .step3 .block-border-corner li img {
        display: block;
        text-align: center;
        margin: 0 auto;
        padding-bottom: 0.4em;
    }
    .transverse .step3 .block-border-corner li label {
        display: block; 
        clear: both;
        padding-top: 4.5em;
        padding-bottom: 0.3em;
    }
	
	.transverse .step3 .block-border-corner li label.error {
		position :absolute;
		color:red;
		top:15px;
		left:30px;
		font-size:1.5em;
    }
	
	
    .transverse .step3 li .cb {background: url(../images/media/carte-bancaire-v3.png) no-repeat center 0;}
    .transverse .step3 li .prepaye {background: url(../images/media/compte-prepaye.jpg) no-repeat center 0;}
    .transverse .step3 li .paypal {background: url(../images/media/paypal.jpg) no-repeat center 10px;}
    .transverse .step3 li .rib {background: url(../images/media/sepa.png) no-repeat center 7px;}
    .transverse .step3 li .mandat {background: url(../images/media/mandat.png) no-repeat center 7px;}
    .transverse .step3 li input { 
        display: block;
        margin: 0 auto;
    }
    .transverse .step3 .moyens {
        padding: 1em 0 0.5em 1.5em;
        float: left;
        text-align: left;
    }
    .transverse .step3 .moyens li {
    	width:400px;
    	text-align:left;
        float: left;
    }
    /*
    .transverse .step3 .moyens li.first {
        border-left: 0 none;
        padding:  0 15px 0 0;
    }
    */
.transverse .step3 .moyens li.first img {padding: 0.7em 0;}
.transverse .step3 .moyens li .paie-title {padding: 0;}
.transverse .step3 .moyens li span {
        font-size: 1.2em;
        display: block;
}
/* step3 - table2 */
.transverse .step3 table {text-align: left;}
.transverse .step3 thead th {
        background: none repeat scroll 0 0 #F5F5F2;
        border-bottom: 3px solid #F5F5F2;
        border-top: 3px solid #F5F5F2;
        color: #363636;
        font-size: 1.2em;
        text-align: left;
}
.transverse .step3 thead #services {
        padding-left: 1em;
        border-right: 1px solid #000;
        font-weight: normal;
}
.transverse .step3 thead #sous-total {
        padding-right: 1em;
        text-align: right;
        font-weight: normal;
}
.transverse .step3 tbody th {
        color: #000;
        font-size: 1.2em;
        font-weight: 700;
        padding: 2.8em 0 2.8em 8em;
        width: 270px;
        text-align: left;
}
.transverse .step3 tbody td {
        color: #e24614;
        font-size: 1.2em;
        font-weight: 400;
        text-align: right;
        padding-right: 1em;
}
.transverse .step3 tbody th.lel {background: url(../images/tooltip/ico-panier.png) no-repeat 10px 17px;}
.transverse .step3 tbody th.rel {background: url(../images/tooltip/ico-panier.png) no-repeat 10px -60px;}
.transverse .step3 tfoot .montant_ht th, .transverse .step3 tfoot .montant_tva th {
        color: #565a5c;
        padding: 0;
}
.transverse .step3 tfoot td {
        color: #e24614;
        padding: 0;
        text-align: right;
}
.transverse .step3 tfoot th {
        font-weight: 400;
        text-align: left;
}
.transverse .step3 tfoot .montant_ht th,
.transverse .step3 tfoot .montant_ht td {
        padding: 1em 10px;
        background: #F5F5F2;
        font-size: 1.6em;
}
.transverse .step3 tfoot .montant_tva th,
.transverse .step3 tfoot .montant_tva td {
        padding: 1em 10px;
        font-size: 1.6em;
}
.transverse .step3 tfoot .montant_total th,
.transverse .step3 tfoot .montant_total td {
        background: url(../images/bg/grey_paiement.png) repeat-x left top;
        padding: 1em 10px 2em;
        font-size: 1.8em;
        font-weight: 700;
}
.transverse .step3 tfoot .montant_total th {
        color: #565a5c;
        text-transform: uppercase;  
}
.transverse .step3 tfoot .montant_total td {
        font-size: 2em;
        color: #e24614;
}
/*step4 */
.transverse .step4 .title3-container {margin-bottom: 2em;}
.transverse .step4 p {
        margin-bottom: 1.2em;
        font-size: 1.4em;
}
.transverse .step4 .exergue-color {font-size: 1em;}
.transverse .step4 h4 {
        padding-bottom: 1em;padding-top: 0.2em;
        font-size: 1.4em;
        text-transform: uppercase;
}
.transverse .step4 dl {font-size: 1.4em;}
.transverse .step4 dt {
        float: left;
        padding-bottom: 0.5em;
        clear: left;
}
.transverse .step4 dd {
        float: left;
        color: #e54a06;
}

/*!IE7 */
.transverse .step4 .list_liens {
        padding-top: 1em;
        clear: left;
}
.transverse .step4 .list_liens li {padding-bottom: 0.5em;}
.transverse .step4 .list_liens a {
        color: #006397;
        font-size: 1.4em;
}
.transverse .step4 .block-bg-corner {margin-bottom: 2em;margin-top: 1.7em;}
.transverse .step4 .block-bg-corner h3 {margin: 0.3em 0 36px 0.1em;}
.transverse .visuel_stamps,
.transverse .text_print,
.transverse .visuel_stamps .btn-send {float: left;}
.transverse .visuel_stamps {
        padding-left: 26px;
        text-align: center;
}
.transverse .visuel_stamps span {
        display: block;
        margin-bottom: 4px;
        font-size: 1.2em;
}
.transverse .visuel_stamps img {display: block;}
.transverse .step4 .text_print {
        width: 315px;
        margin-top: 1.9em;
        padding-left: 30px;
}
.transverse .step4 .text_print p {
        margin-bottom: 0;
        padding: 0;
        line-height: 1.214em;
}
.transverse .step4 .btn-action-major {margin: 57px 0 0 56px;}

/* =MA NOUVELLE ADRESSE (new-address) */
/*.new-address .step-list .step1 span, TODO - Laisser ce bloc commenté parcequ il existe déjà
.new-address .step-list .step2 span,
.new-address .step-list .last span {padding: 18px 0 0;}
.new-address .content-num {padding: 0;}
.new-address .content-num span {color: #e10038;}
.new-address form .block-bg-corner {margin-bottom: 3.9em;}
.new-address form .no-margin {margin-bottom: 0;}
.new-address p {
    clear: both;
    padding: 0;
    font-size: 1.4em;
    line-height: 1.5em;
}
.new-address .float-right {padding: 0 0 2em 2em;}
.new-address legend.num-list span {color: #e10038;} TODO - Laisser ce bloc commenté parcequ il existe déjà */

/*=content n.1 */
/*.new-address .desc {padding: 1em 0 2em 2em;} TODO - Laisser ce bloc commenté parcequ il existe déjà
    .new-address .desc .pack-chooser {
        float: left;
        padding: 2em 0;
    }
    .new-address .desc .pack-chooser li {
        float: left;
        position: relative;
        font-size: 1.1em;
        font-weight: 700;
        background: white;
        border: 3px solid #f5f5f2;
        padding-right: 1.8em;
    }
    .new-address .desc .pack-chooser li .bgcorner {
        display: block;
        position: absolute;
        height: 12px;
        width: 12px;
        background-image: url(../images/corner/bg_mna_radio.png);
    }
    .new-address .desc .pack-chooser li .cornerHG {
        left: 0;
        top: 0;
        background-position: 0 -30px;
    }
    .new-address .desc .pack-chooser li .cornerHD {
        right: 0;
        top: 0;
        background-position: 12px -30px;
    }
    .new-address .desc .pack-chooser li .cornerBG {
        bottom: 0;
        left: 0;
        background-position: 0 -42px;
    }
    .new-address .desc .pack-chooser li .cornerBD {
        bottom: 0;
        right: 0;
        background-position: 12px -42px;
    }
    .new-address .desc .pack-chooser li label {
        padding: 10px 10px 10px 18px;
        cursor: pointer;
    }
    .new-address .desc .pack-chooser li.sep-chooser {
        padding: 1em 1.8em;
        background-color: #f5f5f2;
        font-size: 1.4em;
    }
    .new-address .desc .pack-chooser li.selected {border: 3px solid #ea9fc7;}
    .new-address .desc .pack-chooser li.selected .cornerHG {
        left: -3px;
        top: -3px;
        background-position: 0 0;
    }
    .new-address .desc .pack-chooser li.selected .cornerHD {
        right: -3px;
        top: -3px;
        background-position: 12px 0;
    }
    .new-address .desc .pack-chooser li.selected .cornerBG {
        bottom: -4px;
        left: -3px;
        background-position: 0 -13px;
    }
    .new-address .desc .pack-chooser li.selected .cornerBD {
    bottom: -3px;
    right: -3px;
    background-position: 12px -13px;
    }
    .new-address .desc .services {
        float: left;
        max-height: 200px;
        padding-top: 1em;
    }
    .new-address .desc .services li {
        float: left;
        min-width: 320px;
        padding: 1em 1em 1.3em 4em;
        border-bottom: 1px solid #ccc;
        font-size: 1.3em;
        background-image: url(../images/icons/ico-mna-list.png);
        background-repeat: no-repeat;
    }
    .new-address .desc .services li.postales {
        background-position: 0 5px;
        clear: left;
    }
    .new-address .desc .services li.sms {
        background-position: 7px -38px;
        clear: left;
    }
    .new-address .desc .services li.guide {
        background-position: 5px -224px;
        clear: left;
    }
    .new-address .desc .services li.calendrier {
        margin-left: 3.6em;
        background-position: 3px -81px;
    }
    .new-address .desc .services li.type {
        margin-left: 3.6em;
        background-position: 2px -170px;
    }
    .new-address .desc .services li.formulaires {
        margin-left: 3.6em;
        background-position: 5px -224px;
    }
    .new-address .desc .services li.outils {
        margin-left: 3.6em;
        background-position: 7px -273px;
    }
    .new-address .desc .services li.reductions {
        margin-left: 3.6em;
        background-position: 5px -316px;
        border: 0 none;
    } TODO - Laisser ce bloc commenté parcequ il existe déjà */

/*=content n.2 */
/*.new-address .optionsSupplem table { TODO - Laisser ce bloc commenté parcequ il existe déjà
        display: block;
        float: left;
        width: 820px;
        padding: 0;
    }
    .new-address .optionsSupplem thead th {
        padding: 1.8em 0 1em 0;
        text-align: left;
        font-size: 1.4em;
    }
    .new-address .optionsSupplem tbody td.montant-num {
        padding-top: 0.5em;
        text-align: right;
        vertical-align: top;
    }
    .new-address .optionsSupplem tbody td .type-text {padding: 0 0 0.5em 0.2em;}
    .new-address .optionsSupplem tbody td .type-text span input {
        width: 75px;
        font-size: 1em;
    }
    .new-address .optionsSupplem tbody td.lots {
        padding: 0.5em 2em 0 0;
        font-weight: 400;
        text-align: right;
        vertical-align: top;
        font-size: 1.4em;
    } TODO - Laisser ce bloc commenté parcequ il existe déjà */

/*=content n.3 */
/*.new-address .code .type-text {padding: 30px 0 10px 219px;} TODO - Laisser ce bloc commenté parcequ il existe déjà
    .new-address .code .type-text label {
        width: 145px;
        color: #565a5c;
        font-size: 1em;
    }
    .new-address .code .type-text input {
        width: 80px;
        font-size: 1em;
    } TODO - Laisser ce bloc commenté parcequ il existe déjà */

/*=content n.4 */
/*.new-address .block-bg-corner .montant { TODO - Laisser ce bloc commenté parcequ il existe déjà
        float: left;
        position: relative;
        min-width: 800px;
        margin: 1em 0;
        padding: 1em;
        background: #fff;
        font-size: 1.4em;
    }
    .new-address .block-bg-corner .montant th {padding-left: 335px;}
    .new-address .block-bg-corner .montant td {
        padding-left: 270px;
        font-size: 1.2em;
        font-weight: 700;
    } TODO - Laisser ce bloc commenté parcequ il existe déjà */

/* =CSUIVI (track-order) */
.track-order .tabs {width: 882px;}
.track-order .title-header p {
    font-size:1.2em;
    margin-top: -10px;
}
.track-order .tabs .tabNavigation li {
    font-size: 1.4em;
    background: none;
    padding: 0 15px 0 0;
    position: relative;
    z-index: 2;
}
.track-order .tabs .tabNavigation div {
    float: left;
    padding: 1px 0 0 1px;
}
.track-order .tabs .tabNavigation a {
    font-family: Roboto, Verdana, sans-serif;
    white-space: nowrap;background: url(../images/bg/tab.gif) no-repeat left top;
    display: inline-block;
    height: 56px;
    width: auto;
    font-weight: normal;
    padding: 0 0 0 27px;
    text-decoration: none;
    color: #333;
}
.track-order .tabs .tabNavigation a span {
    background: url(../images/bg/tab_right.gif) no-repeat right top;
    color: #FFF;
    display: inline-block;
    height: 38px;
    padding: 12px 25px 6px 0;
    /*text-shadow: 0 1px 1px #000;*/
}
/*.track-order .tabs .tabNavigation a:hover, */
.track-order .tabs .tabNavigation .selected {
    background: url(../images/bg/tab_active.gif) no-repeat left top;
    color: #883893;
    border-bottom: 2px solid #F5F5F2;/* pour la dï¿½sactivation des images */
}
/*.track-order .tabs .tabNavigation a:hover span, */
.track-order .tabs .tabNavigation .selected span {
    background: url(../images/bg/tab_active_right.gif) no-repeat right top;
    color: #883893;
    text-shadow: 0 0 0 #883893;

}
@media screen and (-webkit-min-device-pixel-ratio:0) { /* !hack chrome */
    .track-order .tabs .tabNavigation li {
        padding: 1px 13px 1px 1px;
    }
}
.track-order .tabs .tabNavigation .tab5 {
    padding-right: 0;
    margin-right: -1px; /* la font provoque moins d'un pixel de dï¿½calage */
    padding-left: 1px;
    float: right;
}
.track-order .tabs .tabNavigation .tab5 a {padding-left: 27px;}/* !IE */
.track-order .tabs .tabNavigation .tab5 span {padding-right: 26px;}/* !IE */
.track-order .contentVotreSuivi {margin-top: -12px;} /* !IE7 */
.track-order .contentVotreSuivi .filledHG, .track-order .contentVotreSuivi .filledHD {z-index: 1;}
.track-order .block-bg-corner { 
    margin-bottom:2em;
    padding: 2em 3em;
}
.track-order .formTabs {color: #363636;}
.track-order .formTabs legend,
.select-etat legend {padding-bottom: 0;}

/* =tooltips */
.track-order .aide { 
    float: right;
    height: 30px;
    margin-right: 25px;
    margin-top: 28px;
    position: relative;
    width: 31px;
    cursor:pointer;
}
.track-order .aide a {
    height: 30px;
    width: 31px;
}
.track-order .htmltooltip {
    background: url(../images/bg/bg_tooltip.gif) no-repeat;
    color: #565A5C;
    display: none;
    height: 48px;
    left: -237px;
    padding: 11px 3px 3px 12px;
    position: absolute;
    text-align: left;
    top: -57px;
    width: 158px;
}
.track-order .htmltooltip_aide {
    display: none;
    min-height: 120px;
    position: absolute;
    left: -224px;
    top: -180px;
    text-align: left;
    width: 300px;
}
.js-noactive.track-order .aide {
    height: auto;
    width: auto;
}
.js-noactive.track-order .aide a {display: none;}
.js-noactive.track-order .htmltooltip_aide {
    display: block;
    position: relative;
    left: 0;
    top: 0;
} 
.js-noactive.track-order .last .htmltooltip_aide {left: 108px;}
.track-order .formTabs .block-bg-corner .htmltooltip_aide p {
    padding: 10px 10px 5px 0;
}

.track-order .htmltooltip_aide p.txt_litle {
    color: #565A5C;
    font-size:1.2em;
    font-weight:400;
}
.track-order .htmltooltip_aide .htmltooltip_aide_top {
    background:url(../images/bg/bg_tooltip_top.png) no-repeat 0 0; 
    float:left;
    padding:20px;
}
.track-order .htmltooltip_aide .htmltooltip_aide_bottom {
    background:url(../images/bg/bg_tooltip_bottom.png) no-repeat 0 0;
    width:300px;
    height:32px;
    float:left;
}
.mail,
.time, 
.print {
    cursor:pointer;
    float: left;
    height: 30px;
    margin-left: 5px;
    position: relative;
}
.time {margin-left: 10px;}

/* =tableau resultats */
.table_resultat {background: url(../images/bg/separator_big.gif) no-repeat center top;}
.table_resultat table {
        font-size: 1.3em;
        table-layout: fixed;
        width: 100%;
}
.table_resultat caption {
        font-size: 1.8em;
        line-height: 3em;
        text-align: left;
        font-weight: 700;
}
.resultat_rech_table thead tr {background: url(../images/bg/separator_big.gif) no-repeat 0 bottom #fff;}
.resultat_rech_table thead th {
        border: 0;
        color: #883893;
        background: url(../images/media/tabs_result_sep.gif) no-repeat left center;
}
.resultat_rech_table #lin_identifiant {background:none;}
.resultat_rech_table thead th a {
        font-size: 1.3em;
        color: #565a5c;
        text-decoration: none;
        background: url(../images/icons/table_collapse_grey.gif) no-repeat right 25px;
        padding: 20px 25px 20px 0;
        display: inline-block;
}
.resultat_rech_table thead th a.selected {
        background:url(../images/icons/table_collapse_hover.gif) no-repeat 93px 26px;
        color: #224466;
}
.table_resultat .label-hidden2 {
        text-indent: -9999px;
        display: block;
}
.resultat_rech_table thead #col_statut {width: 175px;}
.resultat_rech_table .tableHeader {display: table-row !important;}
.resultat_rech_table .tableHeader {border-top: 1px solid #d5d6d4;}
.resultat_rech_table .tableHeader:first-child {border: 0;}
.resultat_rech_table .tableHeader th {
        color:#565a5c;
        background: #F5F5F2;
        border-right: 1px solid #FFF;
        font-weight: 400;
        text-align: center;
        vertical-align: middle;
}
.resultat_rech_table .tableHeader .identifiant_td .liste_des_actions {padding-left: 10px;}
.resultat_rech_table .tableHeader th a {
        font-size: 1em;
        color:#883893;
        font-weight: 700;
        text-decoration:none;
}
.resultat_rech_table .tableHeader .identifiant_num a {
        display: block;
        padding: 1.7em 0;
}
.resultat_rech_table .tableHeader .distribue {
        text-align: left;
        padding-left: 20px;
}
.resultat_rech_table .distribue span {
        display: inline-block;
        padding: 5px 0px 5px 30px;
}
.resultat_rech_table .statut_ok {background: url(../images/icons/ico_status_ok.png) no-repeat left center;}
.resultat_rech_table .statut_nok {background: url(../images/icons/ico_status_nok.png) no-repeat left center;}
/* contenu cache */
.table_information {background: url(../images/bg/bg_tr_open.gif) no-repeat 0 0 #fff;}
.table_information p {
        padding: 20px;
        text-align: left;
}
.resultat_rech_table .col_date,
.resultat_rech_table .col_loca {
        border-right: 1px solid #ccc;
        padding-bottom: 5px;
        background: #fff;
        text-align:center;
}
.resultat_rech_table .col_date {
        font-size:14px;
        color:#883893;
        font-weight:700;
}
.resultat_rech_table .col_statut {
        text-align: left;
        padding-left: 20px;
        background: #fff;
        padding-bottom: 5px;
}
.resultat_rech_table .col_produit {
            background: #FFF;
            border-right: 1px solid #CCC;
            padding: 0 0 5px 144px;
            text-align: center;
}
.resultat_rech_table td.lastItem {
        background: #fff;
        height:10px;
        padding-bottom:5px;
}
/* btn footer */
.track-order .content .recherche_footer {
        padding: 4em 0;
        float:left;
        background:url(../images/bg/separator_big.gif) no-repeat 0 0;
        width: 100%;
}
.track-order .content .table_resultat .recherche_footer p {
        float: left;
        font-size: 1.2em;
        font-weight: bold;
        padding: 7px 0 10px 0;
        color: #565A5C;
}
.bt-footer-left,
.bt-footer-left:focus,
.bt-footer-left:hover,
.bt-footer-left:active,
.bt-footer-left:visited {
        color: #883893;
        display: inline-block;
        font-size: 1.2em;
        font-weight: bold;
        height: 21px;
        line-height: 15px;
        padding: 5px 7px 0 37px;
        text-decoration: none;
}
.bt-footer-right {
        background: url(../images/btn/bt_footer_right.gif) no-repeat right top;
        color: #883893;
        float: left;
        height: 26px;
        margin: 1px 0 0 8px;
        padding-right: 9px;
}
.bt_1 {background: url(../images/btn/bt_footer_left.gif) no-repeat left top;}
.bt_2 {background: url(../images/btn/bt_footer_left2.gif) no-repeat left top;}
.bt_3 {background: url(../images/btn/bt_footer_left4.gif) no-repeat left top;}

/* =tab1 */
.track-order .formTabs .contentVotreSuivi label {
        color: #363636;
        display: block;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 2em;
        font-weight: bold;
        line-height: 1em;
        width: 100%;
        padding: 0.5em 0 25px;
}
.track-order .tab1 .btn-send-minor {padding: 0 0 0 10px;}
.track-order .tab1 .btn-send-minor input {width: auto;}
/* =tab2 */
.track-order .tab2 .formTabs {padding-bottom: 3em;}
.track-order .formTabs .block-bg-corner p {
        font-size: 1.3em;
        padding: 5px 0 20px;
        background-color: #f5f5f2;
}
.track-order .formTabs li {
        float: left;
        width: auto;
}
.track-order .formTabs li .type-text {width:300px;}
.track-order .formTabs .last .type-text {width:190px;}
.track-order .formTabs li .type-text label {
        font-size: 1.3em;
        padding-bottom: 10px;
        width: 200px;
}
.track-order .formTabs .last .type-text label {width:100px;}
.track-order .type-text #primierNum,
.track-order .type-text #primierNum1 {width: 210px;}
.track-order .type-text #nombrePlis {width: 100px;}
.track-order .tab2 .btn-send-minor {margin: 26px 0 0 360px;}

/* =tab3 */
.track-order .type-checkbox label,
.track-order .type-checkbox input {float:left;}
.track-order .tab3 legend {margin-bottom: 15px;}
.track-order .tab3 .note {
        margin: -20px 0 1em;
        font-size: 1.2em;
}
.track-order .tab3 .note span {font-weight: bold;}
.track-order .tab3 label {margin-right: 1.5em;}
.track-order .tab3 .blockButtons {padding: 0 0 2em;}
.track-order .tab3 .table_resultat {padding: 3em 0 0; margin-bottom: 6em;}
.track-order .tab3 .table_resultat.file-generate p {
        float: left;
        font-size: 2em;
        font-weight: bold;
        padding: 7px 0 10px 0;
}

/* =tab4*/
.track-order .type-radio li {
        float:left;
        padding-right:3em;
}
.track-order .type-select .selector { width:235px;}
.track-order .type-select div.selector span  {width: 190px;}
.track-order .select-etat .type-radio {float: left;}
.track-order .select-etat .type-radio li {padding: 0.5em 0 0 4em;}

/* =tab5*/
.track-order .tab5 form label {
        width: auto;
        padding-right: 6px;
}
.track-order .tab5 .type-text input,
.track-order .tab5 .type-date input {width: 100px;}
.track-order .tab5 .type-select {
        float: left;
        margin-right: 40px;
}
.track-order .tab5 .type-select .selector {width: 100px;}
.track-order .tab5 .type-select .selector span {width: 55px;}
.track-order .tab5 .type-date {padding: 0.5em 0;}
.select-etat p {
        font-size: 1.3em;
        float: left;
        padding: 15px 0 25px;
}
.track-order .type-link {
        float: left;
        padding: 15px 0 25px 15px;
}
.track-order .type-link a {
        color: #565A5C;
        display: inline-block;
        vertical-align: middle;
}
.track-order .type-link .form-radio-simulation .icon {margin: 0 0 -6px 8px;}
.track-order .select-etat .column {
        float: left;
        width: 255px;
}
.track-order .select-etat .column li {padding-bottom: 15px;}
.track-order .select-etat .column label {
        padding-right: 0;
        width: 215px;
}
.track-order .select-etat .col2 label {width: 220px;}
.track-order .select-etat .col2 {
        min-height: 129px;
        border-left: 1px solid #868686;
        border-right: 1px solid #868686;
}
.track-order .select-etat .col2,
.track-order .select-etat .col3 {padding-left: 25px;}
.track-order .tab5 .blockButtons {padding-top:1em;}
.track-order .tab5 .blockButtons .btn-rgt {margin-left: 12px;}
/* =popin-abonement */
.blockPopin .csuivi-abonnement{
        max-width: 392px;
        min-width: 305px;
}
.blockPopin .csuivi-abonnement .type-text label,
.blockPopin .csuivi-abonnement .type-select label {width: 160px;}
.blockPopin .csuivi-abonnement .type-text input {width: 225px;}
.blockPopin .csuivi-abonnement .type-text,
.blockPopin .csuivi-abonnement .type-select {width: 480px;}


/* =CORRECTIFS V1 */
.wrapCaroucel.eserviceReex .itemCaroucel .description h2 {width: 750px;}

/* =CORRECTIFS V2*/
.reshipment .step1 .type-checkbox.checkbox-left { clear: both; padding-top: 10px;}
.reshipment .step1 .type-checkbox.checkbox-left input { float: left;margin-top:3px;*margin-top:1px;}
.reshipment .step1 .type-checkbox.checkbox-left label { margin-left: 10px; width: auto;}
.stamps-online .step3 .tableBasketOverview table thead th.img,
.stamps-online .step3 .tableBasketOverview table thead th.actions { text-align: center;}
.adress-wrapper .formatsText.first-text { padding: 30px 30px 0;}
.adress-wrapper .upload-form { padding-top: 10px;}
/*START : updated by NOUAOUI ZAKARIA*/
/*.stamps-online */.step3 .btn-return { background: url(../images/btn/generic_major_left_return.png) repeat-y 0 0;}
/*.stamps-online */.step3 .btn-return span { background: url(../images/btn/generic_major_right_return.png) repeat right 0;}
.myaccount_home .last_order .btn-action-minor { bottom: 70px;}
/*END : updated by NOUAOUI ZAKARIA*/
.js-active #menuSecondaire .submenuLink { padding: 3px 32px 3px 12px;}
/*.user-account .user-command .tableMyCommands thead th { padding: 10px 8px;}*/
/* .billingInfo-wrap .addressBlock, .billingInfo-wrap .paymentBlock { padding-left: 144px;} */
.tableMyCommands .lastRow.multipleItems .value { padding-right: 32px;}
.transverse .btn-return.btn-generic { background: url(../images/btn/generic_major_left_return.png) repeat-y 0 0; padding-left: 32px;}
.transverse .btn-return.btn-generic span { background: url(../images/btn/generic_major_right_return.png) repeat right 0;}
.user-account .destinataires li { list-style: disc; margin-left: 10px;}
.tableMyCommands tbody span.letterTitle {font-size: 0.8em;font-style: italic;font-weight: 400; margin: 12px 0 0;}
.tableMyCommands tbody span.mtamServiceTitle {padding-left:155px; font-size: 1.3em;font-style: normal;font-weight: bold; margin: 5px 0 0;}
.tableMyCommands tbody span.mtamTitle {padding-left:160px;font-size: 1.2em; line-height: 1.2em; font-style: normal;font-weight: 400; margin: 12px 0 0;}
.tableMyCommands tbody span.mtamTitlePersonnalisation {padding-left:155px;font-size: 1.2em; line-height: 1.2em; font-style: normal;font-weight: 400;}
.tableMyCommands tbody span.serviceTitle a {font-size: 0.7em; color:#006397;}
.user-command .tableMyServices .serviceTitle a {color: #006397;}
.user-command .tableMyCommands tbody .infoService, .user-command .tableMyCommands .caracteristiques {text-align: center;width: 162px;}
.actionsCommandBlock li a.archiverFacture { margin-top:3px;
}

.imageRotation {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

/*.blockDownload .upload-form {
    margin-top:35px;
}

.blockDownload {
    position: relative;

}

.blockPicture #stamp-demo-thumb {
    left: 9px;
    top: 9px;
}

.blockPicture .stamp-cadre img {
    position: absolute;
    width:288px;
    height:155px;
}*/

.transverse .info-reassurance {
        float: right;
        padding: 30px 0;
}
.transverse .info-reassurance > span {
        color: #718504;
        float: left;
        font-size: 1.2em;
        padding: 25px 0 14px;
        text-align: center;
        margin-left: 22px;
}
.transverse .info-reassurance .delivery-48h {
        background: url(../images/icons/ico_48h.png) no-repeat center 0;
        width: 7em;
}
.transverse .info-reassurance .delivery-25eur {
        background: #fff url(../images/icons/ico_25eur.png) no-repeat center 0;
        width: 8em;
}
.transverse .step1 .block-bg-corner {
        padding: .5em 0 0;
		margin-bottom:20px;
}
    
/*
    ---------------------------------------
        partie produit
    ---------------------------------------
    */
#myMixedBasket .tableMyProduits tbody .btn {
		padding: 0 !important;
}
#myMixedBasket .tableMyProduits thead th {
        background-color: #f5f5f2;
}
/*#myMixedBasket .tableMyProduits tbody th,
    #myMixedBasket .tableMyProduits tbody td {
        background-color: #fff;
        background-repeat: no-repeat;
        border-top: 2px solid #f5f5f2;
        padding: 12px 0 5px;
    }*/
    
     #myMixedBasket .tableMyProduits tbody th,
     #myMixedBasket .tableMyProduits tbody td,
	 #myMixedBasket .tableMyProduits tbody tr {
        background-color: #fff;
        background-repeat: no-repeat;
        border-top: 2px solid #f5f5f2;
        padding: 10px 0;
		
    }
    #myMixedBasket .tableMyProduits tbody .firstRow th,
	#myMixedBasket .tableMyProduits tbody .firstRow td{border-top: none;}
    
    #myMixedBasket .tableMyProduits tbody td {
        vertical-align: middle;
    }
    /*widths and special paddings */
    
    #myMixedBasket .tableMyCommands .item-name>span {
        display: inline-block;
        vertical-align: middle;
       /* width: 254px; */
    }
    #tableServiceItems .item-name>span.sectionTitle{
    	width:calc(100% - 150px);
    }
    .detailsCommand  #tableServiceItems .item-name>span.sectionTitle{
    	width:calc(100% - 160px);
    }
    #myMixedBasket .tableMyCommands .item-name .visual {
        text-align: center;
    }
    #myMixedBasket .tableMyServices .sectionTitle,
    #myMixedBasket .tableMyProduits .sectionTitle {
        font-size: 1.4em;
        font-weight: 400;
    }
    #myMixedBasket .tableMyServices .serviceTitle {
        font-size: 1.1em;
        font-weight: 700;
        padding-top: 8px;
    }
    #myMixedBasket .tableMyProduits .productTitle {font-size: 1.1em; font-weight: 700;}
    
    #myMixedBasket .tableMyServices tbody span.remittee,
    #myMixedBasket .tableMyProduits .caracteristiques.first span.remittee {
        display: block;
        text-align: center;
    }

#myMixedBasket .tableMyProduits .quantity {
        text-align: center;
        display:block;
}
#myMixedBasket .tableMyProduits .quantity span, #myMixedBasket .tableMyProduits .quantity a, #myMixedBasket .tableMyProduits .quantity input {
        display:inline-block; vertical-align:middle;
}
    
#myMixedBasket .tableMyProduits .quantity input{
        background: url("../images/bg/bg_counter-input.png") no-repeat scroll 0 0 #FFFFFF;
        border: 1px solid #FFFFFF;
        color: #797066;
        line-height: 1.2em;
        margin: 0;
        padding: 0 2px 3px;
        text-align: center;
        width: 26px;
}
.particulier .step1 #myMixedBasket .tableMyProduits .quantity input{
        background: url("../images/bg/bg_counter-input-large.png") no-repeat scroll 0 0 #FFFFFF;
        width: 32px;
        height: 17px;
        line-height: 17px;
        vertical-align: middle;
}

#myMixedBasket .tableMyProduits .quantity a.btn {
        
}
    
#myMixedBasket .tableMyProduits .caracteristiques,
#myMixedBasket .tableMyProduits .quantite {
        /*padding-top: 5px;*/
        text-align: center;
		position:relative;
}
#myMixedBasket .tableMyMtams .quantity {
        text-align: center;
        display:block;
}
#myMixedBasket .tableMyMtams .quantity span, #myMixedBasket .tableMyProduits .quantity a, #myMixedBasket .tableMyProduits .quantity input {
        display:inline-block; vertical-align:middle;
}
    
#myMixedBasket .tableMyMtams .quantity input{
        background: url("../images/bg/bg_counter-input.png") no-repeat scroll 0 0 #FFFFFF;
        border: 1px solid #FFFFFF;
        color: #797066;
        line-height: 1.2em;
        margin: 0;
        padding: 0 2px 3px;
        text-align: center;
        width: 26px;
}
    
.particulier .step1 #myMixedBasket .tableMyMtams .quantity input{
        background: url("../images/bg/bg_counter-input-large.png") no-repeat scroll 0 0 #FFFFFF;
        width: 32px;
}

#myMixedBasket .tableMyMtams .quantity a.btn {
        
}
    
#myMixedBasket .tableMyMtams .caracteristiques,
#myMixedBasket .tableMyMtams .quantite {
        /*padding-top: 5px;*/
        
}
    
/*
    ---------------------------------
        partie service
    ---------------------------------
    */

#myMixedBasket .tableMyServices .lastRow.multipleItems .delete {
        text-align: center;
}
#myMixedBasket .tableMyServices .price-un {
        font-weight: 700;
}
#myMixedBasket .tableMyServices thead .prix-un {
        
}
#myMixedBasket .tableMyServices tbody th,
#myMixedBasket .tableMyMtams tbody th,
#myMixedBasket .tableMyMtams tbody td,
#myMixedBasket .tableMyServices tbody td {
       padding: 10px 0;
}
#myMixedBasket .tableMyMtams tbody th{
       width: 146px;
}
   
/*
    ---------------------------------
        partie dimensions
    ---------------------------------
    */
#myMixedBasket .tableMyCommands thead th {
        padding: 10px 0;
}
#myMixedBasket .tableMyCommands thead th.item-name {
       padding: 0 0 0 45px;
       width: 500px;
}
#myMixedBasket .tableMyCommands .item-name .visual {
        width: 143px;
}
#myMixedBasket .tableMyServices .sectionTitle,
#myMixedBasket .tableMyProduits .sectionTitle {
        width: 170px;
}

#tableServiceItems .serviceTitle {
        width: 170px;
}

#myMixedBasket .tableMyCommands .item-name {
        width: 345px;
}

#myMixedBasket .tableMyCommands .timbres-carnet {
        width: 375px;
}
#myMixedBasket .tableMyCommands th.prix-un {
        width: 130px;
		
}
#myMixedBasket .tableMyCommands td.prix-un {
        width: 130px;
		padding-top:35px;
}

#myMixedBasket .tableMyCommands tbody .adressTo .hidden-receiver {
        font-style: italic;
        display: inline-block;
        padding: 10px 0 0 0;
        font-size: 0.9em;
}
#myMixedBasket .tableMyServices tbody .firstRow .infoService,
#myMixedBasket .tableMyServices .firstRow .caracteristiques {
        width: 162px;
        text-align: center;
       
}
#myMixedBasket .tableMyProduits tbody .firstRow .infoService,
#myMixedBasket .tableMyProduits .firstRow .caracteristiques {
        width: 162px;
        text-align: center;
		position:relative;
}
.transverse .step1 .tableMyCommands tr {
		/*position:relative;*/
}
    
#myMixedBasket .caracteristiques{
    	 width: 162px;
}
#myMixedBasket .tableMyServices th.delete,
#myMixedBasket .tableMyMtams th.delete,
#myMixedBasket .tableMyProduits th.delete {
        width: 117px;
		
}
#myMixedBasket .tableMyServices td.delete,
#myMixedBasket .tableMyMtams td.delete,
#myMixedBasket .tableMyProduits td.delete {
        width: 117px;
		padding-top:35px;
		position:relative;
		height:100%;
		
}
#myMixedBasket .tableMyMtams td.delete{
        width: 100px;
}
    
#myMixedBasket .tableMyServices th.value,
#myMixedBasket .tableMyMtams th.value,
#myMixedBasket .tableMyProduits th.value {
        width: 130px;
		
}
#myMixedBasket .tableMyServices td.value,
#myMixedBasket .tableMyProduits td.value {
        width: 130px;
		padding-top:35px;
}
    
#myMixedBasket .tableMyMtams td.value {
        width: 130px;
		padding-top:3px;
}
    
#myMixedBasket .tableMyCommands .multipleItems.lastRow .value,
#myMixedBasket .tableMyCommands .multipleItems.lastRow .delete,
#myMixedBasket .tableMyCommands .multipleItems.lastRow .totalOrders {
        padding-top: 14px;
        padding-bottom: 56px;
        vertical-align: top;
        width: 96px;
}
    
#myMixedBasket .tableMyServices .caracteristiques span.remittee{
        margin-top: -20px;
}
#myMixedBasket .tableMyProduits .caracteristiques span.remittee {
        margin-top: -30px;
}
/*.tableMyCommands tbody span.remittee {
		margin-top:-40px;
	}*/
.transverse .tableMyCommands tbody span.remittee {
		margin-top:0px;
}
#myMixedBasket .tableMyCommands .multipleItems.lastRow .totalOrders {
        padding-left: 143px;
}
.transverse .step1 .tableMyServices,
.transverse .step1 .tableMyProduits {
       
}
    
#myMixedBasket .tableMyCommands .multipleItems.last-item  th {
        vertical-align: middle;
        /*padding-bottom: 20px;*/
}
   
@media screen and (-webkit-min-device-pixel-ratio:0) {
      #myMixedBasket .tableMyProduits .prod-actions .increment  { padding: 1px 2px 2px 1px;}
}

#myMixedBasket .tableMyCommands .block-border-corner p, .block-bg-corner p {
        padding: 0.25em 0;
}

#myMixedBasket .tableMyServices tbody .firstRow td {
        vertical-align: middle;
		padding-top:36px;
}
	
#myMixedBasket .tableMyServices tbody .firstRow th.infoService {
		padding-top:10px;
		vertical-align: middle;
}
	
#myMixedBasket .tableMyServices tbody .multipleItems.firstRow th.infoService,
#myMixedBasket .tableMyServices tbody .multipleItems.firstRow td {
        vertical-align: middle;
		position:relative;
        /*padding-top: 5px*/
}
#myMixedBasket .tableMyCommands .lastRow .infoService {
        vertical-align: middle;
}
#myMixedBasket .tableMyServices tbody .firstRow td.price-un {
        padding-top: 40px;
}
    
/* A verifier*/
#myMixedBasket .tableMyServices .delete,
#myMixedBasket .tableMyMtams .delete,
#myMixedBasket .tableMyProduits .delete {
        width: 117px;
}
#myMixedBasket .tableMyServices .value,
#myMixedBasket .tableMyMtams .value,
#myMixedBasket .tableMyProduits .value {
        width: 128px;
}
    
#myMixedBasket .tableMyCommands .multipleItems.lastRow .value,
#myMixedBasket .tableMyCommands .multipleItems.lastRow .delete,
#myMixedBasket .tableMyCommands .multipleItems.lastRow .totalOrders {
        padding-top: 14px;
        padding-bottom: 56px;
        vertical-align: top;
        width: 96px;
}
    
#myMixedBasket .tableMyServices .caracteristiques span.remittee{
        margin-top: -20px;
}
#myMixedBasket .tableMyProduits .caracteristiques span.remittee {
        margin-top: -30px;
}
	
#myMixedBasket .tableMyServices tbody .firstRow td.aracteristiques {
		padding-top:0px;
}

#myMixedBasket .tableMyCommands .multipleItems.lastRow .totalOrders {
        padding-left: 143px;
}
.transverse .step1 .tableMyServices,
.transverse .step1 .tableMyProduits {
  
}
    
#myMixedBasket .tableMyCommands .multipleItems.last-item  th {
        vertical-align: middle;
        padding-bottom: 20px;
}
   
@media screen and (-webkit-min-device-pixel-ratio:0) {
      #myMixedBasket .tableMyProduits .prod-actions .increment  { padding: 1px 2px 2px 1px;}
}

#myMixedBasket .tableMyCommands .block-border-corner p, .block-bg-corner p {
        padding: 0.25em 0;
}
#myMixedBasket .tableMyServices tbody .firstRow th.infoService,
#myMixedBasket .tableMyServices tbody .firstRow td {
        vertical-align: middle;
	
}
#myMixedBasket .tableMyServices tbody .multipleItems.firstRow th.infoService,
#myMixedBasket .tableMyServices tbody .multipleItems.firstRow td {
        vertical-align: middle;
        padding-top: 5px
}
#myMixedBasket .tableMyCommands .lastRow .infoService {
        vertical-align: middle;
}
#myMixedBasket .tableMyServices tbody .firstRow td.price-un {
       
}
	
#myMixedBasket .tableMyServices tbody .firstRow th.infoService, #myMixedBasket .tableMyServices tbody .firstRow td {
		
		vertical-align: middle;
}
	
#myMixedBasket .tableMyServices tbody .firstRow td.delete {padding-top:10px;}
	
#myMixedBasket .tableMyServices tbody .firstRow td.exergue-color{padding-top:10px;}
	
/*
    ------------------------------------------------
        bas de panier pour totaux
    ------------------------------------------------
    */
.transverse .step1 .save-cart {
        border-right: 1px solid #B2B2B2;
        float: left;
        margin: 8px 0 0 0;
        text-align: right;
        width: 360px;
}
/*
    //EN DOUBLON
    .transverse .step1 .save-cart a {
        color: #006397;
        display: inline-block;
        font-size: 1.2em;
        padding: 0 0 0 0;
        margin-right: 34px;
        text-decoration: none; 
    }
	*/
.transverse .step1 .code_promo .btn-send-minor {
        margin: 20px 0 0 82px;
}

	
	
/*
    ------------------------------------------------
        Modification par rapport ï¿½ la V3
    ------------------------------------------------
    */
	
.user-command .tableMyCommands .item-name .visual {
		width: 214px;
		text-align: center;
}
	
.tableMyCommands {color: #696760;}
.tableMyCommands caption {display: none;}
       
.tableMyCommands thead th:first-child {
            padding-left: 15px;
           
}

.tableMyCommands .item-name span {
			display: inline-block;
			vertical-align: middle;
}
.tableMyCommands tbody tr.new-row th {
            border-top: 2px solid #fff;
}
.tableMyCommands tbody tr.new-row th.stickerSuiviMtelPanier, .tableMyCommands tbody tr.new-row td.stickerSuiviMtelPanier{border-top:2px solid #f5f5f2;}
.tableMyCommands tbody tr.new-row .priceUn { padding-top: 35px;}
.tableMyCommands tbody tr.lastRow .priceUn { padding-top: 35px;}

.tableMyCommands tbody td {
           padding: 20px 0 5px;
            /*border-top: 2px solid #fff;*/
            font-size: 1.5em;
            text-align: center;
            vertical-align: middle;
}
.tableMyCommands tbody tr:first-child th,
.tableMyCommands tbody tr:first-child td {border-top: none;}
/*multiple items in a service */
.tableMyCommands .multipleItems td {
            padding-bottom: 10px;
            border-top: none;
}
.tableMyCommands .firstRow td {border-top: 2px solid #fff;}
/*total sum for multiple items in a service */
.tableMyCommands .lastRow .totalOrders {
            padding-bottom: 16px;
            padding-top: 16px;
            border-top: none;
            font-size: 1.6em;
            background: url(../images/bg/bg_sep-gray-total.gif) no-repeat 0 0;
            font-weight: normal;
}
.tableMyCommands .lastRow.multipleItems .value {
            padding-right: 32px;
            padding-top: 16px;
            border-top: none;
            text-align: center;
            background: url(../images/bg/bg_sep-gray-total.gif) no-repeat top;
}
.tableMyCommands .lastRow.multipleItems .delete {
            border-top: none;
            background: url(../images/bg/bg_sep-gray-total.gif) no-repeat center 0;
}
/*width needed for IE7, D'oh! */
.tableMyCommands th:first-child {
            width: 330px;
            text-align: left;
}
        
.tableMyCommands tbody th:first-child {width: 182px;}
		
.tableMyCommands tbody th.MonTimbrenligne {
			 padding-bottom: 35px;
       
}
		
.tableMyCommands tbody th.lettre-recommandee {
            height: 80px;
      
}
        
.tableMyCommands tbody .priceUn {
            width: 110px;
            font-weight: 700;
}
.tableMyCommands tbody .infoService {
            /*width: 132px;*/
            padding-top: 0px;
            text-align: left;
}
        
.tableMyCommands tbody .tva {
            width: 100px;
            font-weight: 700;
            padding-top:35px;
}
.tableMyCommands tbody .totalService {font-weight: 700;}
.tableMyCommands .value {
            width: 108px;
            font-weight: 700;
		
}
.tableMyCommands tfoot td {padding: 10px 0;}
.tableMyCommands tfoot th {
            width: 212px;
            padding-left: 460px;
}
.tableMyCommands tfoot .sub-total td,
.tableMyCommands tfoot .sub-total th {background-color: #FFF;font-size: 1.6em;font-weight: 400; border-bottom:1px solid #e5e5e5;}
.tableMyCommands tfoot .total td {font-weight: 400;}
.tableMyCommands tfoot .total th {font-size: 1.8em; line-height:3em;}
.tableMyCommands tfoot td.value {
            font-weight: 400;
            text-align: center;
}
.tableMyCommands tfoot .total td.value {font-size: 2.2em; font-weight: 700;}
/*define span in mes services / informations columns */
/*
        .tableMyCommands tbody th:first-child span,
        .tableMyCommands tbody .infoService span {display: block;}
        */
       
.tableMyCommands tbody span.serviceTitle {
            padding-bottom: 10px;
            font-size: 1.6em;
            font-weight: 700;
            line-height: 1.2em;
			display:block;
}
.tableMyCommands tbody span.letterTitle {
            font-size: 0.8em;
            font-weight: 400;
            font-style: italic;
            margin: 12px 0 0;
}
.tableMyCommands tbody span.serviceTitle a {
            font-size: 0.7em;
}
.tableMyCommands tbody span.serviceDeclaration {
            padding-bottom: 18px;
            font-size: 1.2em;
            font-weight: 400;
            font-weight: 400;
            font-style: italic;
}
		
.user-command .tableMyServices tbody th,
.user-command .tableMyServices tbody td,
.user-command .tableMyProduits tbody th,
.user-command .tableMyProduits tbody td {
			padding: 12px 0 5px;
}
		
.tableMyCommands tbody span.remittee {
            padding-bottom: 10px;
            font-size: .75em;
            display: block;
            text-align: center;
}
        
/* remittee edit */
.tableMyCommands tbody span.dest_remittee,
.tableMyCommands tbody span.quant_remittee		{
			font-size: .75em;
			text-align:center;
			padding-bottom: 10px;
			display:block;

}
        
.tableMyCommands tbody .block-bg-invert.adressTo {
            padding:0.8em;
            font-size: .875em;
            color: #655c53;
			text-align:center;
}
.user-command .tableMyCommands tbody th .modifier {
            color:#006397;
            font-size:1.4em;
            font-weight:400;
}
/* =new tables for user-commands */
.user-command .tableMyProduits thead th {
            background-color: #f5f5f2;
}
.user-command .tableMyProduits tbody th,
.user-command .tableMyProduits tbody td {
            background-color: #fff;
            background-repeat: no-repeat;
            border-top: 2px solid #f5f5f2;
            padding: 0;
}
.user-command .tableMyProduits tbody td {
            vertical-align: middle;
}
/*widths and special paddings */
.user-command .tableMyCommands .item-name  span {
            display: inline-block;
            vertical-align: middle;
}
		
		
#myMixedBasket .tableMyCommands .item-name span.nomLetre {
           font-size:0.8em;
}
		
		
.user-command .tableMyCommands .item-name .visual {
            text-align: center;
}
.user-command .tableMyServices .sectionTitle,
.user-command .tableMyProduits .sectionTitle {
            font-size: 1.3em;
            font-weight: 400;
}
.user-command .tableMyServices .serviceTitle,
.user-command .tableMyProduits .productTitle {
            font-size: 1.0em;
            font-weight: 700;
}
/*.user-command .tableMyProduits .productTitle {
            padding-top: 10px;
        }*/
.user-command .tableMyServices .serviceTitle a {
            color: #006397;
}
.user-command .tableMyServices tbody span.remittee,
.user-command .tableMyProduits .caracteristiques.first span.remittee {
            display: block;
            text-align: center;
            margin: 0px 0 0 0;
}
.user-command .tableMyProduits .quant {
           font-weight: 700;
}
/* partie service */
.user-command .tableMyServices .lastRow.multipleItems .tva {
            text-align: center;
}
.user-command .tableMyServices .price-un {
            font-weight: 700;
}
.user-command .tableMyServices thead .prix-un {
            background: none;
}
/* partie dimensions */
.user-command .tableMyCommands thead th {
            padding: 10px 0;
}
.user-command .tableMyCommands thead th.item-name {
           padding: 0 0 0 45px;
           width: 481px;
}
		
		
.user-account .user-panier .tableMyCommands thead th {
            padding: 10px 0;
}
.user-account .user-panier .tableMyCommands thead th.item-name {
           padding: 0 0 0 45px;
           width: 300px;
}
		
.user-command .tableMyCommands .item-name .visual {
            width: 150px;
}
.user-command .tableMyServices .sectionTitle {
            width: 170px;
}
.user-command .tableMyProduits .sectionTitle {
            width: 150px;
}
.user-command .tableMyCommands .item-name {
            width: 345px;
}
.user-command .tableMyCommands .prix-un {
            font-weight: 700;
            width: 130px;
}
.user-command .tableMyCommands tbody .adressTo .hidden-receiver {
            font-style: italic;
            display: inline-block;
            padding: 10px 0 0 0;
            font-size: 0.9em;
}
.user-command .tableMyCommands tbody .infoService,
.user-command .tableMyCommands .caracteristiques {
    /*             width: 162px;  updated by mkaabi parce que quand on ajoute la colonne promotion , la colonne mes produits s'affiche pas correctement*/
				width: 162px;
            text-align: center;
}
.user-command .tableMyServices .tva,
.user-command .tableMyProduits .tva {
            width: 117px;
}
.user-command .tableMyServices .value {
            width: 160px;
}
.user-command .tableMyProduits .promotionActive {
            width: 128px;
}
.user-command .tableMyServices tbody th,
.user-command .tableMyServices tbody td,
.user-command .tableMyProduits tbody th,
.user-command .tableMyProduits tbody td {
            padding: 12px 0 5px;
}
.user-command .tableMyCommands .multipleItems.lastRow .value {
            padding: 0; 
}
.user-command .tableMyCommands .multipleItems.lastRow .tva,
.user-command .tableMyCommands .multipleItems.lastRow .totalOrders {
            padding-top: 14px;
            padding-bottom: 56px;
            vertical-align: top;
            width: 96px;
}

.user-command .tableMyCommands .multipleItems.lastRow .value {
                background-position: right top;
}
.user-command .tableMyProduits tbody .firstRow td,
.user-command .tableMyProduits tbody .firstRow th {
            padding-top: 20px;
}
.user-command .tableMyProduits .firstRow .caracteristiques {
            padding-top: 0;
}
.user-command .tableMyProduits .firstRow .caracteristiques span.remittee {
            margin-top: 0;
}
.user-command .tableMyCommands .multipleItems.lastRow .totalOrders {
            padding-left: 143px;
}
.user-command .tableMyProduits {
            margin: 0 0 30px;
            padding: .5em 0 0;
}
.user-command .tableMyServices {
            padding: .5em 0 0;
}
.user-command .tableMyCommands .multipleItems.last-item  th {
            vertical-align: middle;
            padding-bottom: 20px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
          .user-command .tableMyProduits .prod-actions .increment  { padding: 1px 2px 2px 1px;}
}

.user-command .tableMyCommands .block-border-corner p, .block-bg-corner p {
            padding: 0.25em 0;
}
.user-command .tableMyServices tbody .firstRow th.infoService,
.user-command .tableMyServices tbody .firstRow td {
            vertical-align: middle;
}
.user-command .tableMyCommands .lastRow .infoService {
            vertical-align: middle;
}
.user-command .tableMyServices tbody .firstRow td.price-un,
.user-command .tableMyServices tbody .firstRow td.tva,
.user-command .tableMyServices tbody .firstRow td.value {
            padding-top: 36px
}
/* order total block */
.user-command .order_total {
            color: #696760;
            margin: 0;
            padding: 0;
}
.user-command .order_total li {
            border-top: 1px solid #cecece;
            font-size: 1.6em;
            overflow: hidden;
}
.user-command .order_total li:first-child {
            border-top: none;
}
.user-command .order_total li .label {
            float: left;
            padding: 14px 0 14px 460px;
            color: #696760;
}
.user-command .order_total li .value {
            float: right;
            width: 120px;
            margin-right: 36px;
            padding: 14px 0;
            color: #E54A06;
            text-align: right;
}
.user-command .order_total .total-ttc {
            background: url(../images/bg/stamp_total_price-big.png) repeat-y 0 0;
            border-color: #fff;
            font-size: 1.8em;
            font-weight: bold;
            text-transform: uppercase;
}
.user-command .order_total .total-ttc .value {
            font-size: 1.333em;
}
		
/*----------------------------------------- V3 -------------------------*/
/* =COMPTE WISHLIST */
.user-account .wishlist {
            overflow: hidden;
            padding-bottom: 20px;
}
.user-account .wishlist .title-header {
            float: left;
            margin-top: 0;
}
.user-account .wishlist .actions-header {
            clear: none;
            float: right;
            padding-top: 44px;
}
.user-account .wishlist .actions-header .icon.arrow-icon {
            background: url(../images/icons/aside_menu_light.png) no-repeat 0 6px;
            padding-left: 10px;
}
.user-account .wishlist .block-bg-corner.pagination {
            width: 866px;
            padding: 1em;
}
.user-account .wishlist .block-bg-corner.pagination.filter {
            padding: 0 1em;
}
.user-account .wishlist .pagination.filter fieldset .result {
            max-width: 510px;
}
.user-account .wishlist .product-push {
            border-top: 1px solid #ccc;
            padding-top: 26px;
           /* *padding-bottom: 26px;*/
}
.user-account .wishlist .product-push.first {
                border-top: none;
}
.user-account .wishlist .product-push .product-group {
            width: 884px;
}
.js-active.user-account .wishlist .product-push .product-group {
            margin-bottom: 0;
            *padding-bottom: 22px;
}
.user-account .wishlist .product-push .product-slot {
            margin-bottom: 30px;
}
.user-account .wishlist .product-buy {
            position: relative;
            overflow: hidden;
            width: 180px;
            margin: 0 auto;
            padding: 0 0 16px;
}
.user-account .wishlist .product-buy .unit-price {
          margin-right: 0;
          float: left;
          line-height: 22px;
          padding-right: 0;
}
.user-account .wishlist .product-buy .counter {
          float: right;
}
.user-account .wishlist .btn-basket {
            margin-top: 1px;
            min-width: 65px;
            text-align: right;
            float: right;
            overflow: visible;
}
.user-account .wishlist .btn-basket input {
            float: left;
            overflow: visible;
            width: 65px;
}
.user-account .wishlist .delete-item-wishlist {
            clear: both;
            position: relative;
            overflow: hidden;
            padding: 4px 0;
            margin: 0 auto;
            width: 180px;
}
.user-account .wishlist .delete-item-wishlist a {
            bottom: 8px;
            color: #2086a8;
            display: block;
            margin-left: 10px;
            position: absolute;
}
.user-account .wishlist .delete-item-wishlist a:hover {
                text-decoration: none;
}
        
/* =COMPTE PARRAINAGES */
.user-account .user-panier.parrainages .block-bg-corner {
          padding: 2.5em 3em;
}
.parrainages .type-text-group {
          margin-left: -29px;
          overflow: hidden;
}
.parrainages .type-text {
          width: auto;
          margin-top: 20px;
          margin-left: 29px;
}
.parrainages .type-text label {
          width: 55px;
}
.parrainages .type-text input {
          width: 170px;
}
.parrainages .blockButtons .btn-add-friend {
          line-height: 50px;
          font-size: 1.4em;
          color: #000;
          float: left;
}
.parrainages .blockButtons .btn-add-friend:hover {
          text-decoration: none;
}
.parrainages .blockButtons .btn-rgt {
          margin-right: 0;
}
.parrainages .blockButtons .btn-rgt .notification-msg {
          display: none;
          line-height: 50px;
          font-size: 1.4em;
          float: left;
          margin-right: 15px;
          padding-left: 25px;
          background: url(../images/icons/ico_check_green.png) 0 50% no-repeat;
}
        
.parrainages .downline {
          margin-bottom: 35px;
}
.parrainages .downline .title{
          font-size: 2em;
          padding: 1.25em 1.5em;
}
.parrainages .downline table {
          width: 100%;
}
.parrainages .downline thead th {
          background: url("../images/bg/bg_thead-sep-grayXl.gif") no-repeat scroll 0 50% transparent;
          background-color: #f5f5f2;
}
.parrainages .downline thead th:first-child {
          background-image: none;
}
.parrainages .downline th,
.parrainages .downline td {
          vertical-align: middle;
          line-height: 1.3em;
          text-align: left;
          font-size: 1.4em;
          height: 55px;
          padding: 0 20px;
}
.parrainages .downline sup {
          vertical-align: super;
          font-size: smaller;
}
        
/* =COMPTE RESULTATS RECHERCHE */
.user-account .content.search-result .title-header { margin-top: 0; }
.user-account .content.search-result h2.title2 {
          margin-top: 0;
          font-size: 2.5em;
          line-height: 1.2em;
}
.user-account .search-result .block-bg-corner.pagination {
          width: 866px;
          padding: 1em;
}
.user-account .search-result .block-bg-corner.pagination.filter {
          padding: 0 1em;
          margin-bottom: 25px;
}
.content.search-result h3.typo-din {
          font-size: 2.1em;
          text-transform: uppercase;
          font-weight: bold;
}
.content.search-result .sub-title {
          font-size: 1.3em;
          line-height: 1.3em;
          margin-bottom: 20px;
}
/*#resultat_timbres_filtres { float: left; } //TODO - A laisser commenté pour Fusion
        #resultat_timbres_filtres .filtres-cont {
          width: 220px;
          float: left;
          padding: 0 0 40px 0;
        }
        #resultat_timbres_filtres .submit-filter {
          float:left;
          padding:10px 5px
        }
        #resultat_timbres_filtres .submit-ordre {
            float:left;
            padding:10px 5px
        }

        #resultat_timbres_filtres .filtres-cont {
            width:220px;
            float:left;
            padding:0 0 40px 0;
        }
        #resultat_timbres_filtres .filtres-cont .title3 {
            color:#565a5c;
            font-size:1.6em;
            font-weight:700;
            padding:10px 0 0 0;
            text-transform:uppercase;
        }
        #resultat_timbres_filtres .filtres-cont .asideMenu li {
            color: #565a5c;
            font-size: 1.4em;
            font-weight:700;
            margin-bottom:5px;
        }
        #resultat_timbres_filtres .filtres-cont .asideMenu li > a {
            background: url(../images/icons/ico_accordion_close.png) no-repeat 0 2px;
            color: #363636;
            display:block;
            letter-spacing:-0.05em;
            padding: 0 0 0 20px;
            margin-top:30px;
            text-decoration:none;
        }
        #resultat_timbres_filtres .filtres-cont .asideMenu li .open { 
            background: url(../images/icons/ico_accordion_open.png) no-repeat 0 2px;
        }

        #resultat_timbres_filtres .filtres-cont .asideMenu li ul li { 
            background:none; 
            font-size:0.8em;
            font-weight:400;
            padding:0;
        }
        #resultat_timbres_filtres .filtres-cont .asideMenu li ul li input { 
            display: inline-block;
            margin: 0;
            vertical-align: top;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            opacity: 0;
        }
        #resultat_timbres_filtres .filtres-cont .asideMenu li ul li label {
            position: relative;
            display: inline-block;
            font-size: 1.1em;
            margin: 0;
            width: 100%;
        }
        #resultat_timbres_filtres .filtres-cont .asideMenu li ul { 
            padding:15px 0 0 0;
        }
        .user-account .search-result .list-cont {
          width: 660px;
          float: left;
        }
        .user-account .search-result .product-push .product-group {
          border-bottom: 1px solid #ccc;
          padding-bottom: 20px;
        } //TODO - A laisser commenté pour Fusion */
.search-result .services-result {
          margin-bottom: 40px;
          clear: both;
}
.search-result .products-result { }
.search-result .block-border-corner {
          margin-top: 0;
}
.search-result .thumbnails { overflow: hidden; }
.search-result .thumbnails li {
          float: left;
          width: 273px;
          margin-left: 28px;
}
.search-result .thumbnails li:first-child { margin-left: 15px; }
.search-result .thumbnails .thumbnail {
          color: #000;
          text-decoration: none;
}
.search-result .thumbnails .thumbnail:hover h4 {text-decoration: underline;}
.search-result .thumbnails li img {
          height: 144px;
          margin: 0 auto;
          display: block;
}
.search-result .thumbnails li .caption {
          text-align: center;
          background-color: #f2f4ed;
          padding: 10px;
}
.search-result .thumbnails .caption h4 {
          font-size: 1.5em;
          line-height: 1.5em;
          text-transform: uppercase;
          font-weight: bold;
}
.search-result .thumbnails .caption .description {
          font-size: 1.3em;
          padding: 0;
          margin: 0 auto;
          width: 195px;
}
#slider-range {
          width: 130px;
          height: 4px;
          background: #9e9e9e ;
          border-radius: 0;
          border: 0;
          margin-left: 7px;
}
#slider-range .ui-slider-range {
          background: #e05301;
}
#slider-range .ui-slider-handle {
          background: url(../images/icons/ico_slider.png) 50% 0 no-repeat;
          width: 12px;
          height: 17px;
          border: 0;
          top: -0.5em;
}
        
.search-result .filtres-cont .slider-value {
          margin-top: 10px;
          overflow: hidden;
          font-size: 1.2em;
          line-height: 1.2em;
          font-weight: normal;
          width: 150px;
}
.search-result .filtres-cont .slider-value .min-value { float: left; }
.search-result .filtres-cont .slider-value .max-value { float: right; }
		
		
/*-----------------------------------------End -------------------------*/
.transverse .reassurance-wrap{
			zoom:1;
			clear:both;
			height:51px;
}
		
.helpWrap {
			background: url("../images/header/help_header.png") no-repeat scroll left 18px transparent;
			color: #000000;
			display: inline-block;
			font: 1.4em Arial,Helvetica,sans-serif;
			padding: 18px 27px 5px 20px;
			text-decoration: none;
            vertical-align: top;
}
.colHeader {
           text-align: right;;
           width:100%;
}
		
		
.helpWrap:hover,
.helpWrap:focus {text-decoration: underline;}
		
		
.headerContent .myAccount .actionsClient .block-basket {
		margin-right: 10px;
}
		
.headerContent .myAccount .actionsClient li {
			margin: 0;
			min-width: 125px;
			text-align: left;
}
		
.title3-container .subTitle {
			font-size: 1.3em;
			margin-top:2px;
}
		
#space_nav li {
			font: italic 1.6em Roboto, Verdana, sans-serif;
			height: 24px;
			padding-right: 3px;
            display:inline-block;
            zoom:1;
}
		
#space_nav li a {
		background: url("../images/header/part_left.png") no-repeat scroll left top #FCC500;
		color: #FFFFFF;
		display: inline-block;
		height: 24px;
		line-height: 2.125em;
		padding-left: 7px;
		text-align: center;
		text-decoration: none;
}
		
#space_nav li span {
			background: url("../images/header/part_right.png") no-repeat scroll right top transparent;
			display: inline-block;
			height: 24px;
			min-width: 99px;
			padding-right: 7px;
}
		
#space_nav .selected a {
			background-color: transparent;
			border-bottom: 2px solid #FCC500;
}
		
#space_nav .tab_pro span {
			background: url("../images/header/pro_right.png") no-repeat scroll right top transparent;
}
		
#space_nav .tab_pro a {
			background: url("../images/header/pro_left.png") no-repeat scroll left top transparent;
}
.professionnel #space_nav .selected a {
			border-color: #834E77;
}
		
#space_nav li.tab_pro img {
			margin-left: 36px;
}
		
#space_nav li.tab_part img {
			margin-left: 11px;
}
		
#space_nav .tab_part a {
		    color: #3A3839;
}
		
		
#space_nav {
			padding: 14px 17px 0 0;
            display: inline-block;
            zoom: 1;
/display:inline;
}
		
#space_nav li img {
			display: inline-block;
			float: left;
			margin-top: 8px;
			text-align: center;
}
		
.part .tool-pro .tooltip-bottom {
            background: url("../images/tooltip/tooltip-panier-part_bottom.png") no-repeat scroll left bottom transparent;
}

		
		
/*.headerContent .bgSection {
			clear: both;
			float: left;
			left: 290px;
			padding: 13px 0 0;
			position: relative;
		}*/
		
/*.headerContent .bgSection img {
			background: none repeat scroll 0 0 #FCC500;
			font-size: 1.6em;
			margin-left: 10px;
		}*/
		
.part .tool-pro .tooltip-bottom span {
            color: #000;
}

.part .tool-pro .tooltip-bottom span.detailed-basket {
            color: #fff;
}
.noformlegend #coordonneesParticulier fieldset legend{
	display:none;
}

.transverse .alert-bottom {line-height:24px; margin-top:20px;}
.transverse .alert, .user-account .alert { font-weight:700; min-height:24px; padding:2px 0 0 30px;}
/* Page Digiposte*//* Page Digiposte*//* Page Digiposte*//* Page Digiposte*/

#headDigipost {
    display:block;
}

#headDigipost img {
    margin-top:15px;
}



#headDigipost .title {
    font-family: Roboto, Verdana, sans-serif;
    font-size:2.500em;
    color:#2b7f9b;
    line-height:26px;
    margin-top:15px;
    margin-bottom:15px;
}

#headDigipost .subTitle {
    font-size:1.375em;
    color:#0e4152;
    line-height:15px;
    font-family:'Arial';
    
}

#blocHowWork {
    background:url("../images/bg/bg_howWork.jpg") no-repeat scroll right 0 #f6f6f5;
    margin: 20px -39px 0 -40px;
    height:189px;
    position:relative;
    width:923px;
    padding-left:40px;
    padding-top:20px;
    position:relative;
    display:block
}
 
#blocHowWork .title {
    font-weight:bold;
    color:#0e4152;
    font-size:1.313em!important;
    
    
}

#blocHowWork ul {
    margin-top:30px;
}

#blocHowWork  ul li.one,
#blocHowWork  ul li.two,
#blocHowWork  ul li.tree {
    display:inline-block;   
    padding-left:40px;
    background: url(../images/media/img_numberList1.jpg) no-repeat scroll left top;
    min-height:48px;
    width:170px;
    vertical-align:top;
    font-size:1.2em;
    color:#0e4152;
    font-weight:bold;
}
#blocHowWork  ul li.two{
    background: url(../images/media/img_numberList2.jpg) no-repeat scroll left top;
    width:198px;
}
#blocHowWork  ul li.tree {
    background: url(../images/media/img_numberList3.jpg) no-repeat scroll left top;
    width:190px;
}

#blocHowWork img {
    position:absolute;
    right:0px;
    top:4px;    
}

#blocInscriptionDigiposte {
    height:102px;
    background-color:#fff;
    padding-top:40px;
    
}

#blocInscriptionDigiposte  a.subscription {
    background: url(../images/btn/btnRegistrationRight.png) no-repeat scroll right top;
    display: inline-block;
    text-decoration: none;
    color:#363636;
    height:37px;
    width:226px;
    vertical-align:top;
}

#blocInscriptionDigiposte  a.subscription  span {
    background: url(../images/btn/btnRegistrationLeft.png) no-repeat scroll left top;
    height:37px;
    width:176px;
    display:inline-block;
    line-height:31px;
    font-size:15px;
    font-weight:bold;
    padding-left:20px;
}

#blocInscriptionDigiposte .blocAlready {
    display:inline-block;
    margin-left:35px;
}

#blocInscriptionDigiposte .text {
    display:inline-block;
    font-size:1.15em;
    color:#0e4152;
}

#blocInscriptionDigiposte .linkCompteCourrier {
    display:block;
    font-size:1.15em;
    color:#0e4152;
}

#blocInscriptionDigiposte .slogan {
    display:block;
    font-size:25px;
    margin-top:35px;
    line-height:26px;
    color:#2b7f9b;
    font-family: Roboto, Verdana, sans-serif;
}

#footerDigiposte  {
    margin: 0px -39px 0 -40px;
    height:101px;
    width:884px;
    padding-left:38px;
    padding-right:40px;
    padding-top:36px;
    background-color:#f6f6f5;
    position:relative;
}

#footerDigiposte .blocBottom {
    position:absolute;
    top:134px;
    width: 962px;
    left:0px;
    height: 8px;
    background: url(../images/bg/rounded_964.png) no-repeat 0 -41px;
}

#footerDigiposte .assistantNumerique,
#footerDigiposte .coffreNumerique,
#footerDigiposte .document {
    height:64px;
    width:228px;
    background: url(../images/icons/assistance.jpg) no-repeat 0 center;
    display:inline-block;
    padding-left:60px;
}

#footerDigiposte .assistantNumerique a,
#footerDigiposte .coffreNumerique a,
#footerDigiposte .document a {
    font-size:1.175em;
}
#footerDigiposte .coffreNumerique {
    width:230px;
    background: url(../images/icons/coffre.jpg) no-repeat 0 center;
}

#footerDigiposte .document {
    width:232px;
    background: url(../images/icons/document.jpg) no-repeat 0 center;
}

#footerDigiposte .assistantNumerique .accroche,
#footerDigiposte .coffreNumerique .accroche,
#footerDigiposte .document .accroche {
    color:#3c6273;
    font-weight:bold;
    font-size:14px;
    line-height:18px;
    
}

#footerDigiposte a:link,
#footerDigiposte a:visited,
#footerDigiposte a:hover,
#footerDigiposte a:active  {
    color:#0e4152;
    margin-top:5px;
    display:inline-block;
}

.content.digiPoste {
    padding-bottom:0px;
}

.tunelProPerso .step-list span {
    font-size: 1.3em;
}

/*=historique commande spï¿½cifique LEL-LREL-LRTEL */
.historiqueLel h2 {padding-bottom: 1em;}
.historiqueLel h2.supMargBottom {padding-bottom: 0em;}
.historiqueLel .hist-left {
    float: left;
    width: 626px;
}
.historiqueLel .hist-left .block-bg-corner {padding: 1.5em;}
.historiqueLel .compteDoneesAside {float: none;}
/*Historique - search*/
.historiqueLel .hist-left form {padding-bottom: 3em;}
.historiqueLel h3 {
    padding-bottom: 1em;
    font-size: 1.8em;
}
.historiqueLel legend {
    float: left;
    width: 80px;
    padding: 10px 0 0;
    font-size: 1.2em;
    font-weight: 400;
}
.historiqueLel .type-wrapper {float: left;}
.historiqueLel .type-date .bg-datepicker input {width: 102px;}
.historiqueLel .type-text,
.historiqueLel .type-date {
    float: left;
    width: 230px;
    padding: 0 0 1em 2.5em;
}
.historiqueLel .type-text label,
.historiqueLel .type-date label {
    width: 90px;
    padding-right: 5px;
    text-align: right;
    font-size: 1em;
}
.historiqueLel .type-text span input,
.historiqueLel .type-date span input {width: 105px;}
.historiqueLel .right {padding: 10px 10px 0 0;}
/*Historique - table*/
.historiqueLel .table_historique {
    /*position: relative;*/
    width: 595px;
}
.historiqueLel .table_historique thead th {
    padding: 15px 10px;
    border-bottom: 7px solid #F5F5F2;
    border-left: 1px solid #ccc;
    border-top: 7px solid #F5F5F2;
    font-size: 1.1em;
    text-align: center;
    background: #f5f5f2;
    vertical-align: middle;
}

.historiqueLel .table_historique.partiPro thead th,
.historiqueLel .table_historiqueVisuel.partiPro thead th {
    width:84px;
    padding: 8px 10px;
}

.historiqueLel .table_historique thead th:first-child {
    width: 80px;
    border-left: 0;
}

.historiqueLel .table_historique.partiPro thead th:first-child,
.historiqueLel .table_historiqueVisuel.partiPro thead th:first-child {
    width: 86px;
    border-left: 0;
}


.table_historique.partiPro .btn-send-minor,
.table_historiqueVisuel.partiPro .btn-send-minor {
    background: url("../images/btn/stamps-online_minor_generic_left.png") repeat-y scroll 0 0 transparent;
}

.table_historique.partiPro .btn-send-minor input,
.table_historiqueVisuel.partiPro .btn-send-minor input {
    background: url("../images/btn/stamps-online_minor_right_icon.png") repeat-y scroll right 0 transparent;
}

 

.historiqueLel .table_historique th span {top: 0;}
.historiqueLel .table_historique th .filledHG {left: 0;}
.historiqueLel .table_historique th .filledHD {right: 0;}
.historiqueLel .table_historique thead th#type-carte,
.historiqueLel .table_historique thead th#transaction {
    width: 110px;
    padding: 0 15px;
}
.historiqueLel .table_historique tbody td {
    padding: 15px 0;
    border-top: 1px solid #ededed;
    font-size: 1.3em;
    text-align: center;
    line-height: 1.2em;
    vertical-align: middle;
}


.historiqueLel .table_historique tbody tr:first-child td { padding: 20px 0 5px;border-top: 0 none;}
.historiqueLel .table_historique thead tr td.rounded {
    height: 10px;
    margin: 0;
    padding: 0;
    background: url(../images/bg/bg-table-corners.png) no-repeat 0 0;
}
.historiqueLel .table_historique thead tr td {
    height: 5px;
    background: #F5F5F2;
}
.historiqueLel .block-bg-corner.pagination {
    float: left;
    width: 597px;
    margin: 1em 0;
}


table.table_historique {
  border-collapse: separate;  
}

/*znouaoui for mtel*/

#sheet-stamp-list-mini li {
       height: 34px;
        width: 92px;
        margin: 13px 0 0 13px;
        padding: 18px 0 0 0;
        font-size: 2em;
        text-align: center;
        border: 1px solid #7a7c7b;
}
#sheet-stamp-list-mini.cols-num-2 li {margin: 13px 0 0 19px;}
#sheet-stamp-list-mini li.active {
        height: 52px;
        padding-top: 0;
        border: 1px solid transparent;
}
.stamps-online .pdfVisualisationMTEL .mtellinkMiddle
{
	font-size:1.8em; 
	text-align:center;
	margin-top:50px;
}
.eligibiliteBoxInfo
{
	color : red;
	font-size : 1.3em;
	margin-left:33px;
	margin-right:33px;
}
/*=pdf page */

.stamps-online .pdfVisualisationMTEL .page-step p {color: #565a5c;}
.stamps-online .pdfVisualisationMTEL .visualizeDocBlock {padding-top: 15px;}
.stamps-online .pdfVisualisationMTEL .visualizeDocBlock ul {text-align: left;}
.stamps-online .pdfVisualisationMTEL .visualizeDocBlock li {
            display: flex;
            flex-direction: column;
            align-items: start;
}
.stamps-online .pdfVisualisationMTEL p {
			font-size: 1.3em;
}
.stamps-online .pdfVisualisationMTEL .visualizeDocBlock .note {
            display: block;
            padding-top: 10px;
            color: #565a5c;
            font-size: 1.1em;
            text-align: left;
}
.stamps-online .pdfVisualisationMTEL .visualizeDocBlock .note a {color: #006397;}
.stamps-online .pdfVisualisationMTEL .docLink {
            display: inline-block;
            min-height: 74px;
            padding-left: 82px;
            margin: 0 15px;
            color: #fff;
            text-align: left;
            text-decoration: none;
            background: url(../images/btn/btn_pdf_download_left_mtel.png) 0 0 no-repeat;
}
.stamps-online .pdfVisualisationMTEL .btns-small {
    line-height: 40px;
    padding-left:35px;
    background-image: url(../images/btn/icons-pdf-black.svg);
    background-position: 4px center;
    background-repeat: no-repeat;
    display: none;
}
.professionnel.stamps-online .pdfVisualisationMTEL .btns-small {
    background-image: url(../images/btn/icons-pdf-white.svg);
}
.stamps-online .pdfVisualisationMTEL .btns-small:hover{
    background-position: 4px center;
    background-repeat: no-repeat;
    background-image: url(../images/btn/icons-pdf-black.svg);
}
.professionnel.stamps-online .pdfVisualisationMTEL .btns-small:hover{
    background-position: 4px center;
    background-repeat: no-repeat;
    background-image: url(../images/btn/icons-pdf-white.svg);
}

.stamps-online .pdfVisualisationMTEL .btns-small.disable-link {
    opacity: .6;
    color: white;
    pointer-events:none;
    background: #D2D2D1 url(../images/btn/icons-pdf-white.svg) 4px center no-repeat;
}

.container-MV {
    display: flex;
    flex-direction: row;
    width: 76%;
    margin: 16px 0 40px;
    padding: 16px;
    box-shadow : 0 8px 8px 1px;
    border-radius : 8px;
}

.container-MV .content-img {
    width:118px;
    height: 118px;
}

.container-MV .content-MV{
    display: flex;
    flex-direction: column;
    margin: 0 18px;
}
.container-MV .content-MV h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 18px
}

.container-MV .content-MV p {
    font-size: .875rem;
}

.container-MV .content-MV a {
    background-color: #20458f;
    border-radius: 8px;
    padding: 15px 24px;
    font-size: 14px;
    text-decoration: none;
    width: fit-content;
    color: white;
}
.stamps-online .pdfVisualisationMTEL .docLink .docSize {
            display: block;
            margin-top: -16px;
            padding-left: 10px;
            color: #006e81;
            font-style: normal;
            font-size: 1.3em;
}

.stamps-online .pdfVisualisationMTEL #docSizeIdLoading {
    display: block;
    color: #006e81;
    font-style: normal;
    font-size: 1.3em;
}

/*ahame for REEL*/
.majuscule{
	text-transform: uppercase;
}

.tarifs .wrapCircle .title.withoutDesc {
	    padding: 45px 0 0;    
}
	
	
.ajax_warn{
		position:absolute;
		left:0;
		top:0;
		z-index:0;
		visibility:hidden;
}
	
	
/* =BEAUX EVENEMENTS */
/* =home */
.beaux-eve .eve-landing h2 {
    color: #747408;
    font-size: 4.6em;
}
.iconEditAddress {
       display: inline-block !important;
       height: 41px !important;;
       background: url(../images/icons/picto_modifier.png) no-repeat 0 50%;
       position: absolute;
       margin: 1.5em 1em 2em -19.25em !important;
}

/*verification adresse Reex*/
.textEditAddress {
  	display: inline-block;
	position: absolute !important;
	text-Decoration: none !important;
    margin: 2.5em 1em 2em -22.70em !important;
}
.message_verifAddress {
	color: #FF0000;
    font: 1.6em Arial,Helvetica,sans-serif;
    margin-bottom: 0.4em;
    margin-top: -2em;
}
.rappel_verifAddress {
    font-weight: normal;
}
.noteRappel {
	font-size:1.13em !important;
}
.alertSmsDisplay{
	display : none;
}	

.beaux-eve .eve-landing .sub-title {
    color: #434343;
    font-size: 1.6em;
    font-weight: normal;
    width: 355px;
    margin-top: 8px;
}
.beaux-eve .eve-landing .cartouche-top {
    background: url(../images/media/beaux_eve/frise_top.png) no-repeat 0 147px;
}


.beaux-eve .eve-landing .cartouche-top {
    margin: 203px -40px 0px;
}
.js-noactive.beaux-eve .eve-landing .cartouche-top {
    margin: 0px -40px 0px;
}
.beaux-eve .eve-landing .cartouche-inner {
    background: url(../images/media/beaux_eve/illustration_home.png) no-repeat 344px 0;
    padding-top: 245px
}
.beaux-eve .eve-landing .cartouche-inner h3,
.beaux-eve .eve-landing .cartouche-inner p
{
    padding-left: 485px;
    color: #fff;
}
.beaux-eve .eve-landing .cartouche-inner .description {
    font-size: 1.4em;
    line-height: 1.4em;
}
.beaux-eve .eve-landing .cartouche-inner .bouton {
    padding: 15px 0 8px 485px;
}
.beaux-eve .eve-landing .cartouche-bottom {
    display: block;
    height: 21px;
    background: url(../images/media/beaux_eve/frise_bottom.png) no-repeat 0 0;
    margin: 0 -40px 25px;
}
.js-active.beaux-eve .eve-landing .product-push .product-group {
    width: 888px;
}
.beaux-eve .eve-landing .product-push h3 {
    margin-bottom: 20px;
}
.beaux-eve .eve-landing .product-push .product-slot .product-description {
    padding-bottom: 6px;
}
.beaux-eve .eve-landing .product-push .product-slot .product-description .visuel {
    height: 136px;
    display: table-cell; /* buggy in chrome - needs width and text-align */
    vertical-align: middle;
    text-align: center;
    width: 220px;
}
.beaux-eve .eve-landing .product-push .product-slot .product-description a > span {
    min-height: 0;
    padding-top: 0;
    margin: auto; 
    font-weight: normal;
}
.beaux-eve .eve-landing .product-push .product-slot .product-description .typo-jp {
    color: #707807;/*#9ca60b;*/
}
.beaux-eve .eve-landing .product-push .product-slot .product-description .product-buy {
    margin-top: 15px;
}
.beaux-eve .eve-landing .product-buy {
    width: 211px;
}
.beaux-eve .eve-landing .product-push .product-slot {
    border: 0;
    background: url(../images/bg/filet_separateur.png) no-repeat 218px top;
    min-height: 197px;
}
.beaux-eve .eve-landing .product-push .product-group li.last {
    background: none;
}
.beaux-eve .eve-landing .product-push .product-slot a > span.product-title {
  line-height: 16px;
  min-height: 48px;
}
.beaux-eve .white .btn-action-minor span {
    color: #747408;
}

.js-noactive.beaux-eve .eve-landing .mozaik {
    display: none;
}
.beaux-eve .eve-landing .mozaik li {
    float: left;
}
.beaux-eve .eve-landing .mozaik-description {
    float: left;
    border: #ccc 1px solid;
    width: 366px;
    background-color: #fff;
}

.beaux-eve .eve-landing .mozaik-description {
    margin: 0 50px 50px 0;
}
.beaux-eve .eve-landing .mozaik-description .typo-jp {
    color: #9ba60b;
    font-size: 1.4em;
    padding: 8px 0 0 5px;
    text-transform: uppercase;
}
.beaux-eve .eve-landing .mozaik-description .sub-title {
    color: #9ba60b;
    font-size: 1.4em;
    padding: 0 0 0 5px;
    margin-top: 0;
}
.beaux-eve .eve-landing .mozaik-description .text {
    font-size: 1.1em;
    margin-top: 15px;
    margin-bottom: 23px;
    line-height: 1.2em;
}
.beaux-eve .eve-landing .mozaik-description img.ill {
    float: left;
    margin: 6px;
}
.js-active .eve-landing .mozaik-description {
    float: none;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
}
.js-active .eve-landing .mozaik-description .inner {
    position: relative;
}
.js-active .eve-landing .mozaik-description .close-popin {
    position: absolute;
    top: 0;
    right: 0;
    margin: 10px 10px 0 0;
}
.js-active .eve-landing .mozaik .slot {
    position: absolute;
    top: 0;
}
.js-active .eve-landing .mozaik-description .typo-jp,
.js-active .eve-landing .mozaik-description .sub-title,
.js-active .eve-landing .mozaik-description .text {
    width: 195px;
    padding: 0;
    margin-left: 158px;
}
.js-active .eve-landing .mozaik-description .typo-jp {
    padding-top: 8px;
}
.js-active .eve-landing .mozaik-description .bouton {
    margin: 0 0 11px 158px;
}
.js-active .eve-landing .mozaik-description img.ill {
    float: none;
    position: absolute;
    margin: 0;
    top: 6px;
    left: 6px;
}
	
	
	




/* znouaoui : start Step 3 Coordonnees*/

#tunnel_achat_coordonnees fieldset {
	background-color: transparent;
	padding: 0px;
}
/*
    ------------------------------------------------
        bas de panier pour totaux
    ------------------------------------------------
    */
.transverse .step1 .save-cart {
        border-right: 1px solid #B2B2B2;
        float: left;
        margin: 8px 0 0 0;
        text-align: right;
        width: 360px;
}
.transverse .step1 .save-cart a,
.transverse .step1 .code_promo .disagree {
        color: #006397;
        display: inline-block;
        font-size: 1.2em;
        padding: 0 0 0 0;
        text-decoration: none; 
        width: 100%;
}
.transverse .step1 .code_promo .errorDisplay {
      width: auto;
}
.transverse .step1 .order_total .total-tva,
.transverse .step1 .order_total .total-frais-port {
        border-top: 1px solid #e5e5e5;
}

.js-active.transverse .step1 .recalcule,
.js-active.transverse .step1 .code_promo .btn-send-minor {
        display: none;
}
.transverse .step1 .recalcule {
        margin-top: 15px;
}
/*step2 */

    /*step3 */
    .transverse .step3 .float-right {padding: 3em 0;}
    .transverse .step3 .block-border-corner {
        width: 438px;
        margin-left: 20px;
        float: left;
        padding: 0;
    }
    .transverse .step3 .first {
            margin-left: 0;
            clear: right;
			width:418px;
        }
    .transverse .step3 .paie-title {font: normal 1.8em/1.8em Arial, Helvetica, sans-serif;}
    .transverse .step3 .paie-title {padding: .5em .7em;}
    .transverse .step3 .first .paie-title {padding: .5em 1.6em;}
    
    .transverse .step3 legend {
        float: left;
        font-size: 1.4em;
    }
    .transverse .step3 .block-border-corner ul {float: left;}
    .transverse .step3 .block-border-corner li {
        width: 178px;
        float: left;
        text-align: center;
        padding: 0;
    }
    .transverse .step3 .block-border-corner li img {
        display: block;
        text-align: center;
        margin: 0 auto;
        padding-bottom: 0.4em;
    }
    .transverse .step3 .block-border-corner li label {
        display: block; 
        clear: both;
        padding-top: 4.5em;
        padding-bottom: 0.3em;

    }
    .transverse .step3 .block-border-corner li label.pay-name { height: 65px; }
	
	 .transverse .step3 .block-border-corner li label.error {
		position :absolute;
		color:red;
		top:6px;
		left:20px;
		font-size:1.5em;
    }
	
	.transverse .step3 tbody th img {
		display:inline-block;
        vertical-align: baseline;
	}
	
	
	.transverse .step3 tbody th span {
		display:inline-block;
		margin-top:2px;
		/*line-height:29px;*/
		vertical-align:top;
		width:120px;
	}
	
    .transverse .step3 li .cb {background: url(../images/media/carte-bancaire2004.png) no-repeat center 10px;}
    .transverse .step3 li .prepaye {background: url(../images/media/compte-prepaye-v2.png) no-repeat center 0;}
    .transverse .step3 li .rib {background: url(../images/media/rib-v2.png) no-repeat center 7px;}
    .transverse .step3 li .ma {background: url(../images/media/mandat-administratif.png) no-repeat center 4px;}
    .transverse .step3 li .cheque {background: url(../images/media/cheque.png) no-repeat center 7px;}
    .transverse .step3 li .prepaye-violet {background: url(../images/media/compte-prepaye-v2-violet.png) no-repeat center 0;}
    .transverse .step3 li .rib-violet {background: url(../images/media/rib-v2-violet.png) no-repeat center 7px;}
    .transverse .step3 li .ma-violet {background: url(../images/media/mandat-administratif-violet.png) no-repeat center 4px;}
    .transverse .step3 li .cheque-violet {background: url(../images/media/cheque-violet.png) no-repeat center 7px;}
    .transverse .step3 li .paylib {background: url(../images/media/logo_paylib.png) no-repeat center 0px;}
    .transverse .step3 li input { 
        display: block;
        margin: 0 auto;
    }
    .transverse .step3 .moyens {
        padding: 1em 0 0.5em 1.5em;
        float: left;
        text-align: left;
    }
    .transverse .step3 .moyens li {
        width: 400px;
        text-align: left;
        float: left;
    }
    /*
    .transverse .step3 .moyens li.first {
        border-left: 0 none;
        padding:  0 15px 0 0;
    }
    */
.transverse .step3 .moyens li.first img {padding: 0.7em 0;}
.transverse .step3 .moyens li .paie-title {padding: 0;}
.transverse .step3 .moyens li span {
        font-size: 1.2em;
        display: block;
}


/* step3 - table2 */
.transverse .step3 table {text-align: left;}
.transverse .step3 thead th {
        background: none repeat scroll 0 0 #F5F5F2;
        border-bottom: 3px solid #F5F5F2;
        border-top: 3px solid #F5F5F2;
        color: #363636;
        font-size: 1.2em;
        text-align: left;
}
.transverse .step3 thead #services {
        padding-left: 1em;
        border-right: 1px solid #000;
        font-weight: normal;
}
    
    
    
/*- mode de payment-*/
#formModePaiement ul.type-radio{margin-top:20px;}
.bf-icon-payement, .bf-icon-payement-violet{margin:0!important; padding:0!important; height:80px;}
/*.bf-icon-payement:before{background: url(../images/media/sprite-mode-payement-bis.png) no-repeat 0 0; content:""; display:block; min-height:50px;}
.bf-icon-payement-violet:before{background: url(../images/media/sprite-mode-payement-pro.png) no-repeat 0 0; content:""; display:block; min-height:50px;}
.bf-icon-cb:before{ background-position:center 0;}
.bf-icon-prepaye:before{ background-position:center -563px;}
.bf-icon-paypal:before{ background-position:center -165px;}
.bf-icon-paylib:before{ background-position:center -80px;}
.bf-icon-rib:before{ background-position:center -265px;}
.bf-icon-ma:before{ background-position:center -369px;}
.bf-icon-cheque:before{ background-position:center -467px;}*/
.txtIndent span{display:none;}


.transverse .step3 thead #sous-total {
        padding-right: 1em;
        text-align: right;
        font-weight: normal;
}
.transverse .step3 tbody th {
        color: #000;
        font-size: 1.2em;
        font-weight: 700;
        padding: 2em 0 2em 0;
        width: 377px;
        text-align: left;
}
.transverse .step3 tbody td {
        color: #e24614;
        font-size: 1.2em;
        font-weight: 400;
        text-align: right;
        padding-right: 1em;
}
.transverse .step3 tbody td.tdQtService{text-align:center}
.transverse .step3 tbody th.lel {
        padding-bottom: 1.5em;
}
.transverse .step3 tbody th.rel {}
.transverse .step3 tfoot .montant_ht th, .transverse .step3 tfoot .montant_tva th {
        color: #565a5c;
        padding: 0;
}
.transverse .step3 tfoot td {
        color: #e24614;
        padding: 0;
        text-align: right;
}
.transverse .step3 tfoot th {
        font-weight: 400;
        text-align: left;
}
.transverse .step3 tfoot .montant_ht th,
.transverse .step3 tfoot .montant_ht td {
        padding: 1em 10px;
        background: #F5F5F2;
        font-size: 1.6em;
}
.transverse .step3 tfoot .montant_tva th,
.transverse .step3 tfoot .montant_tva td {
        padding: 1em 10px;
        font-size: 1.6em;
}
.transverse .step3 tfoot .montant_total th,
.transverse .step3 tfoot .montant_total td {
        background: url(../images/bg/grey_paiement.png) repeat-x left top;
        padding: 1em 10px 2em;
        font-size: 1.8em;
        font-weight: 700;
}
.transverse .step3 tfoot .montant_total th {
        color: #565a5c;
        text-transform: uppercase;  
}
.transverse .step3 tfoot .montant_total td {
        font-size: 2.3em;
        color: #e24614;
}
/* =step3 coordenees */
.transverse .step3.coordenees .coordonnees-inner {
        padding-top: 20px;
}

/* =step3 coordenees */
.transverse .step3.coordenees .coordonnees-inner {
        padding-top: 20px;
}
.transverse .step3.coordenees .deliveryAddress,
.transverse .step3.coordenees .billingAddress {
        background: url(../images/bg/bg_fieldset-livraison.png) no-repeat right top;
        float: left;
        min-width: 420px;
        padding: 0;
}
.transverse .step3.coordenees .deliveryAddress fieldset,
.transverse .step3.coordenees .billingAddress fieldset {
        padding: 0;
        background-color: transparent;
}
.transverse .step3.coordenees .deliveryAddress .block-border-corner,
.transverse .step3.coordenees .billingAddress .block-border-corner {
        margin-left: 0;
        padding: 1em;
        width: 380px;
}
.transverse .step3.coordenees .legendAddress {
        display: block;
        float: none;
        font-size: 1.8em;
        padding: 0 0 20px;
}
.transverse .step3.coordenees .deliveryAddress label,
.transverse .step3.coordenees .billingAddress label {
        display: none;
}
.transverse .step3.coordenees .input-white span {
        border: none;
}
.transverse .step3.coordenees .input-white div.selector {
        border: 3px solid #fff;
}
.transverse .step3.coordenees .input-white div.selector.focus {
        border: 3px solid #B5CFE7;
}

.transverse .step3.coordenees .input-white div.selector span {
        padding-left: 0;
}
.transverse .step3.coordenees .input-white div.selector:active,
.transverse .step3.coordenees .input-white div.selector.active,
.transverse .step3.coordenees .input-white div.selector.hover,
.transverse .step3.coordenees .input-white div.selector:hover,
.transverse .step3.coordenees .input-white div.selector:hover:active,
.transverse .step3.coordenees .input-white div.selector.active:hover {
            border: 3px dashed #B5CFE7;
}
.transverse .step3.coordenees .detailsAddress {
        display: none;
}
.js-active.transverse .step3.coordenees .detailsAddress {
        display: block;
        padding: 20px 0px 10px;
}
.transverse .step3.coordenees .detailsAddress > span {
        display: block;
        font-size: 1.4em;
}
.transverse .step3.coordenees .detailsAddress .display-address-name,
.transverse .step3.coordenees .detailsAddress .display-address-companyName  {
        font-weight: 700;
}
.transverse .step3.coordenees .addAddressLink {
        padding-top: 20px;
}
.transverse .step3.coordenees .billingAddress {
        margin-left: 36px;
}
.transverse .step3.coordenees .modeShipping {
        background: none;
        clear: both;
        padding: 0;
}
.transverse .step3.coordenees .modeShipping .errorDisplay {
        display: block;
        min-height: 24px;
}
.transverse .step3.coordenees .modeShipping h3 {
        float: none;
        font-size: 1.8em;
        padding: 40px 20px 0;
}
.transverse .step3.coordenees .modeShipping .text-1 {
      font-size: 1.3em;
      font-weight: 400;
      color: #565a5c;
      padding: 0 20px 0;
}
.transverse .step3.coordenees .modeShipping .type-radio li {
        border-left: 1px solid #ccc;
        float: left;
        min-height: 68px;
        padding: 112px 0 0;
        text-align: center;
        width: 296px;
}
.transverse .step3.coordenees .modeShipping .type-radio li:first-child {
        border-left: none;
}
.transverse .step3.coordenees .modeShipping .type-radio li.standard {
        background: url(../images/bg/bg-logo-laposte.png) no-repeat 50% 27px;
        width: 274px;
    /*         margin-left: 20px; */
}
.transverse .step3.coordenees .colissimo {
        background: url(../images/bg/bg-logo-colissimo.png) no-repeat center 37px;
}
.transverse .step3.coordenees .so-colissimo {
        background: url(../images/bg/bg-logo-so-colissimo.png) no-repeat center 37px;
}
.transverse .step3.coordenees .modeShipping .so-colissimo-layer {
      background-color: #fff;
      clear: both;
      padding-top: 30px;
      display: none;
}
.transverse .step3.coordenees .modeShipping .so-colissimo-layer > .outer{
      border: 1px solid #ccc;
      position: relative;
      width: 600px; 
      margin: 0 auto;
}
.transverse .step3.coordenees .modeShipping .so-colissimo-layer > .outer iframe {
      width: 580px;
      height: 1100px;
}
.transverse .step3.coordenees .modeShipping .so-colissimo-layer > .outer > .inner {
      margin: 10px 0;
      padding: 0 10px;
}
.transverse .step3.coordenees .modeShipping .so-colissimo-layer .arrow-top,
.transverse .step3.coordenees .modeShipping .so-colissimo-layer .arrow-top:after {
      position: absolute;
      display: block;
      width: 0;
      height: 0;
      border-color: transparent;
      border-style: solid;
}
.transverse .step3.coordenees .modeShipping .so-colissimo-layer .arrow-top {
      top: -22px;
      left: 50%;
      margin-left: -11px;
      border-bottom-color: #ccc;
      border-top-width: 0;
      border-width: 11px;
}
.transverse .step3.coordenees .modeShipping .so-colissimo-layer .arrow-top:after {
      top: 1px;
      margin-left: -10px;
      border-width: 10px;
      border-bottom-color: #ffffff;
      border-top-width: 0;
      content: " ";
}
.transverse .step3.coordenees .modeShipping .type-radio li.chronopost {
        background: url(../images/bg/bg-logo-chronopost.png) no-repeat 50% 27px;
        width: 290px;
}
.transverse .step3.coordenees .modeShipping .type-radio li .type {
        display: inline-block;
        margin: 0 0 0 16px;
}
.transverse .step3.coordenees .modeShipping .type-radio li label {
        display: inline-block;
        font-size: 1.4em;
        font-weight: 700;
        padding-right: 16px;
}
.transverse .step3.coordenees .modeShipping .type-radio li input {
        display: inline-block;
}
.transverse .step3.coordenees .modeShipping .type-radio li label > span {
        display: block;
        font-size: .8em;
        font-weight: 400;
}
.transverse .step3.coordenees .modeShipping .type-radio li label .price {
        font-weight: bold;
        color: #DC5409;
	    font-size: 18px;
	    line-height: 29px;
	    text-align: center;
}
/* =step3/4 - paiement */
.transverse .step3.payment fieldset {
            background-color: #f5f5f2;
            padding: 0.5em 3em;
}
.transverse .step3.payment legend {
            float: left;
            font-size: 1.4em;
}
		
		
#formModePaiement fieldset {
			background-color: #f5f5f2;
            padding: 0.5em 3em;
}
.transverse .step3.payment .info-reassurance{
            padding: 10px 0;
}
.transverse .step3.payment .moyens li {
            border: none;
            float: none;
            padding: 0 0 2.2em;
            text-align: left;
            width: auto;
}
.transverse .step3.payment table {
            position: relative;
}
.transverse .step3.payment thead th {
            border-bottom: none;
            border-top: none;
            line-height: 1.7em;
}
.transverse .step3.payment thead #produits,
.transverse .step3.payment thead #services {
            padding-left: 2em;
}
.transverse .step3.payment thead #services {
            background: #F5F5F2 url(../images/bg/bg_line-vert.png) no-repeat right 50%;
            border-right: none;
}
.transverse .step3.payment thead #quantity {
            background: #F5F5F2 url(../images/bg/bg_line-vert.png) no-repeat right 50%;
            border-right: none;
            padding:0 15px;
            font-weight: normal;
}
.transverse .step3.payment thead th .rounded-left {
            /*background: url(../images/bg/bg_rounded-left.png) no-repeat 0 0;*/
            display: block;
            height: 21px;
            position: absolute;
            left: 0;
            top: 0;
            width: 20px;
}
.transverse .step3.payment thead #sous-total {
            padding-right: 2em;
            *padding-right: 1em;
            width: 80px;
            text-align: right;
}
.transverse .step3.payment thead th .rounded-right {
              /*background: url(../images/bg/bg_rounded-right.png) no-repeat 0 0;*/
            display: block;
            /*float: right;*/
            position: absolute;
            right: 0;
            top: 0;
            height: 21px;
            width: 20px;
}
.transverse .step3.payment tbody td {
           /* padding-right: 2em;*/
           color: #000;
}
.transverse .step3.payment tbody td.total {
            padding-right: 2em;
            *padding-right: 1em;
            width: 80px;
}
.transverse .step3.payment .produits-payment thead th {
            font-weight: 400;
}
.transverse .step3.payment .produits-payment .produit {
            text-align: left;
            width: 318px;
            padding-left:10px;
}
.transverse .step3.payment .produits-payment td.produit {
                padding-right: 0;
}
.transverse .step3.payment .produits-payment th.produit-prix-un,
.transverse .step3.payment .produits-payment th.produit-prix-ht {
            background: #F5F5F2 url(../images/bg/bg_line-vert.png) no-repeat 0 50%;
}
.transverse .step3.payment .produits-payment td.produit > span {
             display: block;
             font-weight: 700;
             padding: 2em 0 1em 8em;
}
.transverse .step3.payment .produits-payment .produit-desc {
            font-weight: 400;
            display: block;
}
.transverse .step3.payment .produits-payment .produit-quantite {
            padding-right: 0;
            text-align: center;
            width: 90px;
}
.transverse .step3.payment .produits-payment .produit-prix-un {
            padding-right: 0;
            text-align: center;
            width: 140px;
}
.transverse .step3.payment .produits-payment .produit-prix-ht {
            text-align: right;
            padding-right: 2em;
            width: 84px;
}
.transverse .step3.payment .services-payment th:first-child {
            width: 300px;
            padding-left:10px;
}
.transverse .step3.payment .services-payment th.total {
            font-weight: 400;
            text-align: center;
            width: 84px;
}
.transverse .step3.payment .produits-payment td.produit-prix-ht,
.transverse .step3.payment .services-payment td.total {
                color: #E24614;
}
.transverse .step3.payment .line-break {
            background: #6B6B6B;
            height: 1px;
            margin: 0 2em 2em;
}
.transverse .step3.payment .produits-payment tbody th span,
.transverse .step3.payment .services-payment tbody th span {
            display: inline-block;
            /*width: 111px;*/
            vertical-align: top;
            word-wrap: break-word;
}
.transverse .step3.payment .produits-payment .visual,
.transverse .step3.payment .services-payment .visual {
            width: 92px;
            text-align: center;
}
/*.transverse .step3.payment .order-total-small {
            background-color: #F5F5F2;
        }*/
.transverse .step3.payment .order-total-small ul {
            float: none;
}
.transverse .step3.payment .order-total-small li {
            float: none;
            font-size: 1.6em;
            overflow: hidden;
            width: auto;
}
.transverse .step3.payment .order-total-small .total-frais-port {
                border-top: 1px solid #CECECE;
                margin: 0 24px;
}
.transverse .step3.payment .order-total-small .total-ht,
.transverse .step3.payment .order-total-small .total-ttc {
                background-color: #F5F5F2;
}

.transverse .step3.payment .order-total-small li .label {
            color: #696760;
            float: left;
            padding: 14px 0 14px 24px;
}
.transverse .step3.payment .order-total-small li .value {
            color: #E54A06;
            float: right;
            margin-right: 23px;
            padding: 14px 0;
            text-align: right;
            width: 140px;
}
.transverse .step3.payment .order-total-small .total-frais-port .label,
.transverse .step3.payment .order-total-small .total-frais-port .value {
                color: #696760;
                margin-right: 0;
                padding: 14px 0;
}
.transverse .step3.payment .order-total-small .total-ttc .label,
.transverse .step3.payment .order-total-small .total-ttc .value {
                font-weight: 700;
}
            
.transverse .step3.payment .payment-delivery-adress {
            background-color: #F5F5F2;
            padding: 1em;
}
.transverse .step3.payment .payment-delivery-adress h3 {
            font-size: 1.2em;
            font-weight: 400;
            padding: 0 0 1em 1.2em;
}
.transverse .step3.payment .payment-delivery-adress .block-bg-invert {
            overflow: hidden;
            padding: 1em 1.4em 1em 3em;
}
.transverse .step3.payment .payment-delivery-adress .adress-content {
            float: left;
}
.transverse .step3.payment .payment-delivery-adress .adress-content > span {
            display: block;
            font-size: 1.2em;
}
.transverse .step3.payment .payment-delivery-adress .adress-name {
                font-weight: 700;
}
.transverse .step3.payment .payment-delivery-adress .modify-link {
            color: #006397;
            display: block;
            font-size: 1.2em;
            font-weight: 700;
            float: right;
}

/*step4 */
.transverse .step4 .title3-container {margin-bottom: 2em;}
.transverse .step4 p {
        margin-bottom: 1.2em;
        font-size: 1.4em;
}
.transverse .step4 .exergue-color {font-size: 1em;}
.transverse .step4 h4 {
        padding-bottom: 1em;padding-top: 0.2em;
        font-size: 1.4em;
        text-transform: uppercase;
}
.transverse .step4 dl {font-size: 1.4em;}
.transverse .step4 dt {
        float: left;
        padding-bottom: 0.5em;
        clear: left;
}
.transverse .step4 dd {
        float: left;
        color: #e54a06;
}

/*!IE7 */
.transverse .step4 .list_liens {
        padding-top: 1em;
        clear: left;
}
.transverse .step4 .list_liens li {padding-bottom: 0.5em;}
.transverse .step4 .list_liens a {
        color: #006397;
        font-size: 1.4em;
}
.transverse .step4 .block-bg-corner {margin-bottom: 2em;margin-top: 1.7em;}
.transverse .step4 .block-bg-corner h3 {margin: 0.3em 0 36px 0.1em;}
.transverse .visuel_stamps,
.transverse .text_print,
.transverse .visuel_stamps .btn-send {float: left;}
.transverse .visuel_stamps {
        padding-left: 26px;
        text-align: center;
}
.transverse .visuel_stamps span {
        display: block;
        margin-bottom: 4px;
        font-size: 1.2em;
}
.transverse .visuel_stamps img {display: block;}
.transverse .step4 .text_print {
        width: 315px;
        margin-top: 1.9em;
        padding-left: 30px;
}
.transverse .step4 .text_print p {
        margin-bottom: 0;
        padding: 0;
        line-height: 1.214em;
}
.transverse .step4 .btn-action-major {margin: 57px 0 0 56px;}
/* =MA NOUVELLE ADRESSE (new-address) */
/*.new-address .step-list .step1 span, TODO - Laisser ce bloc commenté parcequ il existe déjà
.new-address .step-list .step2 span,
.new-address .step-list .last span {padding: 18px 0 0;}
.new-address .content-num {padding: 0;}
.new-address .content-num span {color: #D20077;}
.new-address form .block-bg-corner {margin-bottom: 3.9em;}
.new-address form .no-margin {margin-bottom: 0;}
.new-address p {
    clear: both;
    padding: 0;
    font-size: 1.4em;
    line-height: 1.5em;
}
.new-address .float-right {padding: 0 0 2em 2em;}
.new-address legend.num-list span {color: #D20077;} TODO - Laisser ce bloc commenté parcequ il existe déjà */

/*=content n.1 */
/*.new-address .desc {padding: 1em 0 2em 2em;} TODO - Laisser ce bloc commenté parcequ il existe déjà
    .new-address .desc .pack-chooser {
        float: left;
        padding: 2em 0;
    }
    .new-address .desc .pack-chooser li {
        float: left;
        position: relative;
        font-size: 1.1em;
        font-weight: 700;
        background: white;
        border: 3px solid #f5f5f2;
        padding-right: 1.8em;
    }
    .new-address .desc .pack-chooser li .bgcorner {
        display: block;
        position: absolute;
        height: 12px;
        width: 12px;
        background-image: url(../images/corner/bg_mna_radio.png);
    }
    .new-address .desc .pack-chooser li .cornerHG {
        left: 0;
        top: 0;
        background-position: 0 -30px;
    }
    .new-address .desc .pack-chooser li .cornerHD {
        right: 0;
        top: 0;
        background-position: 12px -30px;
    }
    .new-address .desc .pack-chooser li .cornerBG {
        bottom: 0;
        left: 0;
        background-position: 0 -42px;
    }
    .new-address .desc .pack-chooser li .cornerBD {
        bottom: 0;
        right: 0;
        background-position: 12px -42px;
    }
    .new-address .desc .pack-chooser li label {
        padding: 10px 10px 10px 18px;
        cursor: pointer;
    }
    .new-address .desc .pack-chooser li.sep-chooser {
        padding: 1em 1.8em;
        background-color: #f5f5f2;
        font-size: 1.4em;
    }
    .new-address .desc .pack-chooser li.selected {border: 3px solid #ea9fc7;}
    .new-address .desc .pack-chooser li.selected .cornerHG {
        left: -3px;
        top: -3px;
        background-position: 0 0;
    }
    .new-address .desc .pack-chooser li.selected .cornerHD {
        right: -3px;
        top: -3px;
        background-position: 12px 0;
    }
    .new-address .desc .pack-chooser li.selected .cornerBG {
        bottom: -4px;
        left: -3px;
        background-position: 0 -13px;
    }
    .new-address .desc .pack-chooser li.selected .cornerBD {
    bottom: -3px;
    right: -3px;
    background-position: 12px -13px;
    }
    .new-address .desc .services {
        float: left;
        max-height: 200px;
        padding-top: 1em;
    }
    .new-address .desc .services li {
        float: left;
        min-width: 320px;
        padding: 1em 1em 1.3em 4em;
        border-bottom: 1px solid #ccc;
        font-size: 1.3em;
        background-image: url(../images/icons/ico-mna-list.png);
        background-repeat: no-repeat;
    }
    .new-address .desc .services li.postales {
        background-position: 0 5px;
        clear: left;
    }
    .new-address .desc .services li.sms {
        background-position: 7px -38px;
        clear: left;
    } TODO - Laisser ce bloc commenté parcequ il existe déjà */
/*.new-address .desc .services li.guide {
        background-position: 3px -81px;
        clear: left;
    }*/
    
/*.new-address .desc .services li.guide { TODO - Laisser ce bloc commenté parcequ il existe déjà
        background-position: 5px -224px;
        clear: left;
    } TODO - Laisser ce bloc commenté parcequ il existe déjà */
    
/* .new-address .desc .services li.calendrier {
        background-position: 0 -128px;
        border: 0 none;
        clear: left;
    }*/
/*.new-address .desc .services li.type { TODO - Laisser ce bloc commenté parcequ il existe déjà
        margin-left: 3.6em;
        background-position: 2px -170px;
    }
    .new-address .desc .services li.formulaires {
        margin-left: 3.6em;
        background-position: 5px -224px;
    }
    .new-address .desc .services li.outils {
        margin-left: 3.6em;
        background-position: 7px -273px;
    }
    .new-address .desc .services li.reductions {
        margin-left: 3.6em;
        background-position: 5px -316px;
        border: 0 none;
    } TODO - Laisser ce bloc commenté parcequ il existe déjà */

/*=content n.2 */
/*.new-address .optionsSupplem table { TODO - Laisser ce bloc commenté parcequ il existe déjà
        display: block;
        float: left;
        width: 820px;
        padding: 0;
    }
    .new-address .optionsSupplem thead th {
        padding: 1.8em 0 1em 0;
        text-align: left;
        font-size: 1.4em;
    }
    .new-address .optionsSupplem tbody td.montant-num {
        padding-top: 0.5em;
        text-align: right;
        vertical-align: top;
    }
    .new-address .optionsSupplem tbody td .type-text {padding: 0 0 0.5em 0.2em;}
    .new-address .optionsSupplem tbody td .type-text span input {
        width: 75px;
        font-size: 1em;
    }
    .new-address .optionsSupplem tbody td.lots {
        padding: 0.5em 2em 0 0;
        font-weight: 400;
        text-align: right;
        vertical-align: top;
        font-size: 1.4em;
    } TODO - Laisser ce bloc commenté parcequ il existe déjà */

/*=content n.3 */
/*.new-address .code .type-text {padding: 30px 0 10px 219px;} TODO - Laisser ce bloc commenté parcequ il existe déjà
    .new-address .code .type-text label {
        width: 145px;
        color: #565a5c;
        font-size: 1em;
    }
    .new-address .code .type-text input {
        width: 80px;
        font-size: 1em;
    } TODO - Laisser ce bloc commenté parcequ il existe déjà */

/*=content n.4 */
/*.new-address .block-bg-corner .montant { TODO - Laisser ce bloc commenté parcequ il existe déjà
        float: left;
        position: relative;
        min-width: 800px;
        margin: 1em 0;
        padding: 1em;
        background: #fff;
        font-size: 1.4em;
    }
    .new-address .block-bg-corner .montant th {padding-left: 335px;}
    .new-address .block-bg-corner .montant td {
        padding-left: 270px;
        font-size: 1.2em;
        font-weight: 700;
    } TODO - Laisser ce bloc commenté parcequ il existe déjà */
    
/* znouaoui : END Step 3 Coordonnees*/
	
	
/* znouaoui : Start Page Categorie*/

/*=T-CATALOGUE*/
/*beax-timbres*/
/*.beaux-timbres { TODO - Commentaire à conserver pour fusion
        float:left;
        overflow:hidden;
        padding-bottom:40px;
    } TODO - Commentaire à conserver pour fusion */
.js-active .submit-filter { display:none;}
.js-active .submit-ordre { display:none;}
/*.beaux-timbres .submit-filter { //TODO - Commentaire à conserver pour fusion
        float:left;
        padding:10px 5px
    }
    .beaux-timbres .submit-ordre {
        float:left;
        padding:10px 5px
    }

    .beaux-timbres .filtres-cont {
        width:200px;
        float:left;
        padding:0 20px 40px 0;
    }
    .beaux-timbres .list-cont {
        width:660px; 
        float:left;
    }
    .beaux-timbres .filtres-cont .title3 {
        color:#565a5c;
        font-size:1.8em;
        font-weight:700;
        padding:20px 0 0 0;
        text-transform:uppercase;
    }
    .beaux-timbres .product-push {
        overflow:visible; 
        float:left;
        padding-top:30px;
    }
    .beaux-timbres .list-cont .pagination.filter {
        padding:0 1em;
    }
    .beaux-timbres .list-cont .filter .pagination {
        padding:1.5em 1em 0 0;
    }

    .beaux-timbres .resultTriOrder {
        margin-left: 230px;
        position: absolute;
        z-index: 1;
    }
    .beaux-timbres .resultTriOrder fieldset .type-select {
        float: left;
        margin-right: 10px;
    }
    .beaux-timbres .resultTriOrder fieldset .result { 
       !* border-left:1px solid #d8d7d6; *!
       color:#000;
       float:left;
       font-size:1.4em;
       font-weight:700; 
       line-height:2em;
       margin:8px 0;
       padding-left:10px;
       text-transform:uppercase;
       text-align: right;
       width:200px; 
    } //TODO - Commentaire à conserver pour fusion */

#collectionneur_timbres_filtres {
        float: left;
}

/*.beaux-timbres .list-cont .pagination { //TODO - Commentaire à conserver pour fusion
        padding:0.8em 1em;
    }
    .beaux-timbres .list-cont .block-bg-corner.pagination:first-child {
      padding:4em 1em 0.8em;
    }
    .beaux-timbres .filtres-cont .asideMenu li {
        color: #565a5c;
        font-size: 1.4em;
        font-weight:700;
        margin-bottom:5px;
    }
    .beaux-timbres .filtres-cont .asideMenu li a {
        background: url(../images/icons/ico_accordion_close.png) no-repeat 0 2px;
        color: #363636;
        display:block;
        letter-spacing:-0.05em;
        padding: 0 0 0 20px;
        margin-top:30px;
        text-decoration:none;
    }
    .beaux-timbres .filtres-cont .asideMenu li .open { 
        background: url(../images/icons/ico_accordion_open.png) no-repeat 0 2px;
    }
    
    .beaux-timbres .filtres-cont .asideMenu li ul li { 
        background:none; 
        font-size:0.8em;
        font-weight:400;
        padding:0;
    }
    .beaux-timbres .filtres-cont .asideMenu li ul li input { 
        display: inline-block;
        margin: 0;
        vertical-align: top;
    }
    .beaux-timbres .filtres-cont .asideMenu li ul li label { 
        display: inline-block;
        font-size: 1.1em;
        margin: 0 0 0 5px;
        
        width: 150px;
    }
    .beaux-timbres .filtres-cont .asideMenu li ul { 
        padding:15px 0 0 0;
    }

    .beaux-timbres .list-cont .pagination fieldset { 
        width:470px; 
        float:left;
    } //TODO - Commentaire à conserver pour fusion */

.js-active .list-cont .pagination fieldset .type-select {
        min-width:210px;
        float:left;
        padding:3px 0 0 0;
}
.list-cont .pagination fieldset .type-select {
        padding:10px 0 0 0;
        min-width:160px;
        float:left;
}
    
/*.beaux-timbres .product-push .product-group { //TODO - Commentaire à conserver pour fusion
        border-bottom:1px solid #ccc;
        padding-bottom:20px;
    }
    .beaux-timbres .product-push .product-group.last {
        border:none;
    }
    .collector-section .beaux-timbres .product-buy {
        background-color: #178ab6;
    }
    
    .collector-section .beaux-timbres .product-buy .counter {
      float: right;
      margin: 0 15px 20px 0;
    }
    .collector-section .beaux-timbres .product-buy .unit-price {
      float: left;
      line-height: 22px;
      margin: 0 0 20px 10px;
      padding-right: 0;
    }//TODO - Commentaire à conserver pour fusion */
   
.js-active.collector-section .beaux-timbres .product-buy form label {
        color:#178ab6;
}
	
.js-active .beaux-timbres .product-buy {
        background-color: #fff;
        color:#178ab6;
        padding: 4px;
        text-align: center;
        width: 212px;
}

.js-active.collector-section .beaux-timbres .product-buy.active {
        background-color: transparent;
}
.js-active.collector-section .beaux-timbres .product-buy.activer .counter .counter-modifier {
        color:#178ab6;
}
.js-active.collector-section .beaux-timbres .product-buy.active form label {
        color:#fff;
        padding:0;
}
.js-active.collector-section .beaux-timbres .product-buy.active form .btn-buy {
        padding: 0 0 0 8px;
}

#tableServiceItems .serviceOrder {
		margin-bottom:20px;
}
	
.transverse .step1 #services {
		padding: 0 0 0 2.5em;
		width: 500px;
}
	
.particulier #fancybox-title {
		display:none;
}

.ajax_warn{
		position:absolute;
		left:0;
		top:0;
		z-index:0;
		visibility:hidden;
}
/* znouaoui : End Page Categorie*/
.marge{
        position: relative;
        margin-bottom: 15px;
        margin-top: 15px;
        margin-left: 3em;
}

.returnTextArea {
	width: 90%;
	height: 50%;
	resize: none;
	border-color: rgb(153, 153, 153);
	border-width: 1px;
}

.tableMyProduits .btn-lft .btn-continue span {
	background: url(../images/btn/cancel_right.png) no-repeat right 0 !important;
	padding: 17px 22px 18px 7px;
}  

.tableMyCommands .type-select  .selector span{
	width : 60px;
	
}

.tableMyCommands .type-select  .selector select{
	font-size: 0.9em;
    /*     text-transform: uppercase; */
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1em;
}

.user-command .tableMyCommands thead th.remarques{
	padding: 0 0 0 20px;
	width: 450px;
}
   
/* SEPA */
#sepaTable {
	margin: auto;
	width: 710px;
	font: 1em "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.reshipment .step3 .block-bg-corner .sepaContent {
	margin : 5px 0;
	width: auto;
}
.reshipment .sepaContent input {
	font-size: 0.9em;
    text-align: center;
    width: 40px;
}
.reshipment .sepaContent input#mandat {
	font-size: 0.9em;
    text-align: center;
    width: 100px;
}
#sepaTitle {
	text-align: center;
	width: 10px;
}
#sepaTitleRum {
	text-align: center;
	width: 200px;
}
.sepaTextAlign, #sepaTitleIban, .transversePro .step3 tbody td.sepaTextAlign {
	text-align:center;
}
.sepaAlignCenter {
	text-align: center;
	vertical-align: middle;
}

.btn-action-minor span{
	font-size: 1.2em;
}
.btn-vert-action-minor span{
	font-size: 1.3em;
}
.btn-action-reinit span{
	font-size: 1.3em;
}


.ccmu_moncompte {
	width: 105px !important;
	margin: 0em 0em 0em 0em;
}
.ccmu_commande {
	width: 213px !important;
	margin: 0em 0em -0.35em -0.1em;
}
.ccmu_personnelle{
	width: 224px !important;
	margin: 0em 0em -0.35em -0.35em;
}
.ccmu_carnet {
	width: 215px !important;
	margin: 0em 0em -0.35em -0.45em;
}
.ccmu_autresServices {
	width: 221px !important;
	margin: 0em 0em -0.35em -0.60em;
}

.menuLinkWithCCMU {
	/*color: #363636;
	background: url(../images/nav/bg_menu_secondaire_hover.png)  no-repeat left top ;
 	background-size: 105px 150px;
 	 color: #FFFFFF;
    display: block;
    font-size: 1.2em;*/
    padding: 12px 2px 11px !important;
    /*text-decoration: none;*/
}
.validerImport{
 	    padding: 22px 40px -0px 7px !important;
}
.mtelCommande .upload-progressbar,
.mtelPostPayment .upload-progressbar {
   padding: 2em;
   background: #fff url(../images/bg/bg_progressbar.png) repeat-y 0 0;
}
.mtelCommande .block-border-corner,
.mtelPostPayment .block-border-corner {
	padding: 2m !important;
	border: none ! important;
}
.mtelCommande .upload-progressbar-wrap {
    position: relative;
    min-height: 90px;
    width: 220px;
    margin: 50px auto;
}
.mtelPostPayment .upload-progressbar-wrap {
    position: relative;
    min-height: 90px;
    width: 197px;
    margin: -63px 593px;
}
.mtelCommande .upload-progressbar .show-progressbar,
.mtelPostPayment .upload-progressbar .show-progressbar {
    position: relative;
    padding-top: 13px;
    width: 30px;
    margin: 0 auto;
}
.mtelCommande .upload-progressbar .info-progressbar,
.mtelPostPayment .upload-progressbar .info-progressbar {text-align: center;}
.mtelCommande .upload-progressbar-wrap .upload-progressbar-wrap-top,
.mtelPostPayment .upload-progressbar-wrap .upload-progressbar-wrap-top {
    top: 0;
    height: 7px;
    width: 100%;
    background: url(../images/bg/bg_progressbar_top.png) repeat-x 0 0;
}
.mtelCommande .upload-progressbar-wrap .upload-progressbar-wrap-bottom,
.mtelPostPayment .upload-progressbar-wrap .upload-progressbar-wrap-bottom {
    bottom: 0;
    height: 15px;
    width: 100%;
    background: url(../images/bg/bg_progressbar_bottom.png) repeat-x 0 0;
}
.mtelCommande .upload-progressbar-wrap .cornerHG,
.mtelPostPayment .upload-progressbar-wrap .cornerHG {
    left: 0;
    top: 0;
    height: 7px;
     width: 15px;
    background: url(../images/bg/bg_progressbar_hg.png) no-repeat 0 0;
}
.mtelCommande .upload-progressbar-wrap .cornerHD,
.mtelPostPayment .upload-progressbar-wrap .cornerHD {
    right: 0;
    top: 0;
    height: 7px;
    width: 7px;
    background: url(../images/bg/bg_progressbar_hd.png) no-repeat 0 0;
}
.mtelCommande .upload-progressbar-wrap .cornerBG,
.mtelPostPayment .upload-progressbar-wrap .cornerBG {
    bottom: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background: url(../images/bg/bg_progressbar_bg.png) no-repeat 0 0;
}
.mtelPostPayment .upload-progressbar-wrap .cornerBD,
.mtelCommande .upload-progressbar-wrap .cornerBD {
    bottom: 0;
    right: 0;
    height: 15px;
    width: 7px;
    background: url(../images/bg/bg_progressbar_bd.png) no-repeat 0 0;
}
.mtelCommande .upload-progressbar-wrap .upload-progressbar-wrap-top,
.mtelCommande .upload-progressbar-wrap .upload-progressbar-wrap-bottom,
.mtelCommande .upload-progressbar-wrap .cornerHG,
.mtelCommande .upload-progressbar-wrap .cornerHD,
.mtelCommande .upload-progressbar-wrap .cornerBG,
.mtelCommande .upload-progressbar-wrap .cornerBD,
.mtelPostPayment .upload-progressbar-wrap .upload-progressbar-wrap-top,
.mtelPostPayment .upload-progressbar-wrap .upload-progressbar-wrap-bottom,
.mtelPostPayment .upload-progressbar-wrap .cornerHG,
.mtelPostPayment .upload-progressbar-wrap .cornerHD,
.mtelPostPayment .upload-progressbar-wrap .cornerBG,
.mtelPostPayment .upload-progressbar-wrap .cornerBD {position: absolute;}
.user-account .stamps-online .blockPack thead th.detailCol-1 {width: 111px;}
.user-account .stamps-online .blockPack thead th.detailCol-2 {width: 92px;}
.user-account .stamps-online .blockPack thead th.detailCol-3 {width: 111px;}
.user-account .stamps-online .blockPack thead th.detailCol-4,
.user-account .stamps-online .blockPack thead td.detailCol-4 {
	width: 323px;
	text-align: left !important;
}
.mtelCommande .upload-progressbar .info-progressbar .pbText {font-family: Roboto, Verdana, sans-serif;}
.transversePro .mtelPostPayment .exergue-color {color: #dc5409;}
#lselErrorMesgTop{
	 color: red;
    display: block;
    font-size: 1.2em;
    padding: 0.26em 1em;
}

.typeSuivi{
    float: left;
    padding: 0 0 10px;
    width: 500px;
}
.typeSuiviRow{
  	display: block;
    float: left;
    position: relative;
    vertical-align: middle;
    width: 250px;
}

.typeSuivi .envoiSuiviRow{
    width: 183px;
}

.typeSuivi .envoiSimpleRow{
    width: 162px;
}

.typeSuivi .lesDeuxRow{
    width: 141px;
}

.typeSuiviRow .wrapInput {
    display: inline;
    float: none;
    font-size: inherit;
    height: auto;
    line-height: normal;
    padding: 50px;
}

.typeSuiviRow .envoiSimple,
.typeSuiviRow .lesDeux {
    padding: 1px !important;
}

.typeSuiviRow .envoiSuivi {
    padding: 48px !important;
}

.transverse .content .step4  .block-bg-corner {
	margin-top:15em !important;
}

.aebk  {
	font-size: 2em;
    font-weight: bold;
    line-height: 1em;
}

#nombreTimbre
{
	font-size: 1.4em;
}

.content-left.vignette-details h4{
	font-weight:bold;
}


.demoColissimoMargin{	
	padding-top: 40px;
	padding-right: 30px;
	padding-bottom: 50px;
	padding-left: 50px;
}

.demoColissimoMargin table img { /* A conserver pour fusion */
	max-width: inherit;
}

.demoColissimoMargin a {
	color:blue;
	text-decoration:underline;
}

.sips_trans_ref_table {
    margin: 0;
}

.sips_trans_ref_table td {
    font-size: 1.333em;
    padding: 5px;
}
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background:  
                url('http://i.stack.imgur.com/FhHRx.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}

.content.step3  #lrel-recherche-email-part input[type="text"] { margin:0;}
.content.step3  #lrel-recherche-email-pro input[type="text"] { margin:0;}


/* SEO */
.seoFilterH1 {font-size: .6em;text-transform: none;color: #aaa; display: block; padding-top: 25px;} /* TODO - à conserver pour fusion */

#lel h1{
	color: #DC5409;
}

#addToCartForm .unitPrice{
	font-size:11px;
}


.professionnel.collector-section .beaux-timbres .product-buy .unit-price {
     float: left;
     line-height: 22px;
     margin: 0 0 20px 10px;
     padding-right: 0;
     padding-left:0;
}


.reshipment .block-droit label u{
    font-size: 1.3em;
}

/************* Hausse Tarifaire 2018 *********************/

.desc-HT li{
	font-size:12px;
}
/* Aspiration fiche pays colis */
#delais .centerAlign {
	text-align: center;
}

#delais .cta-country {
	padding: 15px 35px;
	border-radius: 10px;
	margin-bottom: 20px;
}

.country-profile .list-square>li {
    font-size: 1rem;
    line-height: 1.4;
}

.country-profile {
    font-size: 16px;
    background: #fff;
}
.country-profile table {
    border-collapse: separate;
}
.country-profile .lp-section-inner {
    padding: 50px 0;
}
.country-profile .centerAlign {
    padding: 10px;
    text-align: center;
}

#delais.lp-section-inner {
    padding: 0 0 50px 0;
}

/* .country-profile .row { */
/*     display: flex; */
/* } */
.country-profile th.row,
.country-profile tr.row {
    margin: 0;
}
.country-profile th.row{
    display: table-cell;
}
.country-profile tr.row {
    display: table-row;
}
.country-profile tr.panel-default {
    padding: 0;
}
.country-profile tr.row th.panel-default {
    border: none;
    border-bottom: solid 1px #ccc;
    border-radius: 0;
    background-color: #717171;
    font-weight: bold;
    color: #fff;
}
.country-profile .space-mbm {
    display: block;
    margin-bottom: 20px;
}
.country-profile .select .select-wp,
.country-profile .panel-form .btn {
    border-radius: 10px;
}
.country-profile .h--icon:before {
    padding-right: 10px;
    font-size: 27px;
    color: #3e3e3e;
}

.country-profile .icon-denied:before {
    content: "\e924";
}
.country-profile .icon-box:before {
    content: "\e922";
}
.country-profile .icon-calendar:before {
    content: "\e923";
}
.country-profile .icon-stylo:before {
    content: "\e925";
}

/**.country-profile .icon-clock:before { A laisser commente dans le cadre de la fusion
    content: "\e953";
} */

.country-profile .icon-file:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    content: "\f15b";
}

.country-profile .list-group-arrow-down .list-group-arrow-down--link::after {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 34px;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    content: "\f107";
}
.country-profile .list-group-arrow-down .list-group-arrow-down--link:hover::after {
    text-decoration: none;
    color: inherit;
}
.country-profile .space-mbm {
    display: block;
    margin-bottom: 20px;
}
.country-profile .select .select-wp,
.country-profile .panel-form .btn {
    border-radius: 10px;
}
.country-profile .h--icon:before {
    padding-right: 10px;
    font-size: 27px;
    color: #3e3e3e;
}

.country-profile .icon-denied:before,
.country-profile .icon-box:before,
.country-profile .icon-calendar:before,
.country-profile .icon-stylo:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'laposte';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.country-profile .icon-denied:before {
    content: "\e924";
}
.country-profile .icon-box:before {
    content: "\e922";
}
.country-profile .icon-calendar:before {
    content: "\e923";
}
.country-profile .icon-stylo:before {
    content: "\e925";
}

.country-profile .list-group-arrow-down .list-group-arrow-down--link::after {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 34px;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    content: "\f107";
}
.country-profile .list-group-arrow-down .list-group-arrow-down--link:hover::after {
    text-decoration: none;
}
.country-profile .panel-default {
    background-color: #717171;
    color: #fff;
}

.country-profile .link--chevron-up:after {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    content: "\f106";
}
.country-profile .link--chevron-right:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    content: "\f105";
        padding-right: 5px;
    height: 21px;
}
.mediatron__media-bg {
    height: 350px;
    max-width: 206px;
    background: url(../images/media/picto-world-time.png) no-repeat left center;
    background-size: 100%;
}
.mediatron__media-bg {
    height: 350px;
    max-width: 206px;
    background: url(../images/media/picto-world-time.png) no-repeat left center;
    background-size: 100%;
}
.transverse .step4 p.erreurConfirmPageRecap{
	margin-bottom: 1.2em;
    font-size: 14px;
    color: red;
    margin: 0px 0px 20px 20px;
}
.transverse .step4 .pendingMessage p{
	font-size: 14px;	
}

#editAddress .type-text label{
	width:90px;
}
#editAddress .name-address label{
	width:inherit;
}
.block-name-complement .question2 {
	font-weight: normal;
}
#myMixedBasket .tableMyServices tbody .firstRow.mtelAddSuivi td.delete{
	vertical-align:bottom;
}
/** Proxi Service please  review this **/

.remise{
    font-size: 87%;
    color: #FF0000;
}

/* DPPROXI-286 */
@-moz-document url-prefix() {
    .user-account .reshipment .proxy-action a.proxy-quotation-reject:before {
        top: -3px;
    }
}

/*******************************************
*
*    CSS Banniére parrainage Mon compte
*
********************************************/
.proxi-banner-parrainage {
	position: relative;
	height: 137px;
	width: 614px;
	display: inline-flex;
	background-color: #2B6293;
	border-radius: 5px;
    margin-bottom: 2rem;
}
.picto-cadeau {
	height: 122px;
	width: 122px;
}

.left-side {
    margin: -19px 0 0 1.5rem;
    z-index: 1;

}

.user-account .reshipment p.parrainage-h1 {
	height: 34px;
	color: #FFFFFF;
	font-family: Roboto, Verdana, sans-serif;
	font-size: 31.36px;
	font-weight: 900;
	line-height: 39px;
	margin: 2rem 0 0 0;
	text-transform: uppercase;
}

.user-account .reshipment p.parrainage-h2 {
	height: 35px;
	color: #FFFFFF;
	font-family: Roboto, Verdana, sans-serif;
	font-size: 27.42px;
	font-weight: bold;
	line-height: 35px;
	text-align: end;
}

.user-account .reshipment p.parrainage-h3 {
    color: #FFFFFF;
    font-family: Roboto, Verdana, sans-serif;
    text-align: end;
}

.user-account .reshipment p.parrainage-promo-code {
    height: 19px;
    color: #FFC928;
    font-size: 15.67px;
    line-height: 20px;
    font-family: Roboto, Verdana, sans-serif;
    font-weight: bold;
    text-align: end;
}

.separation {
	height: 115px;
	color: dimgray;
	margin: 10px auto;
	border: none;
	border-left: 1px solid hsla(200, 10%, 50%,100);
}

.user-account .reshipment p.proxi-banner-text {
	height: 58px;
	width: 279px;
	color: #FFFFFF;
	font-family: Roboto, Verdana, sans-serif;
	font-size: 15.67px;
	font-weight: 400;
	line-height: 19px;
	margin: 16px 0;
}
.user-account .reshipment p.proxi-banner-text span {
    display: block;
}

.user-account .reshipment .right-side {
    position: relative;
}
.user-account .reshipment .right-side a {
	display: block;
	height: 34px;
	width: 191px;
	color: #383839;
	font-family: Arial;
	font-size: 15.18px;
	font-weight: bold;
	line-height: 34px;
	border-radius: 3px;
	border: none;
	background-color: #ffffff;
	text-align: center;
}



.content-left .parrainage-offre .parrainage-separation .hr-horizontale {
    display: inline-block;
    width: 40%;
    border-top: 1px solid #ccc;
    margin: 0 15px;
    height: 4px;
}

.user-account .reshipment a.proxi-banner-btn:hover {
	background-color: #ffca02;
	text-decoration: none;
}
.user-account .reshipment .right-side a:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

/*******************************************
*
*       CSS Page parrainage MSPLM
*
********************************************/

.content-parrainage {
    border: none;
    border-radius: 12px;
    background-color: rgba(121, 125, 134, 0.2);
    padding: 15rem 0 15px 0;
}

.user-account .reshipment a.link-cammande-MSPLM {
    height: 13px;
    width: 345px;
    color: #D46A2B;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    line-height: 27px;
}

.link-cammande-MSPLM::before {
    content: '';
    background: url(../images/arrowLeftBrown.svg) no-repeat center center;
    display: inline-block;
    width: 20px;
    height: 10px;
}

.content-parrainage {
    border: none;
    border-radius: 12px;
    padding: 15rem 0 0 0;
    margin: 9rem 0 0 0;
}

.parrainage-offre {
    position: absolute;
    left: 9rem;
    top: 17rem;
    text-align: center;
    margin-bottom: 2rem;
}

.parrainage-separation {
    position: relative;
    font-size: 13px;
    color: #2B6293;
    font-weight: 700;
    margin: 1rem -5rem;
}

.content-left .parrainage-offre .parrainage-separation .hr-horizontale {
    display: inline-block;
    width: 40%;
    border-top: 1px solid #ccc;
    margin: 0 15px;
    height: 4px;
}

.user-account .reshipment p.parrainage-ajout-filleul {
    font-family: Roboto, Verdana, sans-serif;
    font-size: 15.56px;
    font-weight: 600;
    color: #2B6293;
}

.parrainage-offre p.parrainage-text {
    height: 52px;
    width: 407px;
    color: #FFFFFF;
    font-family: Roboto, Verdana, sans-serif;
    font-size: 20.56px;
    font-weight: 500;
    line-height: 26px;
    background-color: #2B6293;
    margin: 0.5rem auto;
    padding: 7px;
    border-radius: 15px;
}

.user-account .reshipment .parrainage-code {
    font-family: Roboto, Verdana, sans-serif;
    font-size: 18.56px;
    font-weight: 700;
    line-height: 26px;
    color: #2B6293;
    margin: 1.5rem 0 0.5rem 0;
    border-radius: 15px;
}

.user-account .reshipment .parrainage-code sup {
    font-size: small;
}

.user-account .reshipment .parrainage-code-parrain {
    margin: 0 auto;
    height: 32px;
    line-height: 35px;
    width: 170px;
    color: #FFFFFF;
    background-color: #2B6293;
    font-family: Roboto, Verdana, sans-serif;
    font-size: 21px;
    font-weight: 400;
    text-align: center;
    border-radius: 6px;
}

.parrainage-email-filleul {
    width: 67%;
    margin: -1.5rem auto 0 auto;
}

.parrainage-email-filleul form {
    display: block;
}

.parrainage-email-filleul label,
.parrainage-email-filleul input,
.parrainage-email-filleul textarea{
    display: block;
    width: 100%;
    margin-bottom: 5px;
}

.parrainage-email-filleul input {
    background: #fff;
    text-align: left;
    position: relative;
}

.filleulSupplClose {
    position: absolute;
    right: -30px;
    margin-top: -42px;
    width: 20px;
    height: 20px;
    background: url(../images/btn/ui_icon_message_erreur.svg) center center no-repeat;
    cursor: pointer;
}

.error-message {
    display: none;
    align-items: center;
    text-align: center;
    margin: 2rem auto;
    padding: 1rem 0;
}

.error-message .error-label-msg {
    width: 89%;
    color: red;
    font-weight: 700;
}
.error-message img{
    width: 7%;
    vertical-align: middle;
}

#form-parrainageForm .error-label-msg {
    display: none;
    color: red;
}

.parrainage-email-filleul input,
.parrainage-email-filleul textarea {
    margin-bottom: 1rem;
    border-radius: 16px;
    border: none;
    padding: 0 0 0 5px;
    height: 31px;
    width: 416px;
}

.parrainage-email-filleul textarea {
    min-height: 101px;
    max-width: 420px;
}

.email-filleul span,
.msg-filleul span {
	font-weight: 500;
	font-size: 11px;
	font-style: italic;
}

.user-account .reshipment .parrainage-email-filleul p.parrainage-filleul {
    height: 11px;
    width: 429px;
    font-family: Arial;
    font-weight: 600;
    line-height: 12px;
    margin-bottom: 2rem;
    cursor: pointer;
    font-size: 1.2em;
    color: #0265cb;
    position: relative;
}

.user-account .reshipment .parrainage-email-filleul p.parrainage-filleul::before {
    content: '+';
    display: inline-block;
    width: 10px;
    height: 15px;
    font-size: 1.2em;
}

.user-account .reshipment .parrainage-email-filleul p.parrainage-filleul:hover  {
    text-decoration: underline;
}

parrainage-filleul.hidden {
     display: none;
}

.user-account .reshipment p.parrainage-info {
    text-align: left;
    margin-bottom: 1rem;
    font-size: 11px;
}

.parrainage-email-filleul button {
    height: 30px;
    width: 135px;
    border: none;
    color: #FFF;
    font-size: 1rem;
    font-weight: 700;
    border-radius: 20px;
    margin-bottom: 2rem;
    background-color: #2B6293;
}

.parrainage-email-filleul button:hover {
    background-color: #FFD20F;
}

.submitParrainage i {
	border: solid white;
	border-width: 0 3px 3px 0;
	display: inline-block;
    padding: 4px;
    margin-right: 11px;
}

#form-parrainageForm-hidden i {
    border: solid #006397;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    margin-right: 9px;
    float: initial;
}

.submitParrainage .right,
#form-parrainageForm-hidden .right {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.email-filleul {
    position: relative;
}

.user-account .reshipment .parrainage-text a {
    color: #0265cb;
}


/*********************************************/
/*                                           */
/*          CSS Parrain sans filleul         */
/*                                           */
/*********************************************/
.parrain-no-filleul {
    font-family: Roboto, Verdana, sans-serif;
}

.user-account .reshipment p.message-code-parrainage {
    font-weight: bold;
    margin-bottom: 14px;
}

.code-parrainage {
    color: #006397;
}

.parrainage-utilise-avant p:nth-child(2),
.filleul-commande,
.filleul-id{
    font-weight: 700;
}

/*********************************************/
/*                                           */
/*          CSS Tableau parrainage           */
/*                                           */
/*********************************************/
.message-no-filleul {
    margin-top: 12px;
}

.parrainage-table-container {
    margin-top: -9rem;
}

.parrainage-table-container th{
    height: 55px;
    width: 125px;
    background-color: #ffffff;
    color: #363636;
    font-family: Roboto, Verdana, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size:  16.75px;
    line-height: 53px;
    text-align: center;
}

.parrainage-table-container td {
    height: auto;
    width: 616px;
    font-weight: normal;
    font-size: 1em;
    padding: 1rem;
    vertical-align: middle;
}

.parrainage-table-container {
    width: 100%;
    margin: 0 auto;
    display: table;
    padding: 0 0 8em 0;
    text-align: center;
}

.parrainage-table-container .filleul-title {
    text-transform: uppercase;
    color: black;
    font-family: Arial;
    font-size: 12.73px;
    font-weight: bold;
    display: block;
}
.tbody
.date-validite {
    color: #2F2F2F;
    font-family: Arial;
    font-size: 12.73px;
    line-height: 18px;
    text-align: center;
}

.date-validite .use-code-filleul {
    display: block;
    color: #0265cb;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
}

.user-account .reshipment a.use-code-filleul {
    color: #0265cb;
}

.use-code-filleul::before {
    content: '';
    background: url(../images/btn/arrowRightBlue.png) center center no-repeat;
    display: inline-block;
    width: 15px;
    height: 10px;
    position: relative;
}

.content-inner span.p-underline:hover,
.add-other-one span.p-underline:hover{
    text-decoration: underline;
}

.code-utilise,
.code-expire {
    font-weight: 700;
}

.code-utilise {
    color: #37BA3D;
}

.code-expire {
    color: #D64848;
}

.filleul-id {
    color: #000000;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    line-height: 27px;
}

.user-account .reshipment a.use-code-filleul {
    font-size: 13px;
}

/* Background-color of the odd rows */
.parrainage-table-container tr:nth-child(odd) {
    background-color: rgba(245,245,242, 1);
}

/* Background-color of the even rows */
.parrainage-table-container tr:nth-child(even) {
    background-color: rgba(245,245,242, 0);
}

.parrainage-table-container td:first-child {
    position: relative;
    color: #000000;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    line-height: 27px;
}

.parrainage-table-container td:nth-child(1) {
    border-right: thin solid rgb(178, 178, 178, 0.5);
}

div.parrainage-text {
    width: 600px;
    color: #2F2F2F;
    font-family: Arial;
    font-size: 12px;
    margin: 1.5rem 0;
}

/*********************************************/
/*                                           */
/*          CSS Mail parrainage              */
/*                                           */
/*********************************************/

.parrainage-mail {
    height: auto;
    width: 612px;
    text-align: center;
    margin: 2px 0 18px 0;
    background-color: rgba(121, 125, 134, 0.2);
    border-radius: 12px;
    padding: 20px 0;
}

.parrainage-mail img{
    height: 151px;
    width: 151px;
}

.parrainage-mail p.mail-parrainage-ok {
    color: #19548A;
}

.parrainage-mail p.mail-parrainage-ko {
    color: #D64848;
}

.parrainage-mail p.mail-parrainage-ok,
.parrainage-mail p.mail-parrainage-ko {
    height: auto;
    width: 100%;
    font-family: Roboto, Verdana, sans-serif;
    font-size: 24px;
    font-weight: bold;
    margin: 42px 0 4px 0;
}

.parrainage-mail.error {
    border: 1px solid red;
    color: black;
}

.user-account .reshipment p.mail-filleul-message-ok {
    height: 80px;
    width: 454px;
    color: #363636;
    font-family: Arial;
    font-size: 18px;
    line-height: 0;
    text-align: center;
}

.user-account .reshipment p.mail-filleul-message-ko,
.user-account .reshipment p.mail-filleul-message-ok{
    height: auto;
    line-height: 1.2;
    color: #363636;
    font-family: Arial;
    font-size: 17px;
	margin: 0 auto;
}

.user-account .reshipment p.add-other-one {
    width: 23%;
    color: #19548A;
    font-family: Verdana;
    font-size: 12px;
    text-align: left;
    margin: -6rem 0 -2rem 0;
    cursor: pointer;
}

.user-account .reshipment p.add-other-one:hover {
    text-decoration: underline;
}

.parrainage-add-filleul-link a.add-filleul-link {
    color: #0265cb;
}

#form-parrainageForm-hidden {
    width: 30%;
}
#form-parrainageForm-hidden a{
    font-size: 14px;
	text-decoration: none;
}

#form-parrainageForm-hidden a:hover {
	text-decoration: underline;
}

/** BTKBACKLOG-13866 **/
.recap_last_order_bottom ul {
    padding-right: 140px;
}
.type-text .type-select span{border:0;}

.typetext input#destname,
.typetext input#numDeColis{height:25px;}


/** ECOMREFPART-726 **/
.particulier #formReexStep1 div.selector {
    border-width: 3px;
}

.error-label-msg {
    background: url(/_ui/eboutique/colis/messageErreur.png) no-repeat 0 50%;
    color: red;
    font-family: "verdana";
    font-size: 13px !important;
    padding-left: 30px !important;
    margin-bottom: 10px;
    padding-top: 5px;
    font-weight: normal;
    text-align: left;
}

.error-label-msg-global .error{
    color: #f00;
    font-size: 12px;
    font-family: "verdana";square-select-custom
font-weight: 500;
}

/** ECOMREFPART-721 **/
#coordonneesParticulier .selector ,
#coordonneesProfessionnel .selector {
    border-width: 3px;
    height: auto;
    /*width: 298px;*/
    width: auto;
}

.particulier #formReexStep1 #uniform-civilityAbo span{color:#bbb;}


.has-error.inverse .form-control-feedback {
    background: #ee2c0c;
    color: #fff;
    background: #ee2c0c;
    color: #fff !important;
    text-align: left;
    display: inline-block;
    clear: both;
    font-size: 12px;
    padding: 6px 12px 6px 6px;
}
.has-error .form-control-feedback:before {
	content: "\ea08";
    display: inline-block;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;
    font-style: normal;
    font-variant: normal;
    font-family: "laposte";
    font-size: 1.8em;
    padding-right: 8px;
    color: #fff;
}

.country-profile.particulier .btn.btn-default,
.country-profile.professionnel .btn.btn-default{background-color:#fff; color:#000; width:92px;}
.country-profile.particulier .btn.btn-default:hover,
.country-profile.professionnel .btn.btn-default:hover{background-color:#ebebeb;}

#formReexStep1 #NewAddress .type-select .formRow,
#formReexStep1 #NewAddress .type-select .selector,
#formReexStep1 #NewAddress .type-select {float:left;}
#formReexStep1 #NewAddress .type-select .formRow{line-height:38px;}
#formReexStep1 #NewAddress .type-select .selector{margin-left: 0px;}
    
/* POSTPAYMENT colis */

.blockGreyColis  {background-color: #f4f4f4;min-height: 70px;box-sizing: border-box;margin: 0 auto; overflow:hidden; border-radius:15px; margin-bottom: 28px}
.blockGreyColis .leftBlock {width: 60%; padding-left: 30px; padding-top: 20px; float:left}
.blockGreyColis .rightBlock {width: 20%; float: right; padding: 10px 0px; background-color: white; margin-top: 50px; margin-right:60px; display: table;text-align:center }
.blockGreyColis .rightBlock > p {vertical-align:middle; display: table-cell;}
.basic-title-color2 {margin-left:0px;color:#20458f !important; font-weight: bold; font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;}

.vignetteCssEvol p i{float: left;font-size: 30px; margin-right: 10px;}
.vignetteCssEvol .myaccount_homeVrel{text-align: center; margin-top:10px; margin-bottom: 20px;}
.vignetteCssEvol .isPrintVrelInAutomateEnabled + .myaccount_homeVrel{margin-top:20px;}
.user-account .electronic-letter .vignetteCssEvol  p span.evolVREblueText{color: #20458F;font-size: 0.75rem; margin-bottom: 10px; font-weight:bold;}
.user-account .electronic-letter .vignetteCssEvol  p span.dtEvolVREL{color: #20458F;font-size: 0.75rem;}
.user-account .electronic-letter .vignetteCssEvol  p{color:#000;font-size: 0.75rem; margin-bottom:10px;}


.transverse .step4 .info_cn23 p {
    font-family: Roboto, Verdana, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
    margin-bottom: 0;
}

.transverse .step4 .info_cn23__text .title {
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    padding-bottom: 5px;
    margin-bottom: 0;
}

/* CSS pour la bannière (popin) enrolement */

.popin-in .section-border {
    border-top: solid 5px #e5e5e5;
    border-color: #ffc928;
    box-shadow: 0 22px 28px -5px rgba(17,26,144,.25);
    height: 130px;
    width: 96%;
    display: inline-block;
    border-radius: 5px;
    padding: 2% 0 0 4%;
}

.popin-in .section-border p {
    font-size: 15px;
}

.popin-in h3{
    font-weight: 600;
}

.popin-in .section-border p {
    margin-top: 4px;
}

.popin-in .section-border strong {
    font-weight: 900;
}

.popin-in .content{
    color:blue;
}

.popin-in button.in-btn {
    position: relative;
    top: 0.4rem;
    left: 20rem;
    padding: 1em;
    background-color: unset;
    border: solid 2px;
    border-radius: 19px;
    font-size: 13px;
}

.popin-in button.in-btn span {
    margin-left: 16px;
}

.popin-in .box-img-enrollement {
    display: inline;
    width:156px;
    position:relative;
    float: right;
    top: -5pc;
}

.popin-in img.img-enr {
    width: 156px;
    height: 156px;
}



.popin-in .box-img-logo {
    display: inline;
    position:relative;
    border-top: solid 3px #ffc928;
    float:left;
    left: 4%;
    top: -4.5rem;
}

.popin-in .img-logo {
    display:inline;
    width: 70px;
    height:23px;
    margin-top:20%;
}

.popin-in .box-link {
    display: inline-block;
    width: 100%;
    margin-top: 1%;
}

.popin-in a.link-savoir {
    display: inline;
    min-width: 136px;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 2em;
    padding: 8px 24px;
    font-family: roboto;
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    transition: all .2s ease;
    cursor: pointer;
    color:blue;
    border-color:blue;
    margin-left:40%;
}

.popin-in-info .title{
    text-align:center;
}
.popin-in-info li.li-pourquoi{
    display:block;
    max-width:100%;
    list-style-type: circle;
    padding:0;
}
.popin-in-info .box_cta{
    width:100%;
    display:inline-block;
}
.popin-in-info img{
    height:80px;
}
.popin-in-info .title_h2{
    text-align:center;
}
.popin-in-info div.content2{
    height:550px;
    color:blue;
}
.popin-in-info .container{
    display: flex;
    height: auto;
    align-items: center;
    justify-content: center;
}
.popin-in-info li{
    display:inline-block;
    max-width:28%;
    padding-left:2%;
}
.popin-in-info .box-img{
    margin:2%;
    width:90%;
    /*height:90px;*/
    text-align:center;
}
.popin-in-info .section-border {
    border-top: solid 5px #e5e5e5;
    border-color: #ffc928;
    box-shadow: 0 22px 28px -5px rgba(17,26,144,.25);
    height: 130px;
    width: 96%;
    display: inline-block;
    border-radius: 5px;
    padding: 2% 0 0 4%;
}

.popin-in-info .content .content2{
    color:blue;
}

.popin-in-info .box-img-enrollement {
    display: inline;
    width:156px;
    position:relative;
    float: right;
    top: -7pc;
}

.popin-in-info img.img-enr {
    width: 156px;
    height: 156px;
}

.popin-in-info .box-img-logo {
    display: inline;
    position:relative;
    border-top: solid 3px #ffc928;
    float:left;
    left: 4%;
    top: -5pc;
}

.popin-in-info .img-logo {
    display:inline;
    width: 70px;
    height:23px;
    margin-top:20%;
}

.popin-in-info .box-link {
    display: inline-block;
    width: 100%;
    margin-top: 1%;
}
.popin-in-info .box-link_cta{
    display: inline-block;
    width:40%;
    margin-top: 1%;
}

.popin-in-info a.link-savoir {
    display: inline-block;
    min-width: 136px;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 2em;
    padding: 8px 24px;
    font-family: roboto;
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
    transition: all .2s ease;
    cursor: pointer;
    color:blue;
    border-color:blue;
}

.popin-in-info .img-logo-in{
    width:25px;
    height:25px;
    positive:relative;
    float:left;
}

.packInfoGroup .contract-active {
    display: flex;
    background-color: #d0e0cb;
    color: #72B673;
    border-radius: 10px;
    font-size: 12px;
    margin: 0 30px 10px;
    padding: 0.5rem;
}

.packInfoGroup .contract-active p::before {
    content: "\eb2f";
    font-size: 22px;
    margin: 0 2rem 0 1rem;
    vertical-align: bottom;
    font-family: 'laposte';
}

.parcours-indisponible {
    margin-top: -20px;
}

.parcours-indisponible + .template-base {
    margin-top: -60px !important;
}

.parcours-indisponible + .template-base .wb-template {
    margin-top: 60px !important;
}
.docLink.disable-link {
    pointer-events: none;
    opacity: .3;
}

.datepicker-block-bg .datecontrat .type-date {
    display: flex;
    align-items: center;
    float: none;
    margin: 0 auto;
}
.datepicker-block-bg .datecontrat .type-date .aide_form{
    min-width: 30px;
}

.timbre-box{
    margin-bottom: 30px;
    clear: both;
    display: block;
    position: relative;
    padding-left: 70px;
}
.new-maquette .error-link-visited{
    color: #d90705;
}
.new-maquette .error-link-visited p{
    font-size: 14px;
    display: flex;
}
.new-maquette .error-link-visited p::before{
    content: "\ea4f";
    font-family: laposte;
    font-size: 18px;
    margin-right: 6px;
}

.timbre-box .new-theme{
    font-size:28px;
    margin-bottom: 30px;
}
.new-maquette p{
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 12px;
}
.new-maquette .etape-imp{
    width: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 30px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.new-maquette .etape-imp .lpi-check{
    margin-bottom: 12px;
}
.new-maquette .etape-imp.validEtape1 .lpi-check {
    font-size: 22px;
    border-radius: 50%;
    border: 1px solid #ffc928;
    background: #ffc928;
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.professionnel .new-maquette .etape-imp.validEtape1 .lpi-check {
    border: 1px solid #92004d;
    background: #92004d;
    color: white;
}
.new-maquette .etape-imp.validEtape1 .lpi-check::before {
    content: "\e952";
}
.new-maquette .etape-imp.validEtape1 .trait-etape {
    width: 4px;
    border-radius: 5px;
    height: calc(100% - 48px);
    background: #C4C4C4;
}
.new-maquette .etape-imp.validEtape2 .lpi-check {

    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;

}
.new-maquette .etape-imp.validEtape2 .lpi-check::before {
    content: "...";
    color: #ffc928;
    line-height: 5px;
    height: 36px;
    width: 36px;
    font-size: 40px;
    border-radius: 50%;
    border: 3px solid #ffc928;
    background: none transparent;
    display: flex;
}
.professionnel .new-maquette .etape-imp.validEtape2 .lpi-check::before {
    border: 3px solid #92004d;
    color: #92004d;
}
.new-maquette .etape-imp.validEtape2 .trait-etape {
    width: 4px;
    border-radius: 5px;
    height: calc(100% - 48px);
    background: #C4C4C4;
}
.new-maquette .etape-imp.validEtape3 .lpi-check {
    width: 17px;
    height: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 3px solid #D2D2D1;
    background: none transparent;
}
.new-maquette .etape-imp.validEtape3 .lpi-check::before {
    content: '';
}
.new-maquette .etape-imp.validEtape3 .trait-etape {
    width: 0px;
    border-radius: 5px;
    border-left: 3px dashed #c4c4c4;
    height: calc(100% - 48px);
}

.btn-help_newM{
    font-size: 14px;
    font-weight: bold;
}
.btn-help_newM::after{
    font-family: laposte;
    content: "\e9b4";
    font-size: 18px;
    font-weight: 700;
    margin-left: 12px;
}

.timbre-box .msg-warn{
    background: #FDF4E7;
}
.timbre-box .msg-warn p{
    color: #834E02;
    font-size: 14px;
}
.timbre-box .msg-warn>p.hasIcon:before{
    color: #FB9D2B;
}

.timbre-box .msg-success{
    background: #DAF1E4;
    min-height: auto;
    margin-top: 15px;
}
.timbre-box .msg-success p{
    color: #0B7C29;
    font-size: 14px;
}
.timbre-box .msg-success>p.hasIcon:before{
    color: #0B7C29;
    font-size: 20px;
}
.timbre-box .page-step > li{
    margin-top: 0;
}
.checkbox-cn23.btns-small{
    padding-bottom: 8px;
    padding-top: 8px;
    margin-bottom: 20px;
}
.link-cn23{
    margin: 20px 0;
}
.link-cn23 a{
    color: #0F62FE;
    font-size: 16px;
    text-decoration: underline;
    line-height: 20px;
}
.new-maquette [type="checkbox"]:not(:checked) + label:before{content: '';position: absolute;left:0; top: 2px;width: 24px; height: 24px;  border-radius: 3px; border: 2px solid #717171; background: #fff;}
.new-maquette [type="checkbox"]:checked + label:before {content: '';position: absolute;left:0; top: 2px;width: 24px; height: 24px;  border-radius: 3px; border: 2px solid #3c3c3c; background: #3c3c3c;}
.new-maquette [type="checkbox"]:not(:checked) + label:after,
.new-maquette [type="checkbox"]:checked + label:after ,.new-maquette [type="checkbox"]:checked + label:after {position: absolute;top: 0; left: 6px; font-size: 20px;color: white;transition: all .2s;top: 2px; content:"\e951"; font-size: 12px; font-family: laposte;}
.new-maquette [type="checkbox"]:not(:checked) + label:after {opacity: 0; transform: scale(0);}
.new-maquette [type="checkbox"]:checked + label:after {opacity: 1;transform: scale(1);}
.new-maquette [type="checkbox"]:not(:checked),
.new-maquette [type="checkbox"]:checked {position: absolute;left: -9999px;font-weight: normal;}
.new-maquette [type="checkbox"]:not(:checked) + label,
.new-maquette [type="checkbox"]:checked + label { position: relative;padding-left: 40px; cursor: pointer; line-height: 24px; font-size: 14px; font-weight: bold;}
.new-maquette [type="checkbox"]:disabled:not(:checked) + label:before,
.new-maquette [type="checkbox"]:disabled:checked + label:before {box-shadow: none;border-color: #bbb;background-color: #ddd;}
.new-maquette [type="checkbox"]:disabled:checked + label:after {color: #999;}
.new-maquette [type="checkbox"]:disabled + label {color: #aaa;}
.new-maquette [type="checkbox"] + label:before {display: inline-block;position: absolute; top: 0;left: 0px; content: " ";border: 1px solid #c3c3c3;width:25px;height:25px;background:#fff}
.new-maquette input[type=radio] {position: absolute;left: -5000px;}
.new-maquette input[type=radio] + label:before {background: #fff;border: 2px solid #ccc;border-radius: 50%;margin-top: -3px;margin-right: 6px;display: inline-block;vertical-align: middle;
    content: ''; width: 24px;height: 24px;cursor:pointer;}
.new-maquette input[type=radio]:checked + label:before { background: #fb8819; box-shadow: inset 0px 0px 0px 5px #fff; cursor:default}
.new-maquette input[type="radio"]:not(:checked):disabled+label, .new-maquette input[type="radio"]:disabled+label {cursor:pointer; color:grey}
.new-maquette input[type="radio"]:disabled {cursor:default; color:#dddddd}
.new-maquette input[type="radio"]:not(:checked):disabled+label:before {background:#dddddd;cursor:pointer}

.titleRecap{
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1em;
    color: #20458f;
    text-align: center;
    margin-bottom: 20px;
}
.recapMsg {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 30px;
}
.btn-recap{
    display: flex;
    justify-content: center;
    margin-top: 15px;
}
.recap-cta.btn{
    background: #ffc928;
    color: #000000;
    text-decoration: none;
    padding: 6px 20px;
    font-size: 16px;
    min-width: 120px;
    border-radius: 6px;
    text-align: center;
}
.professionnel .recap-cta.btn {
    background: #92004d;
    color: white;
}