/* Minification failed. Returning unminified contents.
(8240,9): run-time error CSS1036: Expected expression, found '}'
(10574,59): run-time error CSS1030: Expected identifier, found '='
(10574,63): run-time error CSS1031: Expected selector, found ')'
(10574,63): run-time error CSS1025: Expected comma or open brace, found ')'
(10578,63): run-time error CSS1030: Expected identifier, found '='
(10578,67): run-time error CSS1031: Expected selector, found ')'
(10578,67): run-time error CSS1025: Expected comma or open brace, found ')'
(10586,59): run-time error CSS1030: Expected identifier, found '='
(10586,63): run-time error CSS1031: Expected selector, found ')'
(10586,63): run-time error CSS1025: Expected comma or open brace, found ')'
(10596,54): run-time error CSS1030: Expected identifier, found '='
(10596,58): run-time error CSS1031: Expected selector, found ')'
(10596,58): run-time error CSS1025: Expected comma or open brace, found ')'
(10600,46): run-time error CSS1030: Expected identifier, found '='
(10600,50): run-time error CSS1031: Expected selector, found ')'
(10600,50): run-time error CSS1025: Expected comma or open brace, found ')'
 */

@media ( min-width: 1200px ) {

    .large-hidden {
        display: none;
    }

    .large-block {
        display: block;
    }

    .large-inline {
        display: inline !important;
    }

    .large-right {
        float: right !important;
    }

    .large-left {
        float: left !important;
    }

    .large-no-float {
        float: none !important;
    }

    /* Width */
    .inner {
        width: 1180px;
    }

    .col.w220p {
        width: 280px;
    }

    .large-wauto {
        width: auto;
    }

    .large-w20 {
        width: 20%;
    }

    .large-w20p {
        width: 20px;
    }

    .large-w35p {
        width: 35px;
    }

    .large-w60p {
        width: 60px;
    }

    .large-w75p {
        width: 75px;
    }

    .large-w100p {
        width: 100px;
    }

    .large-w110p {
        width: 110px;
    }

    .large-w130p {
        width: 130px;
    }

    .large-w125p {
        width: 125px;
    }

    .large-w145p {
        width: 145px;
    }

    .large-w150p {
        width: 150px;
    }

    .large-w155p {
        width: 155px;
    }

    .large-w160p {
        width: 160px;
    }

    .large-w170p {
        width: 170px;
    }

    .large-w175p {
        width: 175px;
    }

    .large-w190p {
        width: 190px;
    }

    .large-w200p {
        width: 200px;
    }

    .large-w205p {
        width: 205px;
    }

    .large-w210p {
        width: 210px;
    }

    .large-w215p {
        width: 215px;
    }

    .large-w220p {
        width: 220px;
    }

    .large-w222p {
        width: 222px;
    }

    .large-w220pi {
        width: 220px !important;
    }

    .large-w235p {
        width: 235px;
    }

    .large-w240p {
        width: 240px;
    }

    .large-w245p {
        width: 245px;
    }

    .large-w250p {
        width: 250px;
    }

    .large-w260p {
        width: 260px;
    }

    .large-w270p {
        width: 270px;
    }

    .large-w280p {
        width: 280px;
    }

    .large-w290p {
        width: 290px;
    }

    .large-w310p {
        width: 310px;
    }

    .large-w330p {
        width: 330px;
    }

    .large-w340p {
        width: 340px;
    }

    .large-w345p {
        width: 345px;
    }

    .large-w350p {
        width: 350px;
    }

    .large-w360p {
        width: 360px;
    }

    .large-w366p {
        width: 366px;
    }

    .large-w375p {
        width: 375px;
    }

    .large-w380p {
        width: 380px;
    }

    .large-w385p {
        width: 385px;
    }

    .large-w390p {
        width: 390px;
    }

    .large-w400p {
        width: 400px;
    }

    .large-w410p {
        width: 410px;
    }

    .large-w415p {
        width: 415px;
    }

    .large-w420p {
        width: 420px;
    }

    .large-w425p {
        width: 425px;
    }

    .large-w435p {
        width: 435px;
    }

    .large-w440p {
        width: 440px;
    }

    .large-w450p {
        width: 450px;
    }

    .large-w485p {
        width: 485px;
    }

    .large-w510p {
        width: 510px;
    }

    .large-w520p {
        width: 520px;
    }

    .large-w535p {
        width: 535px;
    }

    .large-w540p {
        width: 540px;
    }

    .large-w560p {
        width: 560px;
    }

    .large-w570p {
        width: 570px;
    }

    .large-w580p {
        width: 580px;
    }

    .large-w585p {
        width: 585px;
    }

    .large-w600p {
        width: 600px;
    }

    .large-w610p {
        width: 610px;
    }

    .large-w630p {
        width: 630px;
    }

    .large-w635p {
        width: 635px;
    }

    .large-w660p {
        width: 660px;
    }

    .large-w670p {
        width: 670px;
    }

    .large-w690p {
        width: 690px;
    }

    .large-w710p {
        width: 710px;
    }

    .large-w742p {
        width: 742px;
    }

    .large-w756p {
        width: 756px;
    }

    .large-w760p {
        width: 760px;
    }

    .large-w780p {
        width: 780px;
    }

    .large-w860p {
        width: 860px;
    }

    .large-w905p {
        width: 905px;
    }

    .large-w925p {
        width: 925px;
    }

    .large-w930p {
        width: 930px !important;
    }

    .large-w945p {
        width: 945px;
    }

    .large-w990p {
        width: 990px;
    }

    .large-w995p {
        width: 995px;
    }

    .large-w1005p {
        width: 1005px;
    }

    .large-w33 {
        width: 33.333%;
    }

    .large-w40 {
        width: 40%;
    }

    .large-w60 {
        width: 60%;
    }

    .large-w50 {
        width: 50%;
    }

    .large-w70 {
        width: 70%;
    }

    .large-w75 {
        width: 75%;
    }

    .large-w87 {
        width: 87%;
    }

    .large-w100 {
        width: 100%;
    }

    /* Even with a larger mod, content won't stretch with the class .large-dont-stretch */
    .large-dont-stretch {
        width: 895px; /* in a .mod, with its 30+30px padding (955-30-30 = 895px left in 1024) */
    }

    .large-w955p {
        width: 955px; /* on a .mod (.mod in 1024 has the width of .inner, i.e. 955px wide) */
    }

    fieldset.genuine .large-dont-stretch {
        width: 861px; /* fieldset is 895px, its content is 861px */
    }

    fieldset .form-col-1-2 {
        width: 47.7%;
    }

        fieldset .form-col-1-2.col-last {
            width: 48.2%;
        }

    .large-mh22p {
        min-height: 22px; /* specific to block @ homepage */
    }

    .large-h344p {
        height: 344px;
    }
    /* specific to the slideshow for carrier homepage */


    .large-t-4-5 {
        position: relative;
        top: 45px;
    }

    .large-t-5 {
        position: relative;
        top: 50px;
    }

    /* margin, padding */
    .large-mt0 {
        margin-top: 0 !important;
    }

    .large-mt0-5 {
        margin-top: 5px !important;
    }

    .large-mt1-5 {
        margin-top: 15px !important;
    }

    .large-mt2 {
        margin-top: 20px !important;
    }

    .large-mr0 {
        margin-right: 0 !important;
    }

    .large-mr0-2 {
        margin-right: 2px !important;
    }

    .large-mr2 {
        margin-right: 20px !important;
    }

    .large-mr3 {
        margin-right: 30px !important;
    }

    .large-mr4 {
        margin-right: 40px !important;
    }

    .large-mr4-5 {
        margin-right: 45px !important;
    }

    .large-mr5 {
        margin-right: 50px !important;
    }

    .large-mr16 {
        margin-right: 160px !important;
    }

    .large-mb0 {
        margin-bottom: 0 !important;
    }

    .large-mb4 {
        margin-bottom: 40px !important;
    }

    .large-ml0 {
        margin-left: 0 !important;
    }

    .large-ml0-5 {
        margin-left: 5px !important;
    }

    .large-ml1-3 {
        margin-left: 13px !important;
    }

    .large-ml3 {
        margin-left: 30px !important;
    }

    .large-ml5 {
        margin-left: 50px !important;
    }

    .large-ml16 {
        margin-left: 160px !important;
    }

    .large-ml112 {
        margin-left: 112px !important;
    }

    .large-ml122 {
        margin-left: 122px !important;
    }

    .large-ml184 {
        margin-left: 184px !important;
    }

    .large-ml162 {
        margin-left: 162px !important;
    }

    .large-ml182 {
        margin-left: 182px !important;
    }

    .large-ml26 {
        margin-left: 260px !important;
    }



    .large-pt0-5 {
        padding-top: 5px !important;
    }

    .large-pt1 {
        padding-top: 10px !important;
    }

    .large-pt1-5 {
        padding-top: 15px;
    }

    .large-pt2 {
        padding-top: 20px !important;
    }

    .large-pt3 {
        padding-top: 30px !important;
    }

    .large-pr0 {
        padding-right: 0 !important;
    }

    .large-pr0-5 {
        padding-right: 5px !important;
    }

    .large-pr1 {
        padding-right: 10px !important;
    }

    .large-pr3 {
        padding-right: 30px !important;
    }

    .large-pr4-5 {
        padding-right: 45px !important;
    }

    .large-pr5 {
        padding-right: 50px !important;
    }

    .large-pr8 {
        padding-right: 80px !important;
    }

    .large-pb0 {
        padding-bottom: 0 !important;
    }

    .large-pb3 {
        padding-bottom: 30px !important;
    }

    .large-pl0 {
        padding-left: 0 !important;
    }

    .large-pl0-5 {
        padding-left: 5px !important;
    }

    .large-pl2 {
        padding-left: 20px !important;
    }

    .large-pl3 {
        padding-left: 30px !important;
    }

    .large-pl5 {
        padding-left: 50px !important;
    }

    .large-pl6 {
        padding-left: 60px !important;
    }

    .large-pl8 {
        padding-left: 80px !important;
    }

    .large-pl11 {
        padding-left: 110px !important;
    }

    /* tables: every cells with a padding-left of 20px */
    .large-cell-pl2 th,
    .large-cell-pl2 td {
        padding-left: 20px;
    }

    .large-table-gut4-5-gray {
        border-right: 45px solid;
    }




    /* inbl */
    .large-inbl {
        display: inline-block;
        vertical-align: top;
    }

    .large-txtleft {
        text-align: left;
    }

    label.large-txtleft,
    .label-like.large-txtleft {
        display: inline;
    }

    .large-txtright {
        text-align: right;
    }

    label.large-txtright,
    .label-like.large-txtright {
        display: inline-block;
        margin-right: 10px;
    }

    .large-row {
        float: none;
        display: table;
        width: 100%;
    }

    .large-col {
        float: none;
        display: table-cell;
        vertical-align: top;
    }

    .large-bd-none {
        border: 0;
    }

    .large-bd-right {
        border-right: 1px solid;
    }

    .large-bd-left {
        border-left: 1px solid;
    }
    /* This data-table has a legend on its right in 1280: .has-legend allows to fix its width */
    .wide-col .data-table {
        width: 895px;
        margin-bottom: 0
    }

    /* Legend under a data-table on desktop goes along this table on wide display */
    .colorbox-wrapper {
        display: table-cell;
        width: 171px;
        border: 1px solid;
        margin: 0;
        padding: 30px 15px 0 21px;
        vertical-align: top;
    }

        .colorbox-wrapper .colorbox-item {
            display: block;
            margin-bottom: 12px;
        }

        .colorbox-wrapper .colorbox {
            float: left;
            margin-left: 0 !important;
        }

        .colorbox-wrapper .colorbox-label {
            display: block;
            overflow: hidden;
        }

    /* 6.23 mod Booking*/
    .items-table.w50 {
        width: 33.333% !important;
    }

    /* 6.32 simple timeline */
    .large-visible {
        /*1280 only*/
        display: block !important;
    }

    .col.large-visible,
    td.large-visible,
    th.large-visible {
        /*1280 only*/
        display: table-cell !important;
    }
    /* Inline in 1280, hidden in 1024 and lower (seen in 7.11a in .banner-gray on right RQM 21739) */
    .large-visible-inline {
        display: inline !important;
    }

    .timeline .timeline-main {
        margin: 0 25px;
    }

    .timeline-doc ul {
        margin-right: 55px;
    }

    .timeline-doc li.large-visible, .timeline-approval li.large-visible {
        display: inline-block !important;
    }

    .doc-editable {
        width: 895px;
        margin: auto;
    }

    /* Latest news */
    .news-summary .col.pr6 {
        padding-right: 40px !important;
    }

    /* datepicker */
    .datepicker img {
        width: auto; /* 23px */
        height: auto; /* 23px */
    }

    /* Follow-up documents 6a.31 */
    .data-table .header-icon.large-w35p,
    .data-table .checkbox + td {
        border: 0;
    }

    /* .form-horiz found in 704c */
    .form-horiz legend {
        text-align: right;
    }

    .service-s-table.large-td-pl2 td + td,
    .service-s-table.large-td-pl2 th + th {
        padding-left: 20px;
    }

    .reg-carrier-choice-item {
        width: 353px;
    }

    .reg-carrier-contains-4 .reg-carrier-choice-item {
        width: 257px;
    }

    .package-overlay {
        width: 209px;
    }
        /* 1280 overlay can go on 840px for a head line at 280px*/
        .package-overlay.po-col-4-4 { /* package 4th col on 4  */
            right: 1px;
        }

        .package-overlay.po-col-3-4 { /* package 3rd col on 4  */
            right: 211px;
        }

        .package-overlay.po-col-2-4 { /* package 2nd col on 4   */
            right: 421px;
        }

        .package-overlay.po-col-1-4 { /* package 1st col on 4   */
            right: 631px;
        }

        .package-overlay.po-col-3-3 { /* package 3rd col on 3  */
            right: 1px;
            width: 280px;
        }

        .package-overlay.po-col-2-3 { /* package 2nd col on 3   */
            right: 281px;
            width: 280px;
        }

        .package-overlay.po-col-1-3 { /* package 1st col on 3   */
            right: 560px;
            width: 280px;
        }



    .package-table caption > span {
        width: 631px;
    }

    .package-table.pt-caption-3col caption > span {
        width: 561px;
    }

    .account-intro {
        width: 278px;
        min-height: 163px;
        padding: 30px 20px 20px !important;
        margin-bottom: 0;
    }

    .col .account-intro {
        width: 414px;
        min-height: 154px;
        padding: 30px !important;
    }

    .nav-list-left {
        width: 280px;
    }

        .nav-list-left ul {
            width: 255px;
        }

        .nav-list-left .current {
            width: 281px; /* 255+25+1px */
        }

    /* Terms and Conditions (page 9c.08 RQM 21296) */
    .terms {
        margin: 10px 145px; /* plus 20px 30px from parent .mod gives 30px 175px */
    }

    /* Banner-gray (and other colors?) and its icons on right. Changes in late RQM 21296 */
    /* In 1280, text appears in link (margin between icon and check is void: text is in-between) and by default there's a 2px margin between text and check: we want 10px */
    .banner-characs .links-blue1 + .check.smaller {
        margin-left: 8px;
    }

    /* Control Totals (SI Step 4) - 4 (icon+value+unit) on a darker gray background / RQM 30368 - INS - Add Control Totals to SI Step 4 */
    /* Variation for 18b.09 (handsome table) */
    .ctrltotals.ctrltotals-modetable {
        width: 962px;
    }


    /* ----------------------------- */
    /*   ==Corporate                 */
    /* ----------------------------- */
    .corp-main {
        width: 1180px;
    }

    .corp-has-banner {
        width: 1010px;
        margin-left: -50px;
        padding-left: 50px;
    }

    .corp-banner {
        margin-bottom: -80px;
        width: 1280px;
        height: 360px;
        background-size: cover;
    }

        .corp-banner img {
            max-width: 1263px;
        }

    /* 3 contexts for a video, examples are in pages 10.06, 10.10 and 20.05. See templates.css for defaults (no change needed in Corp, column stays at W=680px) */
    /* 10.06: tutorial with sidebar */
    .video-with-sidebar .video-player {
        width: 874px;
        height: 531px; /* OK {875 / 531 Fx. Also 874} {875 / 531 Chrome = 1px on right. 874 = 1px on bottom} */
    }
    /* Page 10.10: tutorial without sidebar (full width) */
    .video-without-sidebar .video-player {
        height: 703px;
    }


    #tutorial-masonry .box {
        width: 373px;
    }

    .corp-has-banner .corp-inner h1 {
        padding-right: 50px;
    }

    /* layout */
    .corp-layout3 .corp-inner,
    .corp-layout4 .corp-inner {
        margin-left: 250px;
    }

    .corp-layout4 .corp-sidebar {
        margin-left: 30px;
        margin-right: -220px;
        margin-top: 94px;
    }

    .corp-layout6 .corp-inner {
        width: 905px;
    }

    .corp-layout6 .corp-nav-icons + .corp-inner {
        width: 910px;
    }

    /* ==Bottom/right menu */
    .corp-aside,
    .corp-layout1 + .corp-aside,
    .corp-layout1.corp-has-banner + .corp-aside {
        position: absolute;
        top: 45px;
        right: 0;
        width: 200px;
        margin-top: 0;
        margin-left: 0;
    }

    .corp-has-banner + .corp-aside {
        top: 100px;
    }

    .corp-aside-link,
    .corp-aside-icon {
        height: 48px;
        line-height: 48px;
    }

    .corp-aside-link {
        float: none;
        width: auto;
        text-align: left;
        white-space: nowrap;
    }

        .corp-aside-link + .corp-aside-link {
            margin-left: 0;
            margin-top: 20px;
        }

    .corp-aside-icon {
        display: inline-block;
        width: 48px;
        text-align: center;
    }

        .corp-aside-icon .icon {
            font-size: 30px !important;
        }

    .corp-aside-label {
        display: inline-block;
        vertical-align: middle;
        margin-top: 0;
        margin-left: 15px;
        padding: 0;
        line-height: 1.4em;
        white-space: normal;
    }

    .bg-triple > p,
    .bg-triple > div {
        max-width: 760px;
    }

    /* 11.01 */
    .corp-country-list {
        -webkit-column-count: 5;
        -moz-column-count: 5;
        column-count: 5;
    }

        .corp-country-list.is-columnized {
            -webkit-column-count: initial;
            -moz-column-count: initial;
            column-count: initial;
        }

    /* ==HOMEPAGE */
    .front.cma .corp-content {
        width: 1180px;
    }

    /* Slideshow */
    .hp-slideshow .slideshow-content {
        height: 340px;
    }
    /* Insert of slide with overlay: generic and default styles */
    .hp-slideshow .hpsl-insert {
        /* @NOTE -579 = -1280/2 + 61 where 1264 = 1280-0px of scrollbar (was -1024/2 + 46 in resolution 1024) */
        margin-left: -579px;
        width: 590px; /* default InsertWidth 510 + 40*2 */
        padding: 50px 40px;
    }

    .hp-1-3 {
        width: 333px; /* 3 columns total 1179px */
        margin-left: 30px;
        margin-right: 30px;
    }

    /* Type Img Block (and its variation Video): .hp-u-bgimg */
    .hp-u-bgimg {
        width: 391px; /* this block has a margin of 1px instead of 20/30/50px (in 1024, 1280 and 1680) */
        min-height: 227px; /* was 184px in 1024 */
        margin-left: 1px;
        margin-right: 1px;
    }

        .hp-u-bgimg .hp-u-bgimg-content a:after {
            min-height: 227px;
        }

    /* Type Magazine cover (Text + Img float): .hp-u-mag */
    .hp-u-mag.hp-u-mag img.left { /* needs enough specificity */
        width: 166px;
        margin-bottom: 24px;
    }

    /* Row (3 column wide) */
    .hp-3-3 {
        width: 1264px;
        height: 380px; /* instead of 305 in 1024 */
        margin-left: -42px;
    }

        .hp-3-3 .hp-row-content {
            width: 465px;
            /* 72 = 46+16+10 */
            padding: 10px 60px 45px 72px;
        }
    /* RowType variations */
    /* Content on right */
    .hp-row-right .hp-row-content {
        width: 435px; /* edge aligned with middle of gutter between 2 .hp-1-3 */
        padding-left: 30px; /* left of content aligned with left of content of an .hp-1-3 */
    }
    /* Indent of 25% */
    .hp-row-indent .hp-row-content {
        padding-left: 155px;
    }

    /* ==Carrier Homepage: nothing */

    #ajax-messages {
        margin-right: -590px;
    }

        #ajax-messages .msg span {
            max-width: 1000px;
        }

    .account-intro {
        min-height: 158px;
    }


    /* Opening hours */
    .corp-week-row,
    .corp-week-row p {
        display: block;
    }

    /* specific to 14.02 : sidebar right */
    .large-bd-top10 {
        border-top: 106px solid;
    }


    /* ==DASHBOARD */
    .dashboard {
        width: 273px !important;
    }

    .no-js .dashboard {
        margin-left: 29px !important;
    }

        .no-js .dashboard:nth-child(3n+1) {
            margin-left: 29px !important;
        }

        .no-js .dashboard:nth-child(4n+1) {
            margin-left: 0 !important;
        }

    .db-header-title span {
        max-width: 150px;
    }

    #dashboard-tiles-c4 {
        display: block;
    }

    .dashboard-wrapper {
        width: 272px;
    }

    /* shipment table (4 columns) */
    .db-shipment-table-voyage {
        width: 71px
    }

    .db-shipment-table-vessel {
        width: 103px
    }

    .db-shipment-table-sl {
        width: 53px
    }

    /* Schedule table (4 columns incl. 2 icons) */
    .db-schedule-ref {
        width: 90px
    }

    /* Table with 3 columns (1 icon on left) */
    .db-3col-ref {
        width: 81px
    }

    .db-3col-label {
        width: 138px
    }

    .dashboard-banner .inner {
        padding-left: 48px;
        padding-right: 47px; /* RQM 30256 - DSH - Prb alignement Tuile dans le header / We need a width of exactly 1085px (5*209px + 4*10px), not 1084px */
    }

    .db-filter-item:nth-child(4n+1) {
        margin-left: 10px;
    }

    .db-filter-item:nth-child(5n+1) {
        margin-left: 0;
    }

    /* T&J - RTC 88211 */
    .tl-doc-item {
        width: 174px;
    }

        .tl-doc-item + .tl-doc-item {
            margin-left: 7px;
        }

    .tl-doc_docsonline .tl-doc-item {
        width: 180px;
    }

        .tl-doc_docsonline .tl-doc-item + .tl-doc-item {
            margin-left: 120px;
        }

    /* invoice payment */
    .invoice-payment .col {
        padding-left: 90px;
        padding-right: 90px;
    }

        .invoice-payment .col:first-child {
            padding-left: 0;
        }

        .invoice-payment .col:last-child {
            padding-right: 0;
        }
}
/* /end MQ 1280px */

/* WARNING : 1680+ MQ is specific to the Homepage */
@media ( min-width: 1680px ) {
    .xlarge-h430p {
        height: 430px;
    }

    /* ==HOMEPAGE (2015 CMA only) */
    .front.cma .corp-content {
        width: 1662px;
    }

    /* Slideshow */
    .hp-slideshow .slideshow-content {
        height: 430px;
    }
    /* Insert of slide with overlay: generic and default styles */
    .hp-slideshow .hpsl-insert {
        /* @NOTE -617 = -1680/2 + 223 where:
			* 1680 = 1680-0px of scrollbar (was -1024/2 + 46 in resolution 1024 and -1280/2+61 in 1280)
			* 223 aligns left of content with left of header (243px needed - 20px of left padding) */
        margin-left: -617px;
        width: 745px; /* default InsertWidth 645 + 50*2 */
        padding: 60px 50px;
    }

    .front .hp-slideshow h2 { /* @TODO pourquoi .front pour h2 et .content pour p ci-dessous */
        max-height: 3.25em; /* line-height has changed and we still want 3 lines so 3*1 plus some room for leg of letter "g" */
        font-size: 3.636em; /* 40px */
        line-height: 1;
        padding-bottom: 0.25em; /* avoids bottom of letters like "g" to be cropped due to l-h: 1; and overflow:hidden; */
        margin-bottom: -0.25em; /* but we still keep the vertical margin */
    }

    .hp-slideshow .hpsl-content p {
        margin-top: 30px; /* vertical margin between h2 and p and then p and p.more. ~40px visually; overrides a value of 10px */
        font-size: 1.364em; /* 15px */
        line-height: 1.467;
    }

    .hp-slideshow .hpsl-content .more {
        margin-top: 39px;
        font-size: 1.636em; /* 18px */
    }

        .hp-slideshow .hpsl-content .more a {
            padding: 10px 22px 15px 22px;
        }

    .hp-1-3 {
        width: 454px; /* 3 columns total 1662px */
        margin: 30px 50px; /* larger gutter as well as 2*30=60px in vertical vs 50 in 1024/1280 */
    }

    .hp-3-3 {
        width: 100%;
        height: 420px; /* instead of 305 in 1024 */
        margin: 30px 0 30px 0; /* 2*30=60px in vertical vs 50 in 1024/1280 as well as 0 on left (was -42px in 1280) */
    }
        /* Two consecutive RowType still have no vertical margin between them */
        .hp-3-3 + .hp-3-3 {
            margin-top: -30px;
        }

        .hp-3-3 .hp-row-content {
            width: 604px; /* 50+454+50+50 (right side aligned with left of 2nd column) */
            padding: 20px 60px 55px 50px;
        }
    /* Typography */
    .front .hp-unit h2 {
        font-size: 3.636em; /* 40px from 11 */
        line-height: 1.25; /* 50/40 */
    }

    .hp-1-3 h2 {
        margin-bottom: 32px; /* In both News blocks, we now want 49-52px between baseline of title and top of 1st line */
    }

    .front .hp-unit p {
        margin-top: 1.5625em;
        font-size: 1.455em; /* 16px from 11 */
        line-height: 1.5625; /* l-h 25px when f-z is 16px */
    }
    /* Selects chapo */
    .front .hp-u-text p:first-child + p,
    .front .hp-u-text h2 + p {
        margin-top: 1.6em;
        font-size: 1.818em; /* 20px from 11 */
    }

    .front .hp-unit .date {
        line-height: 2.083; /* 25/12 */
    }

    .hp-btn-group button + a,
    .hp-btn-group .btn + a {
        padding-left: 30px;
        padding-right: 30px;
    }

    /* Type Img Block (and its variation Video): .hp-u-bgimg */
    .hp-u-bgimg {
        width: 552px; /* this block has a margin of 1px instead of 20/30/50px (in 1024, 1280 and 1680) */
        min-height: 320px; /* was 184px in 1024 */
        margin-left: 1px;
        margin-right: 1px;
    }

        .hp-u-bgimg .hp-u-bgimg-content a:after {
            min-height: 320px;
        }
    /* Type Magazine cover (Text + Img float): .hp-u-mag */
    .hp-u-mag.hp-u-mag img.left { /* needs enough specificity */
        width: 180px;
        margin: 3px 30px 4px 0;
    }

    .hp-u-mag .hp-u-mag-title ~ p {
        clear: none;
    }

    /* RowType variations */
    /* Content on right */
    .hp-row-right .hp-row-content {
        width: 554px; /* left side aligned with middle of gutter between columns 2 and 3 */
    }
    /* Indent of 25% */
    .hp-row-indent .hp-row-content {
        padding-left: 163px;
    }
    /* Image with margin (or padding) */
    .hp-row-imgmargin .hp-row-bg {
        padding: 60px 0;
    }

    #small-main-nav .complex-nav ul {
        max-width: 210px;
    }

    .complex-nav .icon-lock {
        width: 22px;
    }

    /* Tunnel */
    .tunnel-in {
        font-size: 1.091em;
    }
}
/* /end MQ 1680px */


@media screen and (max-width: 980px) { /* @BUGFIX RQM 22836 Vertical scrollbar was above Corporate pages for widths between 954-55 and ~1000px */

    /* quick tablet reset */
    .desktop-hidden {
        display: block;
    }

    .medium-visible {
        display: block !important;
    }

    .medium-hidden {
        display: none !important;
    }

    .large-visible {
        display: none;
    }

    .medium-nowrap {
        white-space: nowrap;
    }

    .medium-wrap {
        white-space: normal;
    }

    /* width */
    .w60,
    .w66,
    .w70,
    .w75,
    .w80,
    .w90,
    .items-table.w100, /* @NOTE no modification on input.w100 or select.w100 for example */
    .w600p,
    .w700p,
    .w800p,
    .w960p,
    .mw960p {
        width: auto;
    }

    .medium-wauto {
        width: auto !important;
    }

    .medium-w20 {
        width: 20% !important;
    }

    .medium-w25 {
        width: 25% !important;
    }

    .medium-w30 {
        width: 30% !important;
    }

    .medium-w33 {
        width: 33% !important;
    }

    .medium-w40 {
        width: 40% !important;
    }

    .medium-w45 {
        width: 45% !important;
    }

    .medium-w46 {
        width: 46% !important;
    }

    .medium-w49 {
        width: 49% !important;
    }

    .medium-w50 {
        width: 50% !important;
    }

    .medium-w54 {
        width: 54% !important;
    }

    .medium-w55 {
        width: 55% !important;
    }

    .medium-w60 {
        width: 60% !important;
    }

    .medium-w62 {
        width: 62% !important;
    }

    .medium-w65 {
        width: 65% !important;
    }

    .medium-w70 {
        width: 70% !important;
    }

    .medium-w80 {
        width: 80% !important;
    }

    .medium-w85 {
        width: 85% !important;
    }

    .medium-w90 {
        width: 90% !important;
    }

    .medium-w100 {
        width: 100% !important;
    }

    .medium-w30p {
        width: 30px;
    }

    .medium-w35p {
        width: 35px;
    }

    .medium-w40p {
        width: 40px;
    }

    .medium-w50p {
        width: 50px;
    }

    .medium-w55p {
        width: 55px;
    }

    .medium-w60p {
        width: 60px;
    }

    .medium-w65p {
        width: 65px;
    }

    .medium-w70p {
        width: 70px;
    }

    .medium-w75p {
        width: 75px;
    }

    .medium-w80p {
        width: 80px;
    }

    .medium-w85p {
        width: 85px;
    }

    .medium-w90p {
        width: 90px;
    }

    .medium-w95p {
        width: 95px;
    }

    .medium-w100p {
        width: 100px !important;
    }

    .medium-w110p {
        width: 110px;
    }

    .medium-w120p {
        width: 120px;
    }

    .medium-w125p {
        width: 125px;
    }

    .medium-w130p {
        width: 130px;
    }

    .medium-w140p {
        width: 140px !important;
    }

    .medium-w150p {
        width: 150px;
    }

    .medium-w155p {
        width: 155px;
    }

    .medium-w158p {
        width: 158px;
    }

    .medium-w160p {
        width: 160px;
    }

    .medium-w170p {
        width: 170px;
    }

    .medium-w175p {
        width: 175px;
    }

    .medium-w180p {
        width: 180px;
    }

    .medium-w185p {
        width: 185px;
    }

    .medium-w190p {
        width: 190px;
    }

    .medium-w200p {
        width: 200px;
    }

    .medium-w215p {
        width: 215px;
    }

    .medium-w205p {
        width: 205px;
    }

    .medium-w210p {
        width: 210px;
    }

    .medium-w215p {
        width: 215px;
    }

    .medium-w220p {
        width: 220px;
    }

    .medium-w225p {
        width: 225px;
    }

    .medium-w230p {
        width: 230px;
    }

    .medium-w230pi {
        width: 230px !important;
    }

    .medium-w240p {
        width: 240px;
    }

    .medium-w235p {
        width: 235px;
    }

    .medium-w250p {
        width: 250px;
    }

    .medium-w250p {
        width: 250px;
    }

    .medium-w260p {
        width: 260px;
    }

    .medium-w270p {
        width: 270px;
    }

    .medium-w270pi {
        width: 270px !important;
    }

    .medium-w275p {
        width: 275px;
    }

    .medium-w280p {
        width: 280px;
    }

    .medium-w285p {
        width: 285px;
    }

    .medium-w300p {
        width: 300px;
    }

    .medium-w310p {
        width: 310px;
    }

    .medium-w320p {
        width: 320px !important;
    }

    .medium-w325p {
        width: 325px;
    }

    .medium-w330p {
        width: 330px;
    }

    .medium-w334p {
        width: 334px;
    }
    /*23c.01*/
    .medium-w340p {
        width: 340px;
    }

    .medium-w345p {
        width: 345px;
    }

    .medium-w347p {
        width: 347px;
    }

    .medium-w350p {
        width: 350px;
    }

    .medium-w355p {
        width: 355px;
    }

    .medium-w360p {
        width: 360px;
    }

    .medium-w365p {
        width: 365px;
    }

    .medium-w375p {
        width: 375px;
    }

    .medium-w380p {
        width: 380px;
    }

    .medium-w385p {
        width: 385px;
    }

    .medium-w390p {
        width: 390px;
    }

    .medium-w410p {
        width: 410px;
    }

    .medium-w430p {
        width: 430px;
    }

    .medium-w450p {
        width: 450px;
    }

    .medium-w480p {
        width: 480px;
    }

    .medium-w527p {
        width: 527px;
    }
    /* 10.08 */
    .medium-w540p {
        width: 540px;
    }

    .medium-w546p {
        width: 546px;
    }
    /* input @ 6a.29 */
    .medium-w547p {
        width: 547px;
    }
    /* input @ 18b.02 */
    .medium-w550p {
        width: 550px;
    }

    .medium-w560p {
        width: 560px;
    }
    /* Slider 6b32 */
    .medium-w570p {
        width: 570px;
    }

    .medium-w575p {
        width: 575px;
    }

    .medium-w585p {
        width: 585px;
    }
    /* input "new clauses" @ 18b.02 */
    .medium-w595p {
        width: 595px;
    }
    /* Slider 6b32 */
    .medium-w605p {
        width: 605px;
    }

    .medium-w610p {
        width: 610px;
    }

    .medium-w640p {
        width: 640px;
    }

    .medium-w680p {
        width: 680px !important;
    }

    .medium-left {
        float: left;
    }

    .medium-left-i {
        float: left !important;
    }

    .medium-right {
        float: right;
    }

    .medium-right-i {
        float: right !important;
    }

    .medium-no-float {
        float: none;
    }

    .medium-clear {
        clear: both;
    }

    .medium-noclear {
        clear: none;
    }

    .medium-clearleft {
        clear: left;
    }

    /* positionning */
    .medium-relative {
        position: relative;
    }

    .items-table.medium-wauto {
        width: auto !important;
    }

    .medium-mh111p {
        min-height: 111px;
    }

    .medium-mh153p {
        min-height: 153px;
    }

    .medium-h215p {
        height: 215px;
    }
    /* for the home only (slideshow) */
    .medium-h320p {
        height: 320px;
    }
    /* for the home only (slideshow) */
    .medium-h335p {
        height: 335px;
    }
    /* for the home only (slideshow) */
    .medium-h360 {
        height: 350px;
    }

    .medium-hauto {
        height: auto;
        min-height: auto;
    }
    /* @TODO min-height: auto ? Pas plut�t 0 ? */

    /* changes the value of the CSS property "display" */
    .medium-row {
        display: table;
        width: 100%;
    }

    .medium-col {
        display: table-cell;
        vertical-align: top;
    }

    .medium-block,
    .table-like .col.medium-block {
        display: block;
    }

    .col.medium-block {
        border: 0; /* no table-gutter ! */
    }

        .col.medium-block:after {
            /* if there are some floats elements */
            content: "";
            display: table;
            clear: both;
        }

    .medium-bg-none {
        background: none;
    }

    .medium-visually-hidden {
        position: absolute;
        left: -7000px;
        text-indent: -7000px;
        overflow: hidden;
    }

    #footer {
        margin-top: 40px;
    }

    /* margins, paddings */
    .medium-ma1 {
        margin: 10px !important;
    }

    .medium-mv2 {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    .medium-mt0 {
        margin-top: 0 !important;
    }

    .medium-mt0-5 {
        margin-top: 5px !important;
    }

    .medium-mt1 {
        margin-top: 10px !important;
    }

    .medium-mt1-5 {
        margin-top: 15px !important;
    }

    .medium-mt1-7 {
        margin-top: 17px !important;
    }

    .medium-mt2 {
        margin-top: 20px !important;
    }

    .medium-mt3 {
        margin-top: 30px !important;
    }

    .medium-mt4 {
        margin-top: 40px !important;
    }

    .medium-mr0 {
        margin-right: 0 !important;
    }

    .medium-mr0-5 {
        margin-right: 5px !important;
    }

    .medium-mr1 {
        margin-right: 10px !important;
    }

    .medium-mr1-5 {
        margin-right: 15px !important;
    }

    .medium-mr2 {
        margin-right: 20px !important;
    }

    .medium-mr3-5 {
        margin-right: 35px !important;
    }

    .medium-mr4 {
        margin-right: 40px !important;
    }

    .medium-mr5 {
        margin-right: 50px !important;
    }

    .medium-mb0 {
        margin-bottom: 0 !important;
    }

    .medium-mb0-5 {
        margin-bottom: 5px !important;
    }

    .medium-mb1 {
        margin-bottom: 10px !important;
    }

    .medium-mb1-3 {
        margin-bottom: 13px !important;
    }

    .medium-mb1-5 {
        margin-bottom: 15px !important;
    }

    .medium-mb2 {
        margin-bottom: 20px !important;
    }

    .medium-mb2-5 {
        margin-bottom: 25px !important;
    }

    .medium-mb3 {
        margin-bottom: 30px !important;
    }

    .medium-mb3-5 {
        margin-bottom: 35px !important;
    }

    .medium-mb4 {
        margin-bottom: 40px !important;
    }

    .medium-ml-minus3 {
        margin-left: -30px !important;
    }

    .medium-ml-minus5-5 {
        margin-left: -55px !important;
    }

    .medium-ml0 {
        margin-left: 0 !important;
    }

    .medium-ml1 {
        margin-left: 10px !important;
    }

    .medium-ml1-5 {
        margin-left: 15px !important;
    }

    .medium-ml2 {
        margin-left: 20px !important;
    }

    .medium-ml3 {
        margin-left: 30px !important;
    }

    .medium-ml4 {
        margin-left: 40px !important;
    }

    .medium-ml4-5 {
        margin-left: 45px !important;
    }


    .medium-pa0 {
        padding: 0 !important;
    }

    .medium-pa1-5 {
        padding: 15px !important;
    }

    .medium-pa0-3 {
        padding: 3px !important;
    }

    .medium-pa3 {
        padding: 30px !important;
    }

    .medium-pv0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .medium-pv2 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .medium-ph1-5 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .medium-pt0 {
        padding-top: 0 !important;
    }

    .medium-pt0-2 {
        padding-top: 2px !important;
    }

    .medium-pt0-4 {
        padding-top: 4px !important;
    }

    .medium-pt0-5 {
        padding-top: 5px !important;
    }

    .medium-pt1 {
        padding-top: 10px !important;
    }

    .medium-pt1-5 {
        padding-top: 15px !important;
    }

    .medium-pt2 {
        padding-top: 20px !important;
    }

    .medium-pt2-3 {
        padding-top: 23px !important;
    }

    .medium-pt2-5 {
        padding-top: 25px !important;
    }

    .medium-pt3 {
        padding-top: 30px !important;
    }

    .medium-pr0 {
        padding-right: 0 !important;
    }

    .medium-pr0-5 {
        padding-right: 5px !important;
    }

    .medium-pr1 {
        padding-right: 10px !important;
    }

    .medium-pr1-5 {
        padding-right: 15px !important;
    }

    .medium-pr4 {
        padding-right: 40px !important;
    }

    .medium-pb0 {
        padding-bottom: 0 !important;
    }

    .medium-pb1 {
        padding-bottom: 10px !important;
    }

    .medium-pb1-5 {
        padding-bottom: 15px !important;
    }

    .medium-pb2 {
        padding-bottom: 20px !important;
    }

    .medium-pl0 {
        padding-left: 0 !important;
    }

    .medium-pl0-5 {
        padding-left: 5px !important;
    }

    .medium-pl1 {
        padding-left: 10px !important;
    }

    .medium-pl1-5 {
        padding-left: 15px !important;
    }

    .medium-pl2 {
        padding-left: 20px !important;
    }

    .medium-pl2-5 {
        padding-left: 25px !important;
    }

    .medium-pl6 {
        padding-left: 60px !important;
    }

    .medium-pl8 {
        padding-left: 80px !important;
    }

    /* relative/absolute positioning : search for HR below */


    .medium-small-h1 {
        font-size: 1.818em; /* @NOTE 20px from 11px - to add at H1 */
    }

    .medium-rotate90 {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }


    .medium-inbl {
        display: inline-block;
    }

    .medium-visible-inbl {
        display: inline-block !important;
    }

    .medium-txtleft {
        text-align: left !important;
    }

    .medium-txtcenter {
        text-align: center !important;
    }

    .medium-txtright {
        text-align: right !important;
    }

    label.medium-txtleft {
        display: inline; /* If we want a label aligned on left, it means it was aligned with .txtright and thus had a width and display: inline-block; was applied automatically. */
        margin-right: 10px;
    }

    label.medium-label-above {
        display: block; /* Label will be above its associated form element, left aligned */
        width: auto;
        text-align: left !important;
        margin-left: 0;
        margin-bottom: 5px;
    }

    .medium-vat {
        vertical-align: top;
    }

    .medium-vam {
        vertical-align: middle;
    }


    hr {
        top: 20px;
        margin-bottom: 40px;
    }

        hr.full,
        .mod.pa3 > hr.full {
            margin-left: -15px;
            margin-right: -15px;
        }

        hr.medium-t1 {
            top: 10px;
            margin-bottom: 20px;
        }

        hr.medium-t1-5 {
            margin-bottom: 30px;
            top: 15px;
        }

        hr.medium-t2 {
            top: 20px !important;
            margin-bottom: 40px !important;
        }


    /* Date range (form). Resetting a CSS table layout set in 1024 */
    .table-like .duration .col,
    .table-like .date-range .col {
        float: left;
    }

    .table-like .duration label /* ,
	.table-like .date-range label */ {
        display: inline-block;
        padding-right: 1em;
    }

    .table-like .date-range {
        clear: both;
    }

    .table-like .duration span.col {
        float: none;
        display: inline-block;
    }

    .table-like .date-range label.col {
        padding-right: 1.1em;
    }

    .table-like .date-range span.col {
        float: none;
        display: inline;
    }

        .table-like .date-range span.col span {
            display: block;
            clear: both;
            margin-top: 10px;
            margin-left: 15px;
        }

    .date-range .k-datepicker {
        width: 104px;
    }

    /* table layout */
    .medium-row-adaptive {
        table-layout: auto; /* Overrides table-layout: fixed */
    }

    .medium-row-fixed {
        table-layout: fixed; /* Overrides table-layout: fixed */
    }


    /* table : TH width */
    .items-table.medium-micro th {
        width: 2.8em
    }

    .items-table.medium-mini th {
        width: 5.5em
    }

    .items-table.medium-midi th {
        width: 8em
    }

    .items-table.medium-maxi th {
        width: 10em
    }

    .items-table.medium-mega th {
        width: 12em
    }

    .items-table.medium-giga th {
        width: 14em
    }

    .items-table.medium-tera th {
        width: 16em
    }

    .items-table.medium-th-auto th {
        width: auto
    }

    .banner-gray a {
        text-decoration: none;
    }

    /* Border*/
    .medium-bdt1 {
        border-top: 1px solid !important;
        margin-top: 10px;
        padding-top: 10px !important;
    }

    .medium-bd-none {
        border: 0 solid transparent;
    }

    .medium-bd-right {
        border-right: 1px solid;
    }

    .medium-bd-left {
        border-left: 1px solid;
    }

    .medium-bd-bottom {
        border-bottom: 1px solid;
    }

    .medium-bd-top,
    .col.medium-block.medium-bd-top {
        border-top: 1px solid;
    }

    .medium-bd-dash {
        border: 1px dashed;
    }
    /* ---------------------- */
    /* == Main navigation     */
    /* ---------------------- */
    /* #header .logo { @BUGFIX Alsa 06/11 In resolution 768px, header not tall enough and when current menu item is "The group", logo and the grey background are adjacent
		margin-bottom: 0;
	} */

    #search {
        position: relative;
        margin-top: -60px;
    }

    #navigation > ul {
        clear: both;
    }

    #small-main-nav .complex-nav ul { /* Bug fix for iPad (eBusiness menu in French language - cf RQM #32834) */
        max-width: 123px;
    }

    .complex-nav .icon-lock {
        width: 0;
    }

    .banner-login-name,
    .banner-login-logout {
        font-size: 1.1em; /* @NOTE like 12px */
    }

    /* */

    body {
        padding: 0 8px;
    }

    html.is-must2018 body,
    html.is-must2019 body {
        padding: 0;
    }

    .inner {
        width: 752px; /* @NOTE 768 - 8*2 */
    }

    /* Margins and paddings */
    .mod {
        padding: 20px 15px !important; /* Not sure !important was needed, fix for .mod.pb0 is below */
    }

        .mod.pa0 {
            padding: 0 !important;
        }

        .mod.pa1 {
            padding: 10px !important;
        }

        .mod.pr0 {
            padding-right: 0 !important;
        }

        .mod.pb0 {
            padding-bottom: 0 !important;
        }

        .mod.pb3 {
            padding-bottom: 30px !important;
        }

        .mod.pl0 {
            padding-left: 0 !important;
        }

        .mod.medium-pa3 {
            padding: 30px !important;
        }

        .mod.medium-pv1-5 {
            padding-top: 15px !important;
            padding-bottom: 15px !important;
        }

        .mod.medium-pt0 {
            padding-top: 0 !important;
        }

        .mod.medium-pr1-5 {
            padding-right: 15px !important;
        }

        .mod.medium-w100 { /* @NOTE Created for 2 mod in a row at beginning of page, when they must (in 768) display one above the other */
            display: table;
        }

    .table-gut1-5 {
        border-right: none;
        border-bottom: 15px solid white;
    }

    .medium-table-gut3 {
        border-right-width: 30px;
    }

    .medium-table-gut1-5 {
        border-right-width: 15px;
    }

    /* 6b.05 */
    .items-table.mr10:not([class*=medium-mr]) { /* @NOTE Reduces from 100 to 80px the right margin, except if a specific margin is already specified here (the .medium-mrNN classes were specified above and are overwritten...) */
        margin-right: 80px !important;
    }

    .items-table.mr8:not([class*=medium-mr]) { /* @NOTE Reduces from 80 to 60px the right margin, except if a specific margin is already specified here (the .medium-mrNN classes were specified above and are overwritten...) */
        margin-right: 60px !important;
    }

    /*.items-table {
		width: auto !important;
	}*/
    /* Rows are now displayed horizontally (ex: 6.25) */
    .items-table.medium-horiz {
        display: block;
        width: 100%;
        margin-top: 4px;
    }

        .items-table.medium-horiz tbody {
            display: block;
        }

        .items-table.medium-horiz tr {
            float: left; /* @NOTE Avoids problem of 4px of whitespace with inline-block... */
        }

        .items-table.medium-horiz tr,
        .items-table.medium-horiz th,
        .items-table.medium-horiz td {
            display: inline-block; /* @NOTE Maybe needed with a floating parent on some browsers */
            width: auto;
            margin-top: 0;
        }

        .items-table.medium-horiz td {
            margin-right: 15px;
        }

    .medium-mr2-5 {
        margin-right: 25px !important;
    }

    .medium-mr4 {
        margin-right: 40px !important;
    }

    .medium-pr3 {
        padding-right: 30px !important;
    }

    .medium-pr12-5 {
        padding-right: 125px !important;
    }

    .medium-pr15 {
        padding-right: 150px !important;
    }

    .reminder { /* 6b.06 */
        padding-left: 0;
        width: auto !important;
    }

    .form-horiz label, .form-horiz input {
        display: inline-block;
        vertical-align: middle;
    }

    .form-horiz input,
    .form-horiz .jq-click-check {
        margin-left: 8px;
    }

    .form-horiz span:first-of-type input,
    .form-horiz span:first-of-type .jq-click-check {
        margin-left: 4px; /* @NOTE For the block "legend and its 3 radios" in 7.04d and others */
    }

    .elem-special #spe-dim + label {
        width: 140px;
    }

    /** double list */
    .double-list {
        margin-right: 0;
        padding-right: 0 !important;
    }

        .double-list .pager.central {
            padding-left: 10px;
            padding-right: 10px;
        }

    /* 6a.01
	@NOTE : adjustment widths */
    .wide-col th.w220p {
        width: 190px;
    }

    .wide-col th.w240p {
        width: 195px;
    }

    .wide-col th.w170p {
        width: 135px;
    }

    .wide-col th.w90p {
        width: 65px;
    }
    /* column with a width of approx. 1/2. Parent is 722px (752-15*2), each .col-1-2 is 344px and two of them are separated by 33px (since 7.04d, was 341*2 + 40) */
    .col-1-2 {
        width: 344px;
        margin-right: 33px;
    }

    .form-col-1-2 {
        width: 340px;
        margin-right: 42px;
    }

    fieldset .form-col-1-2,
    fieldset .col-1-2 {
        width: 330px;
        margin-right: 20px;
    }

        fieldset .form-col-1-2 p {
            margin-bottom: 0;
        }

    /* 6.32 timeline*/
    .timeline-ctrl-next {
        margin-left: 0;
    }

    .timeline.timeline-approval .timeline-main {
        margin: 0 30px;
    }

    .banner-gray,
    .banner-blue,
    .banner-white {
        margin-left: -15px;
        margin-right: -15px;
    }

    .banner-blue,
    .banner-gray,
    h2.banner-gray,
    h3.banner-gray,
    h4.banner-gray {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* Tunnel */
    .tunnel-in {
        padding-left: 0;
        padding-right: 33px;
    }

    .tunnel-3-steps .tunnel-in {
        padding-left: 20px;
        padding-right: 54px;
    }

    .tunnel-4-steps .tunnel-in {
        padding-right: 50px;
    }

    .tunnel-5-steps .tunnel-in {
        padding-left: 0;
        padding-right: 56px;
    }

    .tunnel-6-steps .tunnel-in {
        padding-right: 32px;
    }

    .tunnel .first {
        padding-left: 20px;
    }

    .tunnel-4-steps .last,
    .tunnel-3-steps .last {
        padding-right: 38px;
    }

    .tunnel-5-steps .first,
    .tunnel-6-steps .first {
        padding-left: 8px;
    }

    .tunnel-5-steps .last,
    .tunnel-5-steps .last-current,
    .tunnel-6-steps .last,
    .tunnel-6-steps .last-current {
        padding-right: 8px;
    }

    .tunnel-5-steps .num-tunnel {
        left: 5px;
    }

    .tunnel-6-steps .num-tunnel {
        left: 5px;
    }

    .tunnel-6-steps .first .num-tunnel {
        left: 5px;
    }

    .tunnel-5-steps .first .num-tunnel {
        left: 8px;
    }

    .tunnel-3-steps .tunnel-in .num-tunnel,
    .tunnel-4-steps .tunnel-in .num-tunnel {
        left: 20px;
    }

    .tunnel-in .txt-tunnel {
        margin-left: 45px;
        padding-left: 7px;
    }

    .tunnel-3-steps .tunnel-in .txt-tunnel {
        margin-left: 25px;
        padding-left: 10px;
    }

    .tunnel-5-steps .tunnel-in .txt-tunnel {
        margin-left: 30px;
        width: auto;
    }

    .tunnel-6-steps .tunnel-in .txt-tunnel {
        margin-left: 25px;
        width: auto;
    }

    .tunnel-5-steps .first .txt-tunnel {
        margin-left: 25px;
    }

    .tunnel-6-steps .first .txt-tunnel {
        margin-left: 16px;
    }


    /* slide containers */
    .slide-containers-selector {
        width: 706px;
        padding-left: 15px;
    }

    .slide-container-prev {
        left: -15px;
    }

    .slide-container-next {
        right: -15px;
    }

    .slide-container-prev,
    .slide-container-next {
        padding: 8px 5px;
        top: 43px;
        border: 1px solid;
    }

    .slide-container-prev {
        border-width: 1px 1px 1px 0;
    }

    .slide-container-next {
        border-width: 1px 0 1px 1px;
    }

        .slide-container-prev .icon, .slide-container-next .icon {
            margin-bottom: 0;
        }

    .slide-container-prev .icon {
        margin-left: -8px;
        margin-right: 18px;
    }

    .slide-container-next .icon {
        margin-left: 0;
        margin-right: 10px;
    }


    /* create New Account */
    #div-new-account input[type="text"],
    #div-new-account select {
        width: 190px;
    }

    .diag-total {
        position: static;
        float: right;
        position: relative;
        top: -20px;
    }

    /* 6b.05 quote-table and type of container under image of container */
    .quote-table .legend-container {
        margin-top: -17px;
    }

    .partner-choice li.partner .caption {
        left: 58px;
    }

    .tabs-solutions {
        margin: 0 -15px;
    }

    /* RQM 28709 Suppressing class .reg-carrier-choice-first from CSS and HTML with "sel+sel {not first one} sel {first one}" trick */
    .reg-carrier-choice + .reg-carrier-choice {
        margin-left: 20px;
    }

    .reg-carrier-choice-item {
        width: 227px;
    }

    .reg-carrier-contains-4 .reg-carrier-choice-item {
        width: 165px;
    }

    /* RQM 28709 9b.03 buttons: no horiz. padding but fullwidth */
    .package-table button {
        width: 126px; /* 131 - 2x3 */
        padding-left: 1px;
        padding-right: 1px;
    }

    .package-table .with-icon .icon {
        margin-right: 0;
    }
    /* ">" won't fit without custom CSS in 768 */
    .package-table thead .giant {
        position: absolute;
        top: 15px;
        right: -2px;
    }

    .package-overlay {
        width: 132px;
    }
        /* 768 overlay can go on 722px for a head line at 192px*/
        .package-overlay.po-col-4-4 { /* package 4th col on 4  */
            right: 1px;
        }

        .package-overlay.po-col-3-4 { /* package 3rd col on 4  */
            right: 133px;
        }

        .package-overlay.po-col-2-4 { /* package 2nd col on 4   */
            right: 265px;
        }

        .package-overlay.po-col-1-4 { /* package 1st col on 4   */
            right: 398px;
        }

        .package-overlay.po-col-3-3 { /* package 3rd col on 3  */
            right: 1px;
            width: 176px;
        }

        .package-overlay.po-col-2-3 { /* package 2nd col on 3   */
            right: 177px;
            width: 176px;
        }

        .package-overlay.po-col-1-3 { /* package 1st col on 3   */
            right: 354px;
            width: 176px;
        }

    .package-table.pt-caption-3col caption > span {
        width: 354px;
    }

    .k-grid + .table-legend {
        position: static;
        margin-bottom: 0;
    }

    .account-intro {
        width: 365px;
    }

    .col .account-intro {
        width: 265px;
        min-height: 182px;
        padding: 20px 15px !important;
    }

    /* 3 contexts for a video, examples are in pages 10.06, 10.10 and 20.05. See templates.css for defaults (no change needed in Corp, column stays at W=680px) */
    /* 10.06: tutorial with sidebar */
    .video-with-sidebar .video-player {
        width: 720px;
        height: 444px; /* OK {722 / 445 Fx. Also 721} {722 / 445 Chrome = 1px on right. 721 = 1px on bottom. 721/444 = 1px on left. 720/444 = OK} */
        float: none;
        margin-left: 0;
    }
    /* Page 10.10: tutorial without sidebar (full width) */
    .video-without-sidebar .video-player {
        height: 462px;
    }

    /* Terms and Conditions (page 9c.08 RQM 21296) */
    .terms {
        height: 580px;
        margin: 0; /* plus 15px 20px from parent .mod gives 15px 20px */
    }


    #tutorial-masonry .box {
        width: 237px;
    }

    /* ----------------------------- */
    /*   ==Corporate                 */
    /* ----------------------------- */
    .corp-main {
        width: auto;
    }

    .corp-has-banner {
        margin: 0;
        padding: 0;
        border-top: none;
    }

    /* Secondary navigation now on top (layout) */
    .corp-nav,
    .corp-nav-icons,
    .corp-layout6 .corp-nav-icons {
        position: relative;
        float: none;
        width: auto;
        margin: 23px 36px 19px;
        padding: 0;
        text-align: left;
    }

    .corp-has-banner .corp-nav,
    .corp-has-banner .corp-nav-icons {
        margin-top: 23px;
        margin-bottom: 25px;
    }
    /* see below for other styling of this secondary navigation */

    /* banner (layout 2 (not named like that) and 4) */
    .corp-banner {
        position: static;
        width: 768px;
        height: 270px;
        margin-left: -8px;
        background-size: cover;
        background-position: right top;
    }

    .corp-banner-image-2 {
        background-size: 105% auto;
    }

    .corp-layout4 .corp-banner {
        margin-top: 14px;
    }

    .corp-has-banner .corp-inner {
        position: relative;
        width: 720px;
        top: -60px;
        left: -8px;
        margin-left: 0;
        padding-left: 40px;
        margin-bottom: -60px;
    }

        .corp-has-banner .corp-inner h1 {
            border-top: 8px solid;
            margin: 0 0 0 -40px;
            padding-top: 19px;
            padding-bottom: 19px;
            padding-left: 40px;
        }

    .corp-has-banner .corp-content > h2 {
        margin-top: 15px;
    }

    .corp-layout4 .corp-inner h1 {
        padding-top: 25px;
        padding-bottom: 29px;
    }


    /* corp inner */
    .corp-inner,
    .corp-layout6 .corp-nav-icons + .corp-inner {
        width: 680px;
        margin-left: 36px;
    }

    .corp-layout3 .corp-inner,
    .corp-layout4 .corp-inner,
    .corp-layout5 .corp-inner,
    .corp-inner {
        float: none;
    }

    .corp-layout4 .corp-sidebar {
        margin-top: 40px;
    }

    .corp-layout5 .corp-inner {
        margin-left: 0;
    }

    .corp-layout5 .corp-inner {
        width: 680px;
        margin: auto;
    }

    .corp-layout6 .corp-inner {
        width: 680px;
        margin-top: 22px;
    }

    /* Secondary navigation on left */
    .corp-nav .title-like,
    .corp-nav-icons .title-like {
        border: 1px solid;
        padding: 5px;
        font-size: 1.364em;
        cursor: pointer;
    }

    .nav-items {
        padding: 0 !important;
    }

        .nav-items li {
            padding: 0 !important;
            border: 1px solid;
            border-width: 0 1px 1px;
            font-size: 0.929em;
        }

    .corp-nav .nav-items li li {
        border: 0;
    }

    .corp-nav .nav-items ul li + li {
        border-width: 1px 0 0;
        border-style: solid;
    }

    .corp-nav .nav-items ul {
        border-bottom: 0;
        padding: 0;
        margin: 0;
    }

    .nav-items .current li a {
        background: none;
    }

    .nav-items a {
        display: block;
        width: 100%;
        text-decoration: none;
        padding: 5px 10px !important;
    }

    .corp-nav li li a {
        font-size: 1em;
        padding: 5px 10px;
    }
    /* T&J - RTC 98807 - New navigation*/
    .corp-nav-icons .nav-items a {
        padding: 12px 10px 14px 60px !important;
    }

    .corp-nav-icons .nav-items li {
        border: 0 none;
    }

        .corp-nav-icons .nav-items li:first-child .nav-item-1 {
            border-top: 0 none;
        }

    .corp-nav > .bg-white {
        background: none !important;
    }

    .js .medium-jq-to-open {
        display: none;
    }

    .corp-layout3 .corp-inner {
        float: none;
    }

    .corp-sidebar {
        margin-left: 34px;
        margin-right: 38px;
        margin-top: 50px;
        float: none;
        width: auto;
        clear: both;
    }

        .corp-sidebar .outside-title {
            margin-top: 50px;
        }


    /* ==Bottom/right menu */
    .corp-aside {
        margin-left: 30px;
    }

    .corp-sb-mag-cover p { /* magazine module @ corp-sidebar */
        width: 180px;
        margin-left: auto;
        margin-right: auto;
    }

        .corp-sb-mag-cover p.mt1 {
            margin-top: 0 !important;
        }

    /* pagination */
    .corp-pagination [class^=PagedList-skip] {
        position: absolute;
        top: 0;
        margin: 0;
    }

    .corp-pagination .PagedList-skipToFirst {
        left: 0;
    }

    .corp-pagination .PagedList-skipToPrevious {
        left: 2.25em;
    }

    .corp-pagination .PagedList-skipToLast {
        right: 0;
    }

    .corp-pagination .PagedList-skipToNext {
        right: 2.25em;
    }

    .corp-pagination .icon {
        font-size: 13px;
    }

    .corp-pagination .PagedList-ellipses + li,
    .corp-pagination [class^="PagedList-skip"] + li {
        margin-left: 0;
    }

    .corp-history .mod {
        padding: 20px 30px !important; /* to override ".mod" from 768.css */
    }

    .corp-agenda {
        margin-top: 45px;
    }

    /* @NOTE Removed because of defect RQM 20859. Width should stay at 545px.
	.corp-specifications .content {
		width: 549px;
	}
 */
    .corp-sb-news-cat li {
        display: inline-block;
        width: 30%;
    }

    .corp-sb-news-years li {
        width: auto;
    }

    .bg-triple,
    [class*=bg-triple] {
        background: none;
    }

        .bg-triple > p,
        .bg-triple > div {
            max-width: 10000px;
        }

    /* 11.01 */
    .corp-country-list {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }

        .corp-country-list.is-columnized {
            -webkit-column-count: initial;
            -moz-column-count: initial;
            column-count: initial;
        }

    .corp-sb-connect-biz .corp-list {
        margin-top: 10px;
    }

        .corp-sb-connect-biz .corp-list li {
            display: inline-block;
            width: 49%;
            margin-top: 10px;
        }

    /* ==HOMEPAGE */
    .front {
        padding: 0;
    }

        .front.cma .corp-content {
            width: 768px; /* centered with margin: auto, we need to apply margin: 0 8px on child (below) */
        }

        .front.cma #footer {
            margin-top: 40px;
        }

    /* SLIDESHOW */
    /* Insert of slide with overlay: generic and default styles */
    .hp-slideshow .hpsl-insert {
        /* @NOTE -338 = -768/2 + 46 where 1664 = 1680-16px of scrollbar (was -1008/2 + 46 in resolution 1024) */
        margin-left: -338px;
    }
    /* No more than 2 lines of description visible (twice the line-height = 3.08) */
    .hp-slideshow .hpsl-content p {
        max-height: 3.08em;
    }

    /* Pagination: vertical margin of 40px */
    .hp-slideshow .hp-slide-pg {
        margin-bottom: 7px; /* 50px between pagination of slideshow and first h2 */
    }

    /* No clear anymore on 1, 4, 7, 10, etc but instead on odd blocks (all of them are 1 column wide in 768, we can't use .hp-totNNN here) */
    .hp-unit {
        clear: none;
    }
    /* Widths */
    .hp-unit {
        width: 384px;
        margin: 0;
    }

    .hp-3-3 {
        height: auto; /* overrides 305px from resolution 1024 */
    }
    /* Width (768) is {(8 + 20) + 336 + 20} + {20 + 336 + (20 + 8)} */
    .hp-1-3:nth-child(odd) {
        padding: 40px 20px 40px 28px;
    }

    .hp-1-3:nth-child(even) {
        padding: 40px 28px 40px 20px;
    }
    /* Row (3 column wide). Was displayed as a table in 1024, now uses flexbox in IE10+ in order to have this behavior: http://codepen.io/anon/pen/KwJood?editors=110 */
    /* Tool used: Autoprefixer in online playground from "Pleeease" with following compatibility (flexbox is IE10+ but string may help elsewhere later so IE >= 8 is configured)
		"IE >= 8, Chrome >=31, Firefox >=31, Firefox ESR, Safari >=7, ios_saf >= 7, Android >= 4" */
    .hp-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; /* W3C */
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; /* W3C */
        /* justify-content: space-between; Not needed as there's no free space left */
    }

    .hp-unit {
        float: none; /* May be unnecessary */
        width: 380px;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex; /* W3C / cr�e un contexte flex inline pour chaque bloc */
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; /* W3C */
    }

    .hp-3-3 {
        overflow: hidden;
        direction: ltr; /* overrides "rtl" trick on .hp-row-right variation */
    }
        /* In 1024, negative m-t allows two consecutive RowType to have no margin between them. Must cancel that */
        .hp-3-3 + .hp-3-3 {
            margin-top: 0;
        }
    /* Content */
    .hp-1-3 h2 {
        margin-bottom: 0; /* 30px below h2 according to XLS, not 40px as in PSD */
    }
    /* eBusiness: *very* particular CSS in 768 becaue of inherited flexbox behaviour */
    .hp-ebusiness {
        flex-flow: row wrap;
    }

    .front .hp-ebusiness img.right {
        order: 2;
        width: 97px;
        height: 96px; /* Necessary because all img have height: auto and there's no way to set back the value of the height attribute (that'd be compatible with IE8 so :not() isn't a solution) */
        margin-top: 2em; /* 22px */
    }

    .hp-ebusiness p {
        order: 1;
        width: 224px;
    }

    .hp-ebusiness .hp-btn-group {
        order: 2;
        width: auto;
    }
    /* Type Img Block and its Video variation */
    .hp-u-bgimg.hp-u-bgimg {
        flex-direction: column-reverse; /* content is aligned at the bottom of block, as in 1024 */
        /* @NOTE In 1024 there's a margin left and right of 1px, already overridden by .hp-unit rule above so we are done here */
        padding: 0; /* padding already on *-content */
    }
    /* Type Magazine cover (Text + Img float): .hp-u-mag-cover */
    /* As in eBusiness block, using flexbox w/ wrap (and a container) */
    .hp-u-mag {
        -ms-flex-direction: row; /* IE10 */
        -ms-flex-wrap: wrap;
        flex-flow: row wrap;
    }

        .hp-u-mag h2 {
            margin-bottom: 32px;
        }
    /* @BUGFIX Chrome (via hack specific to Chrome) (without this bugfix Fx is OK and doesn't stretch it. IE11 do stretch because of the bugfix...) */
    @media (-webkit-min-device-pixel-ratio: 0) {
        .hp-u-mag img {
            height: 100%;
        }
    }

    .hp-u-mag-title {
        width: 180px;
    }

    .hp-u-mag p:first-of-type {
        margin-top: 0;
    }
    /* @BUGFIX for IE10 */
    .hp-u-mag p {
        width: 100%;
    }

    /* Display of a RowType: completely different from 1024 */
    .hp-3-3 .hp-row-content {
        display: block; /* IE fix */
        width: auto;
        padding: 0 20px 40px 28px; /* L/R aligns with .hp-1-3 (if in column 1/left); see below for blocks in column 2 (right). 0 on top because h2 already has 30px and from line-height ~10px */
    }

    .hp-3-3:nth-child(even) .hp-row-content {
        padding-left: 20px;
        padding-right: 28px;
    }

    .hp-3-3 .hp-row-bg {
        flex: 1;
        position: relative;
        display: block;
        min-height: 384px; /* When content is taller than usual, this is the minimal height of the image */
        height: auto;
        text-align: center;
    }

    .hp-row-bg .hp-row-bg-wrapper {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
    /* Image with margin (or padding) */
    .hp-row-imgmargin .hp-row-bg {
        padding: 0;
    }

    /* RowType */
    .hp-3-3 .hp-row-content h2 {
        margin-bottom: 15px; /* 30px between h2 and p (taken as reference: XLS, not PSD) */
    }


    #ajax-messages {
        margin-right: -376px;
    }

        #ajax-messages .msg span {
            max-width: 650px;
        }

    #lang {
    }

    /*==KENDO */
    .k-datepicker {
        width: auto;
    }
    /* popup */
    .k-window.k-window {
        max-width: 752px;
        width: 80%; /* ALSA popup Added in 1024+ because Kendo2014 doesn't set width, left or right anymore */
        left: 10%;
        right: 10%;
    }
    /* pager */
    .k-pager-wrap .k-pager-nav { /* retours Kendo par Tiger - 32659 - 21.10.2015 */
        display: inline !important;
    }

    /* ==DASHBOARD */
    .dashboard {
        width: 237px;
        margin-bottom: 20px;
    }

    .no-js .dashboard {
        margin-left: 20px;
    }

    .db-header-title span {
        max-width: 115px;
    }

    .db-table-fav,
    .db-table .fav {
        width: 36px;
    }

    .dashboard-wrapper {
        margin-left: 20px;
        width: 237px;
    }

    /* shipment table (4 columns) */
    .db-shipment-table-voyage {
        width: 64px
    }

    .db-shipment-table-vessel {
        width: 80px
    }

    .db-shipment-table-sl {
        width: 49px
    }

    /* Schedule table (4 columns incl. 2 icons) */
    .db-schedule-ref {
        width: 73px
    }

    .db-schedule-label {
        width: 78px
    }

    /* Table with 3 columns (1 icon on left) */
    .db-3col-ref {
        width: 75px
    }

    .db-3col-label {
        width: 112px
    }

    .db-filter-item {
        width: 213px;
    }

        .db-filter-item,
        .db-filter-item:nth-child(4n+1) { /* More specificity than .db-filter-item and we want to override what was defined in 1024 */
            margin-left: 12px;
        }

            .db-filter-item:nth-child(3n+1) {
                margin-left: 0;
            }
    /* RQM 30256 - DSH - Prb alignement Tuile dans le header / 663px = 3*213 + 2*12 */


    .context-navigation.full {
        margin-left: -15px;
        margin-right: -15px;
    }

    /* 18b.07 RQM 21648 */
    .si-bl-editing input {
        width: 85%;
    }

    .highlight-square {
        display: table; /* Displays it above title, while keeping a width different than 100% */
        width: auto;
    }

    .mod-add-parties {
        width: 100%;
    }

        .mod-add-parties .content {
            width: 542px;
        }

    /* 18b.08 Tabs (not using Kendo Tabstrip) */
    /* @BUGFIX RQM 25558 Scrollbar when many containers
	.si-tabs {
		width: 158px;
	}*/
    /* RQM 29250 - INS Step 4 : comportement du Scroll sous IE8
		See 08-templates.css for explanations */
    #jq-tabstrip > .left + .item {
        margin-left: 158px;
    }

    /* 18b.03 SI Step 6 - RQM 17377 */
    .si-recap {
        left: 135px; /* left padding 15px + width of absolutely positioned caption 120px */
        width: 602px; /* 752px - 2x15 - 120 (caption) */
    }

        .si-recap .itemsvert-table caption {
            left: -120px;
            width: 110px; /* let's keep a margin between caption and rest of table. Cut as in PSD, roughly (Marks &(CR)Descriptions) */
        }
    /* Default would be width: auto for any .w600p / RQM 29962 - INS: ALSA nouvelle modelisation Step 6 volume shifting */
    .itemsvert-table.w600p {
        width: 600px;
    }

    /* Banner-gray (and other colors?) and its icons on right. Changes in late RQM 21296 */
    .banner-gray.has-banner-bkg-small,
    .banner-gray.has-banner-bkg-small.has-banner-edit {
        padding-left: 15px;
    }

    .banner-bkg-small-hdg {
        padding-right: 9px; /* 13px (15px in PSD) with whitespace */
    }
    /* Gap between container icon and Type (darker bg) */
    .banner-bkg-small-qty .icon {
        margin-right: -5px;
    }
    /* View mode (bold with checkbox)  inbl ml1 mr0 */
    .banner-bkg-shipper-view {
        margin: 0 -10px 0 0;
    }
    /* Edit mode (with checkbox) */
    .banner-bkg-shipper {
        margin: 0 -4px 0 -2px;
    }

    .banner-gray-weight-view {
        margin-left: -5px;
    }

    .banner-gray-weight {
        margin-left: -4px;
    }
        /* Narrower horizontal margin between select and help icon */
        .banner-gray-weight .help {
            margin-left: -2px;
        }
    /* Narrower margin for vertical separator between labels in Edit mode. 9 instead of 11px (already has an even narrower margin on right, see below) */
    .has-banner-bkg-small.has-banner-edit > .border-separate {
        margin: 0 9px 0 9px;
    }
    /* Wrapper now has a class .banner-characs and each resolution has a few different styles from other resolutions */
    .banner-characs {
        margin-right: -19px; /* expected: 20px gap between last icon (or green check) and right border of banner */
    }

        .banner-characs .check.smaller {
            margin-right: 2px; /* instead of 4px */
        }

        .banner-characs .links-blue1 + .check.smaller {
            margin-left: -3px;
        }
        /* Vertical separator between icons on right of .banner-(color) are 19px tall, not 16 */
        .banner-characs .border-separate {
            margin: -2px 3px 0 -2px; /* Result: 10px of gap */
        }

        .banner-characs .check.smaller + .border-separate {
            margin-left: 2px;
        }

    /* Booking Step 6 (7.21) - Recap & Submit (RQM 17377) */
    .banner-bkg-recap {
        padding: 20px 15px 10px 15px; /* bottom: resulting padding is 20px */
    }

        /* deconstructing tables in header */
        .banner-bkg-recap .itemsvert-table {
            position: relative;
            top: -4px;
            vertical-align: top;
        }

            .banner-bkg-recap .itemsvert-table th {
                display: none;
            }

            .banner-bkg-recap .itemsvert-table td:before {
                content: attr(data-header);
                display: inline-block;
                margin-right: 15px;
                font-weight: normal;
            }

            .banner-bkg-recap .itemsvert-table td {
                display: block;
                margin: 0 0 2px 0;
            }

    /* Booking Save and Submit - seen at bottom of 7.21 (RQM 17377) */
    /* Warning occupies its own line */
    .bkg-save-msg {
        display: block;
        clear: both;
        width: auto;
        margin: 0 0 -3px 0;
        padding: 13px 0 0 0;
    }
        /* Bold title on 1 line instead of 2 in 1024+ */
        .bkg-save-msg br {
            display: none;
        }

    /* Message between tunnel and content for SI (and booking) with an icon on left - RQM 17377 */
    .msg-withicon {
        padding-right: 90px;
    }

    /* Messages and Message subscriptions pages 14.02 and 14.03 RQM 32737 and 32738 */
    .message-wrapper {
        border-right-width: 0;
    }

    /* filters list */
    .filter-list {
        display: flex;
        flex-flow: row wrap;
    }

        .filter-list > * {
            flex: 0 0 auto;
            width: 25%;
        }
    /* "By category" sublist should be displayed on 2 columns (compatibility IE10+)
		Also used in 14.02 (below) in 1st sublist */
    .medium-filter-list-has2col {
        width: 40%;
    }

        .medium-filter-list-has2col ul {
            -webkit-columns: 2;
            -moz-columns: 2;
            columns: 2;
            padding-bottom: 0;
        }
    /* Filter 14.02 RQM 32738 */
    /* "By category" sublist should be displayed on 3 columns (compatibility IE10+) */
    .medium-filter-list-has3col {
        width: 60%;
    }

        .medium-filter-list-has3col ul {
            -webkit-columns: 3;
            -moz-columns: 3;
            columns: 3;
        }

    .filter-msg h3 {
        border-top: none;
        margin-top: 0;
    }

    .filter-msg .filter-list > li > ul:first-child {
        margin-top: 35px;
    }

    .filter-msg .medium-filter-list-has2col {
        width: 33%; /* instead of 40% in 14.03. "Since last connexion (0)" occupies 2 lines but it's better than other variations of widths */
    }

    /* Control Totals (SI Step 4) - 4 (icon+value+unit) on a darker gray background / RQM 30368 - INS - Add Control Totals to SI Step 4 */
    /* Variation for 18b.09 (handsome table) */
    .ctrltotals.ctrltotals-modetable {
        width: 100%; /* not auto, it has display: table */
        margin-left: 0;
    }
    /* Variation for 18b.08 (mode form) */
    .ctrltotals-modeform .ctrltotals-title {
        width: 15%; /* not wide enough so title goes on 2 lines */
        white-space: normal; /* allows title to now occupy 2 lines */
    }

    .ctrltotals-modeform .ctrltotals-text {
        display: block;
        margin-top: 6px;
    }

    .ctrltotals-modeform .ctrltotals-value {
        padding-left: 0;
    }
    /* Variation for 18b.03 (SI Step 6) */
    .ctrltotals.ctrltotals-big {
        padding-right: 20px;
    }

    .big-tooltip {
        padding-bottom: 20px;
    }

    .big-tooltip-inner .doc-details-columns,
    .big-tooltip-inner .doc-details-consult {
        width: 727px;
    }

    .big-tooltip-inner .doc-details-114 .doc-details-columns,
    .big-tooltip-inner .doc-details-114 .doc-details-consult {
        width: 703px;
    }

    .big-tooltip-inner {
        margin: 20px 10px 0;
    }

        .big-tooltip-inner .doc-details-columns span {
            font-size: 8px;
        }

        .big-tooltip-inner .doc-details-consult {
            font-size: 10px;
        }

    /* T&J - RTC 88211 */
    .tl-doc-item {
        width: 157px;
    }

        .tl-doc-item + .tl-doc-item {
            margin-left: 8px;
        }

    .tl-doc_docsonline .tl-doc-item + .tl-doc-item {
        margin-left: 30px;
    }

    /* New design/page (?) manage Messages subscriptions (14.07) (RTC 104968) */
    .subnew--item {
        padding: 20px 20px;
    }

    /* ------ */
    /* summary blocks for online documentation in 08-templates */
    /* - layout */
    .summary-zone-1,
    .summary-zone-2,
    .summary-zone-3 {
        display: table-cell;
        vertical-align: top;
    }

    .summary-zone-2 {
        padding: 0 20px 0 20px;
    }

    .summary-zone-3 {
        padding: 0 0 0 20px;
        border-left: 1px solid;
    }

    .summary-zone-3-1,
    .summary-zone-3-2 {
        display: block;
        padding: 0;
        border-left: 0;
    }

        .summary-zone-3-1 + .summary-zone-3-2 {
            margin-top: 20px;
        }

    .lightbox--illus img {
        max-width: 100vw;
        max-height: 100vh;
    }

    /* Invoices payment */
    .invoice-payment {
        position: relative;
        bottom: auto;
        left: auto;
        right: auto;
        z-index: auto;
        background-color: #fff;
    }

        .invoice-payment .col,
        .invoice-payment .col:first-child,
        .invoice-payment .col:last-child {
            width: auto;
            padding-right: 0;
            padding-left: 0;
        }

        .invoice-payment .col {
            text-align: center;
        }

            .invoice-payment .col + .col {
                margin-top: 30px;
                padding-top: 30px;
            }

                .invoice-payment .col + .col:before {
                    left: 50%;
                    width: 90px;
                    height: 1px;
                    top: 0;
                    margin-left: -45px;
                }

    .invoice-payment--spacer {
        display: none !important;
    }

    /* New insurance pages */
    .insurance--tabs.is-fiveentries {
        width: 100%;
        width: calc(100% + 15px * 2);
        margin: 0 auto;
        margin: 0 calc(0% - 15px);
        border-spacing: 15px 0;
    }

    /* Exception on the legend for grids (Lot16_01) */
    .k-grid ~ .table-legend-para {
        max-width: 30%;
    }
}
/* /end MQ 768px */

/* quick smartphone reset */
@media screen and (max-width: 767px) {

    /* .medium-hidden { display: block !important; } */ /* overrides medium CSS */
    .small-hidden {
        display: none !important;
    }

    .small-visible {
        display: block !important;
    }

    table.small-visible {
        display: table !important;
    }

    .small-visually-hidden {
        position: absolute;
        left: -7000px;
        text-indent: -7000px;
        overflow: hidden;
    }

    .small-invisible {
        visibility: hidden;
    }

    .icon.small-visible {
        display: inline-block !important;
    }

    .small-nowrap {
        white-space: nowrap;
    }

    .small-wrap {
        white-space: normal;
    }

    h1, .h1-like {
        font-size: 1.818em; /* 20px from 11 */
        line-height: 1.5;
    }

    h2, .h2-like {
        margin-top: 20px !important;
    }

        h2:first-child, .h2-like:first-child {
            margin-top: 0 !important;
        }

    .small-vam {
        vertical-align: middle;
    }

    /* fonts.............. */
    .small-big14 {
        font-size: 1.273em; /* equiv 14px from 11px */
        line-height: 1.1667;
    }

    .small-big13i {
        font-size: 1.181818em !important; /* equiv 13px from 11px */
    }

    .small-smallest {
        font-size: 0.909em !important;
        ; /* equiv 10px */
    }

    .small-smaller {
        font-size: 1em !important; /* equiv 11px */
    }

    .small-small {
        font-size: 1.091em; /* equiv 12px */
    }

    .icon.small-huge {
        font-size: 30px;
        width: auto;
    }

    .icon.small-icon-40 {
        font-size: 40px;
        width: auto;
    }

    .small-no-float {
        float: none !important;
    }

    .small-block {
        display: block !important;
        float: none;
        width: 100% !important;
        clear: both;
    }

    .small-inbl {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .small-inbl-i {
        display: inline-block !important;
    }

    .small-inline {
        display: inline;
    }

    .small-inline-i {
        display: inline !important;
    }

    .small-noclear {
        clear: none !important;
    }

    .small-ov-visible {
        overflow: visible;
    }

    .small-flex,
    .row.small-flex {
        display: flex !important;
    }

    .small-flex-col {
        flex-direction: column;
    }

    .small-flex-wrap {
        flex-wrap: wrap;
    }

    .small-flex-last {
        order: 100;
    }

    /* positionning */
    .small-relative {
        position: relative;
    }

    .small-txtright {
        text-align: right !important;
    }

    label.small-txtright {
        display: inline-block; /* Will take into account a width like .small-wNNNp */
        margin-right: 10px;
    }

    .small-txtleft {
        text-align: left !important;
    }

    label.small-txtleft {
        display: inline; /* If we want a label aligned on left, it means it was aligned with .txtright and thus had a width and display: inline-block; was applied automatically. We now want a label close to its form element */
        margin-right: 10px;
    }

    label.small-inbl {
        display: inline-block;
        vertical-align: middle; /* (...) but in seldom occasions (2 lines where input/select are aligned on right but labels not text-aligned on right as in 7.08), we want a width to be applied with the correct vertical-align for form elements. v-a:top on label ruins everything */
    }

    .small-txtcenter {
        text-align: center !important;
    }

    .small-left, .col.small-left {
        float: left;
        width: auto;
    }

    .col.small-left {
        padding-right: 0 !important;
    }

        .col.small-left.bd-right:not(.small-bdn) {
            border-right: 1px solid;
        }

    .small-right {
        float: right;
    }

    .small-bd-right {
        border-right: 1px solid;
    }

    .small-bd-left {
        border-left: 1px solid;
    }

    .small-bd-top,
    .small-bt1 {
        border-top: 1px solid !important;
        margin-top: 13px !important; /* to override .h2-like */
        padding-top: 11px;
    }

    .small-bd-top-3-pink {
        border-top: 3px solid !important;
    }

    .small-bd-bottom {
        border-bottom-style: solid !important;
        border-bottom-width: 1px !important;
    }

    .small-bdn, .small-bd-none {
        border: 0 !important;
    }

    /* button */
    .btn.small-white,
    input.small-white,
    button.small-white {
        background: #FFF !important;
    }

    .small-h205p {
        height: 205px;
    }
    /* slideshow @ carrier home */
    .small-h230p {
        height: 230px;
    }

    .small-h290p {
        height: 290px;
    }

    .small-hauto {
        height: auto;
    }

    .small-mhauto {
        min-height: auto;
    }

    .small-mhnone {
        min-height: 0;
    }

    .carrier #navigation {
        border-bottom: none !important;
    }

    .w30,
    .w33,
    .w40,
    .w50,
    .w300p,
    .w400p,
    .w500p,
    .small-wauto,
    .medium-w430p, /* overrides medium CSS */
    .medium-w250p /* overrides medium CSS */ {
        width: auto !important;
    }

    select.w300p {
        width: 300px !important;
    }
    /* to override .w300p { width: auto; } */

    /* Width */
    .small-w30p {
        width: 30px !important;
    }

    .small-w40p {
        width: 40px;
    }

    .small-w45p {
        width: 45px;
    }

    .small-w45pi {
        width: 45px !important;
    }

    .small-w50p {
        width: 50px;
    }

    .small-w60p {
        width: 60px;
    }

    .small-w65p {
        width: 65px;
    }

    .small-w70p {
        width: 70px;
    }

    .small-w75p {
        width: 75px;
    }

    .small-w80p {
        width: 80px;
    }

    .small-w90p {
        width: 90px;
    }

    .small-w95p {
        width: 95px;
    }

    .small-w100p {
        width: 100px !important;
    }

    .small-w101p {
        width: 101px;
    }

    .small-w105p {
        width: 105px !important;
    }

    .small-w110p {
        width: 110px;
    }

    .small-w115p {
        width: 115px !important;
    }

    .small-w1150p {
        width: 115px;
    }

    .small-w120p {
        width: 120px !important;
    }

    .small-w130p {
        width: 130px;
    }

    .small-w150p {
        width: 150px !important;
    }

    .small-w155p {
        width: 155px;
    }

    .small-w140p {
        width: 140px;
    }

    .small-w160p {
        width: 160px;
    }

    .small-w165p {
        width: 165px;
    }

    .small-w170p {
        width: 170px !important;
    }

    .small-w180p {
        width: 180px;
    }

    .small-w190p {
        width: 190px;
    }

    .small-w195p {
        width: 195px;
    }

    .small-w200p {
        width: 200px !important;
    }

    .small-w210p {
        width: 210px;
    }

    .small-w220p {
        width: 220px !important;
    }

    .small-w225p {
        width: 225px;
    }

    .small-w227p {
        width: 227px !important;
    }

    .small-w230p {
        width: 230px;
    }

    .small-w230pi {
        width: 230px !important;
    }

    .small-w236p {
        width: 236px;
    }

    .small-w240p {
        width: 240px;
    }

    .small-w240pi {
        width: 240px !important;
    }

    .small-w250p {
        width: 250px;
    }

    .small-w260p {
        width: 260px;
    }

    .small-w260pi {
        width: 260px !important;
    }

    .small-w270p {
        width: 270px;
    }

    .small-w270pi {
        width: 270px !important;
    }

    .small-w275pi {
        width: 275px !important;
    }

    .small-w280p {
        width: 280px !important;
    }

    .small-w290p {
        width: 290px;
    }

    .small-w300p {
        width: 300px !important;
    }

    .small-w310p, select.small-w310p {
        width: 310px !important;
    }
    /* @NOTE Second part of selector with select is because of select.w300p above, for page 8.09 */
    .small-w320p {
        width: 320px !important;
    }

    .small-w330p {
        width: 330px;
    }

    .small-w340p {
        width: 340px;
    }

    .small-w350p {
        width: 350px;
    }

    .small-w360p {
        width: 360px;
    }

    .small-w370p {
        width: 370px;
    }

    .small-w380p {
        width: 380px;
    }

    .small-w395p {
        width: 395px;
    }

    .small-w400p {
        width: 400px;
    }

    .small-w430p {
        width: 430px;
    }

    .small-w15 {
        width: 15%;
    }

    .small-w20 {
        width: 20%;
    }

    .small-w25 {
        width: 25%;
    }

    .small-w30 {
        width: 30% !important;
    }

    .small-w35 {
        width: 35%;
    }

    .small-w40 {
        width: 40% !important;
    }

    .small-w45 {
        width: 45%;
    }

    .small-w50, .col.small-w50 {
        width: 50% !important;
    }

    .small-w55 {
        width: 55%;
    }

    .small-w60 {
        width: 60%;
    }

    .small-w65 {
        width: 63.5%;
    }

    .small-w70 {
        width: 70%;
    }

    .small-w75 {
        width: 75% !important;
    }

    .small-w80 {
        width: 80% !important;
    }

    .small-w90 {
        width: 90%;
    }

    .small-w90i {
        width: 90% !important;
    }

    .small-w100 {
        width: 100% !important;
    }

    .small-h60p {
        height: 60px;
    }

    .small-h168p {
        height: 168px;
    }
    /* for the home only (slideshow) */
    .small-h212p {
        height: 212px;
    }
    /* for the home only (slideshow) */


    .items-table.small-wauto {
        width: auto !important;
    }

    .items-table.small-w100 {
        width: 100% !important;
    }

    .items-table.w25.small-w100 {
        width: 100% !important;
        display: table !important;
    }

    .small-w45,
    .items-table.w35.small-w45 {
        width: 45% !important;
    }

    .items-table.mr8:not([class*="medium-mr"]).small-mr0 {
        margin-right: 0 !important;
    }

    a.a-tooltip:hover span.small-west, a.a-tooltip:focus span.small-west {
        top: -16px;
        right: 20px;
    }

        a.a-tooltip:hover span.small-west::before,
        a.a-tooltip:focus span.small-west::before {
            content: " ";
            position: absolute;
            top: 13px;
            right: -4px;
            width: 0;
            height: 0;
            border-top: 5px solid; /* transparent;*/
            border-bottom: 5px solid; /* transparent;*/
            border-left: 5px solid;
        }


    .small-h190p {
        height: 190px;
    }

    /* margin, padding */
    .small-ma0 {
        margin: 0 !important;
    }

    .small-ma2 {
        margin: 20px !important;
    }

    .small-mt-minus3 {
        margin-top: -3px !important;
    }

    .small-mt0 {
        margin-top: 0 !important;
    }

    .small-mt0-3 {
        margin-top: 3px !important;
    }

    .small-mt0-5 {
        margin-top: 5px !important;
    }

    .small-mt1 {
        margin-top: 10px !important;
    }

    .small-mt1-2 {
        margin-top: 12px !important;
    }

    .small-mt1-5 {
        margin-top: 15px !important;
    }

    .small-mt2,
    .small-mt2:first-child {
        margin-top: 20px !important;
    }

    .small-mt2-5 {
        margin-top: 25px !important;
    }

    .small-mt3 {
        margin-top: 30px !important;
    }

    .small-mt4 {
        margin-top: 40px !important;
    }

    .small-mt6 {
        margin-top: 60px !important;
    }

    .small-mr0,
    .items-table.mr10.small-mr0 {
        margin-right: 0 !important;
    }

    .small-mr0-1 {
        margin-right: 1px !important;
    }

    .small-mr0-2 {
        margin-right: 2px !important;
    }

    .small-mr0-3 {
        margin-right: 3px !important;
    }

    .small-mr0-4 {
        margin-right: 4px !important;
    }

    .small-mr0-5 {
        margin-right: 5px !important;
    }

    .small-mr0-8 {
        margin-right: 8px !important;
    }

    .small-mr1 {
        margin-right: 10px !important;
    }

    .small-mr1-5 {
        margin-right: 15px !important;
    }

    .small-mr1-8 {
        margin-right: 18px !important;
    }

    .small-mr2 {
        margin-right: 20px !important;
    }

    .small-mr3 {
        margin-right: 30px !important;
    }

    .small-mr11 {
        margin-right: 110px !important;
    }

    .small-mb0 {
        margin-bottom: 0 !important;
    }

    .small-mb0-5 {
        margin-bottom: 5px !important;
    }

    .small-mb1 {
        margin-bottom: 10px !important;
    }

    .small-mb1-2 {
        margin-bottom: 12px !important;
    }

    .small-mb1-5 {
        margin-bottom: 15px !important;
    }

    .small-mb2 {
        margin-bottom: 20px !important;
    }

    .small-mb3 {
        margin-bottom: 30px !important;
    }

    .small-mb3-5 {
        margin-bottom: 35px !important;
    }

    .small-mb5 {
        margin-bottom: 50px !important;
    }

    .small-ml0 {
        margin-left: 0 !important;
    }

    .small-ml0-1 {
        margin-left: 1px !important;
    }

    .small-ml0-5 {
        margin-left: 5px !important;
    }

    .small-ml1 {
        margin-left: 10px !important;
    }

    .small-ml1-3 {
        margin-left: 13px;
    }

    .small-ml1-5 {
        margin-left: 15px;
    }

    .small-ml2 {
        margin-left: 20px !important;
    }

    .small-ml2-5 {
        margin-left: 25px !important;
    }

    .small-ml3 {
        margin-left: 30px !important;
    }

    .small-ml3-5 {
        margin-left: 35px;
    }

    .small-ml4 {
        margin-left: 40px !important;
    }

    .small-ml7 {
        margin-left: 70px !important;
    }

    .small-ml8 {
        margin-left: 80px !important;
    }

    .small-ml85 {
        margin-left: 85px !important;
    }

    .small-ml12 {
        margin-left: 120px !important;
    }

    .small-ml15 {
        margin-left: 150px !important;
    }


    .small-pa0 {
        padding: 0 !important;
    }

    .small-pa1 {
        padding: 10px !important;
    }

    .small-pa1-5 {
        padding: 15px !important;
    }

    .small-pa2 {
        padding: 20px !important;
    }

    .small-pt0 {
        padding-top: 0 !important;
    }

    .small-pt0-4 {
        padding-top: 4px !important;
    }

    .small-pt0-5 {
        padding-top: 5px !important;
    }

    .small-pt1 {
        padding-top: 10px !important;
    }

    .small-pt1-5 {
        padding-top: 15px !important;
    }

    .small-pt2 {
        padding-top: 20px !important;
    }

    .small-pt3 {
        padding-top: 30px !important;
    }

    .small-pr0 {
        padding-right: 0 !important;
    }

    .small-pr1 {
        padding-right: 10px !important;
    }

    .small-pr1-5 {
        padding-right: 15px !important;
    }

    .small-pr3 {
        padding-right: 30px !important;
    }

    .small-pb0 {
        padding-bottom: 0 !important;
    }

    .small-pb0-3 {
        padding-bottom: 3px !important;
    }

    .small-pb1 {
        padding-bottom: 10px !important;
    }

    .small-pb2 {
        padding-bottom: 20px !important;
    }

    .small-pb8 {
        padding-bottom: 80px !important;
    }

    .small-pl0 {
        padding-left: 0 !important;
    }

    .small-pl1 {
        padding-left: 10px !important;
    }

    .small-pl1-5 {
        padding-left: 15px !important;
    }

    .small-pl2 {
        padding-left: 20px !important;
    }

    .small-pl3 {
        padding-left: 30px !important;
    }

    .small-pl4 {
        padding-left: 40px !important;
    }

    .small-pl7 {
        padding-left: 70px !important;
    }

    .small-pl8 {
        padding-left: 80px !important;
    }

    /* relative positioning (to adjust HR) */
    .small-t-minus1 {
        position: relative;
        top: -10px;
    }

    .small-t-minus1-5 {
        position: relative;
        top: -15px;
    }

    .small-t-minus2 {
        position: relative;
        top: -20px;
    }

    .small-t0 {
        top: 0;
    }

    .small-t0-5 {
        top: 5px;
    }

    hr.small-t1 {
        top: 10px !important;
        /* margin-bottom: 20px !important; */
    }

    hr.small-t2 {
        top: 20px !important;
        margin-bottom: 40px !important;
    }

    .small-t1-5 {
        top: 15px;
    }

    .small-bd0 {
        border: 0 !important;
    }


    /* 'v' for vertical | 'h' for horizontal */
    .small-pv2 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .small-pv1 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .small-mh1 {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    .small-mh1-5 {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .small-ph0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .small-ph0-5 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .small-ph1 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .small-ph2 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .small-clear {
        float: none !important;
        clear: both !important;
    }

    .small-clear-only {
        clear: both !important;
    }

    h2.ma0 {
        margin: 0 !important;
    }

    .mod,
    .col,
    fieldset {
        display: block;
        margin-left: 0;
        margin-right: 0;
        border: 0;
        float: none;
        width: auto;
    }

        .mod.bd-top-3-pink {
            border-top-width: 3px;
            border-top-style: solid;
        }

    .small-row {
        display: table;
        table-layout: fixed;
        width: 100%;
    }

    .small-col,
    .small-table-cell {
        display: table-cell;
        vertical-align: top;
    }

    .small-bd-dash {
        border: 1px dashed;
    }

    .small-bd-solid {
        border: 1px solid;
    }

    /* CMA values */
    .mod {
        padding: 20px 15px;
        margin-bottom: 10px;
    }

    .row {
        display: block !important;
        width: 100% !important;
    }

    /* table layout */
    .small-row-adaptive {
        table-layout: auto; /* Overrides table-layout: fixed */
    }

    .small-row-fixed {
        table-layout: fixed; /* Overrides table-layout: fixed */
    }

    .col-contains-border {
        padding-left: 0 !important;
    }

    /* == Footer */
    #footer {
        margin-top: 30px;
    }

        #footer p {
            text-align: right;
        }

    /* == MAIN */
    body {
        padding: 0 8px;
    }

    html.is-must2018 body,
    html.is-must2019 body {
        padding: 0;
    }


    .inner {
        width: 464px; /* @NOTE 480-8*2 */
        border-top: 1px solid;
    }

    html.is-must2018 .inner,
    html.is-must2019 .inner {
        border-top: 0 none;
    }
    /* Homepage: ~12px not 16px (7+9) vertically between nav and slideshow */
    .front #wrapper > .inner {
        margin-top: 0;
    }

    /* Homepage: slideshow is fullwidth while content is still 464/480px wide */
    .front.cma .corp-content {
        width: 480px;
    }

    /* old homepage < 2015 */
    .front .inner {
        border: 0;
    }

    #wrapper {
        margin-top: 10px;
    }

    html.is-must2018 #wrapper,
    html.is-must2019 #wrapper {
        margin-top: 20px;
    }

    .front #wrapper {
        margin-top: 0;
    }

    /* ---------------------- */
    /* == HEADER              */
    /* ---------------------- */


    #header {
        position: relative;
    }

        /* logo */
        #header .logo {
            margin-bottom: 0;
        }

    /* == navigation */
    #navigation {
        display: none;
        border: 0;
        /*padding-top: 10px; there already is .small-pt1 on element */
    }

        #navigation li {
            display: block;
        }

            #navigation li + li {
                border-top: 1px solid;
            }

            #navigation .nav-lvl-one a,
            #navigation li:first-child a {
                display: block;
                padding: 5px 10px;
                text-decoration: none;
            }

            #navigation li.sep {
                background: none;
                margin: 0;
            }

        #navigation ul {
            border: 1px solid;
            margin: 0;
            margin-top: -5px;
            border-top: none;
        }
    /* Homepage: because of slider, we removed m-t:10px from #wrapper. Still needed below *opened* nav in small resolution (and #search below) */
    .front #navigation ul {
        margin-bottom: 10px;
    }

    .jq-nav-sub-open i.icon-gt,
    .jq-nav-sub-close i.icon-gt,
    .jq-nav-to-close i.icon-gt {
        display: inline-block;
    }

    .nav-open,
    .login-open,
    .search-open,
    .social-open {
        display: inline-block;
    }

    .login-open,
    .search-open,
    .social-open {
        padding: 0 10px 0 0;
    }

    .nav-open {
        padding: 0 13px 0 0;
    }

    .small-menu { /* @NOTE menu for the mobile version only */
        display: block;
        float: right;
        padding-right: 6px;
    }

        .small-menu a {
            position: relative;
            padding: 9px 7px;
            margin: 0 2.5px;
        }

            .small-menu a.clicked:after {
                position: absolute;
                left: 6px;
                top: 24px;
                content: "";
                border: 10px solid transparent;
                border-bottom: 10px solid;
            }

    /* First element displayed after the second one */
    .small-invert {
        display: table;
        width: 100%;
        margin-bottom: 10px;
    }

        .small-invert .small-invert-top {
            /*display: table-caption;*/
            float: none;
            padding-bottom: 0 !important;
        }

        .small-invert .small-invert-bottom {
            display: table-footer-group;
            float: none;
            padding-bottom: 10px !important;
        }

        .small-invert .small-invert-top.small-pb1 {
            padding-bottom: 10px !important;
            margin-bottom: 0 !important;
        }


    /* search */
    #header #header-search-input {
        height: 23px;
        border: 1px solid #8D8D8D;
        background-color: #FFFFFF;
    }

    #search .search-selector {
        position: static;
    }

        #search .search-selector .list-selector,
        #header #header-search-input {
            width: 400px;
        }

    #search p.selected label {
        margin-left: 0;
        width: 376px;
    }

    #search {
        display: none;
        margin-top: -20px;
    }
    /* Homepage: because of slider, we removed m-t:10px from #wrapper. Still needed below *opened* search in small resolution (and nav above) */
    .front #search {
        margin-bottom: 10px;
    }

    #search form {
        float: none;
        margin: 0;
    }

    #header #search button {
        margin-left: 5px;
    }

    /* login */
    #header .login-info {
        display: none;
        float: none;
        width: 200px;
        margin: 8px 0 0;
        position: relative;
        top: 5px;
        z-index: 10;
        clear: both;
    }

    #header .header-mod {
        display: block !important;
        /*float: right;*/
        margin-top: 15px;
        /*margin-bottom: 15px;*/
        border: 1px solid;
        padding: 15px;
        width: 100%;
    }

    .banner-login #notifications {
        float: right;
        margin-top: 6px;
    }

    .banner-login .notif {
        margin-left: 5px;
    }

    .banner-login .btn-editor {
        float: right;
        margin: 0;
        margin-top: -4px;
        padding-bottom: 3px;
    }

    .banner-login {
        margin-top: 27px;
        width: 100%;
    }

        .banner-login form + div {
            margin-top: 20px;
        }

        /* @TODO pas acceptable */
        .banner-login .inbl {
            display: block;
        }

    html.is-must2018 #breadcrumb,
    html.is-must2019 #breadcrumb,
    #breadcrumb {
        margin-top: 0;
        margin-bottom: 20px;
    }

    .news-summary {
        display: block;
        width: auto;
    }

        .news-summary .col {
            display: block;
        }

            .news-summary .col .col {
                display: block;
                float: left !important;
                width: 50% !important;
                margin-bottom: 40px;
            }

                .news-summary .col .col:last-child {
                    clear: both;
                    margin-bottom: 0;
                }

        .news-summary .alternate {
            float: left !important;
            width: 50% !important;
        }

    /* Classes specific to 480px (.small- prefix) */
    .small-data-table,
    .small-data-list,
    .small-data-info {
        font-family: Verdana, Helvetica, Arial, sans-serif;
        max-width: 436px;
        margin: 0 auto;
        padding-left: 0;
    }

        .small-data-table li,
        .small-data-list div.small-data-block {
            padding: 6px 0 3px 0;
            border: 1px solid;
        }

            .small-data-table li + li,
            .small-data-list li + li {
                margin: 10px 0;
            }

        .small-data-table p,
        .small-data-list p {
            margin: 0 9px 2px;
            padding: 2px 0;
        }

        .small-data-table p {
            padding: 0;
        }

        .small-data-table .line-title {
            margin-bottom: 0;
        }

        .small-data-table p strong,
        .small-data-table p span,
        .small-data-list p strong,
        .small-data-list p span {
            display: inline-block;
            vertical-align: top; /* @NOTE overriden if parent paragraph has .vab class, see below */
        }

        .small-data-table .a-tooltip span,
        .small-data-list .a-tooltip span {
            display: none;
        }

        .small-data-table p strong,
        .small-data-list p strong {
            min-width: 52px;
            font-style: normal;
        }

        .small-data-table li > p,
        .small-data-list li div > p {
            clear: both;
            overflow: hidden;
            text-align: left;
        }

        .small-data-table .col-half,
        .small-data-list .col-half {
            float: left;
            width: 50%;
        }

        .small-data-table p.vab strong,
        .small-data-table p.vab span,
        .small-data-list p.vab strong,
        .small-data-list p.vab span {
            vertical-align: bottom;
        }

        .small-data-table .icon,
        .small-data-list .icon {
            margin-right: 1px;
            vertical-align: -6px;
        }

        .small-data-table .icon-pdf {
            vertical-align: -8px;
        }

        .small-data-table .date-past,
        .small-data-table .past,
        .small-data-list .date-past {
            border: none;
        }

        .small-data-table .date-provisional,
        .small-data-table .past,
        .small-data-list .date-provisional {
            border: 1px solid;
        }

            .small-data-table .past .title,
            .small-data-table .past span {
                font-style: italic;
            }

        .small-data-table .current {
            font-weight: bold;
        }

        .small-data-table .provisional {
        }

        .small-data-table .small-label,
        .small-data-list .small-label {
            min-width: 155px;
            background: blue;
        }

        .small-data-table .line-title .right,
        .small-data-list .line-title .right {
            margin-right: -3px; /* 6a.25 */
        }

            .small-data-table .line-title .right .icon,
            .small-data-list .line-title .right .icon {
                margin-left: 6px; /* 6a.25 */
            }

        .small-data-table .line-title input[type="checkbox"],
        .small-data-list .line-title input[type="checkbox"] {
            margin-right: 2px;
        }

        .small-data-table .title,
        .small-data-list .title {
            font-size: 1.455em;
        }

        .small-data-list .title {
            padding: 0 5px 0 9px; /* 7.01 */
            margin-bottom: -4px;
        }

            .small-data-list .title .fav i {
                position: relative;
                top: -4px;
            }

            .small-data-list .title .small {
                margin-top: 4px;
                line-height: 1;
                font-size: 0.6875em;
            }

        .small-data-table .highlight,
        .small-data-list .highlight,
        .small-data-info .highlight {
            padding: 1px 5px;
            font-weight: bold;
        }

        .small-data-list .simple .title {
            margin-bottom: 6px; /* 23a.04, Corporate */
        }

        .small-data-list + .pager {
            margin-top: 0;
        }

    .line-button .left .icon {
        position: relative;
        top: -8px;
    }


    /* hr styles */
    .small-data-table hr,
    .small-data-list hr,
    .corp-inner .small-data-table hr,
    .corp-inner .small-data-list hr {
        width: 95%;
        top: 6px;
        margin: 0 auto 8px;
    }

        .small-data-table hr.full,
        .small-data-list hr.full,
        .small-data-info hr.full {
            width: 100%;
        }

        .small-data-table hr.double,
        .small-data-list hr.double {
            padding-top: 1px;
            border-top: 1px solid rgb(207, 207, 207); /* @ALSAAFAIRE rgb -> HEX et dans colors.css */
            border-bottom: 1px solid rgb(207, 207, 207); /* @ALSAAFAIRE rgb -> HEX et dans colors.css */
            background: transparent;
        }

    .small-data-table .line-title ~ hr,
    .small-data-list .line-title ~ hr {
        top: 3px;
        margin: 0 auto 14px;
    }

    .small-data-table .line-title + hr,
    .small-data-list .line-title + hr {
        top: 1px;
        margin: 0 auto 7px;
    }

    .small-total {
        line-height: 2;
    }

        .small-total .small-label {
            display: inline-block;
            min-width: 125px;
        }

    .small-data-table .line-title input,
    .small-data-list .line-title input {
        vertical-align: baseline;
    }

    .small-data-table .line-title label,
    .small-data-list .line-title label {
        display: inline-block !important;
        margin: -2px 0 4px 0;
    }

    .line-title .doc-type,
    .small-data-list .doc-type {
        margin-left: 4px;
        vertical-align: 2px;
        font-size: 0.55em !important;
    }

    /* lot 7-08-480*/
    .line-title .alternate {
        margin-bottom: 4px;
        margin-left: 5px;
        font-weight: bold;
    }

    .line-closed {
        display: none !important;
    }

    .line-opened {
        display: block !important;
    }

    .line-button {
        overflow: hidden;
    }


    /* Two buttons on a line */
    .small-fullwidth {
        display: table;
        width: 100%;
        clear: both;
        margin-top: 20px;
        text-align: center;
    }

        .small-fullwidth button,
        .small-fullwidth input,
        .small-fullwidth .btn-like,
        .small-fullwidth .jq-dropdown,
        .small-fullwidth .btn {
            width: 48.9% !important;
        }

            .small-fullwidth button.small-w100,
            .small-fullwidth .btn.small-w100 {
                width: 100% !important;
            }

    .left.jq-dropdown,
    .right.jq-dropdown {
        width: 48.9% !important;
        margin-left: 0;
        margin-right: 0;
    }

    .small-w100.jq-dropdown {
        width: 100% !important; /* rule needed to override above width declaration */
    }

    .small-fullwidth button.btn-like {
        padding-bottom: 5px;
        padding-top: 5px;
    }

    .buttons-line.small-fullwidth {
        margin-top: 0;
    }

    /* one more exception when the buttons are hidden but before a title */
    .buttons-line.small-hidden + h2,
    .buttons-line.small-hidden + .h2-like {
        padding-top: 0;
        margin-top: 20px !important;
    }


    /* Timeline BL detail*/
    .timeline.timeline-approval .timeline-main {
        margin: 0 20px;
    }

    .timeline-ctrl-prev {
        left: 20px;
    }

    .timeline-ctrl-next {
        right: 20px;
    }

    .timeline-approval a,
    .timeline-approval .current span {
        width: 96.66666px;
    }

    .timeline-approval .timeline-ctrl {
        margin-top: -15px;
    }

    /* Timeline */
    .small-timeline-inline {
        text-align: center;
    }

        .small-timeline-inline ul li {
            float: left;
            width: 33%;
            margin: 0;
            text-align: center;
            padding: 10px 10px 0 !important;
            border: none;
        }

            .small-timeline-inline ul li.to-be-reviewed {
                background: url("img/picto-timeline-next.png") no-repeat scroll center 11px transparent !important;
            }

            .small-timeline-inline ul li.approved {
                background: url("img/picto-timeline-valid.png") no-repeat scroll center 11px transparent !important;
            }

            .small-timeline-inline ul li.current {
                position: relative;
                bottom: -1px;
            }

    .timeline-approval .small-timeline-inline a,
    .timeline-approval .small-timeline-inline .current span {
        margin: auto !important;
        padding: 28px 10px 10px 10px;
        width: auto !important;
    }

    .small-data-block {
        overflow: hidden;
    }

        .small-data-block .items-table.w50.left {
            width: 50% !important;
            float: left !important;
        }

        .small-data-block .items-table th {
            padding-left: 0.8em;
            vertical-align: baseline;
        }

        .small-data-block .items-table.midi th {
            width: 10em;
        }

        .small-data-block .items-table.mini th {
            width: 8em;
        }

        .small-data-block .th-txtright td {
            text-align: right;
        }

        .small-data-block .alternate td {
            vertical-align: baseline;
        }
    /* 6a.02b */
    .small-data-info {
        overflow: hidden;
        clear: both; /* Avoids any problem with previous floats,as the element also has overflow: hidden and thus BFC */
        border: 1px solid;
        margin-bottom: 15px;
    }

        .small-data-info .title {
            margin-bottom: -4px;
            padding: 6px 15px 3px 16px;
            font-size: 1.455em;
        }

            .small-data-info .title .highlight {
                padding: 3px 5px 3px 5px;
                font-size: 0.6875em;
            }

        .small-data-info hr {
            /* width: 95%; */
            top: 4px;
            margin: 0 auto 6px;
        }
        /* equivalent to hr.t1 */
        .small-data-info .content hr {
            top: 12px;
            margin-bottom: 22px;
        }

        .small-data-info .content {
            margin: 0 14px;
            padding: 1px 0 10px 0;
        }

            .small-data-info .content p {
                margin-top: 8px;
                padding: 2px 0;
            }

        .small-data-info p.small-left {
            margin-right: 0;
        }

        .small-data-info.list {
            padding: 6px 0 14px 0;
        }

            .small-data-info.list .title {
                padding: 8px 14px 2px 14px;
            }

            .small-data-info.list hr {
                top: 14px;
                margin-bottom: 23px;
            }



    .items-table.w50,
    .items-table.w33 {
        width: 100% !important;
    }

    .items-table .small-2col {
        float: left;
        width: 47%;
    }

    .small-th-visible th {
        display: table-cell;
    }

    .small-itable-2col .items-table.left,
    .small-itable-2col tr.medium-w33 {
        width: 48% !important; /* overrides medium CSS */
    }

    .small-itable-2col tr.medium-w33 { /* overrides medium CSS */
        float: left;
    }

    /* 6a.32 display mode 480 */
    .small-itable-2col-3r .items-table.left {
        width: 50% !important; /* overrides medium CSS */
    }

        .small-itable-2col-3r .items-table.left:nth-child(3) {
            float: right;
        }

    .service-s-table {
        margin-bottom: 10px;
    }

    /* 6a.28 */
    .col-1-2,
    .form-col-1-2 {
        float: none;
        width: auto !important;
        margin-right: 0 !important;
    }

        .col-1-2 + .col-1-2,
        .form-col-1-2 + .form-col-1-2 {
            margin-top: 20px;
        }


    label.small-w75p {
        padding-left: 0 !important;
    }

    div.small-data-block {
        position: relative;
    }

    .small-data-block .line-opened .items-table {
        padding: 1px 0 3px 0;
    }

    .small-data-block .icon.green {
        margin-left: 3px; /* The green check is wider than the other icons, thus a very specific margin to increase to 8px this margin... */
        margin-right: 4px;
    }

    .small-data-block .icon.txtmidgray {
        position: relative;
        top: 4px;
        font-size: 2.6em;
        margin: 0 61px !important;
    }

    /* 8.17 */
    .small-title-eco-calc {
        clear: both;
        padding: 12px 10px 9px 10px;
        text-align: left;
        line-height: 1;
        font-weight: bold;
        color: white;
        background-color: #767676; /*@797979*/
    }

        .small-title-eco-calc > h3 {
            position: relative;
            padding: 0 0 0 25px;
            margin-left: 10px;
            line-height: 30px;
            background: #767676 url(img/bg-leaf.png) left center no-repeat; /*@797979*/
        }

        .small-title-eco-calc .right > span {
            margin: 0 5px;
        }

    .bg-triple2 {
        background: none;
    }

    .small-data-eco-calc div.small-data-block {
        padding: 0;
    }

    .small-data-block .small-data-fromto {
        display: table;
        width: 100%;
        margin: 0;
        padding: 11px 8px 14px 10px;
        border-bottom: 1px solid;
    }

    .small-data-fromto > span {
        display: table-cell !important;
        vertical-align: middle !important;
    }

    .small-data-fromto > .place {
        width: 192px;
        text-align: center;
        vertical-align: top !important;
    }

    .small-data-block .icon-arrow {
        width: auto;
        vertical-align: middle;
        font-size: 2.6em;
    }

    /*	6.31 */
    .button-big-icon i.icon {
        top: -2px;
    }

    .filter-list > li {
        display: inline-block;
        vertical-align: top;
        width: 50%;
    }

    .form-horiz input,
    .form-horiz .jq-click-check {
        /* margin: 0 5px !important; */
        margin-bottom: 10px !important;
    }

        .form-horiz input ~ label {
            margin-bottom: 9px !important;
        }

        .form-horiz input[type="text"] {
            width: 200px !important;
        }

        .form-horiz input[type="submit"] {
            width: 60px;
            margin: 0 !important;
            margin-bottom: 10px !important;
        }

    .filter-mod .filter-msg,
    .filter-msg .filter-list {
        padding: 0 !important;
    }

        .filter-msg .filter-list > li,
        .filter-msg .filter-list > li:nth-child(5) {
            float: none;
            display: block;
            width: auto !important;
            padding: 10px 20px;
            margin-right: 0
        }

    .filter-msg .small-filter-list-nobd > li,
    .filter-msg .small-filter-list-nobd > li:nth-child(5) {
        padding: 5px 10px;
    }

    .filter-msg .filter-list > li > ul:first-child {
        margin-top: 0;
    }

    .filter-msg .filter-list > li + li {
        border-top: 1px solid #dfdfdf !important;
    }

    .filter-msg .small-filter-list-nobd > li + li {
        border-top: 0 none !important;
    }

    .filter-msg h3 {
        padding-top: 5px;
    }

    /* Custom checkbox: span seen in 13.03, 6a.29 and 6a.30 */
    span.js-checkbox .jq-wrap-check label {
        display: inline-block;
        margin-right: 25px !important;
    }

    .elem-special #spe-dim + label {
        width: auto;
    }

    /* Contextual navigation page 6a.23 to 6a.27 and 9c.08 */
    .line nav {
        position: relative;
    }

    .c-nav-open {
        position: absolute;
        top: 8px;
        right: 28px;
        display: block;
        margin-top: 0;
        padding: 3px 0;
        z-index: 15;
    }

    .context-navigation {
        padding: 30px 0 0;
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 20px;
        text-align: left;
        position: relative;
        background-color: transparent;
    }

        .context-navigation::before {
            content: '';
            position: absolute;
            left: -20px;
            right: -20px;
            top: -12px;
            height: 42px;
            border: 1px solid #E4E4E4;
            background: #F5F5F5;
        }

        .context-navigation .current,
        .context-navigation .jq-tabstrip2-current {
            position: absolute;
            top: -1px;
            right: -1px;
            left: -1px;
            display: inline-block;
            border-left: 1px solid #E4E4E4;
            border-top: 1px solid #E4E4E4;
            border-right: 1px solid #E4E4E4;
        }
        /* RQM Cancels desktop vertical centering of current tab (smaller padding, top +2px) */
        .context-navigation > .current span,
        .context-navigation > .jq-tabstrip2-current span {
            height: 30px;
            width: 100%;
            padding: 0 32px 0 20px;
            border-bottom: 1px solid transparent;
            line-height: 30px;
        }

    .c-nav-open.clicked ~ .context-navigation > .current span,
    .c-nav-open.clicked ~ .context-navigation > .jq-tabstrip2-current span {
        border-bottom: 1px solid #E4E4E4;
    }

    .context-navigation li,
    .context-navigation li:first-child {
        border: 0 none;
    }

        .context-navigation li:first-child:not(.current):not(.jq-tabstrip2-current),
        .context-navigation li:not(.current):not(.jq-tabstrip2-current) {
            border-top: 1px solid #E4E4E4;
        }

        .context-navigation li > a {
            display: block;
            padding-left: 20px;
        }

    .context-navigation .jq-tabstrip2-current a,
    .context-navigation > .current:before,
    .context-navigation > .current:after,
    .context-navigation > .jq-tabstrip2-current:before,
    .context-navigation > .jq-tabstrip2-current:after {
        content: normal;
    }
    /* full-width variant */
    .context-navigation.full {
        padding-top: 40px;
    }

        .context-navigation.full::before {
            display: none;
        }

        .context-navigation.full > .current span,
        .context-navigation.full > .jq-tabstrip2-current span {
            height: 39px;
            padding-left: 30px;
            padding-right: 70px;
            line-height: 40px;
        }

    .c-nav-open.clicked ~ .context-navigation.full > .current span,
    .c-nav-open.clicked ~ .context-navigation.full > .jq-tabstrip2-current span {
        height: 40px;
    }

    .context-navigation.full li > a {
        padding-left: 30px;
    }



    /* Booking block */
    .infobox {
        float: left;
    }

        .infobox + .items-table {
            width: auto !important;
            margin: 0 !important;
            padding: 0 0 0 50px;
        }

            .infobox + .items-table.txtleft {
                border-spacing: 0;
            }

    h1 + .line {
        margin-top: 20px !important;
        margin-bottom: 0;
    }

    .tunnel + .line {
        margin-top: 20px;
    }

    .tunnel + form > .line,
    h1 + form > .line {
        margin-top: 20px !important;
    }

    h1 ~ .jq-dropdown {
        margin-bottom: 0;
    }

    /* h2 with buttons on its right. Correct vertical gap below them */
    .buttons-line + h2,
    .buttons-line + .h2-like {
        float: left; /* for 7.17 and 8.17 for example */
        margin-top: 0 !important;
        padding-top: 14px;
    }

    /* form "hinted" */
    .hinted {
        padding-bottom: 3em;
    }

        .hinted .hint {
            bottom: -16px;
        }

        .hinted .medium-w30 { /* overrides medium CSS */
            width: 50% !important;
        }

    .small-data-table + .pager {
        margin-left: 0;
    }

        .small-data-table + .pager + .pager {
            margin-right: 0;
        }

        .small-data-table + .pager button {
            margin: 0 0 0 5px !important;
        }

    /* split booking TOOLTIP */
    a.a-tooltip.booking:hover span.east,
    a.a-tooltip.booking:focus span.east {
        bottom: auto;
        left: -185px;
        top: 25px;
    }

        a.a-tooltip.booking:hover span.east:before,
        a.a-tooltip.booking:focus span.east:before {
            content: " ";
            position: absolute;
            top: -10px;
            left: 183px;
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-bottom: 5px solid;
        }

    /* Tunnel */
    .tunnel-in .num-tunnel .small-visible {
        font-weight: bold;
        font-size: 15px;
    }

    .tunnel-container,
    .tunnel {
        height: 30px;
        min-height: 30px;
    }

    .tunnel-container {
        margin-bottom: 10px;
    }

    h1 + .tunnel {
        margin: 20px 0 !important; /* @ALSAAFAIRE les 20px manquants parfois parce que fr�re de H1 = .tunnel-container et pas/plus .tunnel ? */
    }

    .tunnel-in,
    .tunnel .first {
        height: 30px;
        padding-top: 6px;
        padding-bottom: 0;
    }

    .tunnel .tunnel-in {
        padding-left: 0;
        padding-right: 22px;
    }

    .tunnel-in.last,
    .tunnel-in.last-current {
        padding-right: 0;
    }

    .tunnel-4-steps .tunnel-in,
    .tunnel-4-steps .tunnel-in.first,
    .tunnel-3-steps .tunnel-in,
    .tunnel-3-steps .tunnel-in.first {
        min-width: 84px;
    }

    .tunnel-in .arrow-borders {
        width: 10px;
    }

        .tunnel-in .arrow-borders:before,
        .tunnel-in .arrow-borders:after {
            left: -5px;
        }

    .tunnel .tunnel-in .txt-tunnel {
        /* Hides text information for 480 and less but keeps the information for screen reader */
        position: absolute;
        left: -7000px;
        text-indent: -7000px;
        overflow: hidden;
    }

    .tunnel-3-steps li {
        width: 36.14%;
    }

        .tunnel-3-steps li:last-child {
            width: 27.73%;
        }

    .tunnel-4-steps li {
        width: 27.1%;
    }

        .tunnel-4-steps li:last-child {
            width: 18.7%;
        }

    .tunnel-5-steps li {
        width: 21.68%; /* (464 - (4 bg arrows of 39px) ) / 4 = 61.6px. 61.6+39 = 100.6px. 100.6/464 = 21.68% */
    }

        .tunnel-5-steps li:last-child {
            width: 13.28%; /* (464 - (4 bg arrows of 39px) ) / 4 = 61.6px. 61.6/464 = 13.28% */
        }

    .tunnel-6-steps li {
        width: 18.06%; /* (464 - (5 bg arrows of 39px) ) / 6 = 44.83px. 44.83+39 = 83.83px. 83.83/464 = 18.06% */
    }

        .tunnel-6-steps li:last-child {
            width: 9.66%; /* (464 - (5 bg arrows of 39px) ) / 6 = 44.83px. 44.83/464 = 9.66% */
        }

    .tunnel-in .num-tunnel {
        position: static;
        margin: 0;
    }

    .num-tunnel-check {
        display: block;
        background: none;
        padding: 4px 0 0 1px;
        margin: -8px auto 0 !important;
    }

    .tunnel-in .num-tunnel-check .icon {
        margin-left: -1px !important;
        margin-top: 2px;
        font-size: 20px;
    }

    .tunnel-3-steps .tunnel-in .num-tunnel,
    .tunnel-4-steps .tunnel-in .num-tunnel {
        left: 0;
    }

    .tunnel-in:before,
    .tunnel-in:after {
        width: 24px;
        background-position: 0 -669px;
    }

    .tunnel-in:after {
        left: -22px;
    }

    .tunnel .last-current:before {
        display: none;
    }

    .tunnel-in .arrow-borders:before,
    .tunnel-in .arrow-borders:after {
        border-color: red;
    }

    /* default tunnel styles */
    .tunnel-in.before:before,
    .tunnel-links a.after-link:hover:after {
        background-position: 0 -638px;
    }

    .tunnel-in.current:before,
    .tunnel-in.last-current:before {
        background-position: 0 -576px;
    }
    /* tunnel with steps styles */
    /* statut de base : normal, lien, current */
    .tunnel-links .before-new:before {
        background-position: 0 -514px;
    }

    .tunnel-links a.before-new:before {
        background-position: 0 -700px;
    }

    .tunnel-links .current.before-new:before,
    .tunnel-links a.before-new:hover:before {
        background-position: 0 -607px;
    }

    .tunnel-links a.before:hover:before,
    .tunnel-links a.after:hover:after {
        display: block;
        background-position: 0 -545px;
    }

    .tunnel-links a.before-link:hover:before {
        background-position: 0 -576px;
    }

    .tunnel-links a.after-link:hover:after {
        display: block;
        background-position: 0 -638px;
    }

    .tunnel-links .tunnel-3-steps li:last-child .tunnel-in:before,
    .tunnel-links .tunnel-4-steps li:last-child .tunnel-in:before {
        background-position: 0 -483px;
    }

    .tunnel-links .tunnel-3-steps li:last-child .current:before,
    .tunnel-links .tunnel-4-steps li:last-child .current:before,
    .tunnel-links .tunnel-3-steps li:last-child a.tunnel-in:hover:before,
    .tunnel-links .tunnel-4-steps li:last-child a.tunnel-in:hover:before {
        background-position: 0 -576px;
    }

    .tunnel-links .tunnel-3-steps li:last-child a.tunnel-in:before,
    .tunnel-links .tunnel-4-steps li:last-child a.tunnel-in:before {
        background-position: 0 -669px;
    }

    /* slide containers */
    .slide-containers-selector {
        width: 419px;
    }


    .biz-new-account .buttons-line > * {
        margin-top: 0;
    }

    .small-rwd-fieldset.genuine {
        border: none;
        width: 100%;
        padding: 0 !important;
        margin: 0;
    }

        .small-rwd-fieldset.genuine > div:not(.row),
        .small-rwd-fieldset.genuine > p {
            padding: 0 15px;
        }

        .small-rwd-fieldset.genuine #equip-col legend,
        .small-rwd-fieldset.genuine #second-col legend,
        .small-rwd-fieldset.genuine #last-col legend {
            background-color: transparent !important;
            margin-right: 10px;
        }

        .small-rwd-fieldset.genuine #equip-col,
        .small-rwd-fieldset.genuine #equip-col + div,
        .small-rwd-fieldset.genuine #equip-col + div + div {
            padding-top: 10px;
            padding-left: 10px !important;
            padding-right: 10px !important;
        }

            .small-rwd-fieldset.genuine #equip-col + div,
            .small-rwd-fieldset.genuine #equip-col div,
            .small-rwd-fieldset.genuine #second-col div,
            .small-rwd-fieldset.genuine #last-col div {
            }

        .small-rwd-fieldset.genuine #second-col legend {
            border-top: 1px solid;
            padding-top: 10px;
        }

        .small-rwd-fieldset.genuine > legend {
            display: block;
            width: 100%;
            padding-top: 3px;
            padding-bottom: 4px;
            margin-left: 0;
            padding-left: 15px;
            margin-bottom: 10px;
        }

        .small-rwd-fieldset.genuine .form-col-1-2 {
            float: none;
            width: 100%;
        }

    /* 6a_04 */
    a.alternate.lightgray.icon {
        padding: 3px 0 0 0;
        height: 28px;
        width: 32px;
        background: none repeat scroll 0 0 rgb(249, 249, 249);
        border: 1px solid rgb(223, 223, 223);
    }

    .small-data-block .blue2 .icon {
        position: relative;
        top: -3px;
    }

    .showing_dd .icon:first-child {
        top: -1px;
    }

    .js .showing_dd.w200p {
        min-width: 1px;
        max-width: 35px;
    }

    .jq-dropdown .jq-dd-action-link-container a {
        padding-right: 7px;
        padding-left: 7px;
    }

    .js .showing_dd .jq-dd-list-container {
        /*position: absolute;*/
        /*width: 200px;*/
    }


    button.small-icon {
        padding: 3px 5px;
    }

    button.blue1 .icon {
        position: relative;
        top: 1px;
    }

    /* double select list */
    .double-list .pager.central {
        display: flex;
        flex-flow: row nowrap;
        padding-left: 0;
        padding-right: 0;
        padding-top: 20px;
        width: 100%;
        ;
    }

        .double-list .pager.central > * {
            flex: 1 1 auto;
        }

        .double-list .pager.central > button:first-child {
            margin-left: 0;
            margin-right: 5px;
        }

        .double-list .pager.central > button:last-child {
            margin-left: 5px;
            margin-right: 0;
        }

        .double-list .pager.central > button .icon {
            transform: rotate(-90deg);
        }

    .double-list .container-select button {
        padding-left: 12px;
        padding-right: 12px;
    }

    .double-list select {
        max-height: 255px;
    }

    /* changin dropdown for RWD in 480 */
    .js .jq-dd-btn .jq-dd-list-container ul {
        position: relative;
    }

    .jq-dd-list-container a {
        display: block;
        padding: 5px 11px;
    }

    .jq-dd-list-container a, .jq-dd-list-container .icon {
        cursor: pointer;
    }

        .jq-dd-list-container a:hover {
            text-decoration: none;
        }

        .jq-dd-list-container a:focus {
            text-decoration: none;
        }

    .jq-dd-list-container {
        position: relative;
    }

        .jq-dd-list-container ul {
            padding-left: 0;
            border: 1px solid;
        }

        .jq-dd-list-container li {
            display: block;
            padding: 2px 0;
        }

            .jq-dd-list-container li + li {
                border-top: 1px solid;
            }

    .js .jq-dd-list-container ul {
        /*width: 100%;*/
        left: 0;
        top: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .js .jq-dd-list-container ul {
        z-index: 1000;
    }

    .items-table.small-horiz-col2 tr {
        display: inline-block;
        width: 46%;
    }

    .small-db-table table {
        margin-top: 2px;
        border-spacing: 0 5px;
    }

    .small-data-eco-calc .small-db-table {
        margin: 0 8px; /* because padding was removed on parent */
    }

        .small-data-eco-calc .small-db-table table {
            border-spacing: 0 9px;
        }

    .small-db-table th {
        text-align: left;
    }

    .small-db-table .w50 {
        width: 50% !important;
    }

    .small-db-table .w55 {
        width: 55.5% !important;
    }

    .small-db-table .w45 {
        width: 44.5% !important;
    }

    .small-db-table .left {
        margin-right: 0;
    }

    .small-db-vessel th {
        width: 39.9%;
    }

    .small-db-date th {
        width: 55%;
    }

    .small-db-bl th {
        width: 51.5%;
    }

    .small-db-equipment th {
        width: 49%;
    }

    .small-db-container th {
        width: 67.5%;
    }

    .small-db-goods th {
        width: 68%;
    }
    /* Eco Calculator - 8.17 */
    .small-db-eco-left th {
        width: 50%;
    }

    .small-db-eco-right th {
        width: 34%;
    }

    .small-data-eco-calc th {
        padding-right: 13px;
        text-align: right;
        font-weight: normal;
    }

    .small-data-eco-calc td {
        padding-right: 10px;
        font-weight: bold;
    }

    .small-db-table .icon {
        margin-right: 2px;
    }

    .small-db-table table:first-child th .icon {
        margin-left: 8px;
    }
    /* 8.06 */
    .small-db-content {
        padding-top: 4px;
    }

    .small-db-actions {
        padding: 9px 6px 6px 0;
    }

        .small-db-actions a {
            margin-left: 9px; /* total 20px between icons */
        }

    .small-dt-align {
        margin-left: 19px; /* 7.08 */
    }

    /* table Data-Tracking */
    .small-data-tracking .small-col1 {
        float: left;
        width: 54.7%;
    }

    .small-data-tracking .small-col2 {
        float: left;
        width: 45.3%;
    }

        .small-data-tracking .small-col1 > i.icon, /* '>' and i.icon and not .icon because a.icon and a>i.icon mustn't be affected */
        .small-data-tracking .small-col2 > i.icon {
            margin-right: 8px;
        }

    .small-data-tracking p {
        margin-top: 6px;
        margin-bottom: 3px;
    }

    .small-data-tracking hr + p {
        margin-top: 13px;
        margin-bottom: 1px;
    }

    .small-data-tracking p:last-child {
        margin-bottom: 7px;
    }

    /* table Charges Finder */
    .small-data-charges li {
        background: none;
        border: 0;
        padding: 0;
    }

        .small-data-charges li + li {
            margin: 20px 0 0;
        }

    .small-data-charges h3 {
        padding-top: 6px;
        padding-bottom: 4px;
    }

    .small-data-charges .charges-content {
        padding-top: 6px;
        padding-bottom: 7px;
    }

    .small-data-charges .charges-content {
        border: 1px solid;
    }

    .small-data-charges .banner-gray {
        margin: 0;
    }


    /* table : TH width */
    .items-table.small-micro th {
        width: 2.8em
    }

    .items-table.small-mini th {
        width: 5.5em
    }

    .items-table.small-midi th {
        width: 8em; /* for 6b.13 */
    }

    .items-table.small-maxi th {
        width: 10em
    }

    .items-table.small-mega th,
    .small-data-block .items-table.small-mega th {
        width: 12em
    }

    .items-table.small-giga th {
        width: 14em
    }

    .items-table.small-tera th {
        width: 16em
    }

    .items-table.small-th-auto th {
        width: auto
    }


    /* legend of table that may be along Kendo data-table pagination
		other type of legend exists looking like fieldset+legend + items occupying a few lines / RQM 33804
		(see also HTML .small-* classes) */
    .k-grid ~ .table-legend-bd {
        top: 10px; /* overrides t: -40 / m-t: 40 */
        margin-bottom: 10px;
    }

    /* Banner gray/blue/white for 480 */
    .banner-gray,
    .banner-blue,
    .banner-white {
        overflow: hidden;
    }

        h3.banner-gray,
        h4.banner-gray,
        .banner-gray > h3,
        .banner-gray > .h3-like {
            display: block;
        }

        .banner-gray span {
            margin: 4px 0 0 !important;
        }

        .banner-gray p {
            margin: 3px 0 0 !important;
        }

    /* Booking Step 6 (7.21) - Recap & Submit (RQM 17377) */
    .banner-bkg-recap .itemsvert-table {
        margin-top: 15px;
    }

        .banner-bkg-recap .itemsvert-table th:before,
        .banner-bkg-recap .itemsvert-table td:before {
            font-size: 10px;
        }

        .banner-bkg-recap .itemsvert-table .small-itemsvert-table_blocklabel:before {
            display: block;
        }

        .banner-bkg-recap .itemsvert-table th,
        .banner-bkg-recap .itemsvert-table td {
            padding-right: 0;
        }

    /* Notifications - 14b.01 rework / RQM 31793
		Overriding default reset existing in 480 on .row and .col: we still want table(-cell) displays */
    .notif-sub-item {
        display: table !important;
    }

    .notif-sub-checkbox,
    .notif-sub-actions {
        display: table-cell;
    }

    .notif-sub-actions {
        width: 62px;
    }

    /* Color box legend */
    .colorbox-item {
        display: block;
        margin: 10px 0 0 !important;
    }

        .colorbox-item > .colorbox {
            margin-left: 0;
        }


    /* Double select[size="10"] : now (2013-12-06) using CSS table layout. "Auto-adapting" to different text lengths */
    .double-select .div-select-container {
        display: table;
        width: 100%;
    }

        .double-select .div-select-container > div {
            display: table-row;
        }

    .double-select div label {
        display: table-cell;
        width: 1px;
        white-space: nowrap;
        border: none;
        padding: 0 15px 0 0;
        text-align: right;
        background: none;
    }

    .double-select div select {
        display: table-cell;
        width: 100%;
        height: 36px !important;
    }

    .btn-double-select-container {
        display: block;
    }

    .double-select .div-select-container div.first {
        margin-right: 0;
    }

    .double-select .div-select-container > .first + div label {
        padding-top: 15px;
    }

    .double-select .div-select-container > .first + div select {
        margin-top: 15px;
    }


    .partner-choice li.partner .caption {
        left: 25px;
    }

    /* tabs-choice : list of solutions */
    .tabs-solutions .partner img {
        height: 48px;
        width: auto;
    }

    .tabs-solutions .partner {
        padding: 10px 0;
    }

    /* .list-pipe is a variation in 6a.02b RQM #23692 added 2014-04-08 */
    .list-pipe a {
        display: block;
        border-right: none;
    }


    .reg-carrier-choice {
        margin-left: 15px;
        margin-bottom: 0;
    }

    .reg-carrier-contains-4 .reg-carrier-choice,
    .reg-carrier-contains-4 .reg-carrier-choice-item,
    .reg-carrier-choice,
    .reg-carrier-choice-item {
        width: 100%;
        margin-bottom: 0;
        margin-left: 0;
        float: none;
    }

        .reg-carrier-choice + .reg-carrier-choice {
            margin-left: 0;
        }

    .js .reg-carrier-choice-selected .btn {
        margin: 10px 0 20px;
    }

    .arrow-top-gray3 {
        left: 50% !important;
        margin-left: -8px !important;
    }

    .col .account-intro, .account-intro {
        width: 100%;
        margin: 20px 0 0 !important;
    }

    .col .account-intro {
        min-height: auto;
    }

    /* FAQ Top 5 in sidebar (also 10.02) */
    .faq-top p {
        float: left;
        width: 50%;
        margin: 0 0 10px 0;
    }

    .nav-letters {
        border-top: 1px solid;
        border-left: 1px solid;
    }

        .nav-letters .nav-letter-item {
            width: 7.1428%;
        }

            .nav-letters .nav-letter-item.small-nav-letter-item-2x {
                width: 14.2856%;
            }

        .nav-letters .current {
            border-bottom: 1px solid;
        }

    /* 3 contexts for a video, examples are in pages 10.06, 10.10 and 20.05. See templates.css and corporate.css for defaults */
    /* 10.06: tutorial with sidebar */
    .video-with-sidebar .video-player {
        width: 432px;
        height: 282px; /* OK {432 / 282 Fx} {432 / 282 Chrome = OK} */
    }
    /* Page 10.10: tutorial without sidebar (full width) and */
    /* video shortcode in Corp content (ex: 20.05) */
    .video-without-sidebar .video-player,
    .corp-content .video-player {
        height: 300px; /* (464px / 16 * 9) + 39px = 300px */
    }


    #tutorial-masonry .box {
        width: 227px;
    }

    /* Message between tunnel and content for SI (and booking) with an icon on left - RQM 17377 */
    .msg-withicon {
        padding: 14px 20px 16px 13px;
    }

    /* Draft saving below SI Steps, 08/2014 version on white background - RQM 17377 */
    .draft-save .draft-save-form {
        width: 75%;
        margin-top: 0;
    }

    .draft-save .draft-save-msg {
        clear: both;
        padding-top: 10px;
    }

    .draft-save-small.bkg-draft-save {
        top: auto;
    }

    .draft-save_small .draft-save-form {
        width: auto;
    }

    /* booking - special separation for draft save */
    .toggle-small-closed + .bkg-save-sep {
        display: block;
    }

    /* booking - route finder, mobile only */
    .mod .bkg-tabs {
        margin: -20px -15px 0;
    }

    .bkg-tab {
        position: relative;
        float: left;
        width: 50%;
        height: 64px;
    }

        .bkg-tab input,
        .bkg-tab label {
            position: absolute;
        }

        .bkg-tab label {
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1;
            padding: 20px 30px 0 40px;
            background-color: #dfdfdf;
        }

        .bkg-tab input {
            top: 20px;
            left: 20px;
            z-index: 2;
        }

            .bkg-tab input:checked + label {
                background-color: transparent;
            }




    /* ----------------------------- */
    /*   ==Corporate                 */
    /* ----------------------------- */

    .corp-main {
        margin: 0;
    }

    .corp-content .big {
        font-size: 1.182em; /* 13px from 11px */
        line-height: 1.25;
    }

    .corp-content .mod {
        padding: 25px 15px;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .corp-content blockquote .end-quote {
        bottom: -75px;
    }


    .corp-nav,
    .corp-layout1 .corp-nav,
    .corp-layout6 .corp-nav {
        margin: 18px 0 16px 0;
        padding: 0;
    }

    .corp-has-banner .corp-nav {
        margin: 14px 0 20px 0;
    }

    .nav-items .current li a:focus,
    .nav-items .current li a:hover {
        background: #EAEAEA;
    }

    .corp-inner,
    .corp-layout6 .corp-nav-icons + .corp-inner {
        width: 464px;
        margin: 0;
    }

        .corp-inner hr {
            top: 25px;
            margin-bottom: 50px;
        }


    /* Default styles for the main content */
    .corp-content h2,
    .corp-content .h2-like {
        font-size: 1.636em;
        line-height: 1.222;
    }

    .corp-content .small-h2-like {
        font-size: 1.385em;
        line-height: 1.222;
        display: block;
    }

    .corp-content h3,
    .corp-content .h3-like {
        font-size: 1.455em;
        line-height: 1.250;
        margin-top: 25px;
        margin-bottom: 0;
    }

    .corp-content h4,
    .corp-content .h4-like {
        font-size: 1.273em;
        line-height: 1.286;
        margin-top: 20px;
        margin-bottom: 0;
    }

    .corp-content p {
        font-size: 1.182em;
        line-height: 1.385;
    }

    .corp-content .chapo {
        font-size: 1.273em;
        line-height: 1.357;
        margin-top: 20px;
        margin-bottom: 0;
    }

    .corp-content .mod {
        padding: 10px 15px !important;
        margin-top: 25px;
        margin-bottom: 0;
    }

    .corp-inner img,
    .corp-inner img.left,
    .corp-inner img.right {
        margin-top: 10px;
        margin-bottom: 10px !important;
    }

        .corp-inner img:first-child,
        .corp-inner img + img {
            margin-left: 10px;
        }

    .corp-content h2 + *,
    .corp-content h2 + p {
        margin-top: 20px; /* not supported IE6 */
    }

    .corp-content h3 + *,
    .corp-content h3 + p {
        margin-top: 15px; /* not supported IE6 */
    }

    .corp-content h3 + h4 {
        margin-top: 10px; /* not supported IE6 */
    }

    .corp-content h3 + img {
        margin-top: 10px; /* not supported IE6 */
    }

    .corp-content h4 + *,
    .corp-content h4 + p {
        margin-top: 10px; /* not supported IE6 */
    }

    /*.corp-inner img,
	.corp-inner img.left,
	.corp-inner img.right {
		margin-top: 15px;
		margin-bottom: 15px;
	}*/

    .js .small-jq-to-open {
        display: none;
    }

    .js .corp-content .small-jq-next-open,
    .js .corp-content .small-jq-next-close {
        cursor: pointer;
    }

    /* banner */
    .corp-banner {
        width: 480px;
        height: 160px;
        background-position: center top;
    }

    .corp-banner-image-2 {
        background-size: 120% auto;
        background-position: center -10px;
    }

    .corp-has-banner .corp-inner {
        width: 472px;
        top: -30px;
        left: -8px;
        margin: 0 -8px 0 0;
        padding: 0;
        margin-bottom: -30px;
    }

    /* layouts without a banner */
    .corp-inner h1 {
        /* margin-top : 16px; */
        /* margin-bottom: 20px; */
        padding-top: 0;
        padding-bottom: 15px;
        font-size: 1.818em;
    }

    .corp-layout3 .corp-inner h1 {
        padding-top: 15px;
    }
    /* layouts with a banner */
    .corp-has-banner .corp-inner > * {
        padding-left: 8px;
    }

    .corp-has-banner .corp-inner h1 {
        margin: 0 20px 0 0;
        padding: 11px 16px 15px 8px;
    }

    .corp-layout4 .corp-inner h1 {
        padding-bottom: 8px;
    }

    .corp-layout5 .corp-inner {
        width: 100%;
    }

    .corp-layout6 .corp-inner {
        width: 464px;
    }

    .corp-articles h2 {
        line-height: 1.188;
        font-size: 1.455em;
    }

    .corp-content .corp-list li {
        font-size: 1.182em;
    }

    .corp-content .corp-list p {
        font-size: 1em;
    }

    .corp-content .corp-list-doc .more a {
        font-size: 1em;
    }

    .corp-list-doc .more .icon {
        top: -4px;
    }

    /* Trombinoscope */
    .corp-trombi {
        margin-bottom: 0;
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

        .corp-trombi h2 {
            margin-bottom: 0;
        }

        .corp-trombi .title {
            line-height: 1.222;
            font-size: 1.55em;
            margin-top: 0 !important;
        }

        .corp-trombi img {
            margin-top: 0 !important;
            margin-bottom: 15px !important;
            margin-left: 10px;
        }

        .corp-trombi .row,
        .corp-trombi .col {
            margin-bottom: 0;
            margin-top: 0;
        }

        .corp-trombi .mod {
            margin-top: 15px;
            margin-bottom: 10px !important;
            padding-bottom: 0 !important;
            padding-top: 15px !important;
        }

        .corp-trombi .row .col {
            width: auto !important;
            display: block;
            padding-right: 0 !important;
        }

    /* stats */
    .corp-stats-cb-item {
        width: 148px;
        padding: 6px 6px 0 6px;
    }

    /* news */
    .corp-news {
        margin-top: 20px;
    }

        .corp-news img {
            max-width: 160px;
            margin-right: 0;
        }

    /* local offices news */
    /* container for the local offices HP */
    .corp-news-local-subscribe-home {
        padding-right: 0;
    }

    .corp-news-local-subscribe-btn + .chapo {
        padding-top: 0;
        margin: 0;
    }

    /* magazine */
    .corp-magazine h2 {
        line-height: 1.222;
        font-size: 1.636em;
    }

    .corp-magazine p {
        font-size: 1.182em;
        line-height: 1.769;
    }

        .corp-magazine p a {
            font-size: 1em;
        }

    /* magazine @ sidebar */
    .corp-sb-mag-cover .title {
        font-size: 1.285em !important;
    }


    /* news feed */
    .corp-news-feed .article {
        margin-top: 14px;
        padding-bottom: 10px;
    }

    .corp-news-feed .title {
        margin-top: 10px !important;
    }

    .corp-news-feed .date {
        font-size: 1.091em;
        margin-top: 5px;
    }


    /* sidebar */
    .corp-sidebar {
        margin-left: 0;
        margin-right: 0;
        margin-top: 30px;
    }

        .corp-sidebar h2 {
            font-size: 1.285em;
        }

    /* ==Bottom/right menu */
    .corp-aside {
        margin-left: 0;
    }

    .corp-aside-link,
    .corp-aside-icon {
        width: 84px;
    }

    .corp-aside-icon {
        height: 84px;
        line-height: 84px;
    }

    .corp-aside-label {
        font-size: 0.909em; /* 10px from 11px*/
    }

    /* archives */
    .corp-archives .big-title {
        font-size: 1.455em;
        line-height: 1.375;
    }

    .corp-archives li {
        font-size: 1.182em;
        line-height: 1.3;
    }

        .corp-archives li + li {
            margin-top: 7px;
        }

    .corp-archives .article a {
        font-size: 1.091em;
    }

    .corp-archives .list-item {
        margin-top: 15px;
        padding-bottom: 10px;
    }

    .corp-archives li .title {
        margin-bottom: 0;
    }

    .corp-archives img {
        margin-right: 15px !important;
    }


    /* pagination */
    .corp-pagination li + li {
        margin-left: 5px;
    }

    .corp-pagination .PagedList-ellipses + li,
    .corp-pagination [class^="PagedList-skip"] + li {
        margin-left: 0;
    }

    .corp-pagination ul {
        font-size: 1.09em;
    }

    /* history and keydates */
    .corp-keydates {
        margin-top: 30px;
    }

        .corp-keydates h2 {
            font-size: 1.455em;
            margin-bottom: 12px;
            line-height: 1.188;
        }

        .corp-keydates .mod {
            margin: 0;
            padding: 20px 15px !important;
        }

        .corp-keydates .content strong,
        .corp-keydates .content h3,
        .corp-keydates .content p {
            /* font-size: 1.182em; */
            line-height: 1.5;
        }

        .corp-keydates h3 {
            font-size: 1.636em;
        }

        .corp-keydates .content p {
            margin-top: 0;
        }

        .corp-keydates .corp-list li {
            font-size: 1.182em;
        }

        .corp-keydates h4 {
            margin: 0 0 6px 0;
            font-size: 1em;
        }


    /* mediatheque. Whether 3 or 4 columns in 768-1280, it's now on 2 columns */
    .corp-media p.left {
        font-size: 1.182em;
    }

    .corp-media .content li {
        width: 232px;
    }

        .corp-media .content li img {
            margin-left: 0;
        }

        .corp-media .content li:nth-child(even) img,
        .corp-media .content li:nth-child(even) p {
            margin-left: 3px; /* align to right of page for img and p */
            padding-right: 0; /* overrides a rule about img in 480 */
        }
    /* With 4 columns (Flyers, 22.05) */
    .corp-media-4col .content img {
        width: 223px; /* in 480, same as the other case "3 columns in 768-1280" */
    }

    /* testimony */
    .corp-testimony .group {
        padding: 15px;
    }

    .corp-testimony iframe {
        height: 260px;
    }

    .corp-testimony .content {
        margin: 0 15px;
        padding: 10px 15px 30px;
    }

        .corp-testimony .content span {
            font-size: 3.846em;
        }

    .corp-testimony .end-quote {
        bottom: -45px !important;
    }

    .corp-testimony .open-quote {
        left: -18px !important;
        top: -23px !important;
    }

    .corp-testimony .title {
        margin-bottom: 8px;
        font-size: 1.373em;
    }

    .corp-testimony .h4-like {
        margin-top: 0;
    }

    .corp-testimony .content p {
        font-size: 1.182em;
    }


    /* les �tapes incontournables */
    .corp-step .btn {
        font-size: 1em;
    }

    /* tripart*/
    .corp-tripart {
        width: 100%;
    }

        .corp-tripart h3, .corp-tripart h1 {
            padding-top: 10px;
            font-size: 1.455em;
        }

        .corp-tripart .tripart-left,
        .corp-tripart .tripart-mid,
        .corp-tripart .tripart-right {
            display: block;
            width: 100%;
            text-align: center !important;
            height: auto;
            padding-left: 0;
            padding-right: 0;
        }

        .corp-tripart .tripart-left {
            border: 1px solid;
            border-bottom: 0;
            padding-top: 10px;
        }

        .corp-tripart .tripart-right {
            border: 1px solid;
            border-top: 0;
            padding-bottom: 20px;
        }

        .corp-tripart .tripart-mid {
            height: 195px;
            padding-top: 30px;
        }



    /* agenda */
    .corp-agenda .list-item {
        margin-top: 15px;
        padding: 13px 0 0;
    }

    .corp-agenda p {
        margin-top: 8px;
    }


    .corp-specifications {
        position: relative;
    }

        .corp-specifications .c-nav-open {
            margin-top: 14px;
        }

        .corp-specifications .list {
            position: relative;
            float: none;
            width: 100%;
            margin-bottom: 10px;
        }
        /* RQM #22383 class .k-tabstrip removed on 2014-04-08 because we don't use Kendo Tabstrip anymore but $ts2... in jQuery */
        .corp-specifications .list {
            padding: 36px 0 0;
            border: 1px solid;
        }

            .corp-specifications .list a {
                border: 1px solid;
                border-width: 1px 0 0;
                padding: 5px;
                padding-left: 20px;
                z-index: 10;
                font-size: 1.182em;
                width: auto;
            }

            .corp-specifications .list .jq-tabstrip2-current {
                display: block;
                width: 272px;
                margin-left: 15px;
                position: absolute;
                top: 7px;
            }

                .corp-specifications .list .jq-tabstrip2-current span {
                    border-width: 1px 1px 0; /* no border-bottom in default state (which is other items not visible) */
                    width: 100%;
                }
        /* @NOTE Already a border-bottom in Chrome but not in Firefox. There's a 1px difference between them so making it display in Fx breaks it in Chrome...
	.corp-specifications .c-nav-open.clicked + .list .jq-tabstrip2-current span {
		border-bottom: 1px solid; /* if other items are visible (then .clicked was added), grey border between 1st item and 2nd one. Needs to remove a px of padding and replace it by a border-bottom */
        /* padding-bottom: 4px;
	}*/

        .corp-specifications .jq-tabstrip2-current span { /* @TODO Is it used? */
            width: 190px;
            padding: 5px;
            margin: 0;
            border: 1px solid;
            border-bottom: 0;
            font-size: 1.364em;
        }

        .corp-specifications .content {
            float: none;
            width: 100%;
        }

        .corp-specifications .title {
            font-size: 3.182em;
        }

    .corp-specifications_financial .content {
        min-height: 0;
        padding: 0;
        border-width: 0;
    }

        .corp-specifications_financial .content ul {
            display: none;
        }

    .corp-specifications_financial .clicked ~ .content {
        padding: 20px;
        border-width: 1px;
    }

        .corp-specifications_financial .clicked ~ .content ul {
            display: block;
        }

    .corp-content .more a {
        font-size: 1em;
    }

    .corp-connect-biz li,
    .corp-sb-connect-biz li {
        width: auto;
        display: block;
    }

    .corp-sb-news .cat-title {
        margin-top: 0;
    }

    .corp-sb-news .title {
        margin-top: 1px !important;
    }

    .corp-sb-news-cat {
        border-top: 3px solid;
    }

        .corp-sb-news-cat li {
            width: 45%;
        }

    .corp-sb-news-years li {
        width: auto;
    }


    /* bipart */
    .corp-bipart .bipart-left,
    .corp-bipart .bipart-right {
        display: block;
        width: 464px;
        min-height: 43px;
    }

    .corp-bipart .bipart-left,
    .corp-bipart .bipart-right {
        padding: 20px 15px;
    }

    .corp-bipart .bipart-left {
        margin-top: 0;
        padding-bottom: 63px; /* @NOTE Visually renders as 20px vertically between end of content and beginning of arrow */
        background-repeat: no-repeat;
        background-position: center bottom;
    }

    .corp-bipart .bipart-right {
        border: 1px solid;
        border-top: 0;
        margin-top: 0;
        padding-top: 13px;
    }

    .corp-bipart .bipart-left p + p {
        display: inline-block;
        width: 180px;
        margin-top: 0;
    }

    .corp-bipart .bipart-left .txtcenter {
        margin-bottom: 9px;
        padding-bottom: 14px;
    }

    .corp-bipart .big-title {
        font-size: 1.818em;
    }

    /* CMA en chiffres */
    .corp-stats-cb-item {
        width: 222px;
    }

    /* bipart module
	==> RWD only for IE9
	*/
    .ie9 .corp-bipart {
        border-collapse: collapse;
    }

        .ie9 .corp-bipart .bipart-left {
            width: 100%;
            border: 0;
            float: left;
        }

        .ie9 .corp-bipart .bipart-right {
            float: left;
            border-top: 0;
            width: 100%;
        }


    /* corpo table */
    .corpo-table td {
        width: 140px;
    }


    /* corp-search-results*/
    .corp-search-results li {
        padding-bottom: 18px;
        border-bottom: 1px solid;
    }

    .corp-search-results h2.title {
        margin-top: 14px !important; /* Override !important reset */
        margin-bottom: -2px;
    }

    .corp-search-results p {
        margin-top: 9px;
        margin-bottom: -2px;
        font-size: 1.273em;
    }

    .corp-contacts .content {
        padding: 15px !important;
        padding-right: 70px !important;
        margin-top: 10px;
    }

        .corp-contacts .content a.icon {
            right: 23px;
        }

    /* 11.01 */
    .corp-country-list {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }

        .corp-country-list.is-columnized {
            -webkit-column-count: initial;
            -moz-column-count: initial;
            column-count: initial;
        }

    .corp-main .corp-category-links {
        padding: 10px 10px;
        margin-top: 10px;
    }

    .corp-category-links li {
        padding: 10px 0;
    }

    .corp-sb-connect-biz .corp-list li {
        width: 100%;
    }

    .link-bipart-red h2, .link-bipart-gray h2 {
        margin-top: 0 !important;
    }


    /* ==HOMEPAGE== */
    .front {
        padding: 0;
    }

    /* slideshow */
    .hp-slideshow .slideshow-content {
        height: 215px;
    }

    .hp-slideshow .hpsl-insert {
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: auto !important;
        margin-left: 0;
        padding: 0;
        /* Slideshow: no animation of Insert/overlay (text) above animation of slides (slide slides; relative to slide, overlay doesn't move anymore) */
        -webkit-transform: translateX(0); /* Safari, iOS, Android, old Chrome */
        transform: translateX(0);
        /* Transitions: webkit prefix for old Safari, old iOS, Android 4.3 and less, very old Chrome
			With this prefix, IE10+ (which is the support we want) */
        -webkit-transition-property: none;
        transition-property: none;
        -webkit-transition: none;
        transition: none;
    }

    .hp-slideshow .hpsl-overlay {
        width: 100%;
        height: 100%;
        background-color: transparent;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, rgba(0, 0, 0, 0.0)), to(rgba(0, 0, 0, 0.6))); /* old Android/iOS, etc */
        background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.0) 25%, rgba(0, 0, 0, 0.6) 100%); /* For Safari 5.1/6 and others */
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.0) 25%, rgba(0, 0, 0, 0.6) 100%); /* W3C */
    }

    .hp-slideshow .hpsl-content {
        height: 100%;
    }

        .hp-slideshow .hpsl-content h2 {
            position: absolute;
            width: 100%;
            bottom: 0;
            margin: 1em 0 0.75em 0;
            padding-bottom: 0.25em; /* avoids bottom of letters like "g" to be cropped */
            text-align: center;
        }
    /* Description is hidden */
    .front .hp-slideshow p:not(.more) {
        display: none;
    }
    /* Trick: invisible link ".more a" spans over whole slide */
    .hp-slideshow .hpsl-content .more {
        margin: 0;
        width: 100%;
        height: 100%;
        background-color: transparent !important; /* removing ActionBgColor in case it'd be defined */
    }

        .hp-slideshow .hpsl-content .more a {
            position: absolute;
            z-index: 1;
            display: block;
            width: 100%;
            height: 100%;
            text-indent: -100%; /* moving Action text out of viewport */
        }
    /* Pagination */
    .hp-slideshow .hp-slide-pg {
        margin-bottom: 47px;
    }

    /* Rest of Homepage */
    .front .corp-content .hp-wrapper {
        margin: 0 15px;
    }
    /* overrides flex from 768 */
    .hp-wrapper,
    .hp-unit {
        display: block;
    }
        /* needs enough specificity vs "class and pseudo-class :nth-child()" from 768 */
        .hp-unit.hp-unit {
            float: none;
            clear: both; /* why not :o */
            width: auto; /* will be 450px */
            margin: 0 0 50px 0;
            padding: 0; /* overrides padding from 768 and its flexbox */
        }
    /* width 480px = 450+15+15 */
    .hp-3-3.hp-3-3 {
        margin-left: -15px;
        margin-right: -15px;
    }
    /* Content */
    .cma .corp-content .corp-hp-news {
        margin-top: 30px; /* 44px between h2 and first news while other .hp-1-3 blocks have 40px */
    }

    /* Specific to eBusiness Center: a column of text close to image */
    .front .hp-ebusiness img.right {
        margin-left: 13px;
    }

    .hp-ebusiness p {
        width: auto;
    }
    /* Type Magazine cover (Text + Img float): .hp-u-mag-cover */
    .hp-u-mag-title {
        width: auto;
    }

    .hp-u-mag h3 {
        margin: 7px 0 11px 0;
    }

    .hp-u-mag-title ~ p {
        clear: none;
    }

    /* RowType */
    .hp-3-3 .hp-row-bg {
        min-height: 0;
        height: 240px; /* Height of the image */
    }

    .hp-3-3 .hp-row-content h2 {
        margin-top: 21px !important; /* => 30px visually. Needed because it's reset for all h2 in this MQ... */
    }
    /* overrides 768 where it's absolutely positioned in a flex environment */
    .hp-row-bg-img {
        position: static;
    }

    /* seen in page 8.01a (2-column list, check marks into discs as bullets) */
    .corp-teaser .corp-list,
    .corp-teaser .corp-list li {
        width: 100%;
    }

    /* carrier homepage */
    .carrier .corp-hp-slideshow .content {
        width: 155px;
    }

        .carrier .corp-hp-slideshow .content p:not(.more) {
            font-size: 1.091em;
        }

        .carrier .corp-hp-slideshow .content .more {
            font-size: 1.182em;
            bottom: 18px;
        }

    .carrier .corp-hp-slideshow .title {
        float: none;
    }

    .carrier .corp-hp-slideshow .slide img {
        width: 100%;
    }


    #ajax-messages {
        margin-right: -232px;
    }

        #ajax-messages .msg span {
            max-width: 380px;
        }

    .small-main-nav {
        display: none;
    }

        .small-main-nav ul {
            display: none;
            max-width: 462px !important;
            width: 462px !important;
            border: 0 !important;
            border-top: 1px solid !important;
            margin: 0 !important;
        }

            .small-main-nav ul.hidden-menu,
            .small-main-nav ul li.current-menu {
                border: 0 !important;
            }

        .small-main-nav li,
        .small-main-nav li.sep {
            width: 462px !important;
            border-left: 0 !important;
        }

            .small-main-nav li a {
                font-size: 1.182em !important;
                margin-top: 0 !important;
            }

                .small-main-nav li a.return-menu {
                    font-size: 1.455em !important;
                    padding-top: 14px !important;
                    padding-bottom: 9px !important;
                }

                    .small-main-nav li a.return-menu i {
                        display: none !important;
                    }

                        .small-main-nav li a.return-menu i.return-icon {
                            display: block !important;
                            float: left;
                            text-align: center;
                            width: 28px;
                            height: 28px;
                            padding-top: 5px;
                            margin-right: 15px;
                            margin-top: -5px;
                        }

    .jq-nav-to-open {
        display: block;
    }

    #lang {
        left: 0;
        top: -17px;
        float: right;
        left: auto;
        right: 109px; /* @BUGFIX 05/11 auto cancels value in higher resolutions and 109px compensates for the width of children (103px + effect of rotate, origin of transformation, etc) */
        margin-bottom: 5px;
        width: auto;
        padding: 0;
    }
        /* This icon is a rotated ">" WxH 22x16px so it's 16x22 once rotated by 90deg */
        #lang .icon {
            margin-right: -22px;
        }

    /* Social network (icons) */
    .small-menu .social-open {
        border: 1px solid transparent;
    }

    #social-network {
        display: none;
        position: absolute;
        top: 86px;
        left: auto;
        z-index: 100;
    }

        #social-network > ul {
            position: relative;
            left: -7px;
            right: 7px;
            width: 480px;
            text-align: right;
        }

    .social-item {
        display: inline-block;
        vertical-align: top;
    }
        /* RQM 31347 / 5 icons so 480/5=96px (Instagram was added) */
        .social-item a {
            display: block;
            width: 80px;
            height: 44px;
            text-align: center;
            padding-top: 8px;
        }
    /* RQM / Fake space in the mobile menu - Same height as the social-item minus the padding */
    #social-network-ghost {
        height: 36px;
    }

    .social-item .icon {
        font-size: 30px;
    }

    .social-item + .social-item {
        margin-left: 0;
    }

    .container-field .jq-check-to-open .left {
        float: none;
        display: block;
        padding: 0 !important;
    }

    .mod-comment .comment-left-block {
        width: 165px;
    }

    .nav-list-left {
        float: none;
        width: 100%;
        position: relative;
        border: 0;
        padding-top: 39px;
    }

        .nav-list-left .icon {
            position: absolute;
            top: 8px;
            left: 160px;
            font-size: 20px;
        }

        .nav-list-left ul {
            width: 100%;
        }

        .nav-list-left li {
            display: none;
            padding: 0;
            border: 0;
        }

            .nav-list-left li.first {
                border: 0;
            }

            .nav-list-left li a {
                margin: 0;
                padding: 5px 21px;
                border: 1px solid;
                border-top: 0;
            }

            .nav-list-left li.current {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                padding-top: 11px;
                height: 39px;
                border: 1px solid;
                width: 100%;
            }

                .nav-list-left li.current a {
                    padding: 3px 5px;
                    margin: 0;
                    margin-left: 15px;
                    border-bottom: 1px solid;
                    border-right: 1px solid;
                    width: 190px;
                    height: 27px;
                }

    /* New insurance page */
    .insurance--tabs {
        text-align: left;
    }

        .insurance--tabs > * {
            display: block;
        }

            .insurance--tabs > * + * {
                margin-left: 0;
                margin-top: 10px;
            }

        .insurance--tabs .radionew__tab label {
            display: block;
            margin-left:
        }

        .insurance--tabs.is-fiveentries {
            display: block;
            width: auto;
            height: auto;
            margin: 0;
            text-align: left;
        }

            .insurance--tabs.is-fiveentries .radionew__tab {
                display: block;
                width: auto;
                height: auto;
            }

    /* Opening hours */
    .corp-week-row,
    .corp-week-row p {
        display: block;
    }

    .info-long {
        padding-top: 0;
    }

    div.jq-check-to-open label {
        margin-right: 0 !important;
    }

    span.jq-check-to-open input {
        display: block;
        float: left;
        clear: left;
        margin-right: 5px !important;
    }

    span.jq-check-to-open label {
        margin-right: 5px !important;
        display: block;
    }

    /*== KENDO */
    /* popup */
    .k-window.k-window {
        max-width: 464px;
        width: 90%; /* ALSA popup Added in 1024+ because Kendo2014 doesn't set width, left or right anymore */
        left: 5%;
        right: 5%;
    }


    /* ==DASHBOARD */
    .dashboard {
        width: 222px;
        margin-bottom: 20px;
    }

    .no-js .dashboard {
        margin-left: 20px;
    }

        .no-js .dashboard:nth-child(3n+1) {
            margin-left: 20px;
        }

        .no-js .dashboard:nth-child(2n+1) {
            margin-left: 0;
        }

    .db-header-title span {
        max-width: 100px;
    }

    .dashboard-banner + #wrapper .inner {
        border: 0;
    }

    .db-table-fav,
    .db-table .fav {
        width: 33px;
    }

    .db-tab {
        padding-left: 9px;
        padding-right: 9px;
    }

    .dashboard-banner .inner {
        padding-left: 13px;
        padding-right: 13px;
        border-top: 0;
    }

    .db-filter-item:nth-child(3n+1) {
        margin-left: 10px;
    }

    .db-filter-item:nth-child(2n+1) {
        margin-left: 0;
    }

    #dashboard-tiles-c3 {
        display: none;
    }

    .dashboard-wrapper {
        width: 222px;
    }

    /* shipment table (4 columns) */
    .db-shipment-table-voyage {
        width: 61px
    }

    .db-shipment-table-vessel {
        width: 71px
    }

    .db-shipment-table-sl {
        width: 46px
    }

    .db-shipment-table-bk {
        width: 30px
    }

    /* Schedule table (4 columns incl. 2 icons) */
    .db-schedule-ref {
        width: 71px
    }

    .db-schedule-label {
        width: 71px
    }

    /* Table with 3 columns (1 icon on left) */
    .db-3col-ref {
        width: 69px
    }

    .db-3col-label {
        width: 106px
    }


    /* Grey/translucent carrier logo on grey background in page 9b.02c */
    .bg-delmas,
    .bg-cnc,
    .bg-anl,
    .bg-cma {
        background-position: 90% 40px;
    }

    .items-table th.small-w100p + td {
        padding-left: 1em;
    }

    /* Control Totals (SI Step 4) - 4 (icon+value+unit) on a darker gray background / RQM 30368 - INS - Add Control Totals to SI Step 4 */
    .ctrltotals.ctrltotals, /* for specificity reasons vs selector .component.component-variation */
    .ctrltotals .ctrltotals-title {
        display: block;
        width: auto;
        margin-left: 0;
    }

    .ctrltotals .ctrltotals-content {
        display: block;
    }

    .ctrltotals .ctrltotals-list {
        overflow: hidden;
    }
    /* 4 (icon // value+unit) in 2x2 grid (already done in 768 for variation *-modeform but not for *-modetable) */
    .ctrltotals .ctrltotals-text {
        display: block;
        margin: 6px 0;
    }

    .ctrltotals .ctrltotals-value {
        padding-left: 0;
    }

    .ctrltotals .ctrltotals-item {
        float: left;
        width: 50%;
        padding: 0 0 10px 0;
        margin-top: 5px;
    }
    /* 7.26 - RQM 25450 - New "banner", total number of containers  */
    .banner-bkg-total {
        font-size: 0.909em; /* 10px ; it's a .h2-like we are styling over */
    }
    /* T&J - RTC 88287 */
    .message-wrapper .message-actions {
        position: absolute;
        top: -45px;
        right: 0;
    }

    .message .message-title,
    .message .message-content {
        padding-left: 25px;
        padding-right: 20px;
        margin-left: 0;
    }

    .message .message-title {
        line-height: 1.4em;
    }

    .message .message-text {
        width: auto;
    }

    .message .message-todo {
        position: absolute;
        right: 15px;
        top: 8px;
        margin: 0;
    }

    .message-title > span {
        padding-right: 45px;
    }

    .message-new::after {
        border: 0;
    }

    .message > a {
        background: #dfdfdf;
    }
    /* RTC 94787 */
    .message .message-btn-decoration {
        left: 25px;
    }

    .subscription-actions {
        border-right: 1px solid #fff;
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
    }

    .subscription-alert {
        width: 77px;
        height: 32px;
    }

        .subscription-alert:after {
            width: 30px;
            height: 34px;
        }

        .subscription-alert .icon {
            left: 40px;
            top: 5px;
            font-size: 20px;
        }

        .subscription-alert.is-active .icon {
            left: 10px;
        }

    .jq-toggle-target.toggle-small-closed {
        display: none !important;
    }

    .jq-toggle-target.toggle-small-opened {
        display: block !important;
    }

    /* T&J - RTC 88211 */
    .tl-doc-item {
        width: 175px;
    }

        .tl-doc-item + .tl-doc-item {
            margin-left: 14px;
        }

    .tl-doc_docsonline .tl-doc-item {
        width: 100%;
    }

        .tl-doc_docsonline .tl-doc-item + .tl-doc-item {
            margin-left: 0;
        }

    /* New design/page (?) manage Messages subscriptions (14.07) (RTC 104968) */
    .subnew--header {
        padding-bottom: 10px;
    }

    .subnew--trigger {
        position: relative;
        right: auto;
        top: auto;
        clear: both;
        margin-top: 0;
    }

    .subnew--item {
        padding: 20px 20px;
    }

    /* ------ */
    /* summary blocks for online documentation in 08-templates */
    /* - layout */
    .summary-zone-1,
    .summary-zone-2,
    .summary-zone-3 {
        display: block;
        vertical-align: top;
    }

    .summary-zone-1,
    .summary-zone-2 {
        float: left;
        margin-bottom: 20px;
    }

    .summary-zone-3 {
        clear: left;
        padding: 0;
        border-left: 0;
    }

    .summary-zone-3-2-1,
    .summary-zone-3-2-2 {
        padding-top: 20px;
        margin-top: 20px;
        border-top: 1px solid;
    }
    /* - travel steps */
    .summary-travel-step {
        display: block;
        float: none;
        width: auto;
        padding: 0;
    }

        .summary-travel-step:not(:first-child) {
            margin-top: 10px;
        }

        .summary-travel-step:before {
            display: none;
        }

        .summary-travel-step .icon {
            position: static;
            display: inline-block;
            vertical-align: bottom;
        }

    .cartouche strong {
        max-width: 210px;
    }

    /* Endorsement chain for e-documents */
    .endorsement-chain > li > .endorsement-chain--infos {
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
    }

        .endorsement-chain > li > .endorsement-chain--infos > * + * {
            margin-top: 10px;
        }

    /* Modal */
    .modal {
        display: none;
        width: 100%;
        left: 0;
        right: 0;
    }

        .modal.is-opened {
            display: block;
            transform: none;
        }

    .modal-content.modal-content-with-large-footer {
        height: calc(100vh - 175px); /* "175px" is the modal-footer height */
    }

    .modal-header {
        position: sticky;
        top: 0;
        z-index: 10;
        padding: 10px 20px;
    }

        .modal-header:after {
            content: "";
            position: absolute;
            left: 20px;
            right: 20px;
            bottom: 0;
            display: block;
            height: 1px;
            background: #DFDFDF;
        }

        .modal-header.modal-header-small {
            padding-bottom: 0;
        }

            .modal-header.modal-header-small:after {
                display: none;
            }

        .modal-header.sticky-header {
            box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
        }

        .modal-header.modal-header-small.sticky-header {
            padding-bottom: 20px;
        }

        .modal-header.sticky-header:after {
            display: none;
        }

        .modal-header.modal-header-small.sticky-header > h1 {
            font-size: 1.091em;
        }

    .modal-main-content {
        padding: 10px 30px 30px;
    }

    /* SI Step 6 (18b.03) - Recap Container & Cargo - Banner title OpenSans CondensedBold and gray backgrounds (RQM 17377) */
    .banner-si-recap {
        padding: 15px; /* p-left: > is narrower than \/ so 27px is a mean between ~25px and 30px */
    }

    .banner-si-recap-charac {
        margin-left: 8px;
    }

    .banner-si-recap-ref {
    }

    .banner-si-recap-link .icon {
        padding-right: 8px;
    }

    .banner-si-recap-length {
    }

    .banner-si-recap-type {
    }

    .banner-si-recap + .si-recap {
        margin-top: 15px;
    }

    .si-recap {
        width: auto;
        position: static;
        left: auto;
        padding: 0 15px;
    }

        .si-recap caption {
            position: static;
        }

        .si-recap thead {
            display: none;
        }

        .si-recap td {
            display: block;
        }

            .si-recap td:first-child {
                margin-top: 0;
            }

    .si-recap-th {
        font-weight: normal;
        display: block;
    }

    .si-recap .itemsvert-table {
        margin-top: 0;
    }

    /* eBL - intro partner sign */
    .ebl-partnersign--item:nth-child(2n+1) {
        margin-right: 0;
    }

    .ebl-partnersign--item:nth-child(2n+2) {
        margin-left: 20px;
        margin-right: 0;
    }
}
/* /end MQ 480px */


@media (max-device-width: 768px) and (orientation:landscape) {
    html {
        -webkit-text-size-adjust: 100%
    }
}


@media screen and (max-width: 479px) {

    .xs-hidden {
        display: none !important;
    }
    /* hidden on eXtra-Small widths / 320px */
    .xs-visible {
        display: block !important;
    }

    .xs-block {
        display: block;
    }

    .xs-inbl {
        display: inline-block !important;
    }

    .xs-inline {
        display: inline !important;
    }
    /* .col { display: table-cell; } /* @ALSAAFAIRE V�rifier que rien n'est cass�. �tait-ce une tentative de .xs-col ? */
    .xs-no-float {
        float: none !important;
    }

    .xs-visually-hidden {
        position: absolute;
        left: -7000px;
        text-indent: -7000px;
        overflow: hidden;
    }

    .xs-nowrap {
        white-space: nowrap;
    }

    .xs-wrap {
        white-space: normal;
    }

    .xs-left {
        float: left;
    }

    .xs-right {
        float: right;
    }

    .xs-nofloat {
        float: none !important;
    }

    .xs-clear {
        clear: both !important;
    }

    .xs-smaller {
        font-size: 1em;
    }

    .xs-txt-15 {
        font-size: 1.3636em;
    }

    .xs-txt-22 {
        font-size: 1.8em; /* 22px */
    }

    .xs-txtleft,
    .items-table.xs-txtleft th {
        text-align: left !important;
    }

    .xs-txtright {
        text-align: right;
    }

    label.xs-txtright {
        display: inline-block; /* Will take into account a width like .small-wNNNp */
        margin-right: 10px;
    }

    label.txtright.xs-block,
    .label-like.txtright.xs-block {
        width: auto;
        text-align: left !important;
        display: block;
    }

    label.xs-inbl {
        display: inline-block;
        vertical-align: middle; /* (...) but in seldom occasions (2 lines where input/select are aligned on right but labels not text-aligned on right as in 7.08), we want a width to be applied with the correct vertical-align for form elements. v-a:top on label ruins everything */
    }

    .xs-inbl {
        display: inline-block;
        vertical-align: top;
    }

    .xs-center {
        display: block;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    .xs-vam {
        vertical-align: middle;
    }

    .xs-vab {
        vertical-align: baseline;
    }
    /* Width */
    .inner {
        width: 304px;
    }
    /* Default design is: One column */
    /* Homepage: slideshow is full width while content is still 304/320px wide */
    .front.cma .corp-content {
        width: 320px;
    }

    .xs-w20p {
        width: 20px !important;
    }

    .xs-w30p {
        width: 30px !important;
    }

    .xs-w40p {
        width: 40px !important;
    }

    .xs-w50p {
        width: 50px !important;
    }

    .xs-w65p {
        width: 65px !important;
    }

    .xs-w70p {
        width: 70px !important;
    }

    .xs-w80p {
        width: 80px !important;
    }

    .xs-w85p {
        width: 85px !important;
    }

    .xs-w90p {
        width: 90px !important;
    }

    .xs-w95p {
        width: 95px !important;
    }

    .xs-w100p {
        width: 100px !important;
    }

    .xs-w110p {
        width: 110px !important;
    }

    .xs-w120p {
        width: 120px !important;
    }

    .xs-w125p {
        width: 125px !important;
    }

    .xs-w130p {
        width: 130px;
    }

    .xs-w140p {
        width: 140px !important
    }

    .xs-w145p {
        width: 145px;
    }

    .xs-w150p {
        width: 150px;
    }

    .xs-w160pi {
        width: 150px !important;
    }

    .xs-w170p {
        width: 170px;
    }

    .xs-w175p {
        width: 175px !important;
    }

    .xs-w180p {
        width: 180px !important;
    }

    .xs-w190p {
        width: 190px !important;
    }

    .xs-w200p {
        width: 200px;
    }

    .xs-w205pi {
        width: 205px !important;
    }

    .xs-w210p {
        width: 210px;
    }

    .xs-w220p {
        width: 220px;
    }

    .xs-w230p {
        width: 230px;
    }

    .xs-w240pi {
        width: 240px !important;
    }

    .xs-w245p {
        width: 240px;
    }

    .xs-w260p {
        width: 260px;
    }

    .xs-w270p {
        width: 270px !important;
    }

    .xs-w275p {
        width: 275px !important;
    }

    .xs-w25 {
        width: 25%;
    }

    .xs-w35 {
        width: 35%;
    }

    .xs-w40i {
        width: 40% !important;
    }

    .xs-w45 {
        width: 45%;
    }

    .xs-w48 {
        width: 48%;
    }

    .xs-w50 {
        width: 50% !important;
    }

    .xs-w60 {
        width: 60%;
    }

    .xs-w60i {
        width: 60% !important;
    }

    .xs-w65 {
        width: 65%;
    }

    .xs-w69 {
        width: 69%;
    }

    .xs-w70 {
        width: 70%;
    }

    .xs-w80 {
        width: 80%;
    }

    .xs-w80i {
        width: 80% !important;
    }

    .xs-w90 {
        width: 90% !important;
    }

    select.w300p.xs-w100 {
        width: 100% !important;
    }
    /* to override styles from 480.css */

    .xs-w100,
    .col.xs-w100,
    .items-table.xs-w100,
    .small-w310p.xs-w100 { /* @BUGFIX needed for page 16.04 and RQM 21642. We must override a rule with selector select.small-w310p */
        width: 100% !important;
    }

    .xs-wauto {
        width: auto !important;
    }

    .xs-hauto {
        height: auto !important;
    }

    .xs-bdn {
        border: none !important;
    }

    .small-w45, /* overrides small CSS */
    .items-table.w35.small-w45, /* overrides small CSS */
    .items-table .small-2col, /* overrides small CSS */
    .small-itable-2col .items-table.left,
    .small-itable-2col-3r .items-table.left,
    .small-itable-2col tr.medium-w33 {
        width: 100% !important;
    }

        /* WHY THE F$�*$ DO I NEED TO DO THAT  */
        .small-w45.xs-w45 {
            width: 45% !important;
        }

    .xs-h115p {
        height: 115px;
    }

    .xs-h160p {
        height: 160px;
    }

    .xs-h280p {
        height: 280px;
    }

    /* Margin, padding */
    .xs-ma0 {
        margin: 0 !important;
    }

    .xs-mt0 {
        margin-top: 0 !important;
    }

    .xs-mt0-2 {
        margin-top: 2px !important;
    }

    .xs-mt0-5 {
        margin-top: 5px !important;
    }

    .xs-mt1 {
        margin-top: 10px !important;
    }

    .xs-mt1-5 {
        margin-top: 15px !important;
    }

    .xs-mt2 {
        margin-top: 20px !important;
    }

    .xs-mt3 {
        margin-top: 30px !important;
    }

    .xs-mr0,
    .items-table.xs-mr0,
    .items-table.mr10.xs-mr0 {
        margin-right: 0 !important;
    }

    .xs-mr0-4 {
        margin-right: 4px !important;
    }

    .xs-mr0-5 {
        margin-right: 5px !important;
    }

    .xs-mr1 {
        margin-right: 10px !important;
    }

    .xs-mr2 {
        margin-right: 20px !important;
    }

    .xs-mr5 {
        margin-right: 50px !important;
    }



    .xs-mb0 {
        margin-bottom: 0 !important;
    }

    .xs-mb0-5 {
        margin-bottom: 5px !important;
    }

    .xs-mb1 {
        margin-bottom: 10px !important;
    }

    .xs-mb1-5 {
        margin-bottom: 15px !important;
    }

    .xs-mb2 {
        margin-bottom: 20px !important;
    }

    .xs-mb2-5 {
        margin-bottom: 25px !important;
    }

    .xs-mb3 {
        margin-bottom: 30px !important;
    }

    .xs-ml0 {
        margin-left: 0 !important;
    }

    .xs-ml0-2 {
        margin-left: 2px !important;
    }

    .xs-ml0-5 {
        margin-left: 5px !important;
    }

    .xs-ml1 {
        margin-left: 10px !important;
    }

    .xs-ml1-5 {
        margin-left: 15px !important;
    }

    .xs-ml2-5 {
        margin-left: 25px !important;
    }

    .xs-ml3 {
        margin-left: 30px !important;
    }

    .xs-ml3-5 {
        margin-left: 35px !important;
    }

    .xs-ml5-5 {
        margin-left: 55px !important;
    }

    .xs-pa0 {
        padding: 0 !important;
    }

    .xs-pa1 {
        padding: 10px !important;
    }

    .xs-pt0 {
        padding-top: 0 !important;
    }

    .xs-pt1 {
        padding-top: 10px !important;
    }

    .xs-pr0 {
        padding-right: 0 !important;
    }

    .xs-pr1 {
        padding-right: 10px !important;
    }

    .xs-pr1-5 {
        padding-right: 15px !important;
    }

    .xs-pb0 {
        padding-bottom: 0 !important;
    }

    .xs-pb0-5 {
        padding-bottom: 5px !important;
    }

    .xs-pb1 {
        padding-bottom: 10px !important;
    }

    .xs-pl0 {
        padding-left: 0 !important;
    }

    .xs-pl1 {
        padding-left: 10px !important;
    }

    .xs-pl1-5 {
        padding-left: 15px !important;
    }

    .xs-pl12-5 {
        padding-left: 125px !important;
    }

    .xs-right0 {
        right: 0 !important;
        left: auto !important;
    }


    .xs-t-0 {
        position: relative;
        top: 0;
    }

    .xs-t-0-5 {
        position: relative;
        top: 5px;
    }

    .xs-t-2 {
        position: relative;
        top: 20px;
    }

    .xs-bdt1 {
        border-top: 1px solid !important;
        margin-top: 10px;
        padding-top: 10px !important;
    }

    /* LH stands for line-height.
		Can be extended further with classes like .lh-mini, .lh-midi, etc
	*/
    .xs-lh-midi,
    .xs-lh-midi p,
    .xs-lh-midi li {
        line-height: 1.5 !important;
    }

    /* typo */
    .xs-bold {
        font-weight: bold;
    }


    .xs-txtleft {
        text-align: left;
    }

    .xs-txtright {
        text-align: right !important;
    }

    .xs-txtcenter {
        text-align: center;
    }

    /* Header*/
    #search .search-selector .list-selector,
    #header #header-search-input {
        width: 240px;
    }

    #search p.selected label {
        margin-left: 0;
        width: 216px;
    }
    /* Footer */
    #footer p {
        text-align: center;
    }

    /* Padding and margin values from CMA */
    .mod {
        padding: 20px 15px;
        margin-bottom: 10px;
    }

    /* h2 with buttons on its right. Modified in 480, need adjustment in 320 */
    .buttons-line + h2,
    .buttons-line + .h2-like {
        float: static; /* for 7.17 and 8.17 for example */
        margin-bottom: 10px !important;
        padding-top: 8px;
    }

    /* Two buttons on a line : we need to redifine the CSS for 320 */
    .small-fullwidth input,
    .small-fullwidth button {
        width: 47.9% !important; /* We need to redefine the width for 320 */
        padding-left: 5px !important;
        padding-right: 2px !important;
    }

    .buttons-line.small-fullwidth > * + * {
        margin-left: 6px !important;
        margin-top: 0 !important;
    }

    .small-fullwidth .btn-like.xs-w100,
    .small-fullwidth .jq-dropdown.xs-w100,
    .small-fullwidth .btn.xs-w100,
    .small-fullwidth input.xs-w100,
    .small-fullwidth button.xs-w100 {
        width: 100% !important; /* Just for one button in a submit-line in 320 */
    }

    .small-fullwidth .btn-like,
    .small-fullwidth .jq-dropdown,
    .small-fullwidth .btn {
        width: 48.5% !important;
    }

    .step-button > * {
        width: 47.5%;
    }

    /* button in a buttons-line */
    .buttons-line {
        float: none;
    }

        .buttons-line.xs-right {
            float: right;
        }

    /* Two buttons on a line only for 320 */
    .xs-fullwidth {
        margin-top: 20px;
        display: table;
        width: 100%;
        text-align: center;
    }

        .xs-fullwidth button,
        .xs-fullwidth .btn,
        .xs-fullwidth input {
            width: 48%;
        }

    .step-button.xs-fullwidth button,
    .step-button.xs-fullwidth .btn,
    .step-button.xs-fullwidth input {
        width: 48.3%;
    }

    .xs-fullwidth .btn-like {
        display: block !important;
        width: 48%;
        float: left;
    }

    .xs-fullwidth button.btn-like {
        padding-bottom: 5px;
        padding-top: 5px;
    }

    .buttons-line.xs-fullwidth > *:not(:first-child) {
        margin-left: 9px !important;
    }


    /* Custom checkbox: span seen in 13.03, 6a.29 and 6a.30 */
    span.js-checkbox {
        display: block;
        margin-right: 0 !important;
    }


    /* First element displayed after the second one */
    .xs-invert {
        display: table;
        width: 100%;
        margin-bottom: 10px;
    }

        .xs-invert .xs-invert-top {
            display: table-caption;
            float: none;
            padding-bottom: 0 !important;
        }

        .xs-invert .xs-invert-bottom {
            display: table-footer-group;
            float: none;
            padding-bottom: 10px !important;
        }

        .xs-invert .xs-invert-top.xs-pb1 {
            padding-bottom: 10px !important;
            margin-bottom: 0 !important;
        }



    /* Timeline BL detail*/
    .timeline-approval a,
    .timeline-approval .current span {
        width: 130px;
    }

    /* tunnel */
    .tunnel-in .num-tunnel {
        position: relative;
        top: auto;
        left: 0;
        margin: 0;
    }

    .tunnel-4-steps .tunnel-in,
    .tunnel-4-steps .tunnel-in.first {
        min-width: 54px;
    }

    .tunnel .last-current:before,
    .tunnel .last:before,
    .tunnel-3-steps li:last-child .tunnel-in:before {
        display: none;
    }


    /* slide containers */
    .slide-containers-selector {
        width: 259px;
    }


    .small-itable-2col .items-table.left,
    .small-itable-2col-3r .items-table.left {
        width: 100% !important;
        float: none !important;
    }

        .small-itable-2col .items-table.left th,
        .small-itable-2col .items-table.left td,
        .small-itable-2col-3r .items-table.left th,
        .small-itable-2col-3r .items-table.left td {
            width: 50%;
        }

        .small-itable-2col-3r .items-table.left th {
            text-align: right !important;
        }

    .items-table.small-midi th, /* overrides small CSS */
    .items-table.xs-midi th {
        width: 10em !important;
        text-align: right;
    }

    .items-table.xs-mega th {
        width: 11em !important;
    }

    .items-table .xs-block {
        margin: 0;
        padding-left: 0;
        padding-bottom: 0;
        text-align: left;
    }


    /* Undo the display in two columns of the table-rows*/
    .items-table.small-horiz-col2 tr { /* overrides small CSS */
        display: table-row;
    }

    .items-table.xs-horiz-col2 tr {
        display: inline-block;
        width: 46%;
    }

    .items-table.xs-horiz tr {
        display: block;
        float: none;
    }

    .items-table.small-horiz tr { /* overrides small CSS @ALSAAFAIRE .small- ??? */
        display: block;
        float: none;
    }

    .items-table.xs-table-block th,
    .items-table.xs-table-block td {
        display: block;
        width: 100% !important;
        padding: 2px 0;
        margin: 0;
        text-align: left;
    }

    .items-table.xs-table-block {
        margin-bottom: 5px;
    }


    .col-1-2 + .col-1-2 {
        margin-top: 10px;
    }


    #footer span {
        position: static;
        display: block;
        margin-top: 10px;
    }

    /* Navigation */
    .banner-login {
        margin-top: 27px;
        width: 100%;
    }

    /* Eco Calculator: HTML adapted in 480, CSS modified in 320 too */
    .small-data-block .small-data-fromto {
        padding: 11px 5px 14px 5px;
    }

    .small-data-fromto > .place {
        width: 116px;
        text-align: center;
        vertical-align: top !important;
    }

        .small-data-fromto > .place strong {
            display: inline;
        }

    .small-data-block table.left {
        width: 100% !important;
        float: none !important;
    }

    .small-db-table table th .icon {
        margin-left: 8px;
    }

    .small-db-table table + table {
        margin-top: 0;
    }

    .small-data-block .items-table.xs-w100.left { /* This many classes to override for 23a.04 an existing rule in 480 */
        width: 100% !important;
        float: none !important;
    }

    .small-data-block .items-table.xs-midi th {
        width: 10em;
    }


    /* already adapted in 480 but columns are not the same widths here */
    .small-db-equipment th,
    .small-db-container th,
    .small-db-vessel th,
    .small-db-goods th,
    .small-db-date th,
    .small-db-bl th {
        width: 51%;
    }

    .small-db-eco-left th,
    .small-db-eco-right th {
        width: 35%;
    }

    /* (6a.01 480) one column in 4.0 becomes a line in 320 */
    .small-data-tracking .small-col1,
    .small-data-tracking .small-col2 {
        float: none;
        width: auto;
    }

    .small-data-tracking .small-col1 {
        margin-bottom: 5px;
    }

    /* 6.31*/
    .filter-mod,
    .filter-list {
        padding: 0 !important;
    }

        .filter-list > li,
        .filter-list > li:nth-child(5) {
            float: none;
            display: block;
            width: auto !important;
            padding: 10px;
            margin-right: 0
        }

            .filter-list > li + li {
                border-top: 1px solid !important;
            }

    .filter-msg .filter-list.small-filter-list-nobd {
        padding: 10px 0 !important;
    }

    .filter-msg .small-filter-list-nobd > li,
    .filter-msg .small-filter-list-nobd > li:nth-child(5) {
        padding: 5px 20px;
    }

    /* filter list variant that is a dropdown */
    .filter-list__dropdown .filter-list {
        display: block;
    }

        .filter-list__dropdown .filter-list ul {
            padding-bottom: 0;
        }

    /* Booking block */
    .infobox {
        float: none;
    }

        .infobox + .items-table {
            padding: 10px 0 0;
        }

            .infobox + .items-table.txtleft {
                border-spacing: 0;
            }

    /* Latest news */
    .news-summary .col .col {
        width: 100% !important;
        float: none;
    }

    .news-summary .alternate {
        width: 205px !important;
    }

    /* footer "documents" */
    .download-doc p {
        margin: 6px 0 0 10px;
    }

    /* Latest news : "search by" */
    .hinted .left.w25 {
        float: none;
        width: auto !important;
        margin-bottom: 10px;
    }

        .hinted .left.w25 select {
            width: 55%;
        }

    .hinted .medium-w30 {
        width: 70% !important;
    }

    /* split booking TOOLTIP */
    a.a-tooltip.booking:hover span.east,
    a.a-tooltip.booking:focus span.east {
        width: 304px;
        left: -202px;
    }

        a.a-tooltip.booking:hover span.east:before,
        a.a-tooltip.booking:focus span.east:before {
            left: 202px;
        }

    .si-bl-editable p.a-tooltip span {
        left: -206px;
        max-width: 195px;
    }


    /* create New Account */
    .biz-new-account .col-1-2 {
        margin-right: 0;
    }

    /* modify actions and display dropdown for 100% width */
    .left.jq-dropdown:not(.xs-is-half),
    .right.jq-dropdown:not(.xs-is-half) {
        float: none;
        width: 100% !important;
        margin-left: 0;
    }

    .js .jq-dd-secondary .jq-dd-list-container ul {
        width: 100%;
    }

    .small-data-block .icon.txtmidgray { /* overrides small CSS */
        margin: 0 20px !important;
    }

    /* Banner gray/blue/white for 320 */
    .banner-white p {
        margin-left: 0 !important;
    }


    /* Choice of partner, number of results */
    .partner-choice li.partner .caption {
        left: 6px;
    }

    .tabs-solutions .partner {
        padding-bottom: 4px;
    }

    /* Solutions table */
    .solutions-table tfoot td {
        padding: 10px 0;
    }

    .solutions-table thead th {
        padding-top: 1px;
    }

    .tabs-solutions .partner img {
        height: 32px;
        width: auto;
    }

    /* FAQ Top 5 in sidebar (also 10.02) */
    .faq-top p {
        display: block;
        float: none;
        width: 100% !important;
        /* margin-top: 0; */
    }

    .nav-letters {
        border-top: 1px solid;
        border-left: 1px solid;
    }

        .nav-letters .nav-letter-item {
            width: 14.2857%;
        }

            .nav-letters .nav-letter-item.small-nav-letter-item-2x {
                width: 28.5712%;
            }
    /* 3 contexts for a video, examples are in pages 10.06, 10.10 and 20.05. See templates.css and corporate.css for defaults */
    /* 10.06: tutorial with sidebar */
    .video-with-sidebar .video-player {
        width: 272px;
        height: 192px; /* OK {274 / 193 Fx. Also OK with 272/192} {274 / 193 Chrome = 1px on right. 273 = 1px on bottom. 274/192 = 1px on left and right. 272/192 = OK} */
    }
    /* Page 10.10: tutorial without sidebar (full width) and */
    /* video shortcode in Corp content (ex: 20.05) */
    .video-without-sidebar .video-player,
    .corp-content .video-player {
        height: 210px; /* (304px / 16 * 9) + 39px = 210px */
    }


    #tutorial-masonry {
        margin-right: 0;
    }

        #tutorial-masonry .box {
            width: 100%;
        }

    /* Draft saving below SI Steps, 08/2014 version on white background - RQM 17377 */
    .draft-save,
    .booking-upload {
        padding: 19px 20px 19px 17px;
    }

    .booking-upload {
        padding: 20px 17px;
    }

    /* ----------------------------- */
    /*   ==Corporate                 */
    /* ----------------------------- */
    .corp-main {
        margin: 0;
    }

    /* Default styles for the main content */
    .corp-content .mod {
        padding: 20px 15px;
        margin-top: 20px;
        margin-bottom: 0;
    }


    /* banner */
    .corp-banner {
        width: 320px;
        height: 145px;
    }

    .corp-has-banner .corp-inner {
        width: 312px;
    }

    .corp-banner-image-1 {
        background-position: 52% top;
    }

    .corp-banner-image-2 {
        background-size: 155% auto;
    }

    .corp-inner,
    .corp-layout6 .corp-nav-icons + .corp-inner {
        top: -30px;
        width: 304px;
    }

        .corp-inner h1 {
            margin-right: 10px;
        }

        .corp-inner hr {
            top: 20px;
            margin-bottom: 40px;
        }

        .corp-inner img:first-child,
        .corp-inner img + img {
            margin-left: 0;
        }


    .corp-layout6 .corp-inner {
        width: 304px;
    }



    /* ==Bottom/right menu */
    .corp-aside {
        margin-top: 40px;
    }

    .corp-aside-link,
    .corp-aside-icon {
        height: 48px;
        line-height: 48px;
    }

    .corp-aside-link {
        float: none;
        width: auto;
        text-align: left;
        white-space: nowrap;
    }

        .corp-aside-link + .corp-aside-link {
            margin-left: 0;
            margin-top: 10px;
        }

    .corp-aside-icon {
        display: inline-block;
        width: 48px;
        text-align: center;
    }

        .corp-aside-icon .icon {
            font-size: 30px !important;
        }

    .corp-aside-label {
        display: inline-block;
        vertical-align: middle;
        margin-top: 0;
        margin-left: 15px;
        padding: 0;
        line-height: 1.4em;
        white-space: normal;
    }


    .corp-stats-cb-item {
        width: 148px;
    }

        .corp-stats-cb-item:nth-child(odd) {
            margin-left: 0 !important;
        }

        .corp-stats-cb-item.ml1:nth-child(even) {
            margin-left: 7px !important; /* due to bug Safari OS X */
        }


    /* Archives */
    /*.corp-archives article {
		margin-top: 5px;
	}*/
    .corp-archives h2 {
        float: right;
        width: 188px;
    }

    .corp-archives .item {
        clear: both;
    }

    .corp-archives img {
        margin-right: 10px !important;
    }

    /* Pager */
    .pager-corp a {
        margin-left: 5px;
        margin-right: 5px;
    }

    /* Ellipses removed on small resolution - RQM 32826 - 21.10.2015 */
    .corp-pagination .PagedList-ellipses,
    .PagedList-ellipses {
        display: none;
    }

    /* agenda */
    .corp-agenda h2 {
        margin-bottom: 0;
    }

    .corp-agenda .item img {
        float: right;
        margin: 0 0 10px 10px;
    }

    /* news */
    .corp-news img {
        display: none;
    }

    /* local offices news */
    .corp-news-local-subscribe-home + .corp-content {
        margin-top: 10px;
    }
    /* width of the form elements */
    .corp-news-local-subscribe-input,
    .corp-news-local-subscribe-select,
    .corp-news-local-subscribe-home .corp-news-local-subscribe-input,
    .corp-news-local-subscribe-home .corp-news-local-subscribe-select {
        width: 100%;
    }

    /* trombi */
    .corp-trombi .col {
        width: 275px;
    }

    .corp-trombi .mod {
        margin-top: 15px;
    }

    /* History */

    .corp-history .jq-to-close article,
    .corp-history .jq-to-open article {
        border-top: 0;
        margin-bottom: 0;
    }

    .corp-history .mod {
        margin-bottom: 0;
    }

    .corp-history img {
        margin: 0 !important;
    }

    /* testimony */
    .corp-testimony iframe {
        height: 170px;
    }

    /* les �tapes incontournables */
    .corp-step .btn {
        display: block;
        text-align: center;
    }

    /* CMA en chiffres */
    .corp-stats-cb-item {
        width: 142px;
    }

    /* tripart */
    .corp-tripart .tripart-mid {
        height: 197px;
        padding-top: 30px;
    }
    /* bipart */
    .corp-bipart .bipart-left,
    .corp-bipart .bipart-right {
        width: 304px;
    }

    .corp-bipart .bipart-left {
        padding-bottom: 54px; /* @NOTE Visually renders as 20px vertically between end of content and beginning of arrow */
    }

        .corp-bipart .bipart-left p:last-child {
            margin-top: 18px;
        }


    /* == Modules Highlight Sidebar */
    .corp-sb-highlight .btn {
        width: 100%;
    }

    /* 11.01 */
    .corp-country-list {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

        .corp-country-list.is-columnized {
            -webkit-column-count: initial;
            -moz-column-count: initial;
            column-count: initial;
        }

    .corp-contacts .content {
        padding: 15px 40px 15px 15px !important;
    }

    /* ==HOMEPAGE== */
    /*
	.corp-hp-form .alternate {
		margin-left: 8px;
	}
	.corp-hp-form select,
	.corp-hp-form input[type='text'],
	.corp-hp-form .k-autocomplete-wrapper {
		width: 270px;
	}
*/

    /* slideshow */
    .hp-slideshow .slideshow-content {
        height: 160px;
    }

    /* blocks of content */
    .hp-3-3 .hp-row-bg {
        height: 160px; /* Height of the image */
    }

    /* Type Magazine cover (Text + Img float): .hp-u-mag */
    .hp-u-mag-title ~ p {
        clear: left;
    }

    .corp-table-layout1 td {
        padding: 8px 15px 9px;
        width: 50%;
    }

    .corp-media .content li {
        width: 152px;
    }

    .corp-connect-biz .corp-list li {
        width: 100%;
    }

    /* carrier homepage */
    /*	.carrier .corp-hp-slideshow .content {
		bottom: 0;
		left: 0;
		right: 0;
		top: auto;
		width: auto;
	}
	.carrier .corp-hp-slideshow .content .more {
		background: inherit;
		bottom: 4px;
		padding-left: 10px;
	}
	.carrier .corp-hp-slideshow .slide-pagination {
		bottom: 40px !important;
	}
*/

    #ajax-messages {
        margin-right: -152px;
    }

        #ajax-messages .msg span {
            max-width: 220px;
        }

    .small-main-nav ul {
        max-width: 302px !important;
        width: 302px !important;
    }

    .small-main-nav li,
    .small-main-nav li.sep {
        width: 302px !important;
    }


    #lang {
        margin-left: 67px;
    }
    /* Social network (icons) */
    #social-network > ul {
        width: 320px;
    }
    /* RQM 31347 / 5 icons so 320/5=64px (Instagram was added) */
    .social-item a {
        width: 53px;
    }

    .mod-comment .comment-left-block {
        position: static;
        width: 100%;
    }

    .mod-comment .comment-user, .mod-comment .comment-date {
        background: none;
        border: 0;
        padding-left: 0 !important;
        display: inline-block;
    }

    /*== KENDO */
    /* popup */
    .k-window.k-window {
        max-width: 304px;
    }


    /* ==DASHBOARD */
    .dashboard {
        width: 298px;
        margin-bottom: 20px;
    }

    .no-js .dashboard {
        margin-left: 0 !important;
    }

    .db-header-title span {
        max-width: 170px;
    }

    .db-filter-item {
        margin: 0 0 10px !important;
        width: 100%;
    }

    .db-table-fav,
    .db-table .fav {
        width: 40px;
    }

    #dashboard-tiles-c2 {
        display: none;
    }

    .dashboard-wrapper {
        width: 298px;
    }

    /* Schedule table (4 columns incl. 2 icons) */
    .db-schedule-ref {
        width: 100px
    }

    .db-schedule-label {
        width: 104px
    }

    /* Table with 3 columns (1 icon on left) */
    .db-3col-ref {
        width: 91px
    }

    .db-3col-label {
        width: 153px
    }


    /* Grey/translucent carrier logo on grey background in page 9b.02c */
    .bg-delmas,
    .bg-cnc,
    .bg-anl,
    .bg-cma,
    .bg-apl {
        background-position: 95% 5px;
    }

    /* 7.26 - RQM 25450 - specific styles  */
    .mod-bkg_list-cargos {
        padding-top: 30px !important;
    }

    .banner-bkg-total,
    .banner-bkg-total_title,
    .banner-bkg-total_data {
        line-height: 32px;
    }

    .banner-bkg-total {
        font-size: 0.909em; /* 10px ; it's a .h2-like we are styling over */
    }

    .ico-container {
        margin: 0 7px;
    }
    /* T&J - RTC 88287 */
    .banner-notifications.detail-mode {
        width: 304px;
    }

    .detail-buttons a {
        width: 100px;
    }

    /* T&J - RTC 88211 */
    .tl-doc-item {
        width: 204px;
    }

        .tl-doc-item + .tl-doc-item {
            margin-left: 7px;
        }

    /* duration range */
    .duration-range > .left {
        float: none;
    }

    .duration-range > legend.left {
        padding-left: 0;
        padding-right: 0;
    }

    .duration-range > .left + .left {
        margin-left: 0;
        margin-top: 10px;
    }

    .duration-range-rad {
        display: flex;
        flex-flow: row nowrap;
        justify-items: center;
        float: none;
        padding-right: 0;
    }

        .duration-range-rad > * {
            flex: 1 1 auto;
        }

            .duration-range-rad > * + * {
                margin-top: 0
            }

    .duration-range-choice {
        display: block;
        float: none;
        padding-left: 0;
        margin-left: 0;
        border-left: 0;
        border-top: 1px solid #B0B0B0;
    }

    .duration-range-choice-1,
    .duration-range-choice-2 {
        padding-top: 15px;
        margin-top: 15px;
    }

    .duration-range-choice:before,
    .duration-range-choice:after {
        content: '';
        position: absolute;
        top: -14px;
        left: 0;
        border: 7px solid transparent;
        border-bottom-color: #B0B0B0; /* darker than #CECECE (defined above) because diagonal and aliasing makes it lighter than a vertical line */
    }

    .duration-range-choice:after {
        top: -13px;
        left: 0;
        border-bottom-color: #F5F5F5;
    }

    .duration-range-choice-2:before,
    .duration-range-choice-2:after {
        left: 50%;
        margin-left: -12px;
    }

    .duration-range-choice > p label,
    .duration-range-choice .date-range label {
        display: inline-block;
        padding-right: 0;
        text-align: left;
    }

    /* SI Step 6 (18b.03) - Recap Container & Cargo - Banner title OpenSans CondensedBold and gray backgrounds (RQM 17377) */
    .banner-si-recap-charac {
        margin-left: 9px;
    }

    .banner-si-recap-ref {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }

    .banner-si-recap-link .icon {
        margin-top: 5px;
        float: left;
    }

    .banner-si-recap-length {
        margin-left: -6px;
    }

    /* eBL - intro partner sign */
    .ebl-partnersign {
        display: block;
    }

    .ebl-partnersign--item {
        width: 100%;
        margin-left: 0;
    }

        .ebl-partnersign--item:nth-child(2n+1),
        .ebl-partnersign--item:nth-child(2n+2) {
            margin-left: 0;
            margin-right: 0;
        }
}
/* Files for right to left languages */
/* .is-lang-rtl should be added to elements that are easy to identify and never used alone */
/* remember that the basic change of justification comes from adding dir="rtl" to the same element */

/* --- */
/* basic styles */

.corp-main.is-lang-rtl .corp-inner img.right + img.right {
    margin-right: 5px;
    margin-left: 20px
}

.corp-main.is-lang-rtl .corp-content ul {
    padding-right: 0; /* not a reset per se, the ul in copr-content have no padding but because theyr are inverted with dir=rtl we have to bring them to 0 on the other side too */
}

.corp-main.is-lang-rtl .with-icon .icon {
    margin-right: 0;
    margin-left: 4px;
}

/* - to prevent english strings from aligning like arabic */
.corp-main.is-lang-rtl [dir=ltr] {
    text-align: right;
}

/* --- */
/* layout */

.corp-main.is-lang-rtl.corp-has-banner {
    margin-left: 24px;
    padding-left: 0;
    padding-right: 34px;
}

.corp-main.is-lang-rtl.corp-layout6 .corp-nav-icons {
    margin-right: 0;
    margin-left: 25px;
}

/* --- */
/* main dynamic components */

/* - banner */
.corp-main.is-lang-rtl .corp-banner {
    left: auto;
    right: 0;
}
/* - title */
.corp-main.is-lang-rtl .corp-inner h1 {
    padding-right: 0;
    padding-left: 20px;
}
/* - subscription */
.corp-main.is-lang-rtl .corp-news-local-subscribe-home {
    padding-right: 0;
    padding-left: 30px;
}
/* - subtitles (trigger toggle on mobile) */
.corp-main.is-lang-rtl .corp-content .small-jq-next-open,
.corp-main.is-lang-rtl .corp-content .small-jq-next-close {
    padding-right: 0;
    padding-left: 35px;
}

.corp-main.is-lang-rtl .corp-content h2.small-jq-next-open i {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.corp-main.is-lang-rtl .corp-content h2.small-jq-next-close i {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
/* - menus */
.corp-main.is-lang-rtl .corp-nav-icons .nav-items a,
.corp-main.is-lang-rtl .corp-nav-icons .nav-items span {
    padding: 12px 60px 14px 10px;
}

.corp-main.is-lang-rtl .corp-nav-icons .nav-items .icon-deco {
    left: auto;
    margin-right: 0;
    right: 15px;
    margin-left: 4px;
}

.corp-main.is-lang-rtl .corp-nav-icons .nav-items .icon-open {
    right: auto;
    left: 10px;
}
/* - list of local news*/
.corp-main.is-lang-rtl .corp-contacts .content {
    padding-right: 20px !important;
    padding-left: 70px !important;
}

    .corp-main.is-lang-rtl .corp-contacts .content a.icon {
        right: auto;
        left: 40px;
    }
/* - pagination */
.corp-main.is-lang-rtl .corp-pagination .PagedList-skipToFirst .icon,
.corp-main.is-lang-rtl .corp-pagination .PagedList-skipToLast .icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.corp-main.is-lang-rtl .corp-pagination .PagedList-skipToFirst {
    left: auto;
    right: 0;
}

.corp-main.is-lang-rtl .corp-pagination .PagedList-skipToPrevious {
    left: auto;
    right: 90px;
}

.corp-main.is-lang-rtl .corp-pagination .PagedList-skipToNext {
    right: auto;
    left: 90px;
}

.corp-main.is-lang-rtl .corp-pagination .PagedList-skipToLast {
    right: auto;
    left: 0;
}
/* - tables in corporate pages */
.corp-main.is-lang-rtl .corp-content .data-table:not([dir]=ltr) th.td-like ~ td {
    border-right: 1px solid #FFFFFF;
}

    .corp-main.is-lang-rtl .corp-content .data-table:not([dir]=ltr) th.td-like ~ td:last-child {
        border-left: 0;
    }
/* - more tables in corp pages */
.corp-main.is-lang-rtl .items-table th {
    text-align: left;
}

.corp-main.is-lang-rtl .corp-content .data-table:not([dir]=ltr) th,
.corp-main.is-lang-rtl .corp-content .data-table:not([dir]=ltr) td,
.corp-main.is-lang-rtl .corp-content .k-data-table:not([dir]=ltr) th,
.corp-main.is-lang-rtl .corp-content .k-data-table:not([dir]=ltr) td,
.corp-main.is-lang-rtl .corp-content .service-s-table:not([dir]=ltr) th,
.corp-main.is-lang-rtl .corp-content .service-s-table:not([dir]=ltr) td,
.corp-main.is-lang-rtl .items-table.txtleft:not([dir]=ltr) th {
    text-align: right;
}

.corp-main.is-lang-rtl .items-table.txtleft:not([dir]=ltr) {
    border-spacing: 0 5px;
}

.corp-main.is-lang-rtl .items-table:not([dir]=ltr) td {
    text-align: right;
    padding-left: 0;
    padding-right: 1em;
}
/* - lists */
.corp-main.is-lang-rtl .corp-content .corp-list li {
    padding-left: 0;
    padding-right: 13px;
    background-position: right 5px;
}

.corp-main.is-lang-rtl .corp-content .list-nostyle li {
    padding-right: 0 !important;
}

.corp-main.is-lang-rtl .corp-content .corp-list-doc .more {
    padding-left: 0;
    padding-right: 26px;
}

.corp-main.is-lang-rtl .corp-list-doc .more .icon {
    left: auto;
    right: 0;
}
/* - bg-triple */
.corp-main.is-lang-rtl [class^=bg-triple] {
    background-position: left center;
}

/* - corp-stats (checkboard like stuff) */
.corp-main.is-lang-rtl .corp-stats-cb-item {
    float: right;
    margin-right: 0;
    margin-left: 10px;
}

/* --- */
/* inferior breakpoints */
@media screen and (max-width: 980px) {
    /* - basic styles */
    .corp-main.is-lang-rtl .corp-nav,
    .corp-main.is-lang-rtl .corp-nav-icons,
    .corp-main.is-lang-rtl .corp-layout6 .corp-nav-icons {
        text-align: right;
    }
    /* - layout */
    .corp-main.is-lang-rtl.corp-has-banner {
        margin: 0;
        padding: 0;
    }

        .corp-main.is-lang-rtl.corp-has-banner .corp-inner {
            left: auto;
            right: -8px;
            padding-left: 0;
            padding-right: 40px;
        }

    .corp-main.is-lang-rtl.corp-layout6 .corp-nav-icons {
        margin: 23px 36px 19px;
    }

        .corp-main.is-lang-rtl .corp-inner,
        .corp-main.is-lang-rtl.corp-layout6 .corp-nav-icons + .corp-inner {
            margin-left: 0;
            margin-right: 36px;
        }
    /* - banner*/
    .corp-main.is-lang-rtl .corp-banner {
        margin-left: 0;
        margin-right: -8px;
    }
    /* -title */
    .corp-main.is-lang-rtl.corp-has-banner .corp-inner h1 {
        padding-right: 40px;
        margin-right: -40px;
    }
    /* - menus */
    .corp-main.is-lang-rtl .corp-nav-icons .nav-items a {
        padding-left: 10px !important;
        padding-right: 60px !important;
    }
    /* - pagination */
    .corp-main.is-lang-rtl .corp-pagination .PagedList-skipToNext {
        left: 2.25em;
    }

    .corp-main.is-lang-rtl .corp-pagination .PagedList-skipToPrevious {
        right: 2.25em;
    }
}

@media screen and (max-width: 767px) {
    /* - basic styles */
    .corp-main.is-lang-rtl.corp-has-banner .corp-inner > * {
        padding-left: 0;
        padding-right: 8px;
    }

    .corp-main.is-lang-rtl .corp-inner img.left:first-child,
    .corp-main.is-lang-rtl .corp-inner img.left + img.left {
        margin-right: 20px;
        margin-left: 10px;
    }

    .corp-main.is-lang-rtl .corp-inner img.right:first-child,
    .corp-main.is-lang-rtl .corp-inner img.right + img.right {
        margin-right: 10px;
        margin-left: 20px;
    }
    /* - layout */
    .corp-main.is-lang-rtl.corp-has-banner .corp-inner {
        padding: 0;
    }

    .corp-main.is-lang-rtl .corp-inner,
    .corp-main.is-lang-rtl.corp-layout6 .corp-nav-icons + .corp-inner {
        margin: 0;
    }

    .corp-main.is-lang-rtl .corp-news-local-subscribe-home {
        padding-left: 0;
    }
    /* - title */
    .corp-main.is-lang-rtl.corp-has-banner .corp-inner h1 {
        margin: 0 0 0 20px;
        padding: 11px 8px 15px 16px;
    }
    /* - subtitles */
    .corp-main.is-lang-rtl .corp-content .small-jq-next-open .icon,
    .corp-main.is-lang-rtl .corp-content .small-jq-next-close .icon {
        right: auto;
        left: 0;
    }
    /* - corp-stats (checkboard like stuff) */
    .corp-main.is-lang-rtl .corp-stats-cb-item.small-right {
        float: left;
    }

    .corp-main.is-lang-rtl .corp-stats-cb-item.small-left {
        float: right;
    }
}

@media screen and (max-width: 479px) {
    /* - corp-stats (checkboard like stuff) */
    .corp-stats-cb-item:nth-child(2n+1) {
        margin-left: 10px !important;
    }
}
/* highest breakpoint */
@media ( min-width: 1200px ) {
    /* - layout */
    .corp-main.is-lang-rtl.corp-has-banner {
        float: right;
        margin-left: 0;
        margin-right: -50px;
        padding-left: 0;
        padding-right: 50px;
    }
}

/*
* jQuery FlexSlider v2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*
* Modifed by PHV/Alsacr�ations for CMA Systems
* No white border
*/


/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* CMA MUST - Corporate wysiwyg reset */
.corp-content .flexslider ul {
    margin: 0;
}

.corp-content .flexslider {
    margin-top: 10px;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
    margin: 0;
    padding: 0;
}

/* specific styles for the small carousel */
.flexslider__nav {
    margin-bottom: 30px;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li {
    position: relative;
    display: none;
    /* margin-right: 4px; */
    -webkit-backface-visibility: hidden;
}

    .flexslider .slides > li > a {
        position: relative;
        display: block;
    }

    .flexslider .slides > li::after {
        content: '';
        position: absolute;
        bottom: 0;
        top: 40%;
        right: 0;
        left: 0;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,432f2f+50,432f2f+100&0+0,0.65+100 */
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(67,47,47,0.33) 75%, rgba(67,47,47,0.65) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(67,47,47,0.33) 75%,rgba(67,47,47,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(67,47,47,0.33) 75%,rgba(67,47,47,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6432f2f',GradientType=0 ); /* IE6-9 */
    }

.flexslider__nav .slides > li::after {
    display: none;
}

.flexslider__nav .slides > li {
    cursor: pointer;
}

.flexslider .slides img {
    display: block;
    width: 100%;
}

.flex-pauseplay span {
    text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {
    display: block;
}


/* FlexSlider Default Theme
*********************************/
.flexslider {
    position: relative;
    /* margin: 0; */
    /* border: 3px solid #fff; */
    /* background: #fff; */
    zoom: 1;
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}

.loading .flex-viewport {
    max-height: 300px;
}

.flexslider .slides {
    zoom: 1;
}

.carousel li {
    margin-right: 5px
}


/* Direction Nav */
.flex-direction-nav a {
    position: absolute;
    z-index: 10;
    display: block;
    text-indent: -9999px;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.flexslider__main .flex-direction-nav a {
    top: 50%;
    width: 43px;
    height: 43px;
    margin: -21.5px 0 0;
    background-image: url(img/bg_direction_nav_20170905.png);
    background-repeat: no-repeat;
    opacity: 0.7;
}

    .flexslider__main .flex-direction-nav a:hover {
        opacity: 1;
    }

.flexslider__main .flex-direction-nav .flex-disabled {
    opacity: 0;
    cursor: default;
    pointer-events: none;
}

.flexslider__main .flex-direction-nav .flex-prev {
    left: 5px;
    background-position: 0 0;
}

.flexslider__main .flex-direction-nav .flex-next {
    right: 5px;
    background-position: -43px 0;
}

.flexslider__nav .flex-direction-nav a {
    top: 0;
    bottom: 0;
    width: 20px;
    text-decoration: none;
    background: #fff;
    opacity: 0.6;
    outline: 0 none;
}

    .flexslider__nav .flex-direction-nav a:hover {
        opacity: 0.8;
    }

.flexslider__nav .flex-direction-nav .flex-disabled {
    opacity: 0;
    cursor: default;
    pointer-events: none;
}

.flexslider__nav .flex-direction-nav a::after {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 12;
    display: block;
    text-align: center;
    text-indent: 0;
    font-family: 'MustIcons';
    font-size: 20px;
    color: #2c2c2c;
    transform: translateY(-50%);
}

.flexslider__nav .flex-direction-nav .flex-prev {
    left: 0;
}

    .flexslider__nav .flex-direction-nav .flex-prev::after {
        content: '<'
    }

.flexslider__nav .flex-direction-nav .flex-next {
    right: 0;
}

    .flexslider__nav .flex-direction-nav .flex-next::after {
        content: '>'
    }

/* Control Nav */
.flex-control-nav { /* display:none; */
    position: absolute;
    bottom: -40px;
}

    .flex-control-nav li {
        margin: 0 6px;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0,0,0,0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}

    .flex-control-paging li a:hover {
        background: #333;
        background: rgba(0,0,0,0.7);
    }

    .flex-control-paging li a.flex-active {
        background: #000;
        background: rgba(0,0,0,0.9);
        cursor: default;
    }

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}

    .flex-control-thumbs li {
        width: 25%;
        float: left;
        margin: 0;
    }

    .flex-control-thumbs img {
        width: 100%;
        display: block;
        opacity: .7;
        cursor: pointer;
    }

        .flex-control-thumbs img:hover {
            opacity: 1;
        }

    .flex-control-thumbs .flex-active {
        opacity: 1;
        cursor: default;
    }

/* Control Nav modified */
.flexslider__nav .flex-control-nav {
    bottom: -25px;
    right: 0;
    left: 0;
    text-align: center;
}

.flexslider__nav .flex-control-paging li {
    margin: 0;
}

    .flexslider__nav .flex-control-paging li + li {
        margin-left: 8px;
    }

    .flexslider__nav .flex-control-paging li a {
        display: block;
        width: 8px;
        height: 8px;
        overflow: hidden;
        border: 1px solid #8d8d8d;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        text-indent: -9999px;
        font-size: 0;
        background: #fff;
        box-shadow: 0 0 0;
        cursor: pointer;
        transition: background-color .3s;
    }

        .flexslider__nav .flex-control-paging li a.flex-active {
            background: #8d8d8d;
        }

/* CMA safeties */
.corp-inner .flexslider .slides img {
    margin: 0 !important;
}
/* Custom elements added through callbacks */
.flex-must-text {
    position: absolute;
    bottom: 25px;
    right: 30px;
    left: 30px;
    z-index: 2;
    color: #f5f5f5;
    text-shadow: 1px 1px rgba(0,0,0,0.1);
}

.flex-must-title {
    line-height: 1.1;
    font-size: 17px;
}

.flex-must-desc {
    line-height: 1.3;
    font-size: 12px;
}

.flex-must-title + .flex-must-desc {
    margin-top: 15px;
}

.flex-must-text::after {
}

/*
Summary for CMA:
----------------
links-active		#2d75ff
links				#2563d9
bg-main				#184894
pictos				#184894

btn-corporate		#184894
btn-corp-high-bloc	#184894 @ALSAAFAIRE "block" ici et dans dispatch
btn-business-inactive	#d48cae
btn-business		#d81772
btn-corp-high-bg	#fc3636
btn-corp-high-txt	#ffffff
*/

/* ==Styles copied from stylesheets 01 to 05 */
body {
    background-color: #FFFFFF;
    color: #4C4C4C; /*@4C4C4C*/
}

h1,
.h1-like {
    color: #d81772; /*@D71771*/
}

.corp-inner h1,
.corp-inner .h1-like {
    color: #184894; /*@D71771*/
}

hr {
    color: #DFDFDF; /*@DFDFDF*/
    background-color: #DFDFDF; /*@DFDFDF*/
}

.creation-date {
    color: #767676;
}

.table-gut1,
.table-gut1-5,
.table-gut2,
.table-gut4,
.table-gut4-5 {
    border-right-color: #FFFFFF;
}

.table-vert4-5 {
    border-bottom-color: #FFFFFF;
}

.bd-white,
.bd-white3 {
    border-color: #FFFFFF;
}

.bd-pink {
    border-color: #d81772 !important; /*@d81772*/
}

.bd-right-white {
    border-right-color: #FFFFFF !important; /*@FFFFFF*/
}

.bd-bottom-blue1 {
    border-bottom-color: #184894 !important; /*@184894*/
}

.bd-bottom-grayF {
    border-bottom-color: #f5f5f5;
}

.bd-bottom-4-blue {
    border-bottom-color: #184894 !important; /*@184894*/
}

.bd-top-4-blue {
    border-top-color: #184894; /*@184894*/
}

.bd-top-3-blue {
    border-top-color: #184894 !important; /*@184894*/
}
/*.bd-top-3-red {
	border-top-color: #FC3636;
}*/
.bd-top-3-pink {
    border-top-color: #d81772; /*@D71771*/
}

.bd-left-5-white {
    border-left-color: #FFFFFF;
}
/* border unselected / selected (RTC #122669 - lot 7.29 Booking request, insurance) */
.bd-selected,
.has-corner-triangle.bd-selected {
    border-color: #184894;
}

/* 2015/08/13 @ALSA-phv Some misplaced :focus form rules were here. Moved below */

.disabled input.datepicker-ymd {
    color: #557B97; /*@557B97*/
}

form .error,
form .error .icon,
.error-message,
.field-validation-error,
.field-validation-error .icon {
    color: #E10135; /*@C5002E*/
}

input.error,
select.error,
textarea.error,
.k-autocomplete-wrapper.error > .k-autocomplete {
    border-color: #E10135 !important; /*@C5002E*/
}

select.input-validation-error,
input.input-validation-error,
textarea.input-validation-error,
.k-wrapper-invalid {
    border-color: #E10135 !important; /* @ALSAAFAIRE !important n'est PAS nécessaire si règles bien placées par rapport à input[type='***'] (situé après)*/ /*@E80C4D*/
}

.field-validation-info .icon {
    color: #9C9C9C;
}


.validation-summary-errors li {
    color: #E10135; /* @ALSAAFAIRE or #.E10135 as seen in C05/ Lot 9a? */ /*@E80C4D*/
}


/* ==TABLE */
.data-table td + td,
.k-data-table td + td,
.data-table th.td-like + td,
.k-data-table th.td-like + td {
    border-left-color: #FFFFFF;
}

.data-table caption,
.k-data-table caption {
    color: #4C4C4C; /*@32424F*/
}

.double-border td {
    border-bottom-color: #DFDFDF; /*@D0D9E0*/
}

.colorbox {
    border-color: #DFDFDF; /*@D2DAE1*/
}

    .colorbox.current {
        background-color: #FFFFFF;
    }

.quote-table thead {
    border-bottom-color: #DFDFDF; /*@D0D9E0*/
}

.quote-table .legend-container {
    color: #2563d9; /*@0068CE*/
}

.quote-table .grand-total th,
.quote-table .grand-total td {
    border-top-color: #DFDFDF; /*@D0D9E0*/
}

.service-s-table .current,
.service-s-cb-wrapper .current {
    background-color: #FFFFFF;
}

.solutions-table .k-alt {
    background-color: #FFFFFF;
}

.table-gut3-5-gray {
    border-right-color: #F5F5F5; /*@F5F5F5*/
}

/* ==borders */
.border,
.bd-solid {
    border-color: #DFDFDF; /*@DFDFDF*/
}

.bd-dash,
.bd-dashed {
    border-color: #DFDFDF; /*@DFDFDF*/
}
/* ALSA textarea Marks&Goods 7.12a : no effect on hover/focus so 1px gray (would seem strange when border is dash) */
textarea.bd-dash:hover,
textarea.bd-dashed:hover,
textarea.bd-dash:focus,
textarea.bd-dashed:focus {
    border-color: #CECECE;
}
/* sort by color */
.bd-grayC,
table.bd-grayC td,
table.bd-grayC th { /* C means #.Cecece */ /*@Cecece*/
    border-color: #CECECE !important; /*@CECECE*/
}

.bd-gray8 { /* "8" means #.8D8D8D */ /*@8D8D8D*/
    border-color: #8D8D8D; /*@8D8D8D*/
}

.bd-blue {
    border-color: #2D75FF; /*@2d75ff*/
}

.bd-color-brand {
    border-color: #184894;
}

.bd-right {
    border-right-color: #DFDFDF; /*@DFDFDF*/
}

.bd-rightC {
    border-right-color: #CECECE; /*@CECECE*/
}

.bd-left {
    border-left-color: #DFDFDF; /*@DFDFDF*/
}

.bd-bottom {
    border-bottom-color: #DFDFDF; /*@DFDFDF*/
}

.bd-top {
    border-top-color: #DFDFDF; /*@DFDFDF*/
}

.bd-top-grayC {
    border-top-color: #CECECE; /*@CECECE*/
}

.bd-top-double {
    border-top-color: #DFDFDF !important; /*@DFDFDF*/
}

.bd-h-grayD { /* "h" = "horizontal and "grayD" = dfdfdf*/
    border-color: #DFDFDF; /*@DFDFDF*/
}

.bd-green {
    border-color: #238E07;
}

.bd-red {
    border-color: #E10135;
}


.data-table,
.k-data-table,
.service-s-table {
    border-color: #DFDFDF; /*@DFDFDF*/
}

    .data-table th,
    .k-data-table th,
    .service-s-table th,
    .data-table td.th-like,
    .k-data-table td.th-like,
    .service-s-table td.th-like {
        border-color: #DFDFDF; /* @NOTE vertical border between cell-mini on header cell-mini */ /*@DFDFDF*/
    }

.sep-horiz tr {
    border-bottom-color: #DFDFDF; /* @NOTE This class add horizontal borders (ex: 6a.01) */ /*@DFDFDF*/
}

.sep-horiz-top {
    border-top-color: #F5F5F5; /* @NOTE This class add horizontal borders (ex: 23a.02) */ /*@F5F5F5*/
}

.sep-horiz-topDF { /* "DF" means #.DFDFDF */ /*@DFDFDF*/
    border-top-color: #DFDFDF; /* @NOTE This class add horizontal borders (ex: 23a.02) */ /*@DFDFDF*/
}

.with-sep th,
.with-sep td { /* @NOTE border between all cell */
    border-color: #DFDFDF !important; /*@DFDFDF*/
}


.data-table thead,
.k-data-table thead {
    border-bottom-color: #DFDFDF; /*@DFDFDF*/
}
/* Zebra styling using Kendo own class .k-alt on even rows */
.data-table tbody tr,
.k-data-table tbody tr {
    background-color: white;
}

    .data-table tbody tr.k-alt,
    .data-table tfoot tr.k-alt,
    .k-data-table tbody tr.k-alt,
    .k-data-table tfoot tr.k-alt {
        background-color: #F5F5F5;
    }
/*@F5F5F5*/

.k-grid-header th.fav .icon {
    color: #4C4C4C; /*@4C4C4C*/
}


/* =Table with (container) moves
.date-past is for table,
.colorbox is color legend (after table) of each row */
.date-past, .date-past td,
.colorbox.past {
    background-color: #D6D6D6; /*@D8D8D8*/
}

.date-pastE, .date-pastE td,
.colorbox.pastE { /* E for "ececee" */
    background-color: #EAEAEA; /*@EAEAEA*/
}


.data-table tbody .date-provisional,
.data-table tbody .date-provisional td,
.k-data-table tbody .date-provisional,
.k-data-table tbody .date-provisional td {
    background-color: #F5F5F5; /*@F5F5F5*/
}
/* @NOTE Modified on 2014-02-18 for 6a.01b. Was in above selector before that */
.colorbox {
    background-color: #ECECEC;
}


/* horiz-table 17.01 */
.horiz-table {
    border-color: #DFDFDF;
}

    .horiz-table tr + tr > th,
    .horiz-table tr + tr > td,
    .horiz-table tfoot td {
        border-top-color: #DFDFDF;
    }

    .horiz-table tfoot tr {
        background-color: #FFFFFF;
    }

/* */
.service-s-table {
    background-color: #F5F5F5; /*@F5F5F5*/
}

    .service-s-table td,
    .service-s-table th {
        border-color: #DFDFDF; /*@DFDFDF*/
    }

    .service-s-table .past,
    .service-s-cb-wrapper .past {
        background-color: #EAEAEA; /*@EAEAEA*/
    }

/* */
.solutions-table {
    background-color: #F5F5F5; /*@F5F5F5*/
}

    .solutions-table tbody {
        border-color: #CECECE; /*@CECECE*/
    }

        .solutions-table tbody th,
        .solutions-table tbody td {
            border-bottom-color: #CECECE; /*@CECECE*/
        }

    .solutions-table .k-alt-gray {
        background-color: #EAEAEA; /*@EAEAEA*/
    }

/* Package table: 9b.03 and 9b.07 */
.package-table thead td ~ th, /* "td ~" part only needed here because we need at least as much specificity as 05-tables.css "th ~ th" but that should match the 1st th as well... */
.package-table tfoot td + td {
    border-color: #DFDFDF; /*@DDDDDD*/
    /* background: #FFFFFF; see 05-tables.css for white bg */
}
/* RQM 28709 Gray background for column Starter */
.package-table thead td + th {
    background: transparent;
}

.package-table tbody {
    border-color: #DFDFDF; /*@DDDDDD*/
}

    .package-table tbody td {
        border-left-color: #DFDFDF; /*@DDDDDD*/
    }

.package-table .k-alt {
    background: #FFFFFF;
}
/* RQM 28709 Green border around column if subscribed */
.package-table thead .col-selected {
    /* border-color: #FF0000 #FF0000 #DFDFDF #FF0000; */
    border-color: #238E07 #238E07 #DFDFDF #238E07;
}

.package-table tbody .col-selected {
    border-left-color: #238E07;
    border-right-color: #238E07;
}

.package-table tfoot .col-selected {
    /* border-color: #DFDFDF #FF0000 #FF0000 #FF0000; */
    border-color: #DFDFDF #238E07 #238E07 #238E07;
}

.package-overlay {
    border: #DFDFDF; /*@DDDDDD*/ /*@ALSAAFAIRE border-color et retrouver le border dans aute fichier CSS*/
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAALElEQVQIW2NkwALu3r37nxFdHCSorKzMiCIBEwQphksgC8Il0AXBEtgEQRIAzbcXnfcK9agAAAAASUVORK5CYII=) rgba(245, 245, 245, 0.6); /* @NOTE see fallback for IE8- in ie.css */
}

tr.toggle-active {
    border-top-color: #DFDFDF; /* only when TR toggle is active */ /*@DFDFDF*/
}


/* ==FORMS.css */
input[type='color'],
input[type='date'],
input[type='datetime'],
input[type='datetime-local'],
input[type='email'],
input[type='month'],
input[type='number'],
input[type='password'],
input[type='search'],
input[type='tel'],
input[type='text'],
input[type='time'],
input[type='url'],
input[type='week'],
select,
textarea {
    border-color: #8D8D8D; /*@8D8D8D*/
    background-color: white;
    color: #4C4C4C; /*@4C4C4C*/
}

    input[type='color'].bd-color-brand:not(:hover):not(:focus):not([disabled]),
    input[type='date'].bd-color-brand:not(:hover):not(:focus):not([disabled]),
    input[type='datetime'].bd-color-brand:not(:hover):not(:focus):not([disabled]),
    input[type='datetime-local'].bd-color-brand:not(:hover):not(:focus):not([disabled]),
    input[type='email'].bd-color-brand:not(:hover):not(:focus):not([disabled]),
    input[type='month'].bd-color-brand:not(:hover):not(:focus):not([disabled]),
    input[type='number'].bd-color-brand:not(:hover):not(:focus):not([disabled]),
    input[type='password'].bd-color-brand:not(:hover):not(:focus):not([disabled]),
    input[type='search'].bd-color-brand:not(:hover):not(:focus):not([disabled]),
    input[type='tel'].bd-color-brand:not(:hover):not(:focus):not([disabled]),
    input[type='text'].bd-color-brand:not(:hover):not(:focus):not([disabled]),
    input[type='time'].bd-color-brand:not(:hover):not(:focus):not([disabled]),
    input[type='url'].bd-color-brand:not(:hover):not(:focus):not([disabled]),
    input[type='week'].bd-color-brand:not(:hover):not(:focus):not([disabled]),
    select.bd-color-brand:not(:hover):not(:focus):not([disabled]),
    textarea.bd-color-brand:not(:hover):not(:focus):not([disabled]) {
        border-color: #184894;
    }

    /* ALSA border2px color defined here for each carrier. Border width and padding defined in 03-forms.css */
    input[type='color']:hover,
    input[type='date']:hover,
    input[type='datetime']:hover,
    input[type='datetime-local']:hover,
    input[type='email']:hover,
    input[type='month']:hover,
    input[type='number']:hover,
    input[type='password']:hover,
    input[type='search']:hover,
    input[type='tel']:hover,
    input[type='text']:hover,
    input[type='time']:hover,
    input[type='url']:hover,
    input[type='week']:hover,
    select:hover,
    select[size]:hover,
    textarea:hover {
        border-color: #2563d9; /*ALSA Now 2px wide and blue on hover/focus / @4C4C4C and before that @4F4F4F*/
    }

    /* ALSA border2px color defined here for each carrier. Border width and padding defined in 03-forms.css */
    input[type='color']:focus,
    input[type='date']:focus,
    input[type='datetime']:focus,
    input[type='datetime-local']:focus,
    input[type='email']:focus,
    input[type='month']:focus,
    input[type='number']:focus,
    input[type='password']:focus,
    input[type='search']:focus,
    input[type='tel']:focus,
    input[type='text']:focus,
    input[type='time']:focus,
    input[type='url']:focus,
    input[type='week']:focus,
    select:focus,
    select[size]:focus,
    textarea:focus,
    button:focus,
    input[type='button']:focus,
    input[type='reset']:focus,
    input[type='submit']:focus {
        border-color: #2563d9; /*@184894*/
    }

    /* ALSA border2px Not blue on hover/focus, must stay gray */
    input[type='color'][disabled],
    input[type='date'][disabled],
    input[type='datetime'][disabled],
    input[type='datetime-local'][disabled],
    input[type='email'][disabled],
    input[type='month'][disabled],
    input[type='number'][disabled],
    input[type='password'][disabled],
    input[type='search'][disabled],
    input[type='tel'][disabled],
    input[type='text'][disabled],
    input[type='time'][disabled],
    input[type='url'][disabled],
    input[type='week'][disabled],
    select[disabled],
    textarea[disabled] {
        border: 1px solid #B1B1B1; /*@B1B1B1*/
    }


    /*
 * Disabled states.
 */

    input[type='color'][disabled],
    input[type='date'][disabled],
    input[type='datetime'][disabled],
    input[type='datetime-local'][disabled],
    input[type='email'][disabled],
    input[type='month'][disabled],
    input[type='number'][disabled],
    input[type='password'][disabled],
    input[type='search'][disabled],
    input[type='tel'][disabled],
    input[type='text'][disabled],
    input[type='time'][disabled],
    input[type='url'][disabled],
    input[type='week'][disabled],
    select[disabled],
    textarea[disabled] {
        background-color: #F5F5F5 !important; /*@FCFCFC*/
    }

        /* @ALSAAFAIRE A priori même couleur de texte pour input et select si disabled donc on supprimera. Cf. PSD 11.08
input[disabled],
select[disabled],
 */ select[disabled] option,
        select[disabled] optgroup,
        textarea[disabled],
        button[disabled],
        button[disabled] .icon {
            color: #888888; /*@888888*/
        }

/*
 * WebKit specific stuff.
 */

@media (-webkit-min-device-pixel-ratio: 0) {

    ::-webkit-input-placeholder {
        color: #767676; /* @NOTE Minimal contrast with value less or equal than 777 */ /*@777777*/
    }
}
/* end of "Webkit only" block */

/*
 * Firefox specific stuff.
 */

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #767676; /* @NOTE With 777777 or less, attains the minimal contrast ratio of 4.5:1 on white background. */ /*@777777*/
}

/* a fieldset with a (blueish) border and a legend in bold */
fieldset.genuine {
    border-color: #CECECE; /*@CECECE*/
}

.checkbox-icon .icon {
    background: #F5F5F5; /*@F5F5F5*/
}

.package-table .k-alt .checkbox-icon .icon {
    background: white;
}

.package-table .icon-forbidden-package,
.package-table .disabled .icon {
    color: #4C4C4C; /* disabled (under overlay) or unchecked */ /*@4C4C4C*/
}

.package-table caption span span {
    background: #F5F5F5;
}

.package-table caption > span {
    border-color: #eaeaea;
}


input[type='button'],
input[type='reset'],
input[type='submit'],
.btn,
button {
    background: #F0F0F0; /*@EFEFEF*/
    color: #3F3F3F; /*@404040*/
}
/* different colors for the button */

button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
    background: #F0F0F0; /* grey */ /*@EFEFEF*/
    color: #4C4C4C; /*@4C4C4C*/
}

    .btn.alternate,
    button.alternate,
    input[type='button'].alternate,
    input[type='reset'].alternate,
    input[type='submit'].alternate {
        background: #d81772; /* pink */ /*@D71771*/
        color: #FFFFFF;
    }

.corp-inner .btn.alternate,
.corp-inner button.alternate,
.corp-inner input[type='button'].alternate,
.corp-inner input[type='reset'].alternate,
.corp-inner input[type='submit'].alternate {
    background: #184894; /* pink */ /*@D71771*/
}

.btn.secondary,
button.secondary,
input[type='button'].secondary,
input[type='reset'].secondary,
input[type='submit'].secondary {
    background: #888888; /* dark gray */ /*@888888*/
    color: #FFFFFF;
}

    .btn.secondary i,
    button.secondary i,
    input[type='button'].secondary i,
    input[type='reset'].secondary i,
    input[type='submit'].secondary i {
        color: #FFFFFF;
    }

.link-like {
    color: #2563d9; /*@0068CE*/
}

    .link-like:active {
        color: #2d75ff;
    }
/*.link-like:visited {
	color: #660099;
}*/

input.icon {
    background: #F9F9F9; /*@F9F9F9*/
    border-color: #DFDFDF; /*@DFDFDF*/
}


input.alternate.lightgray,
button.alternate.lightgray,
.btn.alternate.lightgray {
    border-color: #DFDFDF; /*@DFDFDF*/
    background: #F9F9F9; /*@F9F9F9*/
    color: #4C4C4C; /*@4C4C4C*/
}
/* RQM 29587 - Corporate - CSS bug with subscribe button on news detail page / .gray-on-white in lieu of .alternate.white */
input.gray-on-white.gray5,
button.gray-on-white.gray5,
.btn.gray-on-white.gray5 {
    border-color: #8D8D8D; /*@DFDFDF*/
    color: #8D8D8D; /*@4C4C4C*/
}
/* RTC 97035 - New variant (sic) */
input.gray-on-white,
button.gray-on-white,
.btn.gray-on-white {
    border-color: #DFDFDF; /*@DFDFDF*/
    background: #FFFFFF; /*@F9F9F9*/
    color: #4C4C4C; /*@4C4C4C*/
}
/* RQM 28709 Green on white and white on background green buttons in header ("+ Unsubscribe" and "+ Subscribe") */
input.green,
button.green,
.btn.green {
    border-color: #238E07;
    color: #238E07;
    background-color: #FFFFFF;
}

    input.green:focus,
    input.green:hover,
    button.green:focus,
    button.green:hover,
    .btn.green:focus,
    .btn.green:hover {
        color: #1E7906; /* #238E07 with luminosity 60/255 instead of 70 */
    }

.bg-green,
input.bg-green,
button.bg-green,
.btn.bg-green {
    color: #FFFFFF;
    background-color: #238E07;
}

    input.bg-green:focus,
    input.bg-green:hover,
    button.bg-green:focus,
    button.bg-green:hover,
    .btn.bg-green:focus,
    .btn.bg-green:hover {
        background-color: #1E7906; /* #238E07 with luminosity 60/255 instead of 70 */
    }

input.alternate:disabled,
button.alternate:disabled,
input.alternate:disabled:focus,
input.alternate:disabled:hover,
button.alternate:disabled:focus,
button.alternate:disabled:hover,
.btn.alternate:disabled:focus,
.btn.alternate:disabled:hover {
    background: #d48cae;
    color: #F1DCE6;
}

.btn.alternate.gray,
input.alternate.gray,
button.alternate.gray {
    background: #DFDFDF; /*@DFDFDF*/
    color: #4C4C4C; /*@4C4C4C*/
}

.btn.alternate.grayc,
input.alternate.grayc,
button.alternate.grayc {
    background: #CECECE; /*@CECECE*/
    color: #4C4C4C; /*@4C4C4C*/
}

.btn.alternate.darkblue,
input.alternate.darkblue,
button.alternate.darkblue,
.service-s-table .alternate.darkblue {
    background: #184894; /*@184894*/
    color: #FFFFFF;
}

.btn.darkgray, input.darkgray, button.darkgray,
.btn.darkgray8, input.darkgray8, button.darkgray8 {
    color: #FFFFFF;
}

input.alternate:focus,
input.alternate:hover,
button.alternate:focus,
button.alternate:hover,
.btn.alternate:focus,
.btn.alternate:hover {
    background: #d81772; /*@BB1463*/
    color: #FFFFFF;
}

.btn.alternate.gray:focus,
input.alternate.gray:focus,
button.alternate.gray:focus,
.btn.alternate.gray:hover,
input.alternate.gray:hover,
button.alternate.gray:hover {
    color: #4C4C4C;
}

.corp-inner input.alternate:focus,
.corp-inner input.alternate:hover,
.corp-inner button.alternate:focus,
.corp-inner button.alternate:hover,
.corp-inner .btn.alternate:focus,
.corp-inner .btn.alternate:hover {
    background: #184894; /*@BB1463*/
    color: #FFFFFF;
}

input.alternate.lightgray:focus,
input.alternate.lightgray:hover,
button.alternate.lightgray:focus,
button.alternate.lightgray:hover,
.btn.alternate.lightgray:focus,
.btn.alternate.lightgray:hover,
.k-pager-wrap .k-pager-nav:hover {
    background: #DFDFDF; /*@F5F5F5*/
    color: #4C4C4C;
}

.btn.alternate.gray:focus,
.btn.alternate.gray:hover,
input.alternate.gray:focus,
input.alternate.gray:hover,
button.alternate.gray:focus,
button.alternate.gray:hover {
    background: #CECECE; /*@CCCCCC*/
}

.btn.alternate.grayc:focus,
.btn.alternate.grayc:hover,
input.alternate.grayc:focus,
input.alternate.grayc:hover,
button.alternate.grayc:focus,
button.alternate.grayc:hover {
    background: #4C4C4C; /*@4C4C4C*/
    color: #FFFFFF;
}

.btn.alternate.darkblue:focus,
.btn.alternate.darkblue:hover,
input.alternate.darkblue:focus,
input.alternate.darkblue:hover,
button.alternate.darkblue:focus,
button.alternate.darkblue:hover,
.service-s-table .alternate.darkblue:focus,
.service-s-table .alternate.darkblue:hover {
    background: #184894; /*@184894*/
}

.btn.secondary:focus,
.btn.secondary:hover,
input.secondary:focus,
input.secondary:hover,
button.secondary:focus,
button.secondary:hover {
    background: #4C4C4C; /*@4C4C4C*/
}


    .btn.secondary:focus i,
    .btn.secondary:hover i,
    input.secondary:focus i,
    input.secondary:hover i,
    button.secondary:focus i,
    button.secondary:hover i {
        color: #fff;
    }

.btn.secondary.disabled,
.btn.secondary.disabled:focus,
.btn.secondary.disabled:hover,
input.secondary.disabled,
input.secondary.disabled:focus,
input.secondary.disabled:hover,
button.secondary.disabled,
button.secondary.disabled:focus,
button.secondary.disabled:hover {
    background: #cecece;
}

.btn.darkblue,
button.darkblue,
input.darkblue {
    color: #FFFFFF;
}

.btn:active,
button:active,
input[type='button']:active,
input[type='reset']:active,
input[type='submit']:active {
    border-color: #999999 #BBBBBB #DFDFDF; /*@999999*/
}

a.btn:focus,
a.btn:hover {
    background: #E4E4E4; /*@E6E6E6*/
}

/* Arrow of a block below a button like RQM 28709 p. 9b.03 (see also bkg-draft-save 7.04f) */
/* button with - below - an arrow and bordered block 09/2014 Seen in 9b.03 below "Package table" (Account management)
	Color depends of parent button (and matches color of border of block itself) */
.arrow-below {
    border-bottom-color: #B8B8B8; /* should be #CECECE but it's so aliased... */
}

.alternate .arrow-below {
    border-bottom-color: #d81772;
}


/*.timeline-ctrl:focus,
.timeline-ctrl:hover {
	background-color: transparent;
}*/

.timeline-ctrl-prev {
    background: url(img/prev-btn-left.png) left center no-repeat #EAEAEA; /*@EAEAEA*/
}

    .timeline-ctrl-prev:after {
        background: url(img/prev-btn-right.png) left center no-repeat #EAEAEA; /*@EAEAEA*/
    }

.timeline-ctrl-next {
    background: url(img/next-btn-right.png) right center no-repeat #EAEAEA; /*@EAEAEA*/
}

    .timeline-ctrl-next:before {
        background: url(img/next-btn-left.png) left center no-repeat #EAEAEA; /*@EAEAEA*/
    }

/* Timeline (2015, new design) / Carriers CNC and USL: all blue-ish, no red */
.tl-doc-item.current {
    border-color: #184894;
}

.tl-doc-arrow {
    border-top-color: #184894;
}

.tl-icon-current .icon {
    border-color: #184894;
    color: white;
    background-color: #184894;
}

.tl-doc-status {
    color: #184894;
}

.tl-doc-icon a,
.tl-doc-icon a .icon {
    color: #2563d9;
}

    .tl-doc-icon a:hover,
    .tl-doc-icon a:hover .icon {
        color: #fff;
        background: #2563d9;
    }

.tl-doc.has-tabs,
.tl-doc_docsonline {
    border-bottom-color: #184894;
}

    .tl-doc.has-tabs .tl-doc-item,
    .tl-doc_docsonline .tl-doc-item {
        border-color: transparent;
    }

        .tl-doc.has-tabs .tl-doc-item.current,
        .tl-doc_docsonline .tl-doc-item.current {
            background: #fff;
            border-color: #184894;
        }

    .tl-doc_docsonline .tl-doc-list:after {
        background: #184894;
    }

    .tl-doc.has-tabs .tl-doc-item.current .tl-icon .icon,
    .tl-doc_docsonline .tl-doc-item.current .tl-icon .icon {
        border-color: #184894;
        color: #fff;
        background: #184894;
    }

    .tl-doc.has-tabs .tl-ctrl-inactive {
        cursor: default;
        pointer-events: none;
    }

/* filters */
.btn-open-filter .icon {
    color: #184894; /*@184894*/
}

.btn-arrowdown:after { /* Used in 19.02 and 19.06 (opening keydates) */
    border-bottom-color: #DFDFDF; /*@DFDFDF*/
}


/* END : Styles copied from stylesheets 01 to 05 */



/* Links */
a {
    color: #2563d9; /*@0068CE*/
    text-decoration: none;
}

    a:active {
        color: #2d75ff;
    }
    /*a:visited {
	color: #660099;
}*/
    a:hover, a:focus {
        text-decoration: underline;
    }


/* modules */
.mod,
.grayf5,
.mod .icon-ellipsis,
.grayf5 .icon-ellipsis {
    background: #F5F5F5; /*@F5F5F5*/
}

    .mod.alternate {
        background: #d81772;
    }
/*@D71771*/
.bg-magenta {
    background-color: #d81772;
    color: #FFFFFF;
}
/*@D71771*/
.corp-inner .bg-magenta {
    background-color: #ffffff;
}


select {
    color: #4C4C4C; /**@4C4C4C*/
    background-color: white; /*white*/
}

.warning,
.text-warning {
    color: #FF8400; /*@ED5B42*/
}

.icon,
.alternate.lightgray.icon {
    color: #184894; /*@184894*/
}

    .icon.link-like {
        color: #2563d9;
    }

a:hover .icon.link-like {
    color: #2d75ff;
}

.data-table tbody tr,
.k-data-table tbody tr {
    background-color: white;
}


.data-table th.fav .icon {
    color: #4C4C4C !important; /*@32424F*/
}
/* @NOTE "Favorite" icons are gray when functionality is disabled (ex: requires logging) by adding class ".fav-disabled" on cell th/td */
.disabled .icon,
.data-table th.fav-disabled .icon,
.data-table td.fav-disabled .icon {
    color: #B9C2C7; /*@B9C2C7*/
}

/* Icons */
input .icon,
button .icon,
.btn.icon,
.alternate.with-icon.lightgray .icon {
    color: #4C4C4C; /*@4C4C4C*/
}

.alternate.with-icon .icon {
    color: #FFFFFF;
}

.alternate.disabled.with-icon .icon {
    color: #F1DCE6; /*@F1DCE6*/
}

.icon.gray,
.data-table .icon.gray {
    color: #9B9B9B; /*@9B9B9B*/
}

.icon.lightgray {
    color: #ececec;
}

.mod.bg-white .icon.lightgray {
    background: transparent;
}

.icon.blue,
.data-table .icon.blue,
.message-title .icon-rounded-secondary.blue,
.message .message-btn-unfold .icon {
    color: #184894; /*@184894*/
}

.icon.icon-save {
    color: #d81772;
}

.blue .icon {
    color: white;
}

.icon.green,
.icon.white {
    color: #238E07; /*@318F45*/
}

.icon.red { /* @NOTE That's orange in fact... See error below for red color */
    color: #FF8400; /*@ED5B42*/
}

.icon.error {
    color: #E10135;
}

/* One classe icon color for legend like 16.03 @ALSAAFAIRE supprimer quand 16.01 et 16.03 corrigés */
.icon-green {
    color: #23b026 !important;
}

.icon-red {
    color: #ed5b42 !important;
}

.icon-orange {
    color: #f29528 !important;
}
/* Grays */
.lightgray {
    background: #F9F9F9; /*@F9F9F9*/
}

.txtlightgray {
    color: #F9F9F9; /*@F9F9F9*/
}

.bdlightgray {
    border: #F9F9F9; /*@F9F9F9*/ /*@ALSAAFAIRE border-color et retrouver le border dans aute fichier CSS*/
}

.midgray {
    background: #DFDFDF; /*@DFDFDF*/
}

.txtmidgray {
    color: #DFDFDF; /*@DFDFDF*/
}

.bd-midgray,
.bdmidgray {
    border-color: #DFDFDF; /*@DFDFDF*/
}

.bd-gray3 {
    border-color: #DFDFDF; /*@DFDFDF*/
}

.bd-grayF5 {
    border-color: #F5F5F5;
}

.bd-btn-business {
    border-color: #d81772; /*pink*/
}


.corp-content .corp-bd-gray {
    border-color: #f5f5f5;
}

.darkgray {
    background: #767676 !important; /* to override background-color from button & input[type="submit"] */ /*@797979*/
}

.darkgray8 {
    background: #888888 !important; /* to override background-color from button & input[type="submit"] */ /*@888888*/
}

.bg-gray,
.bg-grayE {
    background: #ECECEE !important; /* to override background-color from small-data-list */ /*@EAEAEA*/ /*@ALSAAFAIRELP*/
}

.bg-gray2 {
    background: #CECECE !important; /* to override background-color from small-data-list */ /*@CECECE*/
}

.bg-gray3 {
    background-color: #F0F0F0 !important; /* to override background-color from small-data-list */ /*@EFEFEF*/
}

.bg-gray4 {
    background: #4C4C4C !important; /* to override background-color from small-data-list */ /*@4C4C4C*/
}

.bg-gray-mod {
    background-color: #F5F5F5;
}

.bg-grayD {
    background-color: #dfdfdf;
}

@media screen and (max-width: 980px) {
    .medium-bg-grayE {
        background: #ECECEE !important;
    }
}

.darkblue,
.bg-blue1 {
    background: #184894; /*@184894*/
}

.bg-blue1-btn-corp-high-bloc {
    background: #2563d9;
}

.bg-darkblue {
    background: #184894 !important; /*@184894*/
}

.bg-darkblue-btn-corporate {
    background: #184894 !important; /*@184894*/
}

.bg-purple {
    background: #5C3492; /*@5C3492*/
}

.bg-bluegreen {
    background: #13A1A1; /*@13A1A1*/
}


.bg-pencil {
    background: url(../Content/img/pencil.png) no-repeat 0 50%;
}

.bg-buoy {
    background: url(../Content/img/buoy.png) no-repeat 0 0;
}
/* @NOTE .grayN is a gray in-between #.N0N0N0 and #.NFNFNF (ex: .gray4 could be a gray between #.3F3F3F and #.4F4F4F, its name is defined with the first digit of RGB notation.
   Please don't add suddenly another gray too close to an existing one, it's unnecessary! */
.gray1 {
    color: #2C2C2C; /*@2C2C2C*/
}

.gray2 {
    color: #2C2C2C; /*@2C2C2C*/
}

.gray4 {
    color: #4C4C4C !important; /* @NOTE Must appear after .icon rule */ /* to override the color in corp-content */ /*@4C4C4C*/
}

.gray5 {
    color: #8D8D8D; /*@A6A6A6*/
}

.gray57 {
    color: #6c6c6c; /*@585858*/
}

.gray6 {
    color: #6C6C6C !important; /*@6D6D6D*/
}

.gray7 {
    color: #767676 !important; /* to override the color in corp-content */ /*@7B7B7B*/
}

.gray8 {
    color: #888888; /*@888888*/
}

.gray9 {
    color: #9B9B9B; /*@888888*/
}

.grayC {
    color: #CECECE; /*@CECECE*/
}
/* seen in gigantic icons as a background - 20b.06 (like .bg-triple but without any bg-image, just 3 icons) */
.grayE {
    color: #E2E2E2;
}

/* CMA: Blue Corporate */
.blue1 {
    color: #184894; /*@184894*/
}

.main-blue1,
.corp-content .main-blue1 {
    color: #184894;
}

.links-blue1 {
    color: #2563d9;
}

    .links-blue1:active {
        color: #2d75ff;
    }
/*.links-blue1:visited {
	color: #660099;
}*/

.icon-blue1 {
    color: #184894;
}

.icon-rss {
    color: #184894;
}

.blue2 {
    color: #184894; /*@0068CE*/
}

.links-blue2 {
    color: #2563d9; /*@0068CE*/
}

    .links-blue2:active {
        color: #2d75ff;
    }
/*.links-blue2:visited {
	color: #660099;
}
.links-blue2:visited {
	color: #660099;
}*/


/* CMA: Corporate highlight ("coquelicot") */
.red1 {
    color: #fc3636; /*@FC3636*/
}

#ajax-messages .red1 {
    color: #FC3636; /*@FC3636*/
}

.pink {
    color: #d81772 !important; /*@D71771*/
}
/* Used for displaying warning messages in AJAX */
.orange {
    color: #FF8400; /*@FF6C00*/
}

.green {
    color: #238E07; /*@249B62*/
}

.white {
    color: #FFFFFF !important; /* to override button .icon */ /*@FFFFFF*/
}

/* text on white background (generally with a .border) */
.bg-white {
    background: #FFFFFF !important; /*@FFFFFF*/
}

.bg-red1 {
    background-color: #fc3636; /*@FC3636*/
    color: #ffffff; /*@FFFFFF*/
}

#ajax-messages .bg-red1 {
    background-color: #FC3636; /*@FC3636*/
    color: #FFFFFF;
}
/* Used for displaying warning messages in AJAX */
.bg-orange {
    background-color: #FF8400; /*@FF6C00*/
    color: #FFFFFF;
}

/* Containers colors */
/* Colors for "C20" and "C20ST" are the default given by ".small-data-table .highlight" (white on blueish) */
.c40,
.c40st {
    background: #2C2C2C !important; /* dark gray */ /*@3F3F3F*/
    color: #FFFFFF;
}

.c45 {
    background: #d81772 !important; /* magenta */ /*@D71771*/
    color: #FFFFFF;
}


/* Styles copied from other stylesheets */

/* ==CORPORATE */
.corp-main {
    background-color: #FFFFFF;
}

.corp-has-banner {
    border-top-color: #184894; /*@184894*/
}

.corp-nav .current a {
    color: #184894; /*@184894*/
}

.corp-nav li li.current a {
    color: #184894 !important; /*@184894*/
}

.corp-nav .current a:active {
    color: #184894; /*@184894*/
}

.corp-nav li li.current a:active {
    color: #184894 !important; /*@184894*/
}

.corp-nav .current a:visited {
    color: #184894; /*@184894*/
}

.corp-nav li li.current a:visited {
    color: #184894 !important; /*@184894*/
}

.corp-nav {
    background: #F5F5F5; /*@F5F5F5*/
}

    .corp-nav .title-like {
        border-color: #F0F0F0; /*@EEEEEE*/
        color: #9B9B9B; /*@9B9B9B*/
    }

.corp-nav-icons .title-like {
    border-color: #dfdfdf;
}

.corp-nav .title-like a {
    color: #184894; /*@184894*/
}

    .corp-nav .title-like a:hover {
        color: #2d75ff; /*@184894*/
    }

.corp-nav a {
    color: #6C6C6C; /*@707070*/
}

.corp-nav .nav-items ul {
    border-top-color: #CECECE; /*@CECECE*/
    border-bottom-color: #CECECE; /*@CECECE*/
}

.corp-nav li li a {
    color: #6C6C6C !important; /*@707070*/
}
/* T&J - RTC 98807 - New navigation*/
/* current states */
.corp-nav-icons .nav-items .nav-item-1.is-current,
.corp-nav-icons .nav-items .nav-item-1.is-current .icon-deco,
.corp-nav-icons .nav-items .nav-item-2.is-current {
    color: #184894; /* #184894 */
    background: #fff;
}
/* hover states */
.corp-nav-icons .nav-items .nav-item-1:hover,
.corp-nav-icons .nav-items .nav-item-1:hover .icon,
.corp-nav-icons .nav-items .nav-item-2:hover {
    color: #fff;
    background: #2563d9; /* #2563d9 */
}

.corp-nav-icons .nav-items .nav-item-1:hover {
    border-color: #2563d9 !important; /* #2563d9 */
}

.corp-content h2,
.corp-content .h2-like {
    color: #2C2C2C; /*@2C2C2C*/
}
/* as in 21.01 */
.corp-content h3,
.corp-content .h3-like {
    color: #2C2C2C;
}

.corp-content .chapo {
    color: #6C6C6C; /*@6C6C6C*/
}

.corp-inner .tag {
    background: #F5F5F5; /*@F5F5F5*/
}

.corp-content .data-table th,
.corp-content .data-table td.th-like {
    background: #F5F5F5; /*@F5F5F5*/
}

    .corp-content .data-table td,
    .corp-content .data-table th.td-like {
        color: #6C6C6C; /*@6C6C6C*/
    }

        .corp-content .data-table td strong {
            color: #4C4C4C; /*@4C4C4C*/
        }

.corp-table-layout1 td + td {
    color: #2C2C2C; /*@2C2C2C*/
}

.corp-stats-cb-item {
    border-color: #CECECE; /*@D6D6D6*/
}

    .corp-stats-cb-item.bg-red1 {
        border-color: #fc3636;
    }

.corp-content .corp-search-results li {
    border-bottom-color: #CECECE; /*@CFCFCF*/
}


/* History & keydates - blue/red title and horizontal border, foldable grey block plus fold control */
.corp-content .corp-keydates h2 {
    color: #fc3636;
}

.corp-keydates .content {
    border-top-color: #fc3636;
}
/* alternate colors */
.corp-content .corp-keydates-blue h2 {
    color: #184894; /*@184894*/
}

.corp-keydates-blue .content {
    border-top-color: #184894; /*@184894*/
}
/* grey */
.corp-keydates .content h3,
.corp-keydates .content strong {
    color: #1C1C1C; /*@1C1C1C*/
}

.corp-keydates h4,
.corp-keydates h4 .date,
.corp-keydates .content p {
    color: #4C4C4C; /*@4C4C4C*/
}

.corp-keydates li {
    border-color: #cecece;
}

.corp-keydates .jq-to-close li:first-child {
    border-color: #cecece;
}

/* button "Lire" / "Rétablir" */
.corp-inner .jq-prev-open,
.corp-inner .jq-prev-close {
    background: #EAEAEA; /*@EBEBEB*/
    color: #4C4C4C; /*@4C4C4C*/
}


.corp-mag-cover .title {
    color: #2C2C2C; /*@2C2C2C*/
}

.corp-mag-cover img {
    border-color: #CECECE; /*@CECECE*/
}


.corp-agenda .list-item {
    border-top-color: #CECECE; /*@CECECE*/
}

.corp-agenda .title a {
    color: #2C2C2C; /*@2C2C2C*/
}
/*.corp-agenda a {
	color: #2C2C2C;/*@2C2C2C*
}*/
.corp-agenda img {
    border-color: #CECECE; /*@CECECE*/
}

.corp-archives img {
    border-color: #CECECE; /*@CECECE*/
}

.corp-archives .big-title {
    color: #1C1C1C; /*@1C1C1C*/
}

.corp-archives .title {
    color: #1C1C1C; /*@1C1C1C*/
}

.corp-archives .list-item {
    border-bottom-color: #CECECE; /*@CECECE*/
}

.corp-magazine h2,
.corp-magazine .big-title {
    color: #2C2C2C; /*@2C2C2C*/
}

.corp-magazine h3,
.corp-magazine .title {
    color: #2C2C2C; /*@2C2C2C*/
}

.corp-magazine p {
    color: #4C4C4C; /*@6C6C6C*/
}

.corp-news-feed .article {
    border-bottom-color: #CECECE; /*@CECECE*/
}

.corp-news-feed h2,
.corp-news-feed .title,
.corp-news-feed h2 a,
.corp-news-feed .title a {
    color: #1C1C1C; /*@2C2C2C*/
}

.corp-news-feed .cat-title {
    color: #2C2C2C; /*@2C2C2C*/
}

.corp-news-feed p {
    color: #4C4C4C; /*@6C6C6C*/
}

.corp-news-feed img {
    border-color: #CECECE; /*@CECECE*/
}

.corp-sidebar .date {
    color: #6C6C6C; /*@6C6C6C*/
}

.corp-sidebar .list li {
    border-color: #e5e5e5;
}

.corp-content .date, .corp-inner h1 + p > .date {
    color: #6C6C6C; /*@6C6C6C*/
}


.corp-sb-highlight {
    border-color: #CECECE; /*@CECECE*/
}

    .corp-sb-highlight .big-title {
        color: #2C2C2C; /*@4C4C4C*/
    }

.corp-testimony {
    background-color: #F5F5F5; /*@F5F5F5*/
}

    .corp-testimony .h4-like {
        color: #1C1C1C; /*@1C1C1C*/
    }

.corp-tripart .tripart-left,
.corp-tripart .tripart-mid,
.corp-tripart .tripart-right {
    background-color: #F5F5F5; /*@F5F5F5*/
    border-color: #CECECE; /*@D6D6D6*/
}

.corp-tripart .tripart-mid {
    background-color: #184894; /*@184894*/
}

.corp-tripart .tripart-mid {
    color: white;
}

.corp-tripart .tripart-mid {
    background: url(img/corp/tripart-centre-h.png) no-repeat;
}

.corp-bipart .bipart-right {
    background-color: #F5F5F5; /*@F5F5F5*/
    background-image: url(img/corp/bipart-right.png), -webkit-linear-gradient(bottom, #CECECE 0, #CECECE 1px), -webkit-linear-gradient(top, #CECECE 0, #CECECE 1px), -webkit-linear-gradient(left, #CECECE 0, #CECECE 1px); /* For Safari 5.1/6 */
    background-image: url(img/corp/bipart-right.png), linear-gradient(to bottom, #CECECE 0, #CECECE 1px), linear-gradient(to top, #CECECE 0, #CECECE 1px), linear-gradient(to left, #CECECE 0, #CECECE 1px); /*@CECECE*/
}

.corp-contact a {
    color: #4C4C4C; /*@4C4C4C*/
}

.corp-content .link-bipart-gray h2,
.corp-content .link-bipart-gray a,
.corp-content .link-bipart-gray2 h2,
.corp-content .link-bipart-gray2 a,
.corp-sidebar .link-bipart-gray h2,
.corp-sidebar .link-bipart-gray a,
.corp-sidebar .link-bipart-gray2 h2,
.corp-sidebar .link-bipart-gray2 a {
    color: #4C4C4C; /*@4C4C4C*/
}

.link-bipart-gray {
    background-color: #F5F5F5; /*@F5F5F5*/
    color: #4C4C4C; /*@4C4C4C*/
}

.link-bipart-gray2 {
    background-color: #DFDFDF; /*@F5F5F5*/
    color: #4C4C4C; /*@4C4C4C*/
}

    .link-bipart-gray2:hover, .link-bipart-gray2:focus {
        background-color: #F5F5F5; /*@F5F5F5*/
    }

.link-block-gray2 {
    background-color: #DFDFDF; /*@F5F5F5*/
}

    .link-block-gray2:hover,
    .link-block-gray2:focus {
        background-color: #F5F5F5; /*@F5F5F5*/
    }


.link-bipart-gray i, .link-bipart-gray2 i {
    color: #4C4C4C; /*@4C4C4C*/
}

.corp-contacts .content:hover {
    border-color: #CECECE; /*@CCCCCC*/
}

.corp-hp-mag-cover img {
    border-color: #CECECE; /*@CECECE*/
}
/* @NOTE end of part moved on 26/08 from line 2000+. Reason: bug #408 where h3 in Home ANL was #2C2C2C and not #1C1C1C because general case was written after the specific rule and both have same specificity  */

.corp-content .more.pink a {
    color: #2563d9; /*@D71771*/
}

.corp-content .data-table th.td-like ~ td {
    border-left-color: #FFFFFF;
}

.corp-stats-checkerboard .bg-blue1 {
    border-color: #184894;
    color: #FFFFFF;
}

.corp-stats-checkerboard .empty {
    border-color: #FFFFFF;
}

.corp-content .corp-search-results h2.title {
    color: #2563d9; /*@0068CE*/
}

    .corp-content .corp-search-results h2.title:active {
        color: #2d75ff;
    }
/*.corp-content .corp-search-results h2.title:visited {
	color: #660099;
}*/
.corp-news,
.corp-news-red {
    border-color: #fc3636; /*@FC3636*/
}

.corp-news-blue {
    border-color: #184894; /*@184894*/
}

.corp-news .title {
    color: #2563d9; /*@0068CE*/
}

    .corp-news .title:active {
        color: #2d75ff;
    }
/*.corp-news .title:visited {
	color: #660099;
}*/
.corp-news-2 a {
    color: #2563d9; /*@184894*/
}

    .corp-news-2 a:active {
        color: #2d75ff;
    }
/*.corp-news-2 a:visited {
	color: #660099;
}*/


.corp-trombi .title {
    color: #184894; /*@184894*/
}

.corp-content blockquote span {
    color: #fc3636; /*@FC3636*/
}

/* Pagination */
.corp-pagination .active a {
    border-color: #184894; /*@184894*/
    color: #FFFFFF;
    background-color: #184894; /*@184894*/
}

.corp-pagination li a:hover,
.corp-pagination li a:focus {
    border-color: #184894; /*@184894*/
}

.corp-pagination a,
.corp-pagination .disabled a:hover,
.corp-pagination .disabled a:focus,
.alternate.corp-pagination .disabled a:hover,
.alternate.corp-pagination .disabled a:focus {
    border-color: #FFFFFF;
    color: #184894;
}

.corp-pagination .icon {
    color: inherit;
}

.alternate.corp-pagination .active a {
    border-color: #fc3636;
    background-color: #fc3636;
}

.alternate.corp-pagination li a:hover,
.alternate.corp-pagination li a:focus {
    border-color: #fc3636;
}

.alternate.corp-pagination a {
    color: #fc3636;
}

.corp-sidebar .outside-title {
    color: #184894; /*@184894*/
}

.corp-sb-agenda .content {
    border-top-color: #184894; /*@184894*/
}

.corp-sb-news .content {
    border-top-color: #184894; /*@184894*/
}

.corp-sb-news .title a {
    color: #4c4c4c;
}

.corp-sb-news .cat-title {
    color: #2563d9; /*@0068CE*/
}

    .corp-sb-news .cat-title:active {
        color: #2d75ff;
    }
/*.corp-sb-news .cat-title:visited {
	color: #660099;
}*/


.corp-sb-news-cat {
    border-top-color: #184894; /*@184894*/
}

.corp-sb-news-years a,
.corp-sb-news-years span {
    color: #2563d9; /*@184894*/
    border-color: #DFDFDF;
}

    .corp-sb-news-years a:hover,
    .corp-sb-news-years .current {
        color: #fff;
        background: #2563d9; /*@184894*/
        border-color: #2563d9;
    }

.corp-sb-mag-cover .content {
    border-top-color: #184894; /*@184894*/
}

.corp-sb-mag .content {
    border-top-color: #184894; /*@184894*/
}

.corp-sb-mag .big-title {
    color: #2C2C2C;
}

.corp-testimony .content {
    border-top-color: #CECECE;
}
/* Testimonies */
/* RQM 30401 / 2014-11-05: only paragraphs in blockquote should match */
.corp-content .corp-testimony blockquote p:before,
.corp-content .corp-testimony blockquote p:after,
.ie8 .corp-content .corp-testimony blockquote:after {
    color: #184894; /*@184894*/
}

.corp-testimony .title {
    color: #184894; /*@184894*/
}

.alternate.corp-testimony .title {
    color: #FC3636;
}

.corp-tripart .tripart-mid {
    color: white; /*white*/
}

    .corp-tripart .tripart-mid h3 {
        color: #FFFFFF;
    }

.corp-step .btn {
    background: #184894; /*@184894*/
    color: #FFFFFF;
}

    .corp-step .btn:focus,
    .corp-step .btn:hover {
        background: #184894; /*@184894*/
    }

.corp-step .corp-list li:before {
    color: #184894; /*@184894*/
}

.corp-connect-biz h2,
.corp-connect-biz h3,
.corp-connect-biz h4,
.corp-connect-biz h5,
.corp-connect-biz h6 {
    color: #d81772; /*@D71771*/
}

.corp-sb-connect-biz h2,
.corp-sb-connect-biz h3,
.corp-sb-connect-biz h4,
.corp-sb-connect-biz h5,
.corp-sb-connect-biz h2 {
    color: #d81772; /*@D71771*/
}

.corp-connect-biz a,
.corp-sb-connect-biz a {
    background: #d81772; /*@D71771*/
    color: #FFFFFF;
}

/* tabstrip */
.corp-specifications .list,
.mod-add-parties .list li:first-child a,
.mod-add-parties .list li:first-child span {
    border-top-color: #CECECE; /*@CECECE*/
}

    .corp-specifications .list a,
    .corp-specifications .list span,
    .mod-add-parties .list a,
    .mod-add-parties .list span {
        border-bottom-color: #CECECE; /*@CECECE*/
        color: #4C4C4C; /*@4C4C4C*/
    }

    .corp-specifications .list .jq-tabstrip2-current span,
    .mod-add-parties .list .jq-tabstrip2-current span {
        border-left-color: #CECECE; /*@CECECE*/
        border-top-color: #CECECE; /*@CECECE*/
        background-color: #F5F5F5; /*@F5F5F5*/
        color: #184894; /*@184894*/
    }

.mod-add-parties .list .jq-tabstrip2-current span {
    color: #d81772; /*@d81772*/
}

.corp-specifications .content,
.mod-add-parties .content {
    border-color: #CECECE; /*@CECECE*/
    background-color: #F5F5F5; /*@F5F5F5*/
}

.corp-specifications .title {
    color: #184894; /*@184894*/
}

.alternate.corp-specifications .title,
.alternate.corp-specifications .list .jq-tabstrip2-current span {
    color: #184894;
}

/* specific to module "add parties" */
.mod-add-parties .list li:hover {
    background: none;
}
/*.mod-add-parties .list li:hover a,*/
.mod-add-parties .list a:focus,
.mod-add-parties .list a:hover {
    color: #d81772; /*@d81772*/
    text-decoration: underline;
}

.mod-add-parties .item-link {
    background-color: #dfdfdf;
    border-color: #dfdfdf;
    color: #4c4c4c;
}

    .mod-add-parties .item-link:focus,
    .mod-add-parties .item-link:hover {
        color: #FFFFFF;
        background: #184894; /* #184894 */
        border-color: #184894;
        text-decoration: none;
    }

        .mod-add-parties .item-link:focus .icon,
        .mod-add-parties .item-link:hover .icon {
            color: #FFFFFF;
        }

    .mod-add-parties .item-link.active,
    .mod-add-parties .item-link.active:focus,
    .mod-add-parties .item-link.active:hover {
        background: none;
        border-color: #dfdfdf;
        color: #777777;
    }

        .mod-add-parties .item-link.active:focus .icon,
        .mod-add-parties .item-link.active:hover .icon {
            color: #d81772; /*@d81772*/
        }


/* bi part*/
.corp-bipart .bipart-left {
    background-color: #fc3636; /*@FC3636*/
    color: #FFFFFF;
}

    .corp-bipart .bipart-left .txtcenter {
        border-bottom-color: #FFFFFF;
    }

    .corp-bipart .bipart-left h3 {
        color: #FFFFFF;
    }

    .corp-bipart .bipart-left a {
        border-bottom-color: #FFFFFF; /*@FEB4B4*/ /* underline link ?*/
        color: #FFFFFF;
    }

.corp-slideshow .flex-direction-nav .flex-prev,
.corp-slideshow .flex-direction-nav .flex-next {
    background: #FFFFFF;
}

.corp-content .link-bipart-red h2,
.corp-content .link-bipart-red a {
    color: #ffffff; /*@FFFFFF*/
}

.corp-content .link-bipart-blue h2,
.corp-content .link-bipart-blue a,
.corp-sidebar .link-bipart-blue a {
    color: #ffffff; /*@FFFFFF*/
}

.link-bipart-red {
    background-image: url(./img/corp/link-bipart-red.jpg);
    background-color: #fc3636; /*@FC3636*/
    color: #ffffff; /*@FFFFFF*/
}

.link-bipart-blue {
    background-image: url(./img/corp/link-bipart-blue-corp.png);
    background-color: #184894; /*@FC3636*/
    color: #ffffff; /*@FFFFFF*/
}

    .link-bipart-blue:focus, .link-bipart-blue:hover {
        background-image: url(./img/corp/link-bipart-blue-link.png);
        background-color: #2563d9; /*@FC3636*/
    }

.link-bipart-red i {
    color: #ffffff !important; /*@FFFFFF*/
}

.link-bipart-blue i {
    color: #ffffff !important; /*@FFFFFF*/
}

.link-block-blue {
    background-color: #184894; /*@FC3636*/
}

    .link-block-blue:focus,
    .link-block-blue:hover {
        background-color: #2563d9; /*@FC3636*/
    }

.corp-contacts .content {
    border-color: #f5f5f5;
}

.corp-country-list li a:hover,
.corp-country-list li a:focus {
    background-color: #184894; /*@184894*/
    color: #FFFFFF;
}
/*
RQM #25450 suppression de la bordure rose
.corp-main .context-navigation > li.jq-tabstrip2-current span {
	color: #2563d9;
}
*/

/*==HOMEPAGE */
/* Slideshow */
.hp-slideshow .hpsl-overlay {
    background-color: #FFFFFF; /* default InsertBgColor */
    /*background: #184894;/*@184894*/
}
/* Color of content: let's make #2c2c2c the default and h2, p, .more, .more>a will inherit it */
/* TitleColor (optional) is defined as an inline style attribute on h2 */
/* DescriptionColor (optional) is defined as an inline style attribute on p */
/* ActionColor is defined on parent p.more and link "p.more>a" inherits it */
.hp-slideshow .hpsl-content {
    color: #2C2C2C;
}

    .hp-slideshow .hpsl-content * {
        color: inherit;
    }

.hp-slideshow .title {
    color: #FFFFFF;
}

.hp-slideshow a {
    color: #FFFFFF;
}
/* Predefined colors (defining color on parent allows link to inherit from it) */
.hpsl-content.hpsl-color-white,
.hpsl-content.hpsl-color-white h2,
.hpsl-content.hpsl-color-white h2 + p {
    color: white;
}

.hp-slideshow .hpsl-color-black,
.hp-slideshow .hpsl-color-black h2,
.hp-slideshow .hpsl-color-black h2 + p {
    color: #2C2C2C;
}

.hp-slideshow .hp-slide-pg-link {
    border-color: #929292;
    background-color: #FFFFFF;
}

.hp-slideshow .current .hp-slide-pg-link {
    border-color: #8D8D8D;
    background-color: #8D8D8D; /*@184894*/ /* #184894 */
}
/* Must be more specific than (0 id, 2 cla, 1 elt) */
.hp-text-bg .hp-row-content * {
    color: transparent;
}

/* RowType (spans 3 columns in 1024) */
/* .hp-3-3 {
	BgColor is inline in HTML. So default is transparent (and page has a white bg) (@TOPROD mandatory but as TextColor is optional, there could be a problem. o there's a default)
} */
/* Must be more specific than (0 id, 2 cla, 1 elt) */
.hp-3-3 .hp-row-content * {
    color: inherit;
}

.hp-3-3 .hp-row-content a {
    color: #2563d9; /* Descendant a will inherit from it due to above rule */
}

.front .corp-content {
    color: #2C2C2C;
}
/* News: ~black links except .more>a. Defining color of parents and then links inherit from them */
.corp-hp-news .more {
    color: #2563d9;
}

.corp-hp-news a {
    color: inherit;
}
/*.corp-hp-news a:active {
	color: #4C4C4C;
}*/
.corp-hp-news .date {
    color: #6C6C6C;
}
/*.corp-hp-news a:visited {
	color: #660099;
}*/

/* Seen in Homepage 2015 */
.hp-btn-group .bg-link,
.fluidbook-actions a {
    color: #FFFFFF;
    background: #2563d9;
}

    .hp-btn-group .bg-link:focus,
    .hp-btn-group .bg-link:hover,
    .fluidbook-actions a:focus,
    .fluidbook-actions a:hover {
        background: #2d75ff;
    }

.corp-hp-special-offers h3 {
    color: #1c1c1c;
}

a.icon:focus, a.icon:hover {
    text-decoration: none;
    color: #184894; /*@0068CE*/
}

.big-check {
    color: #184894; /*@184894*/
}

    .big-check.grayE {
        color: #E2E2E2;
    }

.infobox .icon {
    color: #4C4C4C; /*@394F61*/
}

/*.infobox .icon.blue {
	color: #FFFFFF;
}*/

.bd-warning.is-ok {
    border-color: #238E07;
}

.bd-warning.alternate {
    border-color: #FF8400; /*@ED5B42*/
}

.bd-warning.error {
    border-color: #e10135;
}

.doc-type {
    background: #A2A2A2; /*@95A3B0*/
    color: #FFFFFF;
}

.col-gutter-border {
    background-color: #DFDFDF; /*@D0D9E0*/
}

    .col-gutter-border.alternate {
        background: #FFFFFF;
    }

.border-separate.blue {
    border-color: #CECECE; /*@8FA3C1*/
}

.k-window textarea {
    border-color: #D0D9E0; /*@D0D9E0*/
    color: #4C4C4C; /*@5C6A73*/
}

.notif,
.notif:visited,
a.btn-editor {
    color: #FFFFFF;
    background: #d81772; /*@D71771*/
}

.btn-editor:hover {
    color: #FFFFFF !important; /*@FFFFFF*/
}

.notif-none {
    color: #4C4C4C;
    background-color: #F0F0F0;
}

#search input { /*@search*/
    border-color: #2C2C2C; /*@8FBAEA*/
}

#header #search button .icon {
    color: #184894;
}


#lang li {
    background-color: #FFFFFF; /*@FFFFFF*/
}

    #lang li,
    #lang li.last,
    #lang ul.lang-open li.current {
        border-color: #DFDFDF; /*@DFDFDF*/
    }

#lang a {
    color: #707070;
}

#lang .icon {
    color: #707070; /*@707070*/
}


/* Notifications RQM 33272 */
.banner-notifications {
    background-color: #FFFFFF;
    border-color: #CECECE; /*@CECECE*/
}

    .banner-notifications .b-n-list,
    .banner-notifications .b-n-item {
        border-color: #DFDFDF; /*@DFDFDF*/
    }

        .banner-notifications .b-n-item:hover {
            background-color: #F9F9F9; /*@F9F9F9*/
        }

    .banner-notifications .b-n-item-new {
        border-left-color: #d81772;
    }

.b-n-prev.disabled,
.b-n-next.disabled {
    color: #ccc;
}

.banner-notifications,
.b-n-list-item a {
    background: #FFFFFF;
}

.b-n-content .b-n-new a {
    border-left-color: #d81772; /*@D71771*/
}

.banner-notifications .detail-mode .icon {
    color: #CECECE;
}
/* @TODO Semble plus exister */
.b-n-information span {
    color: #2563D9; /*@0068CE*/
}

.b-n-pagination a,
.b-n-pagination .icon {
    color: #FFFFFF;
}

    .b-n-pagination .icon:hover {
        color: #FFFFFF;
    }

.b-n-list-item a {
    border-left-color: #FFFFFF;
}

.banner-notifications .red {
    color: #E10135; /*@C5002E*/
}

.banner-notifications .b-n-item-corp,
.banner-notifications .b-n-item-corp:hover {
    background: #184894; /*@184894*/
    border-color: #184894; /*@184894*/
    color: #fff;
}

    .banner-notifications .b-n-item-corp a {
        color: #fff;
    }

    .banner-notifications .b-n-item-corp.current {
        background: #fff;
        color: #4c4c4c;
    }

        .banner-notifications .b-n-item-corp.current .b-n-ref a,
        .banner-notifications .b-n-item-corp.current .b-n-desc a,
        .banner-notifications .b-n-item-corp.current .b-n-detail-cat-time a {
            color: #184894; /*@184894*/
        }

        .banner-notifications .b-n-item-corp.current .b-n-title {
            background: #184894; /*@184894*/
        }

/* ==NAVIGATION */
#navigation {
    border-bottom-color: #EAEAEA;
}

.carrier #navigation { /* carrier homepage only */
    border-bottom-color: #EAEAEA;
}

#navigation #icon-home .icon {
    color: #184894; /*@4C4C4C*/
}

#navigation a {
    color: #4C4C4C; /*@394F61*/
}

    #navigation a:hover,
    #navigation a:focus {
        color: #2563d9; /*@184894*/
    }

#navigation .nav-lvl-one a.current {
    background-color: #F0F0F0;
    color: #2563d9;
}

    #navigation .nav-lvl-one a.current:active {
        color: #2d75ff;
    }

/*#navigation .nav-lvl-one a.current:visited {
	color: #660099;
}*/

#footer { /*@footer*/
    color: #6C6C6C; /*@656565*/
}

    #footer .inner { /*@footer*/
        border-top-color: #CECECE; /*@D7D7D9*/
    }

input.jq-check-open:disabled + label {
    color: #5E6674; /*@5E6674*/
}
/* .context-navigation (default, .full and the one with .jq-tabstrip2-current)
	UL */
.context-navigation {
    border-color: #E4E4E4; /*@E4E4E4*/
    background: #F5F5F5; /*@F7F7F7*/
}
    /* LI */
    .context-navigation li {
        border-right-color: #E4E4E4; /*@E4E4E4*/
    }

        .context-navigation li:first-child {
            border-left-color: #E4E4E4; /*@E4E4E4*/
        }

    .context-navigation .current,
    .context-navigation > .jq-tabstrip2-current,
    .context-navigation span {
        background: #FFFFFF;
    }
    /*
RQM #25450
No more white background */
    .context-navigation.full .current,
    .context-navigation.full > .jq-tabstrip2-current,
    .context-navigation.full span {
        background: none transparent;
    }

    /* A/SPAN */
    .context-navigation a {
        color: #4C4C4C; /*@4B4B4B*/
    }

    .context-navigation span {
        color: #d81772; /*@D71771*/
        /* current tab: "faux border bottom" in general case (as white as the background so not really visible) but magenta in tabstrip2 */
        border-bottom-color: #FFFFFF;
    }

    .context-navigation > li.jq-tabstrip2-current span {
        border-bottom-color: #d81772; /*@D71771*/
    }
    /* hover/focus states */
    .context-navigation a:hover, .context-navigation a:focus {
        color: #2563d9; /*@000000*/
        background: #FFFFFF;
    }
    /* 1x1px square patch with pseudos */
    .context-navigation > .jq-tabstrip2-current:before,
    .context-navigation > .jq-tabstrip2-current:after {
        background-color: #E4E4E4;
    }


.double-list option:hover { /* @NOTE Only pseudo we can make to work, OK on Firefox 22/W7 but not Chr 27/W7 or IE8 */
    background-color: #DFDFDF;
}

/* .list-pipe is seen in 6a.02b. Color of 'pipes' (border) */
.list-pipe a {
    border-color: #4C4C4C;
}

.download-doc h3 .icon {
    color: #9B9B9B; /*@899BB3*/
}

.download-doc a {
    color: #2563d9; /*@0068CE*/
}

    .download-doc a:active {
        color: #2d75ff;
    }
/*.download-doc a:visited {
	color: #660099;
}*/
.download-doc .icon {
    color: #9B9B9B; /*@70A2D7*/
}

    .download-doc a.blue1,
    .download-doc .icon.blue1 {
        color: #2563d9; /*@184894*/
    }

        .download-doc a.blue1 .icon {
            color: #184894; /*@184894*/
        }

.btn-double-select-container input {
    background: #184894; /*@184894*/
    color: white;
}

.diag-horiz-container .h-diag {
    background-color: #184894; /*@184894*/
}

a.a-tooltip {
    color: #4C4C4C; /*@7C98AE*/
}

    a.a-tooltip:hover span,
    a.a-tooltip:focus span,
    .si-bl-editable p.a-tooltip span {
        background: #184894; /*@184894*/
        color: #FFFFFF;
    }

        a.a-tooltip:hover span.east:before,
        a.a-tooltip:focus span.east:before {
            border-top-color: transparent;
            border-bottom-color: transparent;
            border-right-color: #184894; /*@184894*/
        }

        a.a-tooltip:hover span.west:before,
        a.a-tooltip:focus span.west:before,
        a.a-tooltip:hover span.small-west:before,
        a.a-tooltip:focus span.small-west:before,
        .si-bl-editable p.a-tooltip span:before {
            border-top-color: transparent;
            border-bottom-color: transparent;
            border-left-color: #184894; /*@184894*/
        }

        a.a-tooltip:hover span.north:before,
        a.a-tooltip:focus span.north:before,
        a.a-tooltip:hover span.northwest:before,
        a.a-tooltip:focus span.northwest:before {
            border-left-color: transparent;
            border-right-color: transparent;
            border-top-color: #184894; /*@184894*/
        }

        a.a-tooltip:hover span.south:before,
        a.a-tooltip:focus span.south:before {
            border-left-color: transparent;
            border-right-color: transparent;
            border-bottom-color: #184894 !important; /*@184894*/
        }

.btn-tooltip span {
    color: white;
    background-color: #184894;
}

a.a-tooltip-light:hover div,
a.a-tooltip-light:focus div {
    background-color: #FFFFFF;
    border-color: #cecece;
    color: #4C4C4C;
}

    a.a-tooltip-light:hover div.south:before,
    a.a-tooltip-light:focus div.south:before {
        border-top-color: transparent;
        border-bottom-color: transparent;
        border-right-color: #FFFFFF;
    }

    a.a-tooltip-light:hover div.south:after,
    a.a-tooltip-light:focus div.south:after {
        border-top-color: transparent;
        border-bottom-color: transparent;
        border-right-color: #cecece;
    }


.news-summary h3,
.news-summary .h3-like {
    color: #2563d9; /*@0068CE*/
}

    .news-summary h3:active,
    .news-summary .h3-like:active {
        color: #2d75ff;
    }
/*.news-summary h3:visited,
.news-summary .h3-like:visited {
	color: #660099;
}*/

.news-summary time {
    color: #767676; /*@738999*/
}

.news-summary .alternate p {
    color: white;
}

.news-summary .alternate a {
    color: white;
}

.news-summary footer .h3-like a .icon {
    color: #FFFFFF;
}
/* @ALSAAFAIRE remove alternate above when done with new shortcode block defect #14 */
.news-tracking {
    background: #d81772;
}

    .news-tracking h3,
    .news-tracking h4,
    .news-tracking p,
    .news-tracking a {
        color: #FFFFFF;
    }

/* Tunnel */
.tunnel-in,
.tunnel-links a.tunnel-in {
    color: #184894;
}

.tunnel-links .tunnel-in {
    color: #9b9b9b;
}

.tunnel-in:before,
.tunnel-in:after {
    background-image: url(./img/tunnel-sprite_170210.png);
}

.tunnel-in.current,
.tunnel-in.last-child-current,
.tunnel-in.last-current,
a.tunnel-in:hover,
.tunnel-links .tunnel-in.current,
.tunnel-links .tunnel-in.last-child-current,
.tunnel-links .tunnel-in.last-current,
.message-title.bg-corp {
    color: white;
    background-color: #184894;
}

.tunnel-in.current,
.tunnel-in.last-current,
a.tunnel-in:hover {
    border-color: #184894;
}

.sub-tunnel-legend {
    color: #184894;
}

.tunnel-links .tunnel-in .icon {
    color: #9b9b9b;
}

.tunnel-links a.tunnel-in .icon {
    color: #11487f;
}

.tunnel-in.current .icon,
.tunnel-in.last-child-current .icon,
.tunnel-in.last-current .icon,
.tunnel-links a.tunnel-in:hover .icon {
    color: #fff;
}

.table-contains-border {
    border-left-color: #D0D9E0; /*@D0D9E0*/ /*@ALSAAFAIRE*/
}

.timeline-doc span {
    color: #2C2C2C; /*@2D333D*/
}

    .timeline-doc span.time {
        color: #2C2C2C; /*@2D333D*/
    }

.banner-blue {
    background: #184894; /*@184894*/
    color: #FFFFFF;
}

.banner-white {
    background: #FFFFFF;
    color: #184894; /*@184894*/
}

.banner-blue a,
.banner-blue .icon {
    color: #FFFFFF;
}

.banner-blue .banner-arrow-blue {
    border-bottom-color: #184894; /*@184894*/
}

.download-thumb a {
    color: #4C4C4C; /*@394F61*/
}

.jq-dropdown .jq-dd-action-link-container a {
    border-color: #DFDFDF; /*@DFDFDF*/
    background: #F9F9F9; /*@F9F9F9*/
}

.display_page_dd .jq-dd-list-container li.checked input + label,
.display_page_dd .jq-dd-list-container li label {
    background-color: #FFFFFF; /* Multi-line label for Custom's checkbox */
}

.jq-dropdown li.selected a {
    background: #d81772; /*@D71771*/
    color: #FFFFFF;
}

    .jq-dropdown li.selected a .icon {
        color: #FFFFFF;
    }

.editzone {
    background-color: rgba(0, 0, 0, 0.01);
}

    .editzone-displayed, /* @TO-PROD If child button get the focus, then a script must add this class .editzone-displayed on parent div.editzone ... */
    .editzone:hover { /*          and remove it when focus is lost (the div must still have .editzone class) */
        border-color: #8D8D8D; /*@B4CEF3*/
        background-image: url(img/bg-lightblue-alpha-v2.png); /* for IE7 and others */
        background: rgba(180, 206, 243, 0.33); /* background (not background-color) overrides bg-i for IE9+ and set a transparent color instead */
    }

.editzone-info-updated del {
    color: #E10135; /*@C5002E*/
}

.editzone-info-updated ins {
    color: #FFFFFF;
    background-color: #184894; /*@4A7091*/
}

.editzone .editzone-button:hover,
.editzone .editzone-button:focus {
    color: #FFFFFF !important;
    background: #184894 !important; /*@FFFFFF*/
}

    .editzone .editzone-button:hover i,
    .editzone .editzone-button:focus i {
        color: #FFFFFF !important;
    }

.rich-tooltip {
    border-color: #184894; /*@184894*/
    background-color: #184894; /*@184894*/
}

.rich-tooltip-inner {
    color: #4C4C4C; /*@5C6A73*/
    background-color: white;
    border-color: #D0D9E0; /*@D0D9E0*/ /*@ALSAAFAIRE*/
}

.rich-tooltip .arrow-east span {
    border-right-color: #184894; /*@184894*/
}

.rich-tooltip .arrow-west span {
    border-left-color: #184894; /*@184894*/
}

.big-tooltip .arrow-east span {
    border-right-color: #ececee;
}

.big-tooltip .arrow-west span {
    border-left-color: #ececee;
}

.big-tooltip .arrow-north span {
    border-bottom-color: #ececee;
}

.big-tooltip .arrow-south span {
    border-top-color: #ececee;
}

.slide-containers-alt {
    background: #184894 !important; /*@184894*/
    color: #FFFFFF;
}

.slide-containers .darkblue {
    background: #184894 !important; /*@184894*/
    color: #FFFFFF;
}

.slide-containers-alt .closer .icon {
    color: #FFFFFF;
}

.slide-containers-pagin a {
    background: #CECECE; /*@D6D6D6*/
}

    .slide-containers-pagin a:focus,
    .slide-containers-pagin a:hover,
    .slide-containers-pagin .active {
        background: #184894; /*@184894*/
    }

.slide-container-prev .icon,
.slide-container-next .icon {
    color: #767676; /*@767676*/
}

/* 9b.02 and 9b.03 top right triangle and small check on hover */
.reg-carrier-choice-selected .reg-carrier-choice-item {
    border-color: #184894; /*@184894*/
    color: white;
    background-color: #184894; /*@184894*/
}

.reg-carrier-choice:hover .corner-triangle-top-right {
    border-color: #238E07 #238E07 transparent transparent; /*@238E07*/
}

.reg-carrier-choice-selected .icon {
    color: #238E07; /*@238E07*/
}

.reg-carrier-choice-selected .has-corner-triangle .corner-triangle-top-right .icon {
    color: #238E07; /*@238E07*/
}

.reg-carrier-choice-item:hover {
    color: #184894; /*@184894*/
}

.reg-carrier-choice-selected .reg-carrier-choice-item:hover {
    color: white;
}

.account-intro:hover {
    border-color: #CECECE; /*@CECECE*/
    background-color: #F5F5F5 !important; /* on hover, overwrites .bg-gray (defined with !important) */
}

.col .account-intro .gray4 {
    color: #4C4C4C; /*@4C4C4C*/
}

.account-intro .line {
    border-bottom-color: #888888; /*@888888*/
}

.account-intro:hover {
    color: #184894 !important; /* @NOTE Color on hover of heading, horizontal rule and text is the same as for icon. Confirmed for each carrier in PSDs of 13.03 */
}

    .account-intro:hover .icon {
        color: #184894 !important; /*@184894*/
    }

    .account-intro:hover a,
    .account-intro:hover a.gray4,
    .col .account-intro:hover a {
        color: #184894 !important;
    }

    .account-intro:hover .line {
        border-color: #184894;
    }

.nav-letters .nav-letter-item {
    border-right-color: #E4E4E4; /*@D0D9E0*/ /*@ALSAAFAIRELP*/
}

.nav-letters .current {
    background-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
}

    .nav-letters .current a {
        color: #2563d9; /*@184894*/
    }

        .nav-letters .current a:active {
            color: #2d75ff;
        }
/*.nav-letters .current a:visited {
	color: #660099;
}*/
.nav-list-left .current a {
    color: #2563d9; /*@184894*/
}

    .nav-list-left .current a:active {
        color: #2d75ff;
    }
/*.nav-list-left .current a:visited {
	color: #660099;
}*/

.video-player, .video-player2 {
    background: url('../Images/video-player-icon.png') 50% 50% no-repeat;
}

    .video-player.no-flash, .video-player2.no-flash {
        background: #F5F5F5; /*@F5F5F5*/
    }

.slide-containers-pagin a.current {
    background-color: #184894; /*@184894*/
}




/*h2 > a:focus,
h2 > a:hover {
	color: #111111;*/ /*@111111*/
/*}*/

.bd-warning {
    border-color: #DFDFDF; /*@E1E1E1*/
}

.bd-alert,
.bd-alert2,
.bd-error,
.bd-error2 {
    border-color: #E10135;
}

    .bd-alert .icon,
    .bd-error .icon {
        color: #E10135;
    }


/* simple border to separate 2 inline elements */
.border-separate {
    border-left-color: #B6B6B6; /*@B6B6B6*/
}

.filter-mod {
    border-color: #DFDFDF !important; /*@DFDFDF*/
}


/* "lightbox" block (as seen in 5.12 */
.k-window {
    background-color: #F5F5F5; /*@F5F5F5*/
}

#skip-links .visually-hidden {
    color: #2C2C2C;
    background-color: white;
}

.banner-login-name,
.banner-login-logout {
    border-color: #EAEAEA; /*@EAEAEA*/
}

.banner-login select {
    color: #6C6C6C; /*@6F6F6F*/
}


.jq-nav-sub-open i.icon-gt,
.jq-nav-sub-close i.icon-gt,
.jq-nav-to-close i.icon-gt {
    color: #4C4C4C; /*@4C4C4C*/
}

.jq-nav-to-close .icon-lock {
    color: #767676; /*@797979*/
}
/* link of first level when its submenu is displayed */
#navigation .jq-nav-sub-close {
    color: #2563d9 !important; /*@346DDC*/
}

    #navigation .jq-nav-sub-close:active {
        color: #2d75ff;
    }
/*#navigation .jq-nav-sub-close:visited {
	color: #660099;
}*/

#navigation .jq-nav-to-close a {
    color: #2563d9; /*@346DDC*/
}

    #navigation .jq-nav-to-close a:active {
        color: #2d75ff;
    }
    /*#navigation .jq-nav-to-close a:visited {
	color: #660099;
}*/

    #navigation .jq-nav-to-close a.sub-nav {
        color: #4C4C4C;
    }

#navigation .current .jq-nav-sub-open a:active {
    color: #2563d9 !important; /*@184894*/
}

#navigation .current .jq-nav-sub-open a:active {
    color: #2d75ff !important;
}

#navigation .current .jq-nav-sub-open a:visited {
    color: #660099 !important;
}

#header-search-input, /*@header*/
#search input[type="submit"] { /*@search*/
    background: #F0F0F0; /*@F0F0F0*/
}

#navigation, #small-main-nav {
    border-bottom-color: #EAEAEA; /*@EAEAEA*/
}

    #navigation .current .jq-nav-sub-open {
        background: #F0F0F0; /*@EFEFEF*/
    }

#search .search-selector .list-selector {
    border-color: #8d8d8d;
    color: #4c4c4c;
    background-color: #FFFFFF;
}

.list-selector p i {
    color: #4C4C4C;
    background-color: #FFF;
}

.list-selector p:hover,
.list-selector p:focus,
#search p:hover label,
#search p:focus label {
    background-color: #4C4C4C;
    color: #FFF;
}

    .list-selector p:hover i,
    .list-selector p:focus i {
        background-color: #4C4C4C;
        color: #FFF;
    }

.list-selector p.sep {
    background-color: #CECECE;
}

#footer a { /*@footer*/
    color: #6C6C6C; /*@656565*/
}

#breadcrumb .highlight { /*@breadc*/
    color: #4C4C4C; /*@575757*/
}

.tabs-results a,
.tabs-results .tab-like {
    color: #4C4C4C; /*@4C4C4C*/
}

.tabs-results .current .tab-like {
    border-bottom-color: white;
}

.tabs-results .rounded {
    background: white;
}

.partner-choice .partner {
    background-color: #FFFFFF;
    border-color: #CECECE; /*@CECECE*/
}

.tabs-solutions {
    border-bottom-color: #CECECE; /*@D7D7D9*/
}

    .tabs-solutions .partner {
        background: #F5F5F5; /*@F5F5F5*/
        border-color: #CECECE; /*@D7D7D9*/
    }

        .tabs-solutions .partner.current {
            border-color: #CECECE; /*@D7D7D9*/
        }

.double-select div label, .double-select div select {
    border-color: #DFDFDF; /*@DFDFDF*/
}

.double-select div label {
    background-color: #F0F0F0; /*@EFEFEF*/
}

.cell-vessel li {
    border-bottom-color: white;
}

.dash-nav, .dash-big-nav {
    background-color: white;
}

.news-summary .alternate h3,
.news-summary .alternate .h3-like {
    color: white;
}

.news-summary .alternate .subtitle {
    color: white;
}








.tunnel-4-steps .last,
.tunnel-3-steps .last {
    background: url('img/tunnel-sep-grey.png') no-repeat right #F0F0F0; /*@EFEFEF*/
}
/* sub tunnel*/
.tunnel-step {
    background-color: #EAEAEA; /*@EAEAEA*/
}

.tunnel-step-ok,
.tunnel .last-current {
    background-color: #184894; /*@184894*/
}

/* Seen in 6a.06 and 17.03. Irrelevant in error messages like C05 (red color overwrites it) */
.checklist .icon {
    color: #4C4C4C;
}

.timeline {
    border-top-color: #DFDFDF; /*@DFDFDF*/
    border-bottom-color: #DFDFDF; /*@DFDFDF*/
    background-color: #EAEAEA; /*@EAEAEA*/
}

.timeline-horiz-support {
    background-color: #F9F9F9; /*@F9F9F9*/
    border-top-color: #DFDFDF; /*@DFDFDF*/
    border-bottom-color: #DFDFDF; /*@DFDFDF*/
}

.timeline-approval a,
.timeline-approval .current span {
    color: #4C4C4C; /*@4C4C4C*/
}

.banner-light-gray,
.bg-light-gray {
    background: #ECECEC; /*@ececec*/
}

.banner-gray {
    background: #DFDFDF; /*@DFDFDF*/
}

    .banner-gray .links-blue1 {
        color: #184894;
    }

.arrow-top-gray3 {
    border-color: #F5F5F5; /*@F5F5F5*/
    border-bottom-color: #DFDFDF; /*@DFDFDF*/
}

/* dropdown */
.jq-dropdown a,
.jq-dropdown .icon {
    color: #4C4C4C; /*@4C4C4C*/
}

.jq-dropdown button {
    background: white !important;
}

    .jq-dropdown a:hover,
    .jq-dropdown button:hover {
        background: #F0F0F0 !important; /* !important because of button */ /*@EEEEEE*/
    }

.jq-dropdown .jq-dd-list-container ul {
    border-color: #DFDFDF; /*@DFDFDF*/
    background: #F9F9F9; /*@F9F9F9*/
    color: #31434F; /*@31434F*/
}

.jq-dropdown .jq-dd-list-container li + li {
    border-top-color: #DFDFDF; /*@DFDFDF*/
}

    .jq-dropdown .jq-dd-list-container li + li.bd-top {
        border-top-color: #DFDFDF; /**@DFDFDF*/
    }

.jq-dropdown li.selected a:hover {
    background: #AAAAAA !important; /*@AAAAAA*/
}

.jq-dd-alternate .jq-dd-action-link-container a {
    background: #F0F0F0; /*@EFEFEF*/
    border-color: #F0F0F0; /*@EFEFEF*/
}

    .jq-dd-alternate .jq-dd-action-link-container a.bd-grayC {
        border-color: #CECECE; /*@CECECE*/
    }

    .jq-dd-alternate .jq-dd-action-link-container a.bd-gray3 {
        border-color: #DFDFDF;
    }

.jq-dd-secondary .jq-dd-list-container ul {
    background: #FFFFFF;
    border-color: #DFDFDF; /*@DFDFDF*/
}

.js .jq-dd-secondary .jq-dd-list-container ul {
    border-top-color: #DFDFDF; /*@DFDFDF*/
    border-left-color: #DFDFDF !important; /*@DFDFDF*/ /* @BUGFIX 1 became blue because of inheritance of a ".jq-content-current" selector from Tabstrip2 component
	@BUGFIX 2 With !important because .jq-content-current also has this modifier */
}

.jq-dd-activated .jq-dd-action-link-container a {
    border-color: #DFDFDF; /*@DFDFDF*/
}

.jq-dd-secondary .jq-dd-action-link-container a.bg-white {
    background-color: #FFFFFF;
}
/* Disabled state / RQM 25449 - BKG/INS - Template management enhancement */
.jq-dd-disabled .jq-dd-action-link-container a {
    border-color: #DFDFDF;
    color: #6C6C6C;
    background-color: #F5F5F5;
}

    .jq-dd-disabled .jq-dd-action-link-container a:hover {
        background-color: #F5F5F5 !important;
    }

.jq-dd-disabled .jq-dd-action-link-container .icon {
    color: #9B9B9B;
}
/* RQM 32738 - NOT - Create a new screen to display notification messages */
/* Icon default state: blue on gray */
.jq-dropdown.jq-icon-dropdown .icon {
    color: #184894;
}
/* Icon opened state: white on blue */
.jq-dropdown.jq-icon-dropdown.jq-dd-activated {
    background-color: #184894;
}

    .jq-dropdown.jq-icon-dropdown.jq-dd-activated .icon {
        color: #ffffff;
    }
/* items in dropdown */
.jq-dropdown.jq-icon-dropdown .jq-dd-list-container ul {
    border-color: #184894;
    background: #ffffff;
}

.jq-dropdown.jq-icon-dropdown .jq-dd-list-container li + li {
    border-top-color: transparent;
}

.jq-dropdown.jq-icon-dropdown .jq-dd-list-container li > a {
    color: #2563d9;
}

    .jq-dropdown.jq-icon-dropdown .jq-dd-list-container li > a:focus,
    .jq-dropdown.jq-icon-dropdown .jq-dd-list-container li > a:hover {
        color: #ffffff;
        background-color: #2563d9 !important;
    }



/* Progress bar */
.progress-cursor {
    background-color: #DFDFDF;
}

    .progress-cursor:before {
        border-top-color: #DFDFDF;
        border-left-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
    }

.slide-containers,
.slide-containers-alt {
    background: #FFFFFF;
    border-color: #CECECE; /*@CFCFCF*/
}

.slide-containers-add {
    border-color: #CECECE; /*@CFCFCF*/
}

.file-list {
    border-color: #DFDFDF; /*@DFDFDF*/
    border-bottom-color: #DFDFDF; /*@DFDFDF*/
}

    .file-list li {
        border-bottom-color: #DFDFDF; /*@DFDFDF*/
    }


.reg-carrier-choice-item {
    border-color: #DFDFDF; /*@DFDFDF*/
    background-color: white;
}

.corner-triangle-top-right {
    border-color: #DFDFDF #DFDFDF transparent transparent; /*@DFDFDF*/
}

.corner-triangle-bottom-right {
    border-color: transparent transparent #184894 transparent;
}
/* RQM 28709 Darker gray triangle on first column: starter */
.package-table .corner-triangle-top-right {
    border-color: #7D7D7D #7D7D7D transparent transparent; /*@DFDFDF*/
}

.package-table .corner-triangle-top-right-green {
    border-color: #238E07 #238E07 transparent transparent; /*@238E07*/
}

.reg-carrier-choice-selected .corner-triangle-top-right,
.reg-carrier-choice-selected:hover .corner-triangle-top-right {
    border-color: white white transparent transparent;
}

.has-corner-triangle .corner-triangle-top-right .icon {
    color: white;
}

/* 14.06 top right triangle of a standard icon (warning) always visible */
.has-corner-triangle .corner-triangle-warning {
    border-color: #FFFFFF #FFFFFF transparent transparent;
}

    .has-corner-triangle .corner-triangle-warning .icon {
        color: #FF8400;
    }

.nav-letters {
    border-top-color: #E4E4E4; /*@E4E4E4*/
    border-left-color: #E4E4E4; /*@E4E4E4*/
}

    .nav-letters .nav-letter-item {
        border-bottom-color: #E4E4E4; /*@E4E4E4*/
    }

.nav-letter-item a {
    color: #4C4C4C; /*@4C4C4C*/
}

.nav-list-left li {
    border-bottom-color: #DFDFDF; /*@DFDFDF*/
}

.nav-list-left .first {
    border-top-color: #DFDFDF; /*@DFDFDF*/
}

.nav-list-left a {
    color: #4C4C4C; /*@4C4C4C*/
}

.nav-list-left .current {
    background-color: #DFDFDF; /*@DFDFDF*/
}

    .nav-list-left .current a {
        border-top-color: #DFDFDF; /*@DFDFDF*/
        border-bottom-color: #DFDFDF; /*@DFDFDF*/
        border-left-color: #DFDFDF; /*@DFDFDF*/
        background-color: #F5F5F5; /*@F5F5F5*/
    }


.slide-containers-pagins a {
    background-color: #D6D6D6; /*@D6D6D6*/
}

.fieldset-like {
    border-color: #CECECE; /*@CECECE*/
}

.mod .fieldset-like .legend-like span {
    background-color: #F5F5F5; /*@F5F5F5*/
}

.bg-gray .fieldset-like .legend-like span {
    background-color: #DFDFDF; /*@DFDFDF*/
}


#ajax-messages .msg {
    border-color: #FFFFFF;
    background-color: #F5F5F5; /*@F5F5F5*/
}

/* 18b.07 RQM 21648 Replacing textarea by serie of input elements */
.si-bl-editable p.a-tooltip span {
    color: #FFFFFF;
    background-color: #184894;
}

.si-bl-editing {
    border-color: #DFDFDF;
    background-color: white;
}

    .si-bl-editing input {
        border-bottom-color: #F0F0F0;
    }
    /* Error icon (red triangle) next to edited field */
    .si-bl-editing .field-validation-error:hover .field-validation-tooltip {
        color: #FFFFFF;
        background-color: #E10135;
    }

/* 18b.08 */
.si-tooltip {
    background-color: #FFFFFF;
    border-color: #cecece;
}

.si-tooltip-title {
    color: white;
    background-color: #184894;
}

    .si-tooltip-title .icon {
        color: #FFFFFF;
    }

.si-tooltip-subtitle {
    border-color: #ECECEC;
}

.si-tooltip:before {
    border-left-color: transparent; /* transparent;*/
    border-right-color: transparent; /* transparent;*/
    border-bottom-color: #184894;
}
/* RQM 28693 - INS - le tooltip package desc empeche de cliquer sur lecontainer du dessous */
.si-tooltip-north:before {
    border-top-color: #184894;
}

/* Highlight of a container size ("20ST" in white on blue) (page 18b.08, see also previously 6a.02b in 480.css) */
.highlight-square {
    border-color: #ECECEE;
    color: #2C2C2C;
    background-color: #ECECEE;
}

.current .highlight-square,
.si-tabs li:hover .highlight-square {
    border-color: #184894;
    color: white;
    background-color: #184894;
}

.highlight-square-off,
.current .highlight-square-off,
.si-tabs li:hover .highlight-square-off {
    border-color: #CECECE;
    color: #777777;
    background-color: white;
}

.highlight-square.bg-gray {
    color: #4C4C4C;
}

/* 18b.08 Tabs (not using Kendo Tabstrip) */
#jq-tabstrip > .sticky {
    background-color: white;
}

.si-tabs li {
    border-bottom-color: #cecece;
    background-color: #FFFFFF;
}

    .si-tabs li:hover {
        background-color: #ECECEC;
    }

.si-tabs a {
    color: #4C4C4C;
}

.si-tabs .current {
    background-color: #ECECEC;
}

    .si-tabs .current:after {
        border-color: transparent;
        border-right-color: #184894;
    }
/* For pages 18b.08 and sticky Tabstrip #1 (not .jq-tabstrip2-*) */
.jq-content-current {
    border-left-color: #184894 !important;
}

/*  */
.detailsedit-status {
    border-bottom-color: #184894;
}

.detailsedit-thumb {
    border-bottom-color: #cecece;
}

    .detailsedit-thumb .detailsedit-completed,
    .detailsedit-thumb .detailsedit-partial,
    .detailsedit-thumb .detailsedit-none {
        border-top-color: #184894;
    }

/* Draft saving below SI Steps, 08/2014 version on white background - RQM 17377 */
/* Booking Steps, 08/2014 version at bottom of page: extra button with arrow and bordered block below */
.bkg-draft-save-arrow {
    border-bottom-color: #B8B8B8; /* should be #CECECE but it's so aliased... */
}
/* Booking Save and Submit - seen at bottom of 7.21 (RQM 17377) */
.bkg-save-item .bkg-save-icon .icon {
    color: #777;
}
/* Icon can also be magenta if parent has a class .bkg-save-item-active (depends on Carrier: see 21-colors.css for that) */
.bkg-save-item-active .bkg-save-icon .icon {
    color: #d81772;
}

.icon-square40 {
    background: #184894;
    color: white;
}

/* Notifications - 14b.01 rework / RQM 31793 */
/* When .notif-sub-action has a second class .notif-sub-active, color depends of Carrier */
.notif-sub-active {
    border-bottom-color: #2563d9;
}

    .notif-sub-active .icon {
        color: #2563d9;
    }

/*== ANIMATIONS CSS3
unprefixed and webkit prefix properties/rules has a Fx16+, IE10+, Saf4+, Chrome, Op15+ compatibility on desktop */

/* ANIMATION used for example on .banner-gray in 18b.07 */
@keyframes fade /* Fx16+ / IE10+ */ {
    from {
        background: #184894;
        color: #FFFFFF;
    }

    to {
        background: #DFDFDF;
    }
}

@-webkit-keyframes fade /* Safari and Chrome */ {
    from {
        background: #184894;
        color: #FFFFFF;
    }

    to {
        background: #DFDFDF;
    }
}

/* TRASH ANIMATION used for example on .banner-gray icon in 18b.07 */
@keyframes fadeTrash /* Fx16+ / IE10+ */ {
    from {
        color: #FFFFFF;
    }
}

@-webkit-keyframes fadeTrash /* Safari and Chrome */ {
    from {
        color: #FFFFFF;
    }
}

.fade {
    -webkit-animation: fade 1200ms ease-in;
    animation: fade 1200ms ease-in;
}

    .fade a i {
        -webkit-animation: fadeTrash 1200ms ease-in;
        animation: fadeTrash 1200ms ease-in;
    }


/* ==Kendo colors */
.k-block,
.k-widget,
.k-textbox,
.k-group,
.k-content,
.k-editable-area,
.k-separator,
.k-colorpicker .k-i-arrow-s,
.k-textbox > input,
.k-autocomplete,
.k-dropdown-wrap,
.k-toolbar,
.k-group-footer td,
.k-grid-footer,
.k-footer-template td,
.k-state-default,
.k-state-default .k-select,
.k-state-disabled,
.k-grid-header-wrap,
.k-grid-header,
.k-grid-footer-wrap,
/* ALSA pager .k-pager-wrap,*/
.k-pager-wrap .k-link,
.k-pager-refresh,
.k-grouping-header,
.k-grouping-header .k-group-indicator,
.k-panelbar > .k-item > .k-link,
.k-panel > .k-item > .k-link,
.k-panelbar .k-panel,
.k-panelbar .k-content,
.k-calendar th,
.k-slider-track,
.k-splitbar,
.k-dropzone-active,
.k-upload-files,
.k-tiles,
.k-toolbar,
.k-tooltip,
.k-progress {
    border-color: #dfdfdf; /*@C5C5C5*/
}
/* ALSA pager / no border due to .k-widget on data table pagination and fake background */
.k-pager-wrap.k-widget {
    border: none;
    background-color: #F5F5F5;
}
/* @TODO Huge consequences or? */
.k-grid.k-widget {
    border: none;
}

.k-group,
.k-toolbar,
.k-grouping-header,
/* ALSA pager .k-pager-wrap,*/
.k-group-footer td,
.k-grid-footer,
.k-footer-template td,
.k-widget .k-status,
.k-grouping-row td,
td.k-group-cell,
.k-calendar th,
.k-dropzone-hovered,
.k-upload-files {
    background-color: #F0F0F0; /*@F2F2F2*/
}

.k-list-container {
    border-color: #C5C5C5; /*@C5C5C5*/
    background-color: #DAE7F8; /*@DFEBF9*/
}

.k-content,
.k-editable-area,
.k-panelbar > li.k-item,
.k-panel > li.k-item,
.k-tiles {
    background-color: #FFFFFF;
}

.k-alt,
.k-separator {
    background-color: #F5F5F5; /*@F5F5F5*/
}

/* ALSA data-table .k-widget .k-dropdown-wrap,*/
/* ALSA datepicker .k-widget .k-picker-wrap,*/
/* ALSA grid numeric .k-widget .k-numeric-wrap,*/
.k-textbox,
/* AUTOCOMPLETE .k-autocomplete.k-header,*/
.k-autocomplete.k-state-focused,
.k-dropdown-wrap.k-state-focused,
.k-dropdown-wrap.k-state-focused:hover,
div.k-picker-wrap.k-state-active /*,*/
/* ALSA datepicker .k-picker-wrap.k-state-focused,*/
/* ALSA datepicker .k-picker-wrap.k-state-focused:hover,*/
/* ALSA grid numeric see below span.k-numeric-wrap.k-state-active,
.k-numeric-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused:hover */ {
    border-color: #2563d9;
    border-width: 2px; /* Also see 08-templates for -1px of padding (focused and hover in the same selector) */
    background-color: #F8F8F9; /*@F8F8F9 */
}
/* ALSA datepicker and ALSA grid numeric color of border when focuses (and focused+hovered) */
.k-picker-wrap.k-state-active .k-input,
span.k-numeric-wrap.k-state-active,
.k-numeric-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused:hover {
    border-color: #2563d9;
    border-width: 2px;
}

.k-textbox > input {
    border-color: #2563d9; /* ALSA textbox in grid filters / was #D0D9E0; */
}

input.k-textbox,
textarea.k-textbox,
.k-textbox > input {
    background-color: #FFFFFF;
    color: #293135; /*@293135*/
}

    input.k-textbox:focus,
    input.k-textbox:hover,
    textarea.k-textbox:focus,
    textarea.k-textbox:hover,
    .k-grid-edit-row #aria_active_cell .k-textbox {
        border-color: #2563d9;
    }

.k-grid-edit-row .k-textbox:hover,
.k-grid-edit-row .k-textbox:focus,
.k-grid-edit-row #aria_active_cell .k-textbox {
    -webkit-box-shadow: -1px 0 0 #2563d9;
    box-shadow: -1px 0 0 #2563d9;
}
    /* invalid */
    .k-grid-edit-row .k-textbox.k-invalid,
    .k-grid-edit-row #aria_active_cell .k-textbox.k-invalid {
        border-color: #e00009 !important;
        -webkit-box-shadow: -1px 0 0;
        box-shadow: -1px 0 0 #e00009;
    }

    .k-grid-edit-row .k-textbox[disabled]:hover,
    .k-grid-edit-row .k-textbox[disabled]:focus,
    .k-grid-edit-row #aria_active_cell .k-textbox[disabled] {
        -webkit-box-shadow: 0 0 0 transparent;
        box-shadow: 0 0 0 transparent;
    }

.k-block,
.k-widget,
.k-popup,
.k-content {
    color: #4C4C4C; /*@293135*/
}

.k-link:link,
.k-link:visited {
    color: #293135; /*@293135*/
}

.k-grid-header .k-header {
    white-space: normal; /* @ALSAAFAIRE rien à faire là */
    background-color: #F5F5F5; /*@F5F5F5*/
    border-color: #DFDFDF; /*@DFDFDF*/
}

.k-header,
.big-tooltip-header {
    color: #293135; /*@293135*/
}

.k-loading-color {
    background-color: #FFFFFF;
}

.k-button {
    color: #293135; /*@293135*/
}

    .k-button,
    .k-button.k-state-disabled:hover,
    .k-state-disabled .k-button:hover,
    .k-draghandle {
        border-color: #D0D9E0; /*@D0D9E0*/
        background-color: #DAECF4; /*@DAECF4*/
    }

        .k-button:hover,
        .k-draghandle:hover {
            border-color: #D0D9E0; /*@D0D9E0*/
            background-color: #7BD2F6; /*@7BD2F6*/
        }

.k-state-active,
.k-state-active:hover,
.k-active-filter {
    background-color: #F5F5F5; /*@F5F7F8*/
    border-color: #CECECE; /*@D0D9E0*/
    /* Not wanted in 22.03 and its panelbar // color: #293135;*/ /*@293135*/
}
/* ALSA datepicker .k-state-focused {
	color: #005C83;
	background-color: #7BD2F6;
	border-color: #D0D9E0;
}*/
/* ALSA multiselect is concerned by .k-list > .k-state-focused */
.k-state-selected,
.k-list > .k-state-selected,
.k-list > .k-state-focused,
.k-panelbar > .k-state-selected,
.k-panel > .k-state-selected,
.k-button:active,
.k-ghost-splitbar-vertical,
.k-ghost-splitbar-horizontal,
.k-draghandle.k-state-selected:hover {
    color: #FFFFFF;
    /* ALSA multiselect */ background-color: #767676; /*@005C83*/
    border-color: #767676; /*@D0D9E0*/
}

    .k-state-selected.k-state-focused {
        background-color: #CECECE; /*@CECECE*/
    }
/* ALSA dropdown / +Template case, 1st item in dropdown */
.k-list-optionlabel:hover,
.k-list-optionlabel.k-state-selected.k-state-focused {
    border-color: #DFDFDF; /* must stay #DFDFDF on bottom and nothing on t,l,r */
    background: #2563d9; /* overriding bg, not only bg-c because of an existing gradient */
    color: #FFF; /* for :hover state */
    /*border-radius: 0; Directly removed in kendo.must.min.css */
    cursor: pointer;
}

.k-state-selected > .k-link {
    color: #FFFFFF;
}

.k-state-hover,
.k-state-hover:hover,
.k-splitbar-horizontal-hover:hover,
.k-splitbar-vertical-hover:hover,
/* sublists autocomplete multiselect etc should be white .k-list>.k-state-hover,*/
.k-marquee /* ALSA pager ,
.k-pager-wrap .k-link:hover*/ {
    color: #5D5D5D; /*@5D5D5D*/
    /* ALSA popup no border border-color: #DFDFDF;/*@DFDFDF*/
}

.k-list > .k-state-hover {
    color: #FFFFFF;
}

.k-state-hover > .k-link,
.k-other-month.k-state-hover .k-link {
    color: #5D5D5D; /*@5D5D5D*/
}

.k-textbox:hover,
/* ALSA autocomplete see below.k-autocomplete.k-state-hover,*/
/*.k-autocomplete input:hover, /* @BUGFIX When hovering label, Kendo sends a hover event on input (but doesn't add .k-state-hover as it'd when hovering input) */
/* so we add the same CSS for :hover than for .k-state-hover */
/* ALSA autocomplete (see below) .k-picker-wrap.k-state-hover, */
/* ALSA grid numeric see below .k-numeric-wrap.k-state-hover,*/
.k-dropdown-wrap.k-state-hover {
    background-color: #F0F0F0; /*@F2F2F2*/
    border-width: 2px;
    border-color: #2563d9;
}
/* ALSA autocomplete, ??? and ALSA grid numeric */
.k-autocomplete.k-state-hover,
.k-picker-wrap.k-state-hover .k-input,
.k-numeric-wrap.k-state-hover,
.k-autocomplete.k-state-focused,
.k-picker-wrap.k-state-focused .k-input,
.k-numeric-wrap.k-state-focused {
    border-color: #2563d9;
    border-width: 2px;
}

.k-calendar .k-state-selected.k-state-focused > .k-link {
    background-color: transparent
}

.k-dropdown .k-state-hover .k-input {
    color: #5D5D5D; /*@5D5D5D*/
}
/* ALSA dropdown .k-dropdown .k-state-focused .k-input {
	color: #293135;
}*/
.k-state-error {
    border-color: #FF7777; /*@FF7777*/
    background-color: #FFF1F1; /*@FFF1F1*/
    color: #F60000; /*@F60000*/
}

.k-state-disabled,
.k-state-disabled .k-link,
.k-state-disabled .k-button,
.k-other-month .k-link,
.k-dropzone em,
.k-tile-empty strong,
.k-slider .k-draghandle {
    color: #8B9097; /*@8B9097*/
}

.k-slider-track {
    background-color: #DAECF4; /*@DAECF4*/
}

.k-slider-selection {
    background-color: #005C83; /*@005C83*/
}

.k-tooltip {
    border-color: #D0D9E0; /*@D0D9E0*/
    background-color: #FFFFFF;
    color: #293135; /*@293135*/
}

.k-tooltip-validation {
    border-color: #FFE79E; /*@FFE79E*/
    background-color: #FFF4C9; /*@FFF4C9*/
    color: #635145; /*@635145*/
}

.k-splitbar {
    background-color: #DAECF4; /*@DAECF4*/
}

.k-restricted-size-vertical,
.k-restricted-size-horizontal {
    background-color: #F60000; /*@F60000*/
}

.k-progress-status {
    border-color: #D0D9E0 transparent; /*@D0D9E0*/
}

.k-tile {
    border-color: #FFFFFF;
}

.k-textbox:hover,
.k-tiles li.k-state-hover {
    border-color: #D0D9E0; /*@D0D9E0*/
}

.k-tiles li.k-state-selected {
    border-color: #D0D9E0; /*@D0D9E0*/
}

.k-grid td {
    border-color: #FFFFFF;
}

.k-grid tr:not(:last-child) td.bd-solid {
    border-color: #DFDFDF;
}

.k-filter-menu .k-button[type="submit"] {
    background: #d81772; /*@D71771*/
    border-color: #d81772; /*@D71771*/
    color: #FFFFFF;
}

/* Kendo2015 autocomplete hover not white
.k-popup .k-list .k-item.k-state-hover {
	background: #ffffff;
}
*/
/* Kendo2015 multiselect item already selected keeps a white bg (not pink/magenta anymore) and has a text color #9B9B9B plus italic */
.k-popup .k-list .k-item.k-state-selected {
    font-style: italic;
    color: #9B9B9B;
    background: #FFFFFF;
}

    .k-popup .k-list .k-item.k-state-selected:hover {
        /*color: #FFFFFF;*/
        /*background: #d81772;*/
    }

.k-widget.export_actions_DD,
.k-widget.display_actions_DD {
    border-color: #DFDFDF; /*@DFDFDF*/
    background-color: #EFF2F7; /*@EFF2F7*/
    background-image: -webkit-linear-gradient(#F9F9F9, #E4EDF4); /*@F9F9F9*/
    background-image: linear-gradient(#F9F9F9, #E4EDF4); /*@F9F9F9*/
    /* @TODO tester pour Fx/Chr récents : il faudrait la nouvelle syntaxe */
}

/* Kendo color blue #2563D9 for Carriers */
/* From 08-templates.css */
/* overrides .k-grid-header .k-header */
.k-grid-header .k-widget.k-state-focused {
    border-color: #2563d9; /*@2563D9*/
}

.k-filtercell .k-dropdown .k-select:before {
    color: #184894; /*@184894 et pas 2563D9*/
}

.k-filtercell .k-dropdown .k-state-hover .k-select,
.k-filtercell .k-dropdown .k-state-focused .k-select {
    border-color: #2563d9; /*@2563D9*/
}


/* From kendo.must.min.css */
.k-splitbar-horizontal-hover:hover,
.k-splitbar-vertical-hover:hover,
.k-list > .k-state-hover,
.k-scheduler .k-scheduler-toolbar ul li.k-state-hover,
.k-dropdown .k-state-focused,
.k-filebrowser-dropzone,
.k-mobile-list .k-item > .k-link:active,
.k-mobile-list .k-item > .k-label:active,
.k-mobile-list .k-edit-label.k-check:active,
.k-mobile-list .k-recur-view .k-check:active {
    background-color: #2563d9; /*@2563D9 was #767676 */
}

.k-multiselect.k-header.k-state-hover,
.k-multiselect.k-header.k-state-focused { /* ALSA multiselect Merging hover and focus rules here (bd: 1px and outline: 1px) */
    /*border-width: 2px; Buggy with multiline by design if using border. Mixing border and outline */
    border-color: #2563d9; /*@2563D9 was #b6bdca; */
    outline: 1px solid #2563d9; /*@2563D9*/
}

.k-numeric-wrap.k-state-focused,
.k-dropdown-wrap.k-state-focused {
    border-width: 2px;
    border-color: #2563d9; /*@2563D9 was #b6bdca;*/
    background: #FFFFFF;
}

.k-calendar .k-content .k-state-selected {
    background: #184894; /*@184894*/
}

.k-calendar .k-content .k-state-hover {
    border-color: #184894; /*@184894*/
}


.k-calendar .k-footer a.k-link {
    color: #2563d9; /*@184894*/
}


.k-header .k-link {
    color: #4C4C4C; /*@4C4C4C*/
}

.k-block,
.k-toolbar,
.k-tooltip,
.k-button,
.k-draghandle {
    background-color: #F5F5F5; /*@F4F4F4*/
}

.k-grid table {
    border-color: #DFDFDF; /*@DFDFDF*/
}

.k-header {
    border-color: #DFDFDF; /*@DFDFDF*/
    background: #F5F5F5; /*@F5F5F5*/
}

.k-grouping-header {
    color: #4C4C4C; /*@4C4C4C*/
    background: #F5F5F5; /*@F5F5F5*/
}

span.k-dropdown {
    background: #cecece; /*@F2F2F2*/
    color: #4C4C4C; /*@4C4C4C*/
}

div.k-popup.k-list-container {
    border-color: #8D8D8D; /*@DFDFDF*/ /* ALSA autocomplete (and many others) / border color of popup */
}

.k-popup {
    background: #FFFFFF; /* Popup (list of items) of autocomplete, multiselect and dropdown has a white background */
    border-color: #DFDFDF; /*@DFDFDF*/
    color: #4C4C4C; /*@4C4C4C*/
}
    /* RQM 29294 - INS - TABLE : Autocomplete lists background on 28/08 (pages 18b.08)
	"lightgray" was proposed. This color keyword is #D3D3D3 in hexa and closest existing gray in project is #CECECE.
	/!\ Warning: has an effect on ALL autocompletes and maybe other Kendo widgets.
	Old value: #F5F5F5 */
    .k-popup.k-popup-darker {
        background: #CECECE; /*@F5F5F5*/
    }

.k-filter-menu .k-button {
    color: #4C4C4C;
    background: #F2F2F2; /*@F2F2F2*/
    border-color: #DFDFDF; /*@DFDFDF*/
}

.k-filter-menu .k-dropdown {
    border-color: #DFDFDF; /*@DFDFDF*/
}

.k-dropdown .k-input {
    color: #4C4C4C; /*@4C4C4C*/
}

span.showing_DD {
    font-size: 1.3em; /*@ALSAAFAIRE rien à faire là*/
    border-color: #DFDFDF; /*@DDDDDD*/
    border-color: #DFDFDF #BBBBBB #999999; /*@DDDDDD*/
    background-color: #E4E4E4; /*@E5E5E5*/
    background-image: -webkit-linear-gradient(#FFFFFF, #E4E4E4); /*@FFFFFF*/
    background-image: linear-gradient(#FFFFFF, #E4E4E4); /*@FFFFFF*/
}

.showing_DD .k-input {
    color: #4C4C4C; /*@555555*/
}

.showing-link .blue1 {
    color: #184894 !important;
}

/* Kendo Dropdown from a generic input - see last Label "Commodity" in page 18b.01 */
span.k-dropdown.k-dropdown-generic {
    display: inline-block;
    padding: 2px 3px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    background: #FFFFFF;
}

.k-widget.k-dropdown-generic {
    border: 1px solid #8D8D8D;
}

span.k-dropdown.k-dropdown-generic .k-dropdown-wrap {
    padding: 0;
}
/* .k-dropdown-generic .k-link:not(.k-state-disabled):hover>.k-i-arrow-s, */
.k-dropdown-generic .k-state-hover .k-i-arrow-s /*,
.k-button:hover .k-i-arrow-s, */
/* .k-textbox:hover .k-i-arrow-s, */
/* .k-button:active .k-i-arrow-s*/ {
    background-position: 0 -32px;
}
/* Loading for k-dropdown */
.k-loading,
.k-state-hover .k-loading {
    background-image: url('/Images/loading-16x16.gif');
    background-position: 50% 50%;
}

.k-loading-image {
    background-image: url('/Images/loading-image-2.gif');
}

.k-dropdown .k-loading {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 6px;
    right: 24px;
    background: url(/Images/loading-16x16.gif) left top no-repeat !important;
}

.k-data-table td .k-loading {
    background: url(/Images/loading-16x16.gif) left top no-repeat !important;
}

.k-pager-info {
    color: #4C4C4C; /*@4C4C4C*/
}

/* ALSA pager
.k-grid-pager {
	background-color: #F5F5F5;
}
.k-grid-pager .k-link {
	background-color: #F9F9F9;
}
.k-pager-wrap > .k-link {
	border-color: #DFDFDF;
}*/

.k-window-titlebar {
    background-color: #ECECEE; /*@ECECEE*/
}

    .k-window-titlebar .k-window-action {
        background-image: url(./img/k-window-action.png);
    }

.k-window-title {
    color: #4C4C4C; /*@4C4C4C*/
}


div.k-window-content {
    color: #4C4C4C; /*@4C4C4C*/
}


.oldie div.k-window {
    border-color: #CECECE;
}
/*@CECECE*/

.k-multiselect .k-button {
    /* We set background to override color AND gradient (bg-image) set by Kendo theme */
    background: #DFDFDF; /*@F5F5F5*/
    color: #4C4C4C; /*@4C4C4C*/
}

.k-multiselect .k-state-hover {
    background: #2563d9; /*@2563D9 was #767676*/
    color: #FFFFFF;
}
/* ALSA Necessary for filters in data table (also styles dropdowns of ALSA autocomplete and ALSA dropdown */
.k-list > .k-state-focused {
    background: #2563d9 !important; /* was #767676 !important;/*@797979*/
    color: #FFFFFF !important; /*@FFFFFF*/
}
    /* but not wanted in ALSA multiselect when option already selected (must stay unchanged) */
    .k-list > .k-state-focused.k-state-selected {
        background: #FFFFFF !important;
        color: #9B9B9B !important;
    }

.k-multiselect-wrap {
    border-color: #8D8D8D; /*@CCCCCC*/
}

.k-datepicker .k-input {
    border-color: #8D8D8D; /*@CCCCCC*/
    color: #4C4C4C; /*@9B9B9B*/
}

.k-i-calendar {
    background-image: url(./img/datepicker-icon.png);
}

.k-datetimepicker .k-i-calendar {
    background-position: 1px 2px;
    background-image: url(./img/sprite-datetimepicker.png);
}

.k-datetimepicker .k-i-clock {
    background-position: 0 -19px;
    background-image: url(./img/sprite-datetimepicker.png);
}

.k-calendar-container {
    border-color: #929292; /*@929292*/
}

.k-calendar .k-header {
    color: #4C4C4C; /*@4C4C4C*/
    background-color: #ECECEE; /*@ECECEE*/
}

/* ALSA datepicker
.k-calendar .k-content,
.k-calendar .k-content a.k-link,
.k-calendar .k-content .k-state-selected a.k-link:hover {
	color: #4C4C4C;
}*/
.k-calendar .k-content .k-other-month a.k-link {
    color: #CECECE; /*@CECECE*/
}

/* ALSA datepicker
.k-calendar .k-content .k-state-focused {
	background: #CECECE;
}*/

.k-calendar .k-content .k-state-selected a.k-link {
    color: #FFFFFF;
}

.k-calendar .k-content td {
    border-color: #FFFFFF;
}

.k-calendar .k-content th {
    background-color: #ECECEE; /*@ECECEE*/
}
/* ALSA datepicker Back in kendo.must.css
.k-calendar .k-footer {
	border-top-color: #CECECE;
}*/

.k-panelbar .k-item {
    border-color: #CECECE; /*@CECECE*/
}


.k-panelbar .title a {
    color: #4C4C4C; /*@4C4C4C*/
}

.k-panelbar {
    border-bottom-color: #CECECE; /*@CECECE*/
}

    .k-panelbar .k-content {
        background: none;
    }

    /*.k-panelbar .k-link {
	background-color: #DFDFDF;*/ /*@DFDFDF*/
    /*}*/

    .k-panelbar .k-state-active .k-link {
        border-bottom-color: #CECECE !important; /*@CECECE*/
    }

    .k-panelbar .k-state-focused.k-link,
    .k-panelbar .k-state-hover.k-link {
        background: none;
    }

    .k-panelbar .panelbar-bg-gray-content {
        background: none !important;
        border-color: #cecece !important;
    }

.k-upload .k-upload-button {
    background: #888888; /*@898989*/
    color: #FFFFFF;
}

    .k-upload .k-upload-button:hover {
        background: #767676; /*@777777*/
    }

.k-tabstrip .k-state-hover {
    background-color: #FFFFFF;
}

/* Added by Alsacreations - RQM #17275 DSH: FILTER OPTION HARDLY NOTICEABLE ON DASHBOARDS */
/* Active filter on white background */
.k-grid-filter.k-state-active {
    background-color: #FFFFFF;
}
/* ALSA grid filter row */
.k-filtercell .k-i-close:before,
.k-grouping-header .k-group-delete:before,
.k-grouping-row .k-icon:before {
    color: #184894; /*@184894 et pas 2563D9*/
}
/* Hovering a sort arrow will already display the gray/black one, not the white one not noticeable on a bbackground #F5F5F5 */
/* First rule will be understood also by IE8-. The second one avoids to display on disabled .k-link but doesn't work on IE8-. Same thing for 3rd and 4th */
.k-link:hover > .k-i-arrow-n {
    background-position: 0 0;
}

.k-link:not(.k-state-disabled):hover > .k-i-arrow-n {
    background-position: 0 0;
}

.k-link:hover > .k-i-arrow-s {
    background-position: 0 -32px;
}

.k-link:not(.k-state-disabled):hover > .k-i-arrow-s {
    background-position: 0 -32px;
}

/*== Kendo treeview / Local Offices */
.sitemap .k-treeview .k-state-selected,
.sitemap .k-treeview .k-state-focused {
    border: none;
    color: #2563d9;
    background: none;
}
/* ALSA treeview / Added during kendo2014 */
.sitemap .k-state-focused.k-state-selected {
    -webkit-box-shadow: none;
    box-shadow: none;
}
/* ALSA treeview - moved from 08-corporate.css because of buggy background in Carriers */
.k-treeview .corp-country-list a:hover {
    color: #FFFFFF !important;
    background-color: #184894 !important;
}
/* T&J selector overloaded in 09-kendo.css firts */
.form-cond-bigger .k-dropdown-wrap,
.form-cond-bigger .k-dropdown-wrap.k-state-hover,
.form-cond-bigger .k-dropdown-wrap.k-state-focused {
    border-width: 1px;
    border-color: transparent;
    background-color: transparent;
}

.form-cond-bigger .k-numeric-wrap.k-state-hover,
.form-cond-bigger .k-numeric-wrap.k-state-focused {
    border-width: 1px;
    border-color: #c5c5c5;
}

.form-cond-bigger .k-widget .k-numeric-wrap .k-select {
    border-color: #c5c5c5;
}

.form-cond-bigger-dropdown .k-list {
    background: #f5f5f5;
}

.form-cond-bigger-dropdown .k-item + .k-item {
    border-top: 1px solid #dfdfdf !important;
}

.form-cond-bigger-dropdown .k-list > .k-state-hover {
    background: #fff !important;
    color: inherit !important;
}

.form-cond-bigger-dropdown .k-list > .k-state-focused,
.form-cond-bigger-dropdown .k-list > .k-state-selected,
.form-cond-bigger-dropdown .k-list > .k-state-selected.k-state-focused {
    background: #767676 !important;
    color: #fff !important;
}
/*T&J errors*/
.form-cond-bigger .input-validation-error .k-numeric-wrap,
.form-cond-bigger .input-validation-error .k-numeric-wrap.k-state-hover,
.form-cond-bigger .input-validation-error .k-numeric-wrap.k-state-focused,
.form-cond-bigger .input-validation-error .k-dropdown-wrap,
.form-cond-bigger .input-validation-error .k-dropdown-wrap.k-state-hover,
.form-cond-bigger .input-validation-error .k-dropdown-wrap.k-state-focused {
    border-color: #E10135;
}



/* ie specific colors */

/* IE9 and less */
.ie9 .corp-bipart .bipart-left,
.oldie .corp-bipart .bipart-left {
    border-right-color: #FFFFFF;
}

.ie7 #search .list-selector p:hover i.icon, /*@search*/
.ie7 #search .list-selector p:focus i.icon { /*@search*/
    color: #FFFFFF !important;
}

.ie67 #search .list-selector i.icon { /*@search*/
    color: #4C4C4C !important; /*@4C4C4C*/
}

.ie67 .banner-login input {
    border-color: #9EAFC1 !important; /*@9EAFC1*/ /*@ALSAAFAIRE*/
}

.ie67 .slide-containers p button.darkblue {
    background: #184894; /*@184894*/
}

.ie67 .corp-connect-biz .title,
.ie67 .corp-sb-connect-biz .title {
    color: #184894; /*@D71771*/
}


.ie9 .corp-bipart .bipart-right,
.oldie .corp-bipart .bipart-right {
    border: #CECECE; /*@CECECE*/ /*@ALSAAFAIRE border-color et retrouver le border dans aute fichier CSS*/
    background-color: #F5F5F5; /*@F5F5F5*/
}



.oldie .package-overlay {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80E6E6E6,endColorstr=#80E6E6E6); /*@80E6E6*/
}

.ie67 .banner-arrow-blue {
    border-top-color: #F5F5F5; /*@F5F5F5*/
    border-left-color: #F5F5F5; /*@F5F5F5*/
    border-right-color: #F5F5F5; /*@F5F5F5*/
}

.ie67 .package-table {
    border-color: #DFDFDF; /*@DDDDDD*/
}


.oldie .db-header-close,
.oldie .db-header-drag,
.oldie .db-header-mode,
.oldie .db-header-adds {
    border-color: #FFFFFF;
}



/* RWD colors */

@media screen and (max-width: 767px) {
    .context-navigation span {
        color: inherit;
    }
}

@media screen and (min-width: 1200px) {

    .large-bg-white {
        background: #FFFFFF !important; /* to override background-color from small-data-list */ /*@FFFFFF*/
    }

    .large-table-gut4-5-gray {
        border-right-color: #F5F5F5; /*@F5F5F5*/
    }

    .large-bg-gray {
        background: #EAEAEA !important; /*@EBEBEB*/
    }

    .large-bd-right {
        border-right-color: #DFDFDF; /*@DFDFDF*/
    }

    .large-bd-left {
        border-left-color: #DFDFDF; /*@DFDFDF*/
    }

    .colorbox-wrapper {
        border-color: #DFDFDF; /*@DFDFDF*/
    }
}

@media screen and (max-width: 980px) { /* @BUGFIX RQM 22836 Vertical scrollbar was above Corporate pages for widths between 954-55 and ~1000px */


    .corp-has-banner .corp-inner h1 {
        border-top-color: #184894; /*@184894*/
        background-color: #FFFFFF;
    }

    .medium-bdt1 {
        border-top-color: #DFDFDF !important; /*@DFDFDF*/
    }

    .medium-bd-right {
        border-right-color: #DFDFDF; /*@DFDFDF*/
    }

    .medium-bd-left {
        border-left-color: #DFDFDF; /*@DFDFDF*/
    }

    .medium-bd-bottom {
        border-bottom-color: #DFDFDF; /*@DFDFDF*/
    }

    .medium-bd-top,
    .col.medium-block.medium-bd-top {
        border-top-color: #DFDFDF; /*@DFDFDF*/
    }

    .medium-bd-dash {
        border-color: #DFDFDF; /*@DFDFDF*/
    }

    .tunnel-4-steps .last,
    .tunnel-3-steps .last {
        background: #F0F0F0; /*@EFEFEF*/
    }

    .corp-nav .title-like {
        color: #4C4C4C; /*@4C4C4C*/
        background-color: #F9F9F9; /*@F9F9F9*/
        border-color: #DFDFDF; /*@DFDFDF*/
    }

    .nav-items li {
        border-color: #DFDFDF; /*@DFDFDF*/
    }

    .nav-items a {
        color: #4C4C4C; /*@4C4C4C*/
        background-color: #F9F9F9; /*@F9F9F9*/
    }

        .nav-items a:focus,
        .nav-items a:hover {
            background-color: #EAEAEA; /*@EAEAEA*/
        }

    .nav-items .current a {
        color: #4C4C4C; /*@4C4C4C*/
        background-color: #EAEAEA; /*@EAEAEA*/
    }

    .slide-container-prev,
    .slide-container-next {
        background: #ffffff;
        border-color: #dfdfdf;
    }

    .corp-nav .nav-items li li {
        border-color: #DFDFDF;
    }

    /* T&J - RTC 98807 - New navigation*/
    .corp-nav-icons .nav-items a,
    .corp-nav-icons .nav-items span {
        background: none transparent;
    }

    /* pagination */

    .corp-pagination [class^=PagedList-skip] a {
        border-color: #184894; /*@184894*/
        color: #FFFFFF;
        background-color: #184894; /*@184894*/
    }

    .corp-pagination .icon {
    }

    .alternate.corp-pagination [class^=PagedList-skip] a {
        background-color: #fc3636;
    }
}

@media screen and (max-width: 767px) {

    .small-bd-top-3-pink {
        border-top-color: #d81772 !important; /*@D71771*/
    }
    /* 18b.01 and 14.03 */
    .small-bd-right {
        border-right-color: #DFDFDF;
    }

    .large-bg-white {
        background: #FFFFFF !important; /* to override background-color from small-data-list */ /*@FFFFFF*/
    }

    .small-bg-white {
        background: #FFFFFF !important; /* to override background-color from small-data-list */ /*@FFFFFF*/
    }

    .small-bg-mod {
        background: #F5F5F5;
    }

    .small-bg-none {
        background: none transparent !important;
    }

    .small-data-info {
        border-color: #CECECE;
        background-color: #FFFFFF;
    }

        .small-data-table .highlight,
        .small-data-list .highlight,
        .small-data-info .highlight {
            background: #184894; /*@2E6198*/
            color: #FFFFFF;
        }

    .small-data-table .line-title label,
    .small-data-list .line-title label {
        color: #2563d9; /*@0068CE*/
    }


    .timeline-doc li.current {
        background-color: #FFFFFF;
    }

    a.a-tooltip.booking:hover span.east:before,
    a.a-tooltip.booking:focus span.east:before {
        border-bottom-color: #184894; /*@184894*/
    }


    .num-tunnel-check i.icon {
        color: #184894; /*@184894*/
    }

    button.blue1 .icon {
        color: #184894; /*@184894*/
    }

    .double-select div label {
        background-color: transparent;
    }

    .small-data-table .date-pastE span {
        font-style: italic;
    }

    .small-data-table .date-current {
        background: #FFFFFF;
    }

    .nav-letters .current {
        background-color: #FFFFFF;
    }

    .corp-specifications .list li {
        background-color: #FFFFFF;
    }

    .corp-specifications .list {
        border-color: #CECECE;
    }

        .corp-specifications .list li /* ,
	.corp-specifications .list .k-state-active a */ {
            background: #FFFFFF;
        }


    .corp-sb-news-cat {
        border-top-color: #184894; /*@184894*/
    }

    .corp-search-results h2.title {
        color: #2563d9; /*@0068CE*/
    }

        .corp-search-results h2.title:active {
            color: #2d75ff;
        }

    /*.corp-search-results h2.title:visited {
		color: #660099;
	}*/
    .corp-hp-slideshow a,
    .corp-hp-slideshow .icon {
        color: #C3D8F2;
    }

    .corp-tripart .tripart-mid {
        background: url(img/corp/tripart-centre-v.png);
    }

    .corp-bipart .bipart-left {
        background-image: url(img/corp/bipart-centre-v.png);
    }

    .corp-bipart .bipart-right {
        background-image: none;
    }

    .col.small-left.bd-right:not(.small-bdn) {
        border-right-color: #DFDFDF; /*@DFDFDF*/
    }

    .small-bd-top,
    .small-bt1 {
        border-top-color: #DFDFDF !important; /*@DFDFDF*/
    }

    .small-bd-bottom {
        border-color: #DFDFDF !important; /*@DFDFDF*/
    }

    .large-bg-gray {
        background: #EAEAEA !important; /* to override background-color from small-data-list */ /*@EAEAEA*/
    }

    .inner {
        border-top-color: #EAEAEA;
    }

    #navigation li + li {
        border-top-color: #CECECE; /*@D7D7D9*/
    }

    #navigation ul {
        border-color: #CECECE; /*@D7D7D9*/
        background-color: #F9F9F9; /*@F9F9F9*/
    }

    #navigation li:hover,
    #navigation li:focus { /*@ALSAAFAIRE Un li n'aura jamais le focus... Trouver un autre élément*/
        background-color: #F0F0F0; /*@F2F2F2*/
    }

    #navigation ul a:hover,
    #navigation ul a:focus {
        color: #4C4C4C; /*@4C4C4C*/
    }

    .small-menu a.clicked::after {
        border-bottom-color: #DFDFDF; /*@DDDDDD*/
    }

    .jq-nav-sub-open i.icon-gt,
    .jq-nav-sub-close i.icon-gt,
    .jq-nav-to-close i.icon-gt,
    .jq-nav-to-close .icon-lock {
        color: #4C4C4C; /*@4C4C4C*/
    }

    #header .header-mod { /*@header*/
        background-color: #F9F9F9; /*@F9F9F9*/
        border-color: #DFDFDF; /*@E3E5E7*/
    }

    #header #search button {
        background-color: #184894;
    }

        #header #search button .icon {
            color: #FFF;
        }

    .small-data-table li,
    .timeline-main li,
    .small-data-list div.small-data-block {
        border-color: #CECECE; /*@CFCFCF*/
        background: #FFFFFF;
    }

    .small-data-table .date-past,
    .small-data-table .past,
    .small-data-list .date-past {
        background: #D6D6D6; /*@D8D8D8*/
    }

    .small-data-table .date-provisional,
    .small-data-table .past,
    .small-data-list .date-provisional {
        border-color: #DFDFDF; /*@DFDFDF*/
        background: #EAEAEA; /*@EAEAEA*/
    }

    .small-data-table .provisional {
        background-color: #F5F5F5; /*@F5F5F5*/
    }

    .small-data-table hr,
    .small-data-list hr,
    .corp-inner .small-data-table hr,
    .corp-inner .small-data-list hr {
        background: #CECECE; /*@CFCFCF*/
    }

    .small-data-table .date-past hr,
    .small-data-list .date-past hr {
        background: #F5F5F5; /*@F5F5F5*/
    }

    .small-data-table .date-provisional hr,
    .small-data-table .provisional hr,
    .small-data-list .date-provisional hr {
        background: #DFDFDF; /*@DFDFDF*/
    }

    .line-title .alternate {
        color: #4C4C4C !important; /*@4C4C4C*/
    }

    .line-button .icon {
        color: #184894; /*@184894*/ /* rbg(24,72,148) */
    }

    .timeline-doc {
        border-color: #DFDFDF; /*@DFDFDF*/
        background: #F0F0F0; /*@EFEFEF*/
    }

        .timeline-doc li {
            background-color: #EAEAEA; /*@EAEAEA*/
        }

    .small-data-block .small-data-fromto {
        border-bottom-color: #DFDFDF; /*@DFDFDF*/
        background-color: #F0F0F0; /*@EFEFEF*/
    }

    .small-data-block .icon-arrow {
        color: #767676; /*@797979*/
    }

    .context-navigation .current:first-child,
    .context-navigation .jq-tabstrip2-current:first-child,
    .context-navigation .current,
    .context-navigation .jq-tabstrip2-current {
        border-left-color: #E4E4E4; /*@E4E4E4*/
    }

    .context-navigation li {
        background: #FFFFFF;
        border-top-color: #E4E4E4; /*@E4E4E4*/
    }

    .small-rwd-fieldset.genuine #second-col legend { /*@second*/
        border-top-color: #EAEAEA; /*@EAEAEA*/
    }

    .small-rwd-fieldset.genuine > legend {
        background-color: #DFDFDF; /*@DFDFDF*/
    }

    a.alternate.lightgray.icon {
        background: none repeat scroll 0 0 #F9F9F9; /*rgb(249, 249, 249)*/
        border: #DFDFDF; /* rgb(223, 223, 223) */ /*@ALSAAFAIRE border-color et retrouver le border dans aute fichier CSS*/
    }

    .jq-dd-list-container a:hover {
        background: #F0F0F0; /*@EEEEEE*/
    }

    .jq-dd-list-container ul {
        border-color: #DFDFDF; /*@DFDFDF*/
        background: #F9F9F9; /*@F9F9F9*/
    }

    .jq-dd-list-container li + li {
        border-top-color: #DFDFDF; /*@DFDFDF*/
    }

    .small-data-charges .charges-content {
        background: #FFFFFF;
        border-color: #767676; /*@797979*/
    }

    .small-data-table .date-pastE {
        background: #EAEAEA; /*@EBEBEB*/
    }

    .small-data-table .date-provisional {
        background: #ECECEC; /*@F5F5F5*/
    }

    /* Letters in squares */
    .nav-letters {
        border-top-color: #E4E4E4; /*@E4E4E4*/
        border-left-color: #E4E4E4; /*@E4E4E4*/
    }

        .nav-letters .current {
            border-bottom-color: #E4E4E4; /*@E4E4E4*/
        }

    /* CORPORATE: first paragraph */
    .corp-content .chapo {
        color: #6C6C6C; /*@6C6C6C*/
    }

    .corp-tripart .tripart-left,
    .corp-tripart .tripart-right {
        border-color: #D6D6D6; /*@D6D6D6*/
    }

    .corp-specifications .list {
        background-color: #F5F5F5; /*@F5F5F5*/
    }

        .corp-specifications .list,
        .corp-specifications .list a,
        /* .corp-specifications .k-item:first-child a, */
        /*@NOTE Already a border-bottom in Chrome but not in Firefox. There's a 1px difference between them so making it display in Fx breaks it in Chrome...
	.corp-specifications .c-nav-open.clicked + .list .k-state-active a, /* if other items are visible (then .clicked was added), grey border between 1st item and 2nd one. Needs to remove a px of padding and replace it by a border-bottom */
        .corp-specifications .jq-tabstrip2-current span {
            border-color: #CECECE; /*@CECECE*/
        }

    .corp-bipart .bipart-right {
        border-color: #CECECE; /*@CECECE*/
    }

    .corp-search-results li {
        border-bottom-color: #CECECE; /*@CFCFCF*/
    }

    .small-title-eco-calc {
        color: white;
    }

    .jq-dd-list-container a, .jq-dd-list-container .icon {
        color: #4C4C4C; /* @4C4C4C*/ /*rgb(76, 76, 76)*/
    }

    .line-button .icon {
        color: #184894; /*@184894*/ /* rbg(24,72,148) */
    }

    .small-main-nav ul {
        border-top-color: #D6D6D6 !important; /*@D7D7D9*/
    }

    .nav-list-left {
        background-color: #F5F5F5;
    }

        .nav-list-left li {
            background-color: #FFFFFF;
        }

            .nav-list-left li a {
                background-color: #FFFFFF;
                border-color: #DFDFDF;
            }

            .nav-list-left li.current {
                background-color: #F5F5F5;
                border-color: #DFDFDF;
            }

                .nav-list-left li.current a {
                    background-color: #FFFFFF;
                    border-bottom-color: #FFFFFF;
                    border-right-color: #DFDFDF;
                    color: #184894;
                }

    .small-menu a.social-open.clicked:after {
        border-bottom-color: #2d75ff;
    }

    .small-menu .social-open.clicked .icon {
        color: #2d75ff;
    }

    #social-network ul,
    #social-network a {
        background: #2d75ff;
        color: #FFFFFF;
        /*border: 1px solid #FFFFFF;
		border-width: 0 1px 1px;*/
    }

    #social-network .icon {
        color: #fff !important;
    }
}

@media screen and (max-width: 479px) {


    .timeline-doc li.current {
        background-color: #FFFFFF;
    }

    .xs-bdt1 {
        border-top-color: #DFDFDF !important; /*@DFDFDF*/
    }

    .timeline-doc {
        border-color: #DFDFDF; /*@DFDFDF*/
        background: #F0F0F0; /*@EFEFEF*/
    }

        .timeline-doc li {
            background-color: #EAEAEA; /*@EAEAEA*/
        }

    .filter-list > li + li {
        border-top-color: #DFDFDF !important; /*@DFDFDF*/
    }

    .nav-letters {
        border-top-color: #E4E4E4; /*@E4E4E4*/
        border-left-color: #E4E4E4; /*@E4E4E4*/
    }

    .corp-tripart .tripart-mid {
        background: url(img/corp/tripart-centre-v320.png);
    }

    .corp-bipart .bipart-left {
        background-image: url(img/corp/bipart-centre-v320.png);
    }
}


/* Carrier specific CMA */


/* Carrier specific ANL */
.anl .red1 {
    color: #ffffff; /*@FFFFFF*/
}

/* Carrier specific CNC */
.cnc #navigation #icon-home .icon {
    color: #184894;
}
/* Carrier specific DELMAS */

/* Carrier specific USL */

.usl #navigation #icon-home .icon {
    color: #184894;
}

/* Table to manage subscriptions */
.manage-sub-table,
.manage-sub-table td,
.manage-sub-table th,
.manage-sub-table .sep td {
    border-color: #e5e5e5;
}

    .manage-sub-table th {
        background-color: #e5e5e5;
    }


/* Messages (14.02) */
.messages {
    border-color: #f5f5f5;
}

.message-new:after {
    background-color: #d81772;
}
/* Magenta icon on white disc (position: bottom left of .message-title) */
.message-title .icon-rounded-secondary {
    color: #d81772;
}

.message-icon-enabled {
    border-bottom-color: #184894;
}
/* Focus/hover state */
.message-icon .icon:focus,
.message-icon:hover .icon {
    color: #ffffff;
    background-color: #184894;
}
/* No focus/hover if disabled */
.message-icon-disabled .icon:focus,
.message-icon-disabled:hover .icon {
    color: #858fae;
    background-color: #f5f5f5;
    cursor: default;
}

.subscription-icon-main.message-icon-disabled .icon:focus,
.subscription-icon-main.message-icon-disabled:hover .icon {
    background-color: #ececec;
}
/* Gray triangle should become blue or other main color of each Carrier (no effect possible on focus, not that important) */
.subscription-icon-main:hover:after {
    border-left-color: #184894;
}

.subscription-icon-main.message-icon-disabled:hover:after {
    border-left-color: #ececec;
}
/* RTC 94787 */
.message .message-btn-decoration {
    background-color: #184894;
}


/* specific to 14.02 : sidebar right */
.large-bd-top10 {
    border-color: #FFFFFF;
}


/* ==DASHBOARD */
.dashboard {
    background: #FFFFFF;
}

    .dashboard.empty {
        border-color: #b3b3b3;
    }

    .dashboard .db-inner,
    .dashboard.db-loading {
        border-color: #dfdfdf;
    }
/* @BUGFIX 24710 Target zone of a drag&drop. Visually adds an outline around the widget targetted, 5px away from it */
.db-target {
    border-color: #4C4C4C;
}

.dashboard.hollow .db-inner {
    border-color: #184894;
    background-color: #FFFFFF; /* @BUGFIX 24710 Must have a background when dragged over other widgets */
}

.db-header {
    background-color: #2563d9; /*@2563D9*/
}

.db-header-close,
.db-header-adds,
.db-header-drag,
.db-header-mode {
    border-color: rgba(255,255,255,.3);
}

    .db-header-close .icon,
    .db-header-adds .icon,
    .db-header-mode .icon,
    .db-header-title,
    .db-filter-link,
    .db-banner-nb {
        color: #FFFFFF;
    }

.db-tab {
    border-color: #DFDFDF;
    background-color: #F0F0F0;
}

.db-tab-current {
    border-bottom-color: #FFFFFF;
    background-color: #FFFFFF;
}

.db-tabs a {
    color: #4C4C4C;
}

.db-nav .db-nav-prev,
.db-nav .db-nav-next,
.db-nav, /* RQM 31752 - TILES NEWS && LOCAL NEWS - problem with border-bottom if nav hidden / all .db-nav now have a border-top */
.db-temp {
    border-color: #DFDFDF;
}

    .db-nav .db-nav-link {
        background-color: #FAFAFA;
    }

        .db-nav .db-nav-link:focus,
        .db-nav .db-nav-link:hover,
        .db-nav .db-nav-link.opened {
            background: #FFFFFF;
            color: #4C4C4C;
        }

.db-nav-item {
    background: #FFFFFF;
    border-color: #DFDFDF;
}
/* RQM 30022 - DSH - New Design for Favorite Link inside Tile Element / Dropdown goes up below title, with coloured bottom border of 2px. No dropdown in .db-turquoise */
.db-dropdown .jq-dd-action-link-container a {
    background: #FFFFFF;
    border-color: transparent #DFDFDF #184894 #DFDFDF;
}

.db-purple .db-dropdown .jq-dd-action-link-container a {
    border-bottom-color: #5C3492;
}

.db-pink .db-dropdown .jq-dd-action-link-container a {
    border-bottom-color: #d81772;
}

.db-darkgrey .db-dropdown .jq-dd-action-link-container a {
    border-bottom-color: #4C4C4C;
}

.db-turquoise .db-dropdown .jq-dd-action-link-container a {
    border-bottom-color: #13A1A1; /* RQM 30255 - DSH - Tile bottom border prb color / Green border was lacking (no example in page 15.02) */
}

.db-dropdown .dd-action-like a {
    border-top-color: #DFDFDF;
    color: #2563d9;
    background: #FAFAFA;
}

.db-dropdown .dd-action-like .icon {
    color: #2563d9;
}

.db-table,
.db-status-table {
    background: #FFFFFF;
}

    .db-status-table th {
        border-bottom-color: #E7E7E7;
    }

    .db-status-table td {
        border-top-color: #E7E7E7;
    }

/* Shipment table */
.db-shipment-table th {
    border-bottom-color: #E7E7E7;
}

/* Dashboard : banner */
.dashboard-banner,
.db-banner-to-close {
    background: #F8F8F8;
    border-color: #E6E6E6;
}

.db-banner-title {
    background: #EEEEEE;
    border-color: #E6E6E6;
}

.db-list-item:hover {
    background: #FAFAFA;
}
/* RQM 31752 - TILES NEWS && LOCAL NEWS - problem with border-bottom if nav hidden / first .db-list-item doesn't have any border */
.db-list-item + .db-list-item {
    border-color: #E7E7E7;
}

/* filter */
.db-filter-item {
    color: #FFFFFF;
    background: #184894;
}


    /* Dashboards colors */
    .db-purple .db-header,
    .db-filter-item.db-purple {
        background-color: #5C3492;
    }
/* purple */
.hollow.db-purple .db-inner {
    border-color: #5C3492;
}

.db-pink .db-header,
.db-filter-item.db-pink {
    background-color: #D81772;
}
/* pink */
.hollow.db-pink .db-inner {
    border-color: #D81772;
}

.db-turquoise .db-header,
.db-filter-item.db-turquoise {
    background-color: #13A1A1;
}
/* blue */
.hollow.db-turquoise .db-inner {
    border-color: #13A1A1;
}

.db-darkgrey .db-header,
.db-filter-item.db-darkgrey {
    background-color: #4C4C4C;
}
/* gray */
.hollow.db-darkgrey .db-inner {
    border-color: #4C4C4C;
}

/* when dropdown is active */
.dashboard.jq-dd-activated .jq-dropdown .jq-dd-action-link-container a,
.dashboard.jq-dd-activated .jq-dropdown .jq-dd-list-container ul {
    border-color: #184894; /* default - dark blue */
}

.dashboard.jq-dd-activated.db-turquoise .jq-dropdown .jq-dd-action-link-container a,
.dashboard.jq-dd-activated.db-turquoise .jq-dropdown .jq-dd-list-container ul {
    border-color: #13A1A1; /* blue */
}

.dashboard.jq-dd-activated.db-pink .jq-dropdown .jq-dd-action-link-container a,
.dashboard.jq-dd-activated.db-pink .jq-dropdown .jq-dd-list-container ul {
    border-color: #D81772; /* pink */
}

.dashboard.jq-dd-activated.db-darkgrey .jq-dropdown .jq-dd-action-link-container a,
.dashboard.jq-dd-activated.db-darkgrey .jq-dropdown .jq-dd-list-container ul {
    border-color: #4C4C4C; /* gray */
}

.dashboard.jq-dd-activated.db-purple .jq-dropdown .jq-dd-action-link-container a,
.dashboard.jq-dd-activated.db-purple .jq-dropdown .jq-dd-list-container ul {
    border-color: #5C3492; /* purple */
}

.dashboard .jq-dropdown .jq-dd-list-container a:hover,
.dashboard .jq-dropdown .jq-dd-list-container a:focus {
    background-color: #2d75ff !important;
    color: #FFFFFF;
}

    .dashboard .jq-dropdown .jq-dd-list-container a:hover .icon,
    .dashboard .jq-dropdown .jq-dd-list-container a:focus .icon {
        color: #FFFFFF;
    }
/* #30022 - DSH - New Design for Favorite Link inside Tile Element / Lighter background on .active item of dropdown */
.dashboard .jq-dropdown .jq-dd-list-container a.active {
    background: #DFDFDF;
}

.loading-data-title a {
    color: #d81772;
}
/* pink */


#social-network .icon {
    color: #767676;
}

/* RQM 25450 - new booking request page */
.banner-bkg-cargos > p {
    border-color: #184894;
}

.ico-container label,
.ico-container_inner .ico-container_label {
    color: #184894; /*@184894*/
}

.ico-container .icon-check {
    color: #2563d9; /*@2563D9*/
}

.ico-container .jq-wrap-check:hover .icon-bg,
.ico-container .checked ~ .icon-bg,
.ico-container_inner .icon-bg,
.ico-container.is-multiple .ico-container_inner:after {
    border-color: #2563d9; /*@2563D9*/
}

.ico-container input ~ .banner-bkg-small-lengthtype {
    background: #dfdfdf;
}

.ico-container .banner-bkg-small-lengthtype,
.ico-container .jq-wrap-check:hover input ~ .banner-bkg-small-lengthtype,
.ico-container .checked ~ .banner-bkg-small-lengthtype {
    background: #2563d9; /*@2563D9*/
}

.banner-bkg-cargos .icon-deco,
.banner-bkg-cargos > p:after {
    background: #184894; /*@184894*/
}
/* RQM 25450 - new booking request page -- disabled state*/
.ico-container.is-disabled label {
    color: #4c4c4c;
}

.quote-table .legend-container {
    color: #2563d9; /*@0068CE*/
}
/* RTC 88287 */
.subscription-alert,
.subscription-alert:after {
    border-color: #184894; /*@184894*/
}

    .subscription-alert.is-active {
        background-color: #2563d9; /*@2563D9*/
    }

        .subscription-alert.is-active .icon {
            color: #fff;
        }
/* RTC 97035 */
.mod-vgm-tabs {
    border-color: #2563d9; /*@2563D9*/
}

    .mod-vgm-tabs a {
        background: #184894; /*@184894*/
        border-color: #fff; /*@2563D9*/
    }

        .mod-vgm-tabs a:hover,
        .mod-vgm-tabs a.is-active {
            background: #2563d9;
        }

        .mod-vgm-tabs a.is-active {
            border-color: #2563d9;
        }

.mod-vgm-downloads .icon-round {
    background-color: #184894;
    color: #fff;
}

.zebra-table tr {
    background: #fff;
}

    .zebra-table tr.even {
        background: #f0f0f0;
    }
/* RTC 101835 */
.mod-vgm-calc > .icon,
.mod-vgm-calc > span > .icon {
    color: #CECECE;
}

.mod-vgm-calc.is-active > .icon,
.mod-vgm-calc.is-active > span > .icon {
    color: #2563d9;
}

.mod-vgm-calc.is-active > .mod-vgm-calc-input,
.mod-vgm-calc.is-active > span > .mod-vgm-calc-input {
    background-color: #2563d9;
    border-color: #2563d9;
    color: #fff;
}
/* RTC 94787 */
.corp-aside-icon {
    background-color: #184894;
}
/**/
.radionew__blue input:checked + .radionew-icon:before,
.radionew__blue input:checked + label .radionew-icon:before {
    border-color: #2d75ff;
}

.radionew__blue input:checked + .radionew-icon:after,
.radionew__blue input:checked + label .radionew-icon:after {
    background-color: #2d75ff;
}

/* RTC 104968 - new subscription to messages */
.subnew,
.subnew--count {
    border-color: #184894;
}

.subnew--count {
    color: #f5f5f5;
    background-color: #184894;
}

    .subnew--count.is-empty {
        color: #184894;
        background-color: transparent;
    }

.subnew--header .left {
    color: #184894;
}

.subnew--header .left {
    color: #184894;
}

.subnew .checkbox {
    color: #184894;
}
/* RTC 104968 - new checkbox */
.checknew input + label:before {
    color: #184894;
    border-color: #184894;
}
/* RTC 104968 - new switch */
.switchon input + label:before {
    border-color: #184894;
    background-color: #f5f5f5;
}

.switchon input:checked + label:before {
    background-color: #184894;
}

.switchon input + label:after {
    background-color: #184894;
}

.switchon input:checked + label:after {
    background-color: #f5f5f5;
}

.switchon--indicator span:first-child {
    color: #f5f5f5;
}

.switchon--indicator span:last-child {
    color: #184894;
}
/* another color */
.switchon.is-linkcolor input + label:before {
    border-color: #2d75ff;
}

.switchon.is-linkcolor input:checked + label:before {
    background-color: #2d75ff;
}

.switchon.is-linkcolor input + label:after {
    background-color: #2d75ff;
}

.switchon.is-linkcolor input:checked + label:after {
    background-color: #f5f5f5;
}

.switchon.is-linkcolor .switchon--indicator span:last-child {
    color: #2d75ff;
}

/* RTC 104968 - colors for new subscription to messages */
/* - for purple */
.subnew.subnew__purple,
.subnew__purple .subnew--count {
    border-color: #5c3492;
}

.subnew__purple .subnew--count {
    color: #f5f5f5;
    background-color: #5c3492;
}

    .subnew__purple .subnew--count.is-empty {
        color: #5c3492;
        background-color: transparent;
    }

.subnew__purple .subnew--header .left {
    color: #5c3492;
}

.subnew__purple .checknew input + label:before {
    color: #5c3492;
    border-color: #5c3492;
}

.subnew__purple .checknew {
    color: #5c3492;
}

.subnew__purple .switchon input + label:before {
    border-color: #5c3492;
    background-color: #f5f5f5;
}

.subnew__purple .switchon input:checked + label:before {
    background-color: #5c3492;
}

.subnew__purple .switchon input + label:after {
    background-color: #5c3492;
}

.subnew__purple .switchon input:checked + label:after {
    background-color: #f5f5f5;
}

.subnew__purple .switchon--indicator span:first-child {
    color: #f5f5f5;
}

.subnew__purple .switchon--indicator span:last-child {
    color: #5c3492;
}

.subnew__purple .is-subnew-color {
    color: #5c3492;
}
/* - for turquoise */
.subnew.subnew__turquoise,
.subnew__turquoise .subnew--count {
    border-color: #13a1a1;
}

.subnew__turquoise .subnew--count {
    color: #f5f5f5;
    background-color: #13a1a1;
}

    .subnew__turquoise .subnew--count.is-empty {
        color: #13a1a1;
        background-color: transparent;
    }

.subnew__turquoise .subnew--header .left {
    color: #13a1a1;
}

.subnew__turquoise .checknew input + label:before {
    color: #13a1a1;
    border-color: #13a1a1;
}

.subnew__turquoise .checknew {
    color: #13a1a1;
}

.subnew__turquoise .switchon input + label:before {
    border-color: #13a1a1;
    background-color: #f5f5f5;
}

.subnew__turquoise .switchon input:checked + label:before {
    background-color: #13a1a1;
}

.subnew__turquoise .switchon input + label:after {
    background-color: #13a1a1;
}

.subnew__turquoise .switchon input:checked + label:after {
    background-color: #f5f5f5;
}

.subnew__turquoise .switchon--indicator span:first-child {
    color: #f5f5f5;
}

.subnew__turquoise .switchon--indicator span:last-child {
    color: #13a1a1;
}

.subnew__turquoise .is-subnew-color {
    color: #13a1a1;
}
/* - for blue */
.subnew.subnew__blue,
.subnew__blue .subnew--count {
    border-color: #2563d9;
}

.subnew__blue .subnew--count {
    color: #f5f5f5;
    background-color: #2563d9;
}

    .subnew__blue .subnew--count.is-empty {
        color: #2563d9;
        background-color: transparent;
    }

.subnew__blue .subnew--header .left {
    color: #2563d9;
}

.subnew__blue .checknew input + label:before {
    color: #2563d9;
    border-color: #2563d9;
}

.subnew__blue .checknew {
    color: #2563d9;
}

.subnew__blue .switchon input + label:before {
    border-color: #2563d9;
    background-color: #f5f5f5;
}

.subnew__blue .switchon input:checked + label:before {
    background-color: #2563d9;
}

.subnew__blue .switchon input + label:after {
    background-color: #2563d9;
}

.subnew__blue .switchon input:checked + label:after {
    background-color: #f5f5f5;
}

.subnew__blue .switchon--indicator span:first-child {
    color: #f5f5f5;
}

.subnew__blue .switchon--indicator span:last-child {
    color: #2563d9;
}

.subnew__blue .is-subnew-color {
    color: #2563d9;
}
/* - for pink */
.subnew.subnew__pink,
.subnew__pink .subnew--count {
    border-color: #d81772;
}

.subnew__pink .subnew--count {
    color: #f5f5f5;
    background-color: #d81772;
}

    .subnew__pink .subnew--count.is-empty {
        color: #d81772;
        background-color: transparent;
    }

.subnew__pink .subnew--header .left {
    color: #d81772;
}

.subnew__pink .checknew input + label:before {
    color: #d81772;
    border-color: #d81772;
}

.subnew__pink .checknew {
    color: #d81772;
}

.subnew__pink .switchon input + label:before {
    border-color: #d81772;
    background-color: #f5f5f5;
}

.subnew__pink .switchon input:checked + label:before {
    background-color: #d81772;
}

.subnew__pink .switchon input + label:after {
    background-color: #d81772;
}

.subnew__pink .switchon input:checked + label:after {
    background-color: #f5f5f5;
}

.subnew__pink .switchon--indicator span:first-child {
    color: #f5f5f5;
}

.subnew__pink .switchon--indicator span:last-child {
    color: #d81772;
}

.subnew__pink .is-subnew-color {
    color: #d81772;
}

/* Decoration only visible on mobile for the booking request > route finder part */
.bkg-travel-deco {
    background: #184894;
}

    .bkg-travel-deco:before,
    .bkg-travel-deco:after {
        border-color: #184894;
    }

/* invoice payment */
.invoice-payment--modes label input:checked ~ i {
    border-color: #2563d9;
}

/* custom buttons in the k-autocomplete */
.k-must-autocomplete-button button {
    background: #f5f5f5;
}

    .k-must-autocomplete-button button:hover,
    .k-must-autocomplete-button button:active {
        color: #fff;
        background: #2563d9;
    }

    .k-must-autocomplete-button button .icon {
        color: inherit;
    }

/* booking upload */
.booking-upload--status,
.booking-upload--icons .icon,
.booking-upload--icons .k-upload-status .k-button .k-icon {
    color: #184894;
}

.booking-upload--progress > span {
    background-color: #2563d9;
}

.k-file.k-file-error .booking-upload--progress > span {
    background: #E10135;
}

.k-file.k-file-error .booking-upload--status {
    color: #E10135;
}
/* documentation dashboard (follow_ups) */
.grid-alternative .data-table.is-active,
.followup-documents .data-table.is-active {
    border-color: #2563d9;
}

/* T&J - RTC #122498 */
.k-popup.k-group .is-optgrouplistheader ~ div .k-item.k-state-selected,
.k-popup.k-group .is-optgrouplistheader ~ div .k-item.k-state-hover,
.k-popup.k-group .is-optgrouplistheader ~ div .k-item.k-state-focused,
.k-popup.k-group .is-optgrouplistheader ~ div .k-item.k-state-selected {
    background: #2563d9 !important;
    color: #ffffff !important;
}