@import url(css-PlayfairDisplay400400i700700i900900i.css);
@import url(css-Lato100300400700900.css);

:root {
    --color-base-accent: #2578cb;
    --color-base-contrast: #f2f2f4;
    --color-base-icons: #d92105
}

@media screen and (min-width:0\0) and (-webkit-min-device-pixel-ratio:0.75),
screen and (min-width:0\0) and (min-resolution:72dpi) {
    .ftr-Footer_Logo {
        height: 52px
    }
}

@media screen and (min-width:0\0) and (min-resolution:0.001dpcm) {
    .hdr-MainLogo img {
        margin-top: 9px !important;
        max-height: 52px;
        width: 146px
    }

    .ftr-Footer_Logo {
        max-height: 50px
    }
}

:root {
    --L: 768px
}

:root {
    --color-base-black: #292929;
    --color-black: #000;
    --color-white: #fff;
    --color-accent-xx-dark: #14365d;
    --color-accent-x-dark: #465d73;
    --color-accent-mid-dark: #68737e;
    --color-accent: #2578cb;
    --color-accent-mid-light: #9facb6;
    --color-accent-light: #d2dae2;
    --color-accent-x-light: #e4e5e8;
    --color-accent-xx-light: #d4e6f8;
    --color-nav: #525b63;
    --color-nav-x-light: #d7dadd;
    --color-icons: #d92105;
    --color-titles: #525b63;
    --color-header-color: #292929;
    --color-footer-color: #525b63;
    --color-contrast: #f2f2f4;
    --color-grey-x-dark: #292929;
    --color-grey-dark: #363535;
    --color-grey-mid-dark: #4f4f4f;
    --color-grey: #696868;
    --color-grey-mid-light: #727070;
    --color-grey-mid-light-light: #a9a8a8;
    --color-grey-light: #cfcece;
    --color-grey-x-light: #dbdbdb;
    --color-grey-xx-light: #f5f5f5;
    --color-warning-dark: #f6f797;
    --color-warning: #fcf8e3;
    --color-warning-x-light: #fafaf5;
    --color-success: #080;
    --color-error: #d92105;
    --color-error-mid-light: #da2733;
    --color-error-light: #f5cccc
}

@font-face {
    font-family: chevrons;
    src: url(../font/chevrons.eot);
    src: url(../font/chevrons.eot) format("embedded-opentype"), url(../font/chevrons.ttf) format("truetype"), url(../font/chevrons.woff) format("woff"), url(../font/chevrons.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"],
[class^=icon-] {
    font-family: chevrons !important;
    font-weight: 400;
    font-style: normal;
    font-feature-settings: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-close:before {
    content: "\e900"
}

.icon-chevron-thin-left:before {
    content: "\e901"
}

.icon-chevron-thin-right:before {
    content: "\e902"
}

.icon-chevron-left:before {
    content: "\e903"
}

.icon-close:before {
    content: "\e904"
}

.icon-chevron-right:before {
    content: "\e905"
}

img+input {
    margin-left: 15px
}

div.h3-unit {
    font-size: 13px;
    float: right;
    padding-top: .9em
}

.h3-unit>a {
    color: #fff;
    color: var(--color-white)
}

.h3-unit>a:hover {
    color: #292929
}

.DN .h3-unit>a:hover {
    color: #a9a8a8;
    color: var(--color-grey-mid-light-light)
}

.TG .h3-unit>a {
    color: #000;
    color: var(--color-black)
}

.TG .h3-unit>a:hover {
    color: #fff;
    color: var(--color-white)
}

.RC .h3-unit>a {
    color: #e4e5e8;
    color: var(--color-accent-x-light)
}

.RC .h3-unit>a:hover {
    color: #fff;
    color: var(--color-white)
}

.h3-unit .popover li a {
    position: relative;
    display: block;
    padding: 0 5px 0 16px
}

.h3-unit .popover li a i {
    position: absolute;
    top: 0;
    left: 0
}

#h3-unit-panel {
    display: none
}

body {
    -webkit-text-size-adjust: 100%
}

body.body-main {
    min-width: 1000px
}

body.noscroll {
    overflow: hidden
}

::-moz-selection {
    background: #cfcece;
    background: var(--color-grey-light);
    text-shadow: none
}

::-moz-selection,
::selection {
    background: #cfcece;
    background: var(--color-grey-light);
    text-shadow: none
}

textarea {
    resize: vertical
}

.shortcut {
    position: fixed;
    z-index: 1000;
    top: 35%;
    right: 0;
    border-radius: 4px 0 0 4px;
    background-color: #fff;
    background-color: var(--color-white);
    box-shadow: -1px 1px 0 0 #727070;
    box-shadow: -1px 1px 0 0 var(--color-grey-mid-light)
}

.margin-top-10 {
    margin-top: 10px
}

.margin-bottom-10 {
    margin-bottom: 10px
}

@media only screen and (device-width:768px) and (max-device-width:1024px) {

    input[type=checkbox],
    input[type=radio] {
        width: 16px;
        height: 16px
    }
}

a.anchor {
    padding-top: 10px
}

header a:hover {
    text-decoration: none
}

li.off {
    opacity: .3
}

.es {
    font-size: 15px !important
}

.nowrap {
    white-space: nowrap
}

#pm2_dataDiv.print *,
.pdf * {
    border-radius: 0 !important
}

.indexLetter {
    position: relative;
    padding-bottom: 15px
}

#index--1.indexLetter li,
.indexLetter li {
    margin-left: 4px
}

@media only screen and (device-width:768px) and (max-device-width:1024px) {

    #index--1.indexLetter li,
    .indexLetter li {
        font-size: 18px;
        margin: 0 15px 15px 12px
    }
}

.indexPageContainer {
    position: relative;
    padding-bottom: 24px
}

.indexPageContainer h2 {
    margin-top: 0
}

#indexPageData {
    padding-top: 60px
}

#indexPageData ul li:before {
    position: relative;
    left: -10px;
    margin-right: -10px
}

#indexPageData ul li i {
    width: 12px
}

@media screen and (max-width:767px) {
    #indexPageData ul {
        -moz-column-count: 1;
        column-count: 1
    }
}

@media (min-width:768px),
print {
    #indexPageData ul {
        -moz-column-count: 2;
        column-count: 2
    }
}

@media (min-width:992px) {
    #indexPageData ul {
        -moz-column-count: 3;
        column-count: 3
    }
}

@media (min-width:1200px) {
    #indexPageData ul {
        -moz-column-count: 4;
        column-count: 4
    }
}

.itemHeading {
    font-size: 16px;
    overflow: hidden;
    max-height: 58px
}

.segmentDesc {
    margin-top: -5px;
    margin-bottom: 15px
}

#reg_tabContent #choiceBloc>div>a:hover,
.as_bypassQ a,
.navPref strong,
.showMore a {
    text-decoration: underline
}

.iePassword {
    width: 100%
}

.iePassword input[type=password] {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important
}

.btnBlanc {
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light)
}

.cart_small {
    padding-left: 45px;
    background-image: url(../image/icone-panier.png);
    background-repeat: no-repeat;
    background-position: 7px 1px
}

.atc-Component a:hover {
    text-decoration: none;
    color: #fff;
    color: var(--color-white)
}

.headerInfo a:hover.disabled,
.headingCaption a:hover,
.homeSection a:hover,
.lightboxContent a:focus.disabled,
.lightboxContent a:hover.disabled,
.listItemContainer a:hover,
.localisationForm a:hover,
.showcaseRow a:hover,
a.as_header.banner:hover,
a.noir-sur-gris:focus,
a.noir-sur-gris:hover {
    text-decoration: none
}

.disabled {
    cursor: not-allowed
}

.error {
    font-weight: 700;
    color: #d92105 !important;
    color: var(--color-error) !important
}

.inputError {
    border: 1px solid #d92105 !important;
    border: 1px solid var(--color-error) !important
}

.message {
    font-weight: 700;
    color: #080;
    color: var(--color-success)
}

.arrowDown {
    font-weight: 400;
    position: relative;
    top: 1px;
    display: inline-block;
    margin: 0 0 0 4px;
    transform: scale(1.7, .8);
    text-decoration: none;
    color: #727070;
    color: var(--color-grey-mid-light)
}

div[class*=" html5gallery-container-"],
div[class^=html5gallery-container-] {
    overflow: hidden;
    border: 1px solid #727070;
    border: 1px solid var(--color-grey-mid-light);
    background: #cfcece !important;
    background: var(--color-grey-light) !important
}

.as_filterChoice ul.vueTableau p,
.commande-adresse,
.fs_14,
.listItemContainer .attNonCommun,
.listItemContainer .noProd,
.options {
    font-size: 14px
}

.twoColumnLeft {
    float: left;
    width: 49%
}

.twoColumnRight {
    width: 49%;
    margin-left: 51%
}

.twoColumnCenter {
    width: 49%;
    margin-left: 25%
}

#as_qList ul li:last-child div,
#pm2_dataDiv,
.catThumbs li div,
.formTable,
.listItemContainer li img,
.pm2_blocRequis,
.pm2_tabSpecification table,
.profileAdrList table,
.tsuv_bannerPromo img,
div.imgBox img {
    width: 100%
}

.formTable td,
.formTable th {
    box-sizing: border-box;
    padding: 3px
}

.formTable th {
    font-weight: 700;
    padding-right: 10px;
    text-align: right
}

.formTable label {
    margin-right: 20px
}

.formTable25 th,
.listItem.col4>li {
    width: 25%
}

.formTable25 td {
    width: 75%
}

.formTable40 th {
    width: 40%
}

.formTable40 td {
    width: 60%
}

#header {
    z-index: 103;
    min-width: 990px;
    margin: 0 auto;
    background: url(../image/bg-header.jpg) bottom no-repeat
}

.headerContainer {
    position: relative;
    width: 990px;
    margin: 0 auto
}

.headerContent {
    position: relative;
    height: 94px
}

#h-searchField {
    font-size: 12px;
    line-height: 20px;
    position: absolute;
    top: 52px;
    left: 258px;
    display: inline-block;
    width: 350px;
    height: 20px;
    padding: 4px 35px 4px 4px;
    vertical-align: middle;
    color: #4f4f4f;
    color: var(--color-grey-mid-dark);
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light);
    background: #fff;
    background: var(--color-white)
}

.btnSearch {
    top: 56px;
    left: 618px;
    width: 24px;
    height: 22px;
    text-indent: -999em;
    color: #d92105;
    color: var(--color-error);
    border: 0
}

.btnSearch,
.btnSearch2 {
    font-size: 20px !important;
    position: absolute;
    background-color: #fff;
    background-color: var(--color-white)
}

.btnSearch2 {
    top: 2px;
    right: 27px;
    width: 27px;
    height: 27px;
    border: none
}

.headerInfo {
    font-size: 16px;
    position: absolute;
    top: 50px;
    right: 10px;
    width: 300px;
    height: 30px;
    text-align: right;
    color: #fff;
    color: var(--color-white)
}

.headerInfo .hdr-CartIcon {
    margin-right: 6px
}

.hdr-CartIcon {
    display: inline-block;
    width: 46px;
    height: 40px
}

.hdr-CartIcon path {
    fill: #e5e6e9 !important
}

.headerInfo a {
    font-family: Arial, sans-serif;
    font-weight: 700;
    margin-left: 12px;
    padding-right: 12px;
    color: #fff;
    color: var(--color-white)
}

.unitConversionPanel {
    font-size: 14px !important;
    font-weight: 400;
    display: inline-block
}

.unitConversionPanel i {
    margin-right: 5px
}

h2 .unitConversionPanel {
    margin-left: 20px
}

.home2015 .articlePanel>div,
.home2015 .brochures>div,
.home2015 .featured>div,
.home2015 .segmentBloc>div {
    min-width: 960px;
    max-width: 1410px;
    margin: 0 auto;
    padding: 0 15px
}

#content {
    min-width: 960px;
    max-width: 1410px;
    margin: 0 auto;
    padding: 0 15px
}

.profileAdrList ul {
    position: relative;
    width: 100%
}

.config2 .prodForm tr:hover td,
.headerMenu li:hover,
.listTable tr:hover td {
    background-color: #cfcece;
    background-color: var(--color-grey-light)
}

.headerMenu li:hover a,
.listDisplayLinkOther a:hover,
.viewAllLink:hover {
    text-decoration: none;
    color: #000;
    color: var(--color-black)
}

#compareTopBox ul,
#footer section,
UNUSED.pm2_skuSpecTable h2 {
    float: left
}

.as_reset SPAN,
.as_wizard:hover,
.home2015 .brochures .heading1,
.home2015 .brochures .listDisplayLinkOther a,
.wizard:focus,
.wizard:hover {
    color: #fff;
    color: var(--color-white)
}

.AtoZ {
    font-family: Times New Roman;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    position: relative;
    top: 4px;
    display: inline-block;
    width: 10px;
    height: 20px;
    margin: 0 4px;
    color: #000;
    color: var(--color-black)
}

.AtoZ span {
    font-size: 19px;
    position: absolute;
    top: -1px;
    left: -7px
}

#as_qList ul li:first-child div:before,
#as_qList ul li:last-child div:after,
#rcMediaPlayerContainer {
    display: none
}

#compare .popoverBox {
    display: none
}

.typeAccount_box.right,
a#rcMediaPlayerClose i.topRight {
    float: right
}

textarea[name=copyPaste] {
    display: block;
    width: 99%;
    margin: 10px 0;
    resize: none
}

h1 i.fa {
    margin-right: 5px
}

.mrForm {
    float: right;
    margin-top: 20px
}

.mrTableIntro {
    font-size: 14px;
    width: 100%;
    margin-top: 20px;
    padding: 0;
    border: 0
}

.mrTable {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
    table-layout: fixed
}

.mrTable th {
    font-weight: 700;
    padding: 3px 0;
    text-align: left;
    color: #000;
    color: var(--color-black)
}

.mrTable tr.ligneTableau {
    border-top: 1px solid #363535;
    border-top: 1px solid var(--color-grey-dark)
}

.mrTable tr.even {
    background-color: #f5f5f5;
    background-color: var(--color-grey-xx-light)
}

.mrTable>tbody>tr>td {
    padding: 5px 0
}

.mrTable .ligneTableauTag div {
    font-size: 14px;
    float: left;
    padding: 2px 5px
}

.mrTable>tbody>.ligneTableauTag>td {
    border-top: none
}

.mrTable .ligneTableauTag div.title {
    padding-left: 11px
}

table.mrTotal {
    padding: 5px
}

.mrTotal td {
    font-size: 12pt;
    font-weight: 700
}

.mrLligneAdd .btn {
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light)
}

.navControle {
    height: 25px;
    margin-top: 0;
    margin-right: 8px;
    color: #fff;
    color: var(--color-white)
}

UNUSED.navControle .sep,
UNUSED.navPref2 .sep {
    padding: 0 0 0 8px;
    color: #727070;
    color: var(--color-grey-mid-light)
}

.navControle a,
.navControle li,
UNUSED.navPref2 a {
    color: #fff;
    color: var(--color-white)
}

.navControle li,
.navPref2 li {
    margin-right: 8px;
    padding-right: 0
}

.navPref {
    float: right;
    margin-top: 6px
}

.navPref2 a {
    font: 700 14px Arial, sans-serif
}

.mrLigneAdd {
    position: relative
}

UNUSED.dropdown-toggle:active,
UNUSED.open .dropdown-toggle {
    outline: 0 none
}

.navContainer {
    position: relative;
    width: 100%;
    height: 22px;
    padding: 8px 0 0;
    border-top: 1px solid #e4e5e8;
    border-top: 1px solid var(--color-accent-x-light);
    border-radius: 4px 4px 0 0;
    background: #f5f5f5;
    background: var(--color-grey-xx-light)
}

.nav li:first-child {
    margin-left: 15px
}

.nav a {
    font: 700 14px/1 Arial, sans-serif;
    color: #696868;
    color: var(--color-grey)
}

.nav a:focus {
    color: #727070;
    color: var(--color-grey-mid-light)
}

.commande-etape-active {
    color: #727070;
    color: var(--color-grey-mid-light)
}

.navUtility {
    position: absolute;
    top: 2px;
    right: 18px;
    float: right
}

.navUtility li {
    margin-left: 10px
}

.navUtility li.menuUnit {
    margin-top: 6px;
    margin-left: 10px
}

.ui-slider .ui-slider-handle {
    top: -10px;
    width: 28px;
    height: 28px;
    touch-action: none
}

.ui-widget-header {
    border: none;
    background: #525b63
}

.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover {
    background: #d7dadd !important;
    background: var(--color-nav-x-light) !important
}

UNUSED.email,
UNUSED.printer {
    background-image: url(../image/ico-nav.png);
    background-repeat: no-repeat;
    background-position: 0 4px
}

.breadcrumb {
    min-width: 960px;
    max-width: 1410px;
    min-height: 36px;
    margin: 0 auto;
    padding: 5px 15px 0;
    background: #fff;
    background: var(--color-white)
}

.breadcrumb ul {
    margin-right: 215px;
    padding-left: 27px
}

.breadcrumb li i.fa-chevron-right {
    color: #d92105;
    color: var(--color-icons)
}

.breadcrumb li {
    font-size: 13px;
    float: left;
    padding: 0 7px 0 0
}

.breadcrumb li:first-child {
    margin-left: -27px
}

.breadcrumb li:first-child i {
    font-size: 18px;
    margin-top: -1px;
    color: #727070;
    color: var(--color-grey-mid-light)
}

.breadcrumb li:first-child i:hover {
    color: #d92105;
    color: var(--color-icons)
}

.breadcrumb li.active {
    color: #000;
    color: var(--color-black);
    background: none
}

.breadcrumb #bread-home span {
    position: absolute;
    left: -15000px
}

.breadcrumb+#banniere_titre.is_text {
    padding-top: 0
}

.navUtility .favorites:hover {
    background-image: url(../image/icon-favoris-on.png);
    background-repeat: no-repeat
}

.navUtility .comments:hover {
    background-image: url(../image/icon-feedback-red.png);
    background-repeat: no-repeat
}

.navUtility .quickMode {
    position: relative;
    top: -3px;
    width: 28px;
    height: 28px;
    background: url(../image/icon-quick-mode.png);
    background-repeat: no-repeat
}

.navUtility .quickMode:hover {
    background-image: url(../image/icon-quick-mode-red.png)
}

.email {
    width: 26px;
    height: 23px;
    background-position: 0 -60px
}

.email:hover {
    background-position: 0 -93px
}

.printer {
    width: 23px;
    height: 23px;
    background-position: 0 -126px
}

.printer:hover {
    background-position: 0 -159px
}

.rViewed {
    padding-top: 15px;
    padding-bottom: 64px;
    border-top: 1px solid #000;
    background-color: #f2f2f4
}

.rViewed>div {
    width: 100%;
    min-width: 960px;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 15px
}

.rViewed li {
    width: 177px;
    margin-right: 15px
}

.rViewed li>div>a {
    height: 239px;
    padding: 5px
}

.rViewed li>div>a h3 {
    height: 59px;
    overflow: hidden;
    max-height: 4rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis
}

div.rViewed div.imgBox img {
    max-width: 177px;
    max-height: 177px
}

.rViewed .ts-SelectPastille {
    top: 1px;
    right: 1px
}

.rViewed .itemHeading {
    font-size: 13px
}

.wilsonForm {
    padding: 10px 0
}

.wilsonResult {
    padding: 10px 0 30px
}

.wilsonResult li {
    float: left;
    width: 472px;
    height: 127px
}

.pageContainer {
    width: 960px;
    padding: 20px 0 0
}

.contentHeading {
    margin-bottom: 24px
}

.contentHeading.no-margin {
    margin-bottom: -16px
}

.nodeDesc {
    margin: 0 25px 10px 0;
    color: #292929;
    color: var(--color-grey-x-dark)
}

.contentHeading input[type=checkbox] {
    margin-right: 2px
}

.mainContainer {
    position: relative;
    margin: 0 auto;
    background: #fff;
    background: var(--color-white)
}

.mainContainer.mainContainer800 {
    overflow: auto;
    width: 770px;
    padding: 0 110px
}

.segmentBloc {
    position: relative;
    min-width: 960px
}

.boxData {
    position: relative;
    margin-bottom: 28px
}

.mainContainerFull h2 {
    margin-left: 2px
}

.warningHorsRegion {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px
}

.searchControle {
    margin: 10px 0;
    padding: 5px 15px 0 0;
    background: #f5f5f5;
    background: var(--color-grey-xx-light)
}

.searchControle .imgView {
    margin-left: 7px
}

.pagination li.selected {
    font-weight: 700;
    cursor: default
}

.boxTitle {
    font: 700 16px/1 Arial, sans-serif;
    padding-top: 5px;
    color: #d92105;
    color: var(--color-error)
}

.tooltipTitle .tooltip {
    width: 500px
}

.tooltipTitle .tooltip .tooltip-inner {
    max-width: none
}

.listDisplayLinkOther,
.listTable th.right,
.logBox td,
.profileAdrList th {
    text-align: right
}

.listDisplayLinkOther a {
    font-size: 13px;
    display: inline-block;
    padding: 3px;
    color: #14365d;
    color: var(--color-accent-xx-dark)
}

.filterTable {
    width: 195px;
    margin: 0 0 0 -5px;
    border-spacing: 5px;
    border-collapse: separate
}

.filterTable td {
    font-size: 12px;
    width: 50%;
    padding: 1px;
    text-align: center;
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light);
    background-color: #fff;
    background-color: var(--color-white)
}

.filterTable td:not(.empty):hover {
    border: 1px solid #2578cb;
    border: 1px solid var(--color-accent);
    background-color: #f2f2f4;
    background-color: var(--color-contrast);
    box-shadow: 0 0 2px #2578cb;
    box-shadow: 0 0 2px var(--color-accent)
}

.filterTable td.selected {
    font-weight: 700;
    padding: 0;
    border: 2px solid #2578cb;
    border: 2px solid var(--color-accent);
    background-color: #fff
}

.filterTable td.selected:hover {
    border-width: 2px;
    background-color: #f2f2f4;
    background-color: var(--color-contrast)
}

.blocRadio span.desc,
.filterTable a,
.mrTable .ligneTableauTag div input {
    display: block
}

.filterTable .empty {
    border: none;
    background: none;
    box-shadow: none
}

.filterElement {
    position: relative;
    overflow: hidden;
    width: 87px;
    min-height: 16px;
    cursor: pointer;
    vertical-align: middle;
    word-wrap: break-word
}

@media only screen and (device-width:768px) and (max-device-width:1024px) {
    .filterElement {
        min-height: 27px
    }
}

.filterElement a.focus,
.filterElement a:focus,
.filterElement a:hover {
    text-decoration: none;
    color: #000;
    color: var(--color-black)
}

.filterElement a.focus,
.filterElement a:focus {
    text-shadow: .03em 0 0 currentColor
}

.filterElement~.popover img {
    max-width: 248px
}

#searchCatBtn {
    right: 5px
}

#ts_resultBlocAnchor:target:before {
    display: block;
    height: 135px;
    margin-top: -135px;
    content: ""
}

#ts_resultList {
    position: relative;
    z-index: 20
}

#prodResult {
    margin-right: -9px
}

.as_header.banner .titleBig,
.commande-etape {
    font-size: 28px
}

.bannerHDPanel .banners .bannerLink.pos2,
.bcHistoBloc th.center,
.cartForm .etaCell,
.cartForm .priceCell,
.cartForm .qtyCell,
.cartForm .unitCell,
.listItemContainer .attVisuel ul,
.listTable td.center,
.listTable th.center,
.mrTable .center,
UNUSED.bcHistoBloc td.center {
    text-align: center
}

.bcHistoBloc tr.odd td,
.listTable.noHover tr.odd:hover td,
.listTable tr.odd td {
    background-color: #fff;
    background-color: var(--color-white)
}

.bcHistoBloc tr.even td,
.listTable.noHover tr.even:hover td,
.listTable tr.even td {
    background-color: #f2f2f4;
    background-color: var(--color-contrast)
}

.segmentText {
    margin-right: 24px
}

.buttonAction {
    font-size: 12px;
    line-height: 1.1;
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    max-height: 36px;
    padding: 4px;
    text-align: center;
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light);
    border-radius: 4px
}

.listItemContainer.hover .buttonAction,
.listItemContainer:hover .buttonAction,
.listItemTable>li:hover .buttonAction {
    color: #fff;
    background-color: #2578cb;
    background-color: var(--color-accent)
}

.listItem.col3>li {
    width: 33%
}

@media only screen and (min-width:1252px) {
    .listItem.col3>li {
        width: 25%
    }

    .listItem.col4>li {
        width: 20%
    }
}

.listItem>li {
    display: inline-block;
    float: left;
    min-height: 388px;
    padding: 0 9px 0 0;
    text-align: center;
    vertical-align: top
}

.listItem h3 {
    margin-bottom: 4px
}

.listItemContainer {
    position: relative;
    text-align: center;
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light)
}

.listItemContainer:hover {
    border-color: #2578cb;
    border-color: var(--color-accent);
    box-shadow: 0 0 2px #2578cb;
    box-shadow: 0 0 2px var(--color-accent)
}

.listItemContainer h3 {
    overflow: hidden;
    max-height: 6rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis
}

.listItemContainer .attNonCommun,
.listItemContainer .noProd {
    line-height: 1.2;
    overflow: hidden;
    max-height: 32px;
    margin-top: 10px
}

.listItemContainer .options {
    overflow: hidden;
    max-height: 120px;
    margin-top: 10px;
    padding: 0 5px
}

.listItemContainer .infoBox {
    display: block;
    height: 148px;
    padding: 0 15px;
    text-align: center
}

.listItemContainer .infoBox a:hover {
    color: #000;
    color: var(--color-black)
}

.listItemContainer .buttonAction {
    position: absolute;
    bottom: 10px;
    left: 5%;
    width: 90%
}

.attVisuel li {
    display: inline-block;
    box-sizing: border-box;
    width: 9% !important;
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light)
}

.attVisuel img {
    width: 100% !important;
    height: auto !important
}

.listItemContainer .attVisuel ul,
.listItemTable .attVisuel ul {
    text-align: center
}

.listItemContainer .attVisuel {
    position: absolute;
    bottom: -14px;
    left: 0;
    width: 100%;
    text-align: center
}

.listItemContainer .attVisuel ul li,
.listItemTable .attVisuel ul li {
    background-color: #fff;
    background-color: var(--color-white)
}

.listItemTable .options {
    font-size: 14px
}

.listItemTable .tableauActions div {
    float: right
}

.listItemTable h3 {
    margin-bottom: 4px
}

.listItemTable p {
    position: relative;
    margin-bottom: 10px;
    padding-right: 90px
}

.listItemTable p span {
    position: absolute;
    right: 1px;
    bottom: 0
}

.listItemTable>li {
    margin: 7px 8px 15px 0;
    cursor: pointer;
    vertical-align: top;
    border: 1px solid #727070;
    border: 1px solid var(--color-grey-mid-light)
}

.listItemTable>li:first-of-type {
    margin-top: 0
}

.listItemTable>li:hover {
    border-color: #2578cb;
    border-color: var(--color-accent);
    box-shadow: 0 0 2px #2578cb;
    box-shadow: 0 0 2px var(--color-accent)
}

.listItemTable>li:hover .buttonAction {
    background-color: #2578cb;
    background-color: var(--color-accent)
}

.listItemTable td {
    padding: 2px 10px;
    border-bottom: 1px solid #dbdbdb;
    border-bottom: 1px solid var(--color-grey-x-light)
}

.listItemTable a:hover {
    color: inherit
}

.listItemTable .buttonAction {
    width: 30%
}

.listItemTable .noProd,
.listItemTable .options {
    margin-top: 5px;
    padding-right: 10px
}

.itemTable {
    font-size: 11px
}

.itemAlert {
    position: absolute;
    z-index: 80;
    top: -3px;
    left: -3px;
    width: 66px;
    height: 67px
}

.itemAlert img {
    width: 100% !important;
    height: auto !important
}

.itemAlertTableau {
    position: absolute;
    z-index: 80;
    top: -3px;
    left: -3px;
    width: 69px;
    height: 67px
}

.itemAlertTableau img {
    width: 100% !important;
    height: auto !important
}

.imgBox {
    position: relative;
    width: 100%;
    margin-bottom: 4px
}

.itemInfo {
    font-size: 15px;
    font-weight: 700;
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 100%;
    height: 15px;
    padding: 2px 0;
    color: #000;
    color: var(--color-black);
    background: #fff;
    background: var(--color-white)
}

.listItem p {
    font-size: 13px;
    margin-bottom: 4px;
    color: #363535;
    color: var(--color-grey-dark)
}

UNUSED.doc-brochure,
UNUSED.doc-dwg,
UNUSED.doc-dxf,
UNUSED.doc-jpg,
UNUSED.doc-pdf {
    padding: 6px 0 4px 26px;
    background-image: url(../image/ico-documents.png);
    background-repeat: no-repeat
}

.doc-brochure {
    background-position: -3px -36px
}

.doc-pdf {
    background-position: -3px -3px
}

.doc-dwg,
.doc-dxf {
    background-position: -3px -98px
}

.doc-jpg {
    padding-left: 32px;
    background-position: -1px -68px
}

.nonSquare img {
    padding: 21.5% 0
}

.as_wizard_left {
    font-size: 14pt;
    width: 765px;
    height: 200px;
    background: url(../image/ban_wizard.png)
}

.as_wizard_left,
.as_wizard_right {
    margin: 0;
    color: #fff;
    color: var(--color-white);
    border: 0
}

.as_wizard_right {
    font-size: 18pt;
    text-align: center;
    background: url(../image/ban_wizard_1px.png)
}

.banner .as_wizard_right {
    margin-top: 55px;
    margin-right: 10%;
    background: none
}

.tsuv_bannerPromo {
    margin-bottom: 15px
}

.bcHistoBloc {
    margin-top: 20px
}

ul.footerFiliale {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

#compare,
#content .inline_links,
#content .inline_links ul,
#footerBottom ul,
#rcMediaPlayerContainer.segment #rcMediaPlayerDataDesc .links {
    display: inline-block
}

.mrLigneAdd>div {
    position: absolute;
    top: 0;
    border: 1px solid #f5f5f5;
    border: 1px solid var(--color-grey-xx-light)
}

#rcMediaPlayerDataContainer .arrow-icon {
    font-size: 14px;
    line-height: 40px;
    top: 0;
    left: 0;
    display: block;
    width: 28px;
    padding: 5px 0;
    text-align: center;
    color: #fff;
    color: var(--color-white);
    border-radius: 4px;
    background-color: #292929;
    background-color: var(--color-grey-x-dark)
}

.arrow-holder {
    z-index: 100
}

.arrow-holder:hover {
    text-decoration: none !important
}

.arrow-holder:hover .arrow-icon {
    font-size: 18px !important
}

#rcMediaPlayer {
    position: relative;
    border: 1px solid #363535;
    border: 1px solid var(--color-grey-dark)
}

#rcMediaPlayer .bannerMedia {
    position: absolute;
    z-index: 2;
    top: -4px;
    left: -4px
}

#rcMediaPlayer .bannerMedia img {
    width: 69px;
    height: 67px
}

#rcMediaPlayerSelected {
    position: relative;
    height: 100%;
    max-height: 600px;
    padding-bottom: 100%;
    border-bottom: 1px solid #000
}

#rcMediaPlayerSelected>a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    cursor: zoom-in;
    background-color: #fff;
    background-color: var(--color-white)
}

#rcMediaPlayerSelected img {
    max-width: 100%;
    max-height: 100%
}

#rcMediaPlayerSelected .videoWrapper {
    position: relative;
    height: 0;
    margin-top: 21.9%;
    padding-bottom: 56.25%
}

#rcMediaPlayerSelected .videoWrapper iframe,
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#rcMediaPlayerSelected .video-js {
    padding-bottom: 56.25%;
    position: relative !important;
    width: 100% !important;
    height: auto !important
}

#rcMediaPlayerSelected .vjs-poster {
    position: absolute !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.video-js .vjs-tech {
    width: auto !important;
    height: 100% !important
}

#rcMediaPlayerData .videoWrapper {
    position: relative;
    height: 0;
    margin-top: 21.9%;
    padding-bottom: 56.25%
}

#rcMediaPlayerData .video-js {
    padding-bottom: 56.25%
}

#rcMediaPlayerContainer {
    display: none
}

#rcMediaPlayerOverlay {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 25px;
    opacity: .7;
    background-color: #000;
    background-color: var(--color-black)
}

#rcMediaPlayerWindow {
    position: fixed;
    z-index: 10001;
    top: 25px;
    right: 25px;
    bottom: 25px;
    left: 25px;
    min-width: 950px;
    max-width: 1850px;
    padding: 5px;
    background-color: #fff;
    background-color: var(--color-white)
}

#rcMediaPlayerClose {
    position: absolute;
    z-index: 10002;
    top: 0;
    left: 2px;
    display: block;
    cursor: pointer
}

#rcMediaPlayerContent {
    height: 100%
}

a#rcMediaPlayerClose {
    position: relative;
    top: 0;
    right: 0;
    display: block;
    margin-top: -6px;
    margin-right: 214px
}

a#rcMediaPlayerClose i.topRight {
    float: right
}

#rcMediaPlayerDataContainer {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding-right: 207px
}

#rcMediaPlayerDataContainer .arrow-holder {
    position: absolute;
    top: 49%;
    margin-right: 4px
}

#rcMediaPlayerDataContainer .arrow-holder.left {
    left: 0
}

#rcMediaPlayerDataContainer .arrow-holder.right {
    right: 0
}

#rcMediaPlayerDataMedia {
    position: relative;
    width: 100%;
    height: 100%
}

#rcMediaPlayerDataMediaBox {
    position: absolute;
    top: 75px;
    right: 40px;
    bottom: 0;
    left: 40px;
    box-sizing: border-box;
    height: auto
}

#rcMediaPlayerContainer.segment #rcMediaPlayerDataMediaBox {
    bottom: 110px
}

#rcMediaPlayerData {
    height: 100%;
    text-align: center
}

#rcMediaPlayerDataTitle {
    font-size: 20px;
    font-weight: 700;
    overflow: hidden;
    height: 50px;
    margin: 0 40px;
    padding: 25px 0 0;
    text-align: center
}

#rcMediaPlayerContainer.segment #rcMediaPlayerDataDesc {
    font-size: 18px;
    position: absolute;
    right: 40px;
    bottom: 0;
    left: 40px;
    display: block;
    overflow: hidden;
    height: 100px;
    text-align: center
}

#content .inline_links,
#rcMediaPlayerContainer.segment #rcMediaPlayerDataDesc .links {
    display: inline-block
}

#content .inline_links {
    text-align: center !important
}

#content .inline_links ul {
    display: inline-block
}

#rcMediaPlayerDataDesc {
    display: none;
    padding: 10px 0 0
}

#content .inline_links ul,
#rcMediaPlayerDataDesc ul {
    margin-top: 10px
}

#content .inline_links li,
#rcMediaPlayerDataDesc li {
    float: left;
    width: auto
}

#content .inline_links li a,
#rcMediaPlayerDataDesc li a {
    font-size: 12px;
    display: block;
    overflow: hidden;
    width: 178px;
    margin-right: 10px;
    padding: 0;
    text-align: center;
    display: table
}

#content .inline_links li p,
#rcMediaPlayerDataDesc li p {
    display: table-cell;
    overflow: hidden;
    height: 30px;
    padding: 5px;
    text-align: center;
    vertical-align: middle
}

#rcMediaPlayerData .videoWrapper {
    margin-top: 0;
    padding-top: 0
}

#rcMediaPlayerData>img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%
}

#rcMediaPlayerThumbs {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    overflow-y: scroll;
    box-sizing: border-box;
    width: 207px;
    height: auto;
    padding: 5px 5px 0;
    background-color: #fff;
    background-color: var(--color-white)
}

#rcMediaPlayerThumbs li {
    position: relative;
    display: block;
    width: 174px;
    margin: 0 1px 16px;
    border: 1px solid #000
}

#rcMediaPlayerThumbs li.active {
    font-weight: 700;
    margin: -1px 0 15px;
    border: 2px solid #2578cb;
    border: 2px solid var(--color-accent)
}

#rcMediaPlayerThumbs li.active:hover {
    border-width: 2px
}

#rcMediaPlayerThumbs li:hover {
    border: 1px solid #2578cb;
    border: 1px solid var(--color-accent);
    background: #f2f2f4;
    background: var(--color-contrast);
    box-shadow: 0 0 2px #2578cb;
    box-shadow: 0 0 2px var(--color-accent)
}

#rcMediaPlayerThumbs li a:hover {
    text-decoration: none
}

#rcMediaPlayerThumbs li img {
    width: 100%
}

#rcMediaPlayerThumbs li .videoOverlay {
    position: absolute;
    top: 0;
    left: 0
}

#rcMediaPlayerThumbs li .videoOverlay img {
    width: 32px;
    height: 32px
}

#rcMediaPlayerThumbs li div.title {
    font-size: 14px;
    overflow: hidden;
    padding: 5px 10px;
    text-align: center
}

.videoWrapper {
    position: relative;
    height: 0;
    padding-top: 25px;
    padding-bottom: 56.25%
}

.ir {
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -999em;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    direction: ltr
}

.hidden {
    display: none !important;
    visibility: hidden
}

.visuallyHidden.focusable:focus,
UNUSED.visuallyHidden.focusable:active {
    position: static;
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto;
    margin: 0
}

.boxData:after,
.boxData:before,
.cf:after,
.cf:before,
.listItemTable li:after,
.listItemTable li:before,
.media:after,
.media:before {
    display: table;
    content: " "
}

.boxData:after,
.cf:after,
.listItemTable li:after,
.media:after {
    clear: both
}

.clear-both {
    clear: both
}

.full-width {
    width: 100%
}

.as_header {
    width: 100%;
    margin: 0;
    border-top: 2px solid #696868;
    border-top: 2px solid var(--color-grey);
    border-right: 2px solid #696868;
    border-right: 2px solid var(--color-grey);
    border-left: 2px solid #696868;
    border-left: 2px solid var(--color-grey)
}

.as_header.banner {
    display: block;
    margin-right: 15px;
    border: 0;
    background: url(../image/ban_wizard_1px.png)
}

a.as_header.banner:hover {
    text-decoration: none
}

.as_header.banner .titleBig {
    font-size: 28px
}

#as_qContent {
    position: relative;
    width: 100%;
    margin: 0 0 70px;
    border-right: 2px solid #696868;
    border-right: 2px solid var(--color-grey);
    border-bottom: 2px solid #696868;
    border-bottom: 2px solid var(--color-grey);
    border-left: 2px solid #696868;
    border-left: 2px solid var(--color-grey)
}

.as_reset {
    position: absolute;
    top: -45px;
    right: 24px;
    display: table-cell;
    text-align: center
}

.as_reset IMG {
    margin-bottom: 10px
}

.as_reset SPAN {
    color: #fff;
    color: var(--color-white)
}

.as_filterChoice,
.bannerHDPanel.normal .bannerTabsCenter,
UNUSED.bannerHDPanel.mince .bannerTabsCenter {
    padding: 0
}

.as_filterChoiceTop .heading1 {
    margin-left: 25px
}

.as_filterChoiceTop>div {
    box-sizing: border-box
}

.as-QList {
    font-size: 17px;
    height: 73px
}

.as-Description {
    font-size: 17px;
    margin: 40px
}

.as-Choices {
    font-size: 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 40px
}

.as-Choices-skip .btn {
    font-size: 17px;
    margin-left: 10px
}

.as_filterListChoiceItems .as_filterListChoiceItem img+div {
    overflow: hidden;
    max-height: 80px
}

.as_filterListChoiceItem a.thumbnail {
    border-radius: unset
}

.as_filterListChoiceItem a.thumbnail:focus,
.as_filterListChoiceItem a.thumbnail:hover {
    text-decoration: none;
    color: #000;
    color: var(--color-black);
    border-color: #2578cb;
    border-color: var(--color-accent);
    background: #f2f2f4;
    background: var(--color-contrast);
    box-shadow: 0 0 2px #2578cb;
    box-shadow: 0 0 2px var(--color-accent)
}

.as_filterListChoiceItem a.thumbnail.active {
    font-weight: 700;
    text-decoration: none;
    color: #000;
    color: var(--color-black);
    border-color: #fff;
    border-color: var(--color-white);
    outline: 2px solid #2578cb;
    outline: 2px solid var(--color-accent);
    background: #fff;
    background: var(--color-white)
}

.as_filterListChoiceItem a.thumbnail.active:hover {
    box-shadow: none
}

.as_filterListChoiceItem a .caption {
    display: flex;
    align-items: center;
    justify-content: center
}

.thumbnail:hover {
    border-color: #2578cb;
    border-color: var(--color-accent)
}

.as-SaisieNumerique {
    width: 250px;
    margin: 30px 40px 40px
}

.listTable {
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light);
    border-top: 0
}

.listTable td {
    padding: 10px;
    border-top: 1px solid #cfcece;
    border-top: 1px solid var(--color-grey-light)
}

@media only screen and (device-width:768px) and (max-device-width:1024px) {
    .listTable td {
        padding: 15px
    }
}

.listTable td.right,
.listTable th.right {
    text-align: right
}

.listTable td.center,
.listTable th.center {
    text-align: center
}

.listTable th {
    padding: 5px;
    color: #fff;
    color: var(--color-white);
    background-color: #363535;
    background-color: var(--color-grey-dark)
}

.listTable th:first-child,
UNUSED.gridTable tr.high td:first-child,
UNUSED.gridTable tr.low td:first-child {
    border-left: 1px solid #363535;
    border-left: 1px solid var(--color-grey-dark)
}

.listTable th:last-child {
    border-right: 1px solid #363535;
    border-right: 1px solid var(--color-grey-dark)
}

.listTable tr.noBT td {
    border-top: 0
}

.listTable.confPriceQuote th.minWidth {
    min-width: 100px
}

#mergeCartDisplayForm i {
    width: 43px;
    text-align: center
}

.boxTitleFull {
    font-size: 11pt;
    font-weight: 700;
    position: relative;
    height: 25px;
    color: #fff;
    color: var(--color-white);
    background: #363535;
    background: var(--color-grey-dark)
}

.boxTitleFull h3 {
    margin: 4px 0 0 6px
}

.boxTitleFull label {
    margin: 0 4px 0 0
}

.boxContent {
    margin-bottom: 30px;
    border: 1px solid #dbdbdb;
    border: 1px solid var(--color-grey-x-light);
    border-top: 0
}

UNUSED.cart_prodNSTable .cartQty,
UNUSED.cart_prodRegTable .cartQty {
    float: right;
    margin: 15px 0
}

UNUSED.cart_prodNSTable .unite,
UNUSED.cart_prodRegTable .unite {
    font-size: 10px;
    float: right;
    margin: 18px 0
}

UNUSED.cartPdf_prodNSTable .unite,
UNUSED.cartPdf_prodRegTable .unite {
    font-size: 10px;
    float: right;
    margin: 12px 5px 0
}

.panier_ligne_prodReg>TD {
    padding: 8px 0;
    border-top: 1px solid #dbdbdb;
    border-top: 1px solid var(--color-grey-x-light)
}

.panier_ligne_prodRegErr>TD {
    background-color: #f5cccc;
    background-color: var(--color-error-light)
}

.bcHistoHeaderTable {
    width: 100%;
    margin-bottom: 20px
}

.bcHistoHeaderTable td,
.bcHistoHeaderTable th {
    padding: 4px
}

.bcHistoHeaderTable th {
    font-weight: 700;
    text-align: right
}

.bcHistoHeaderTable tr>:first-child {
    width: 20%
}

.bcHistoBloc td,
.bcHistoBloc th {
    padding: 3px
}

.bcHistoBloc .info td,
.bcHistoBloc td.info,
.cartForm .ligneMaster td,
.cartForm .subTotal td {
    border-top: 1px solid #cfcece;
    border-top: 1px solid var(--color-grey-light)
}

.bcHistoBloc .prodRegTable tbody+tbody {
    border-top: 1px solid #ddd
}

.bcHistoBloc .prodRegTable tbody+tbody.bcBlocFooter {
    border-top: 2px solid #ddd
}

.bcHistoBloc .prodRegTable tbody td {
    border-top: 0
}

.bcHistoBloc .prodRegTable .kitLine td:first-child {
    padding-left: 25px
}

.bcHistoBloc .porteTable tbody td {
    border-top: 0
}

.bcHistoBloc .porteTable .infoLine>td {
    border-top: 1px solid #dbdbdb;
    border-top: 1px solid var(--color-grey-x-light)
}

.bcHistoBloc .prodNSTable tbody+tbody {
    border-top: 1px solid #ddd
}

.bcHistoBloc .prodNSTable tbody td {
    border-top: 0
}

.bcHistoTitre {
    font-weight: 700
}

.bcHistoNoteConf,
.bcHistoNoteDim {
    font-size: 12px
}

.bc_etapeHr {
    position: absolute;
    width: 135px;
    height: 3px;
    margin: 0;
    color: #dbdbdb;
    color: var(--color-grey-x-light);
    border: 0;
    background-color: #dbdbdb;
    background-color: var(--color-grey-x-light)
}

.bc_noteIOM {
    margin-bottom: 10px
}

.bc_ligne_prodReg>td {
    padding-top: 8px;
    padding-bottom: 8px;
    border-top: 1px solid #dbdbdb;
    border-top: 1px solid var(--color-grey-x-light)
}

.bc_ligne_prodReg_noB>td {
    padding-bottom: 8px
}

.bg_warningComm {
    background-color: #fcf8e3;
    background-color: var(--color-warning)
}

.cart-Warning {
    display: none
}

.bcLineShippingQuote>td {
    background-color: #fcf8e3 !important;
    background-color: var(--color-warning) !important
}

#consolidationLAV {
    padding: 2px 0 10px
}

#consolidationLAV.off,
#consolidationLAV.off select {
    color: #727070;
    color: var(--color-grey-mid-light)
}

#bcHistoPage.pdf .hideInPdf {
    display: none
}

#monerisWrapper.token #monerisFrame {
    width: 100%;
    height: 212px;
    border: 0;
    font-family: Arial, sans-serif;
    font-size: 85%
}

#monerisFrame {
    border: 0
}

#monerisWrapper.notoken {
    position: relative;
    height: 180px
}

#monerisWrapper.notoken>div.monerisLabel {
    position: absolute;
    top: 0;
    left: 15px
}

#monerisWrapper.notoken>div.monerisFrame {
    position: absolute;
    top: 0;
    left: 230px
}

#monerisWrapper.notoken>div.sslHelp {
    position: absolute;
    top: 48px;
    left: 440px
}

#monerisWrapper.notoken>div.ccdHelp {
    position: absolute;
    top: 124px;
    left: 320px
}

#monerisWrapper.notoken>div label {
    display: block;
    margin: 7px 0 19px
}

#monerisWrapper.notoken>div input {
    margin-left: 5px
}

.cartTotal {
    font-size: 15px
}

.cartTotal>span {
    font-size: 18px;
    font-weight: 700;
    margin-left: 10px
}

.cartTotalBottomContainer {
    margin: 20px 0
}

.cartForm .cartActionButton {
    margin: 10px 0
}

.cartForm .cartActionButton ul {
    display: block;
    float: left;
    padding-top: 7px
}

.cartForm .cartActionButton .warningSavedCart {
    font-size: 16px;
    float: left
}

.cartForm #p_orderBloc.cartActionButton .warningSavedCart {
    float: none
}

.cartForm th {
    font-size: 14px;
    font-weight: 700;
    vertical-align: bottom
}

.cartForm .priceCell li div,
.cartForm td,
.cartForm th {
    box-sizing: border-box
}

.cartForm td {
    vertical-align: top
}

.cartForm .priceCell {
    width: 18%;
    text-align: right
}

.cartForm.bcForm .etaCell,
.cartForm.bcForm .priceCell,
.cartForm.bcForm .qtyCell,
.cartForm.bcForm .totalCell,
.cartForm .unitCell {
    width: 10%
}

.cartForm .qtyCell {
    width: 12%;
    min-width: 165px;
    text-align: center;
    white-space: nowrap
}

.cartForm .qtyCell .remove {
    display: block;
    width: 165px;
    padding-top: 3px
}

.cartForm.bcForm .unitCell,
.cartForm .totalCell {
    width: 15%
}

.cartForm tr:not(.ligneMaster) td {
    border-width: 0
}

.cartForm tr.subTotal td {
    border-width: 1px
}

.cartForm .prodImg img {
    width: 90px;
    height: 90px
}

.cartForm .prodImg {
    position: absolute;
    left: 0
}

.cartForm .indentImg td,
.cartForm .infoCell .info {
    padding-left: 110px
}

.cartForm .infoCell .note {
    font-size: 12px;
    padding-left: 110px
}

.cartForm .infoCell .info.withImg,
UNUSED#as_qList.nbQ6 ul li div,
UNUSED#as_qList.nbQ7 ul li div {
    min-height: 90px
}

.cartForm .name {
    display: block
}

.cartForm .name,
.cartForm .nameKeyAlike {
    font-size: 17px;
    font-weight: 700
}

.cartForm a.remove {
    display: inline
}

.cartForm a.remove i {
    margin-left: 5px
}

.cartForm td,
.cartForm th {
    padding: 10px 3px
}

.cartForm .cartQty {
    display: inline-block;
    float: none
}

.cartForm .cartFormBuyMore {
    font-size: 10px;
    margin-top: 16px
}

.cartForm .priceCell li {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: right
}

.cartForm .priceCell li .break,
.cartForm .priceCell li .range {
    font-size: 10px;
    text-align: right
}

.cartForm .priceCell li .price,
.cartForm .priceCell li .prixStrMaster {
    font-size: 10px;
    min-width: 60px;
    text-align: right
}

.cartForm .priceCell li.unitPrice .prixStrMaster {
    font-size: 15px;
    font-weight: 700
}

.cartForm .priceCell li:not(.sugg):first-child .price {
    font-size: 15px;
    font-weight: 700
}

.cartForm .totalCell {
    font-size: 15px;
    font-weight: 700
}

.cartForm .priceCell .volumeDiscount {
    text-align: right
}

.cartForm .priceCell .volumeDiscount a {
    color: #2578cb;
    color: var(--color-accent)
}

.cartForm .priceCell .prod_rouge {
    color: #d92105;
    color: var(--color-error)
}

.cartForm .tagLine td,
UNUSED.cartForm .errorLine td {
    padding-bottom: 10px
}

.cartForm .tagLine td>div {
    float: left;
    margin-right: 5px
}

.cartForm .tagLine td>div input {
    line-height: 26px;
    display: block
}

.cartForm .tagLine td div.title,
UNUSED.cartForm .tagLine td div.tag {
    line-height: 32px
}

.cartForm .tagLine button {
    padding: 0;
    border: 0;
    background-color: transparent
}

.cartForm .tagLine .fa {
    font-size: 30px;
    padding-top: 2px;
    color: #14365d;
    color: var(--color-accent-xx-dark)
}

.cartForm .tagLine.readOnly td div.title {
    line-height: normal
}

.cartForm .errorLine td {
    font-weight: 700;
    text-align: right;
    color: #d92105;
    color: var(--color-error)
}

.cartForm .subTotal td {
    font-size: 15px;
    font-weight: 700;
    border-top: 1px solid #cfcece;
    border-top: 1px solid var(--color-grey-light)
}

.cartForm .cartQtyReadOnly {
    display: block
}

.subtitle {
    display: inline-block
}

.pdf .cartForm .keyAlikeButton,
.pdf .cartForm a.remove {
    display: none
}

.cartForm td.innerTable {
    padding: 2px 0 0;
    vertical-align: middle;
    border: none
}

.cartForm .break {
    line-height: .6;
    float: left;
    width: 56%;
    text-align: right
}

.cartForm .break>div {
    padding: 0 4px 0 0
}

.cartForm.bcForm .infoCell {
    width: 45%
}

.cartForm.bcForm textarea {
    box-sizing: border-box;
    width: 100%;
    height: 50px
}

.cartForm.bcForm .footer td {
    padding-top: 5px;
    padding-bottom: 5px
}

.cartForm .orderInfo {
    padding-bottom: 20px
}

.cartForm .orderInfoMessage {
    float: left;
    width: 641px;
    padding-bottom: 12px
}

.bcFormButton>div>a,
.bcFormButton>div>button {
    margin-left: 5px
}

.homeSectionName:hover {
    color: #d92105;
    color: var(--color-error);
    border-bottom: 1px solid #d92105;
    border-bottom: 1px solid var(--color-error);
    background: url(../image/arrow2.png) no-repeat scroll -2px 4px transparent
}

.catSText {
    position: relative;
    float: left;
    margin-left: 5px
}

.catSText input {
    display: inline-block;
    width: 231px !important;
    vertical-align: middle;
    color: #4f4f4f;
    color: var(--color-grey-mid-dark);
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light);
    background: none repeat scroll 0 0 #fff
}

.catFilter {
    width: 100%;
    margin: 0 auto 5px;
    text-align: right
}

.catAll {
    margin-right: -10px
}

#searchTermCat {
    margin: 0 auto
}

.catTablette {
    position: relative;
    width: 100%;
    margin-top: 40px;
    padding-bottom: 43px
}

.catTablette li {
    float: left;
    width: 25%;
    margin: 0
}

@media only screen and (min-width:1250px) {
    .catTablette li {
        width: 20%
    }
}

.catTablette li>div {
    font-size: 14px;
    position: relative;
    display: block;
    height: 360px;
    margin: 0 20px 20px 0;
    padding: 5px;
    text-align: center;
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light)
}

.catTablette li a {
    display: block
}

.catTablette li h3 {
    overflow: hidden;
    height: 38px;
    margin: 6px 0
}

.catTablette li .desc {
    position: relative;
    top: -2px;
    overflow: hidden;
    height: 62px
}

.catTablette .media {
    margin: 0;
    padding: 7px 5px 0
}

.catTablette .media img {
    width: 142px;
    height: auto;
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light)
}

.catTablette .media.one img {
    margin: 0 0 0 8px
}

.catTablette .media.many img {
    margin: 1px 0 0 13px
}

.catTablette .media.one {
    background: url(../image/backgroundBrochure.png) no-repeat top
}

.catTablette .media.many {
    background: url(../image/brochure-stack.png) no-repeat top
}

.catTablette .imgNew {
    position: absolute;
    top: -3px;
    left: -3px
}

.catTablette .bottom {
    position: relative;
    width: 100%
}

.catTablette .prixSugg {
    font-size: 14px;
    position: absolute;
    right: 5px;
    bottom: 5px
}

.catTablette .prixSugg .tooltip {
    width: 200px
}

.catTablette .prixSugg .tooltip .tooltip-inner {
    top: -18px;
    right: 5px
}

.catTabsContainer {
    padding: 4px 0 8px
}

.catTabsTitle {
    padding: 6px 12px
}

.catTabs a.on {
    color: #fff;
    color: var(--color-white);
    background-color: #363535;
    background-color: var(--color-grey-dark)
}

.pull-right .catPages {
    padding-bottom: 5px
}

.disabled .catPages LI A {
    display: none
}

.catOnePage {
    position: relative;
    width: 1385px;
    margin: 0 auto;
    text-align: center;
    background: url(../image/background-full-page-right.jpg) no-repeat center 0
}

.catOnePage div.catPageName {
    font-size: 12pt;
    margin-top: 10px
}

.catOnePage .catPageNav {
    position: absolute;
    top: 0;
    display: block;
    width: 80px;
    height: 100%;
    min-height: 953px;
    max-height: 1803px;
    text-indent: -999em
}

.catOnePage .catPageNav:hover {
    background-color: rgba(#dbdbdb, .5);
    background-color: rgba(var(--color-grey-x-light), .5)
}

.catOnePage .catPrevPage {
    left: 0;
    background: url(../image/side_prev.png) no-repeat 50%
}

.catOnePage .catNextPage {
    right: 0;
    background: url(../image/side_next.png) no-repeat 50%
}

.catOnePage img {
    width: 1380px;
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light)
}

.catThumbs LI {
    display: block;
    float: left;
    width: 25%;
    text-align: center
}

@media only screen and (min-width:1190px) {
    .catThumbs li {
        width: 20%
    }
}

.catThumbs li>a {
    position: relative;
    display: block;
    margin: 0 15px 25px 0
}

.catThumbs img {
    width: 100%;
    margin-bottom: 5px;
    box-shadow: 2px 2px 5px #727070;
    box-shadow: 2px 2px 5px var(--color-grey-mid-light)
}

.config2 {
    font-size: 14px;
    margin-bottom: 20px;
    padding: 10px;
    background-color: #cfcece;
    background-color: var(--color-grey-light)
}

.config2>div {
    width: 100%
}

.config2RowCarac {
    font-size: 14px;
    position: relative;
    height: 30px;
    margin-bottom: 10px;
    padding: 10px 10px 0;
    text-align: center;
    border: 1px solid #525b63;
    border: 1px solid var(--color-nav);
    border-radius: 5px;
    background-color: #f5f5f5;
    background-color: var(--color-grey-xx-light)
}

.config2RowCarac span {
    font-weight: 700
}

.config2RowCarac.current {
    margin-bottom: 0
}

.config2RowCarac .qPointer {
    position: absolute;
    z-index: 80;
    top: 10px;
    left: 80px;
    color: #f5f5f5;
    color: var(--color-grey-xx-light)
}

.config2RowImg {
    display: inline-block;
    margin-top: -4px
}

.config2RowImg img {
    border: 1px solid #727070;
    border: 1px solid var(--color-grey-mid-light)
}

.config2Help {
    position: absolute;
    z-index: 10;
    top: 5px;
    right: 10px
}

.config2_carac_choix {
    font-size: 14px;
    z-index: 1;
    overflow: auto;
    margin: 0 0 10px 7px;
    padding: 35px 20px 20px;
    text-align: center;
    border: 3px solid #cfcece;
    border: 3px solid var(--color-grey-light);
    border-top: 0;
    background-color: #363535;
    background-color: var(--color-grey-dark)
}

.config2_carac_choix a {
    color: #e4e5e8;
    color: var(--color-accent-x-light)
}

.config2_carac_choix li {
    float: left
}

.config2_carac_choix li>div {
    margin-right: 20px;
    margin-bottom: 20px
}

.config2_carac_choix ul.col2>li>div {
    width: 340px
}

.config2_carac_choix ul.col3>li>div {
    width: 226px
}

.config2_carac_choix ul.col4>li>div {
    width: 170px
}

.config2RowQte {
    font-size: 14px;
    position: relative;
    margin-bottom: 10px;
    padding: 10px 10px 0;
    text-align: center;
    border: 1px solid #525b63;
    border: 1px solid var(--color-nav);
    border-radius: 5px;
    background-color: #f5f5f5;
    background-color: var(--color-grey-xx-light)
}

.config2RowQte>span {
    font-weight: 700
}

.config2 .prodForm tr:hover td {
    background-color: #cfcece;
    background-color: var(--color-grey-light)
}

.config2_spec {
    margin: 3px 3px 10px 7px;
    padding: 5px;
    border: 3px solid #727070;
    border: 3px solid var(--color-grey-mid-light);
    background-color: #363535;
    background-color: var(--color-grey-dark)
}

.config2_spec td {
    color: #e4e5e8;
    color: var(--color-accent-x-light)
}

.config2_specOption {
    padding: 7px 0 0
}

.config2_specOption IMG.imgOption {
    border: 2px solid #dbdbdb;
    border: 2px solid var(--color-grey-x-light)
}

#dimForm input[type=text],
UNUSED#dimForm select {
    font-size: 8pt;
    border: 1px solid #000
}

@media only screen and (min-width:1190px) {
    .promoCatList li {
        width: 20%
    }

    .profileAdrList li {
        width: 33.333%
    }
}

.gridSegment {
    margin: 0 0 20px 24px;
    border: 1px solid #363535;
    border: 1px solid var(--color-grey-dark)
}

.gridSegment th {
    padding: 0;
    color: #fff;
    color: var(--color-white);
    border-top: 1px solid #727070;
    border-top: 1px solid var(--color-grey-mid-light);
    border-right: 1px solid #727070;
    border-right: 1px solid var(--color-grey-mid-light);
    background-color: #363535;
    background-color: var(--color-grey-dark)
}

.gridSegment th>div {
    font-weight: 700;
    text-align: center;
    word-wrap: break-word
}

.gridSegment th>div>div.axeText {
    padding: 3px 0
}

.gridSegment td {
    padding: 0;
    border-top: 1px solid #727070;
    border-top: 1px solid var(--color-grey-mid-light);
    border-right: 1px solid #727070;
    border-right: 1px solid var(--color-grey-mid-light)
}

.gridSegment td a {
    display: block;
    overflow: hidden;
    height: 30px;
    text-align: center
}

@media only screen and (device-width:768px) and (max-device-width:1024px) {
    .gridSegment td a {
        height: 50px
    }
}

.gridSegment img {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.mrTable.commSpec>tbody>tr>td,
.mrTable.commSpec th {
    padding-right: 3px;
    padding-left: 3px
}

.mrTable.commSpec>tbody>tr>td.right,
.mrTable.commSpec th.right {
    text-align: right
}

.letterColumn {
    float: left;
    width: 230px;
    padding: 3px
}

UNUSED.logBox td,
UNUSED.logBox th {
    padding: 5px 3px;
    border-spacing: 0;
    border: 0
}

.logBox th {
    text-align: right;
    vertical-align: top
}

.rapideQty .input-group {
    margin: 0 8px
}

.reloadBtn {
    font: 700 9px tahoma, sans-serif;
    display: block;
    float: left;
    width: 29px;
    height: 22px;
    margin: 0;
    padding: 0;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    color: var(--color-white);
    border: 1px solid #000;
    border-radius: 4px;
    background-image: url(../image/icon-refresh.png) no-repeat center #292929;
    background-image: url(../image/icon-refresh.png) no-repeat center var(--color-grey-x-dark)
}

#showMoreLink {
    font-size: 11px;
    position: relative;
    display: block;
    margin: 10px 0 14px;
    padding: 3px;
    background: #f5f5f5;
    background: var(--color-grey-xx-light)
}

.showModeBtn:hover {
    text-decoration: none;
    color: #727070;
    color: var(--color-grey-mid-light)
}

UNUSED.boxData a.html5lightbox,
UNUSED.homeBoxData a.html5lightbox {
    display: inline-block;
    text-decoration: none
}

.boxData .heading1,
UNUSED.homeBoxData .heading1 {
    display: inline-block
}

.ord_box {
    margin: 20px 0 10px;
    padding: 15px
}

.ord_or {
    font: 700 26px/1 Arial, sans-serif;
    padding: 25px 0 10px;
    text-align: center
}

.ord_subbox {
    min-height: 121px;
    padding: 5px 5px 5px 140px;
    border: 1px solid #363535;
    border: 1px solid var(--color-grey-dark);
    border-radius: 4px
}

.ord_subbox .ord_warning {
    font-style: italic;
    margin-top: 25px
}

#caracs a.caracsExpandCollapse {
    padding: 3px
}

#caracs div.caracs {
    border-top: 2px solid #727070;
    border-top: 2px solid var(--color-grey-mid-light);
    background-color: #fff;
    background-color: var(--color-white)
}

#caracs div.caracTop {
    font-size: 20px;
    position: relative;
    display: block;
    min-height: 20px;
    padding: 6px 40px 6px 10px;
    text-align: left;
    border-bottom: none
}

#caracs div.caracTop.caracsExpandCollapse i {
    position: relative;
    top: 4px;
    margin-right: 15px
}

#caracs div.caracTop.caracsExpandCollapse {
    cursor: pointer
}

#caracs div.caracTop .selectedOption img {
    width: 30px
}

#caracs div.caracTop.on {
    color: #fff;
    color: var(--color-white);
    background-color: #525b63;
    background-color: var(--color-nav)
}

#caracs .caracs_options {
    padding: 10px 0 0;
    border-top: 1px solid #000
}

#caracs .caracs_options .options {
    position: relative
}

#caracs .caracs_options .options .popup {
    position: absolute;
    z-index: 2;
    top: 1px;
    right: 16px;
    padding: 4px;
    color: #292929;
    color: var(--color-grey-x-dark);
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light);
    border-top: 0;
    border-right: 0;
    border-radius: 0 0 0 4px;
    background-color: #fff;
    background-color: var(--color-white)
}

#caracs .caracs_options .options .modal-body div {
    text-align: center
}

#caracs .caracs_options .options a.thumbnail {
    position: relative;
    display: block;
    text-align: center;
    text-decoration: none;
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light);
    border-radius: 0
}

#caracs .caracs_options .options a.thumbnail span {
    display: block
}

#caracs .caracs_options .options a.thumbnail:hover {
    text-decoration: none;
    border-color: #2578cb;
    border-color: var(--color-accent);
    box-shadow: 0 0 2px #2578cb;
    box-shadow: 0 0 2px var(--color-accent)
}

#caracs .popoverBox {
    display: none
}

#caracs .popover,
#caracs .popover-content {
    max-width: 400px;
    text-align: center
}

#caracs .popover {
    width: 400px
}

#caracs .popover-content img {
    width: 100%
}

#configurateur.lineaire .configDesc {
    margin: 0 0 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 4px solid #525b63;
    border: 4px solid var(--color-nav);
    border-top: 0;
    background-color: #f2f2f4;
    background-color: var(--color-contrast)
}

#configurateur.lineaire .configDesc h2 {
    font-size: 23px
}

#configurateur.lineaire .csNote {
    margin-top: 10px
}

#configurateur.lineaire .csNote textarea {
    height: 54px
}

#configurateur.lineaire .topHeader {
    padding: 1px 0;
    text-align: center;
    color: #fff;
    color: var(--color-white);
    background-color: #292929;
    background-color: var(--color-grey-x-dark)
}

#configurateur.lineaire .topHeader h3 {
    padding: 0 10px;
    text-align: left
}

#configurateur.lineaire .caracsExpandCollapse.expanded {
    color: #fff;
    color: var(--color-white);
    background-color: #525b63;
    background-color: var(--color-nav)
}

#configurateur.lineaire #assemblage {
    border-right: 4px solid #525b63;
    border-right: 4px solid var(--color-nav);
    border-bottom: 4px solid #525b63;
    border-bottom: 4px solid var(--color-nav);
    border-left: 4px solid #525b63;
    border-left: 4px solid var(--color-nav)
}

#configurateur.lineaire .collapser {
    font-size: 40px;
    position: absolute;
    top: -12px;
    right: 18px;
    display: none;
    color: #fff;
    color: var(--color-white)
}

#configurateur.lineaire .caracsExpandCollapse.expanded .collapser {
    display: inline !important
}

#configurateur.lineaire .expender {
    font-size: 30px;
    position: absolute;
    top: -1px;
    right: 18px;
    display: none
}

#configurateur.lineaire .caracsExpandCollapse.on .expender {
    display: inline !important;
    color: #fff;
    color: var(--color-white)
}

#configurateur.lineaire .caracsExpandCollapse .expender {
    display: inline !important;
    color: #000;
    color: var(--color-black)
}

#configurateur.lineaire .caracsExpandCollapse.expanded .expender {
    display: none !important
}

#caracs .anchor {
    position: absolute;
    top: -115px;
    left: 0
}

#caracs .caracs_options li.on {
    font-weight: 700;
    border: 1px solid #d92105;
    border: 1px solid var(--color-error)
}

#caracs .caracs_options li:hover {
    text-decoration: underline;
    border: 1px solid #fff
}

#caracs li.options img {
    width: 100%;
    height: auto
}

#caracs li.options div {
    height: 50px;
    padding: 10px 5px;
    background-color: #fff;
    background-color: var(--color-white)
}

#caracs li.options {
    float: left;
    margin: 0 12px 15px 2px;
    padding: 0 10px;
    text-align: center;
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light);
    background-color: #fff
}

#caracs li.options a span {
    display: block;
    margin: 10px
}

.lignePanierPorte td {
    padding-top: 6px;
    padding-bottom: 5px
}

#pi2_quickLinks ul {
    display: inline-block;
    margin-bottom: 0;
    padding-bottom: 10px;
    padding-left: 0;
    background-color: #fff;
    background-color: var(--color-white)
}

#pi2_quickLinks li:nth-child(1n+2) {
    position: relative;
    width: 28px;
    height: 38px
}

#pi2_quickLinks li:first-child {
    padding: 0 8px 0 7px
}

#pi2_quickLinks li.last div,
#pi2_quickLinks li div {
    font-size: 18px;
    display: table-cell;
    vertical-align: middle
}

#pi2_quickLinks {
    z-index: 111;
    width: 100%;
    max-width: 1380px;
    background-color: #fff;
    background-color: var(--color-white)
}

#pi2_quickLinks>div {
    width: 100%
}

@media only screen and (device-width:768px) and (max-device-width:1024px) {
    #pi2_quickLinks {
        width: calc(100vw - 30px)
    }
}

#pi2_quickLinks>div,
#pi2_quickLinks>div li {
    color: #000;
    color: var(--color-black);
    background-color: #fff;
    background-color: var(--color-white)
}

#pi2_quickLinks>div li {
    font-weight: 700;
    display: table;
    float: left;
    height: 38px;
    padding: 0;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase
}

#pi2_quickLinks>div li.on,
#pi2_quickLinks li:hover {
    color: #fff;
    outline: none;
    background-color: #2578cb;
    background-color: var(--color-accent)
}

.RC #pi2_quickLinks>div li.on,
.RC #pi2_quickLinks li:hover {
    color: #fff;
    color: var(--color-white);
    background-color: #525b63;
    background-color: var(--color-nav)
}

#pi2_quickLinks>div li.on:after,
#pi2_quickLinks>div li:hover:after,
#pi2_quickLinks li.first:hover:after,
#pi2_quickLinks li.on.first:after {
    border: none
}

#pi2_quickLinks li:not([data-anchor]) {
    cursor: default;
    color: #dbdbdb;
    color: var(--color-grey-x-light)
}

#pi2_quickLinks li:not([data-anchor]):hover {
    text-decoration: none;
    color: #dbdbdb;
    color: var(--color-grey-x-light);
    background: none
}

#pi2_quickLinks li:not([data-anchor]):hover:after {
    border: none
}

.cartForm .priceCell li,
.cartForm .totalCell {
    white-space: nowrap
}

.cartForm.savedCart a.remove {
    display: none
}

.cartForm .infoCell {
    position: relative
}

.cartForm .cartActionButton .pull-right>* {
    margin-left: 10px
}

.cartForm .footerCell,
.cartForm .subTotal td:first-child,
.cartForm .totalCell {
    text-align: right
}

.cartForm.bcForm .footerCell,
.cartForm.bcForm .instructions,
.cartForm.bcForm .priceCell,
.cartForm.bcForm .qtyCell {
    font-size: 15px
}

.cartForm .infoCell {
    width: 50%
}

.cartForm .cartQty {
    white-space: nowrap
}

.cartForm .cartQty .input-group {
    float: left;
    width: 126px
}

.cartForm .cartQty .input-group .cartQtyInputText {
    padding: 6px
}

#p_orderBlocTop {
    position: fixed;
    z-index: 125;
    top: 100px;
    display: none;
    width: 100%;
    height: 70px;
    margin: 0 auto;
    border-bottom: 1px solid #727070;
    border-bottom: 1px solid var(--color-grey-mid-light);
    background-color: #fafaf5;
    background-color: var(--color-warning-x-light)
}

#p_orderBlocTop>div {
    min-width: 960px;
    max-width: 1380px;
    margin: 10px auto 0;
    padding: 12px 0
}

#p_orderBlocTop>div ul {
    display: inline
}

#p_orderBlocTop>div ul li {
    padding: 7px
}

#p_orderBlocTop>div ul li i {
    margin-right: 6px
}

#p_orderBlocTop .pull-right {
    position: absolute;
    top: 13px;
    right: 0;
    width: 400px;
    text-align: right
}

UNUSED.infoSpec.narrow .col1,
UNUSED.infoSpec.narrow .col2 {
    width: 344px
}

UNUSED.infoSpec.wide .col1,
UNUSED.infoSpec.wide .col2 {
    width: 463px
}

UNUSED.boxInfo .productTitle,
UNUSED.boxInfoDocs .productTitle {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 4px
}

.boxInfoDocs .productTitle {
    position: absolute;
    top: 6px;
    left: 8px
}

DIV.tabs {
    border-bottom: 2px solid #363535;
    border-bottom: 2px solid var(--color-grey-dark)
}

DIV.tabs UL {
    height: 29px;
    margin: 0;
    padding: 0;
    list-style: none
}

DIV.tabs li {
    display: block;
    float: left;
    height: 29px;
    padding-right: 3px
}

DIV.tabs li a {
    font-size: 11pt;
    position: relative;
    top: 4px;
    display: block;
    float: left;
    width: 230px;
    height: 20px;
    padding-top: 5px;
    text-align: center;
    text-decoration: none;
    opacity: .5;
    color: #fff;
    color: var(--color-white);
    background: none repeat scroll 0 0 #363535;
    background: none repeat scroll 0 0 var(--color-grey-dark)
}

DIV.tabs li a.active {
    font-weight: 700;
    position: static;
    height: 24px;
    opacity: 1
}

UNUSEDDIV.tabs.tabsReg li,
UNUSEDDIV.tabs.tabsReg li a {
    width: 469px
}

.ligneHighlight2:hover TD,
.ligneHighlight:hover TD {
    background-color: #d2dae2;
    background-color: var(--color-accent-light)
}

.blocRadio {
    display: inline-block;
    margin: 5px 0
}

.blocRadio .label {
    display: block;
    float: left
}

.blocRadio span.titre {
    font-weight: 700;
    display: block
}

.radios {
    width: 700px
}

.radios,
.radios input {
    float: left
}

.radios label {
    display: inline-block;
    margin: 0 0 10px 10px
}

.radios label.push-right {
    margin-left: 44px
}

.reg_saisie_conditions {
    font-size: 14px;
    display: block;
    margin: 0 0 5px;
    padding: 0 55px
}

.ins-ExistingClientForm .reg_saisie_conditions {
    margin: 20px 0
}

.reg_saisie_conditions a {
    text-decoration: underline;
    color: #2578cb;
    color: var(--color-accent)
}

.ins-ExistingClientForm h3:not(.panel-title) {
    margin: 10px 0 0
}

.ins-ExistingClientForm .info {
    font-size: 12px;
    margin-top: 5px
}

.reg_saisie_soumettre {
    padding: 25px 0;
    text-align: center
}

.reg_saisie_preferences {
    margin-top: -20px
}

.reg_saisie_prefs_icon {
    float: left;
    width: 64px;
    height: 64px;
    margin: 20px 0 0;
    text-align: center
}

.reg_saisie_prefs_checkbox {
    min-height: 64px;
    margin: 20px 0 0 80px
}

.reg_saisie_prefs_checkbox_tableau {
    float: left;
    width: 50%;
    margin: 5px 0 0
}

.reg_saisie_prefs_checkbox>label {
    display: block;
    margin-top: 5px !important
}

#blocFactureOnline>label {
    display: block;
    height: 23px;
    padding: 3px 0 3px 40px
}

#blocFactureOnline>label.inputEmail {
    background: url(../image/email.png) no-repeat 0 transparent
}

.reg_intention_2fa_notice {
    color: #292929;
    color: var(--color-base-black);
    margin-top: 10px
}

body:not(.touch-phone) .reg_intention_2fa_notice {
    margin-top: 3px
}

.checkbox .reg_intention_2fa_label {
    color: #292929;
    color: var(--color-base-black);
    font-weight: 700
}

#blocFactureOnline>label.inputFax {
    background: url(../image/print.png) no-repeat 0 transparent
}

#blocFactureOnline>label.inputMail {
    background: url(../image/mail-envelope.png) no-repeat 0 transparent
}

#blocEtatCompte {
    padding: 10px 0 0
}

.reg_saisie_left_small div.categories {
    width: 380px;
    min-height: 20px;
    padding: 2px
}

.reg_saisie_checkboxes div.checkbox {
    float: left;
    width: 400px;
    padding: 5px
}

.reg_saisie_left_small div.categorieLabel {
    float: left;
    width: 300px
}

.reg_saisie_left_small div.prix {
    float: left;
    width: 75px
}

.reg_saisie_left_small div.shortLabel {
    float: left;
    width: 150px
}

.reg_saisie_left_small div.emailInput {
    float: left;
    width: 180px
}

#pageTypeInscription.pro {
    background-image: url(../image/banniere1_new.jpg);
    background-repeat: no-repeat
}

#pageTypeInscription.designer {
    background-image: url(../image/banniere2_new.jpg);
    background-repeat: no-repeat
}

#pageTypeInscription .subtitle {
    font-size: 26px;
    font-weight: 700;
    margin: 0 0 20px;
    color: #14365d;
    color: var(--color-accent-xx-dark)
}

#pageTypeInscription #reg_tabContent {
    width: 100%
}

#pageTypeInscription .jumbotron {
    background: transparent linear-gradient(175deg, rgba(#465d73, .9), rgba(#465d73, .6) 45%, rgba(#465d73, 0) 75%) repeat scroll 0 0;
    background: transparent linear-gradient(175deg, rgba(var(--color-accent-x-dark), .9), rgba(var(--color-accent-x-dark), .6) 45%, rgba(var(--color-accent-x-dark), 0) 75%) repeat scroll 0 0
}

#pageTypeInscription .jumbotron .h1 {
    text-shadow: 2px 2px #292929;
    text-shadow: 2px 2px var(--color-grey-x-dark)
}

.typeAccount_container {
    padding: 10px 15px
}

#choiceBloc,
#gpChoiceBloc {
    display: table;
    width: 100%;
    padding: 20px;
    border: 1px solid #000;
    border-radius: 5px
}

#choiceBloc>div,
#gpChoiceBloc>div div {
    display: table-cell;
    vertical-align: top
}

#choiceBloc>div {
    display: table-cell;
    width: 50%;
    padding: 35px 60px;
    text-align: center;
    vertical-align: middle
}

#choiceBloc>div:last-of-type {
    border-left: 1px solid #000
}

#choiceBloc>div>div {
    padding-top: 20px
}

#gpChoiceBloc>div a {
    margin: 5px 40px 0 70px;
    vertical-align: middle
}

.typePro h2 {
    margin: 30px 0 7px
}

.typePro h3 {
    font-size: 14px;
    margin: 0 0 10px
}

.typeAccount_t1 {
    font-size: 22px;
    font-weight: 700;
    margin: 0;
    padding: 0
}

.typeAccount_box {
    display: inline-block;
    width: 40%
}

.typeAccount_box .info {
    position: relative;
    height: 110px
}

.typeAccount_box .action {
    position: absolute;
    right: 25px;
    bottom: 10px
}

#reg_tabContent {
    position: relative;
    width: 945px
}

#reg_tabContent #choiceBlocContainerNew {
    margin-top: 55px
}

#division_reg_tabContent .bTop {
    margin-top: 30px
}

.profileAdrList .title {
    font-size: 16px;
    font-weight: 700
}

.profileAdrList {
    padding: 20px
}

.profileAdrList li {
    display: block;
    float: left;
    width: 50%
}

.profileAdrList li>div {
    margin: 0 10px 10px 0;
    border: 1px solid #dbdbdb;
    border: 1px solid var(--color-grey-x-light)
}

.profileAdrList td,
.profileAdrList th {
    padding: 3px 5px
}

.profileAdrList #addButton {
    font-size: 18px
}

#compareTopBox {
    position: fixed;
    z-index: 1025;
    right: 0;
    bottom: -11px;
    width: 100%;
    text-align: center;
    border-top: 1px solid #cfcece;
    border-top: 1px solid var(--color-grey-light)
}

#compareTopBox .titre {
    font: 700 18px/1 Arial, sans-serif;
    float: left;
    margin-top: 15px;
    padding: 8px
}

#compareBox {
    display: inline-block;
    width: 100%;
    height: 70px;
    padding: 4px 8px 0 0;
    text-align: center;
    background-color: #f2f2f4;
    background-color: var(--color-contrast);
    box-shadow: none !important
}

#compareBox .delete_all {
    font-size: 25px;
    float: right !important;
    margin-top: 15px;
    margin-right: 32px;
    padding: 3px;
    cursor: pointer;
    color: #292929;
    color: var(--color-grey-x-dark);
    border: 1px solid #292929;
    border: 1px solid var(--color-grey-x-dark);
    border-radius: 4px
}

#compareBox .delete_all:hover {
    text-decoration: none;
    opacity: .7
}

#compareButton {
    float: left;
    margin-top: 15px
}

.compare li {
    position: relative;
    display: flex;
    align-items: center;
    float: left;
    width: 102px;
    height: 64px;
    margin: 0 9px;
    text-align: center;
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light);
    background: #fff;
    background: var(--color-white)
}

.compare .delete {
    margin: 0 8px
}

.popover-content .ts-ImgMain {
    min-width: 180px
}

.compare .delete i:hover {
    cursor: pointer;
    opacity: .7
}

#compare .compareImg {
    cursor: pointer;
    border: 1px solid transparent
}

#compare .compareImg:hover {
    border-color: #2578cb;
    border-color: var(--color-accent)
}

#compare .compareItem {
    position: relative
}

#compare img.imgMain {
    width: 242px;
    height: 242px
}

#compare img {
    border-right: 1px solid #cfcece;
    border-right: 1px solid var(--color-grey-light)
}

DIV.acc_item {
    width: 190px;
    padding: 24px
}

DIV.acc_item DIV.img {
    padding: 10px;
    text-align: center
}

.contactBloc {
    position: relative;
    height: 100%;
    padding: 1px 50px 40px 125px
}

.contactBloc>p {
    max-width: 70%
}

.contactBloc h1 {
    text-transform: uppercase
}

.contactBloc img {
    float: right;
    padding-left: 50px
}

.contactBloc .icon {
    position: absolute;
    top: 0;
    left: 0
}

#as_qList ul {
    list-style: none
}

#as_qList ul li {
    display: inline;
    float: left
}

#as_qList ul li div {
    position: relative;
    display: table;
    box-sizing: border-box;
    width: 99%;
    height: 73px;
    margin: 0;
    padding: 2px 10px 2px 40px;
    text-decoration: none;
    color: #fff;
    color: var(--color-white);
    background: #363535;
    background: var(--color-grey-dark)
}

#as_qList ul li div:after {
    position: absolute;
    z-index: 1;
    top: 0;
    right: -25px;
    content: "";
    border-top: 36px solid transparent;
    border-bottom: 36px solid transparent;
    border-left: 25px solid #363535;
    border-left: 25px solid var(--color-grey-dark)
}

#as_qList ul li div:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    border-top: 36px solid transparent;
    border-bottom: 36px solid transparent;
    border-left: 25px solid #fff
}

#as_qList.nbQ6 ul li div:after,
#as_qList.nbQ7 ul li div:after {
    border-top: 46px solid transparent;
    border-bottom: 46px solid transparent
}

#as_qList.nbQ6 ul li div:before,
#as_qList.nbQ7 ul li div:before {
    border-top: 46px solid transparent;
    border-bottom: 46px solid transparent;
    border-left: 25px solid #f5f5f5;
    border-left: 25px solid var(--color-grey-xx-light)
}

#as_qList ul li:last-child div {
    padding-right: 20px
}

#as_qList ul li div:hover {
    background: #696868;
    background: var(--color-grey)
}

#as_qList .as_filterActive div:after,
#as_qList.nbQ6 .as_filterActive div:after,
#as_qList.nbQ7 .as_filterActive div:after,
#as_qList ul li div:hover:after {
    border-left-color: #696868;
    border-left-color: var(--color-grey)
}

#as_qList ul li div.notAllAnswered {
    color: #727070;
    color: var(--color-grey-mid-light)
}

#as_qList ul li div.notAllAnswered:hover {
    color: #727070;
    color: var(--color-grey-mid-light);
    background: #696868;
    background: var(--color-grey)
}

#as_qList ul li div.notAllAnswered:hover:after {
    border-left-color: #f5f5f5;
    border-left-color: var(--color-grey-xx-light)
}

#as_qList .as_filterActive div {
    background: #696868 !important;
    background: var(--color-grey) !important
}

#as_qList.nbQ3 ul li {
    width: 45%
}

#as_qList.nbQ3 ul li:last-child {
    width: 10%
}

#as_qList.nbQ4 ul li {
    width: 30%
}

#as_qList.nbQ4 ul li:last-child {
    width: 10%
}

#as_qList.nbQ5 ul li {
    width: 23%
}

#as_qList.nbQ5 ul li:last-child {
    width: 8%
}

#as_qList.nbQ6 ul li {
    width: 18%
}

#as_qList.nbQ6 ul li:last-child {
    width: 10%
}

#as_qList.nbQ7 ul li {
    width: 15%
}

#as_qList.nbQ7 ul li:last-child {
    width: 10%
}

#as_qList.nbQ8 ul li {
    width: 12.5%
}

#as_qList.nbQ9 ul li {
    width: 11.1111%
}

#as_qList.nbQ10 ul li {
    width: 10%
}

#as_qList ul li:last-child div {
    margin-right: 0;
    padding-right: 0
}

#as_qList ul li div span {
    display: table-cell;
    width: 100%;
    height: 60px;
    vertical-align: middle
}

#as_qList.nbQ6 ul li div span,
#as_qList.nbQ7 ul li div span {
    height: 87px
}

.as_filterListChoice ul {
    padding-left: 10px
}

.as_filterListChoice .container-fluid {
    padding-right: 40px;
    padding-left: 40px
}

.as_bypassQ {
    font-size: 14px;
    position: relative;
    bottom: -5px;
    float: right
}

.as_heading1 {
    font: 700 20px Arial, sans-serif;
    display: inline-block;
    width: 630px;
    margin: 0 0 7px;
    color: #292929;
    color: var(--color-grey-x-dark)
}

#as_prodList {
    padding: 15px 0
}

#as_prodList .listItemContainer {
    margin: 5px !important
}

.localisationHolder {
    width: 100%;
    max-width: 1920px;
    height: 402px;
    margin: 0 auto;
    background: #292929 url(../image/location_map.gif) no-repeat 50%;
    background: var(--color-grey-x-dark) url(../image/location_map.gif) no-repeat 50%
}

.localisationBloc {
    position: relative;
    width: 960px;
    height: 402px;
    margin: 0 auto;
    color: #fff;
    color: var(--color-white)
}

.localisationCta {
    position: relative;
    float: right;
    max-width: 420px;
    padding: 35px 25px 0 0
}

.localisationCta .viewAll {
    font-size: 26px;
    line-height: 30px;
    display: block;
    float: left;
    box-sizing: border-box;
    width: auto;
    max-width: 305px;
    height: auto;
    margin: 36px 5px 15px 0;
    padding: 10px 20px 8px 73px;
    text-align: left;
    color: #fff;
    color: var(--color-white);
    border: 2px solid #da2733;
    border: 2px solid var(--color-error-mid-light);
    background: url(../image/location_viewAll.svg) no-repeat 12px;
    background-color: #292929;
    background-color: var(--color-grey-x-dark);
    background-size: 43px
}

.home2015 h2 {
    margin-left: 2px
}

.home2015 .articlePanel,
.home2015 .brochures,
.home2015 .featured {
    margin: 0 auto;
    padding: 40px 0
}

.home2015 .articlePanel.innovation {
    background: url(../image/background-R-inno.png) no-repeat top
}

.home2015 .brochures {
    background: #2b1709 url(../image/background-catalog-tuile.jpg) repeat top
}

.home2015 .listDisplayLinkOther a {
    position: relative;
    display: block;
    color: #465d73;
    color: var(--color-accent-x-dark)
}

h2 .listDisplayLinkOther {
    position: relative;
    display: inline-block
}

.compareTable {
    font-size: 14px;
    width: 100%;
    margin: 0;
    padding: 0;
    table-layout: fixed;
    border-spacing: 0
}

.compareTable .header {
    width: 20%
}

.compareTable td,
.compareTable th {
    box-sizing: border-box;
    padding: 3px;
    vertical-align: top;
    border-right: 1px solid #dbdbdb;
    border-right: 1px solid var(--color-grey-x-light)
}

.compareTable td:last-of-type {
    border-right: none
}

.compareTable tr:first-of-type td,
.compareTable tr:first-of-type th {
    border-top: none
}

.compareTable th {
    vertical-align: middle !important
}

.compareTable thead td {
    border: none
}

.compareTable .imgLine img {
    width: 100%;
    max-width: 300px
}

.compareTable .imgLine a {
    display: block
}

.compareTable .imgLine td {
    text-align: center
}

.compareTable tr.even {
    background-color: #e4e5e8;
    background-color: var(--color-accent-x-light)
}

.compareTable tr.even2 {
    background-color: #fff;
    background-color: var(--color-white)
}

.compareTable tr.diffStyle td,
.compareTable tr.diffStyle th {
    background-color: #f6f797 !important;
    background-color: var(--color-warning-dark) !important
}

.compareTable tr.sameStyle td,
.compareTable tr.sameStyle th {
    background-color: #fff !important;
    background-color: var(--color-white) !important
}

.compareTable .attImg {
    width: 22px;
    height: 22px
}

#SearchFeedbackForm {
    font-size: 16px;
    height: 60px
}

#SearchFeedbackForm .title {
    font-size: 19px
}

#SearchFeedbackForm>* {
    float: left;
    margin-right: 15px
}

#SearchFeedbackForm textarea {
    display: none;
    width: 350px;
    height: 50px
}

#SearchFeedbackForm a.good.on,
#SearchFeedbackForm a.good:hover {
    color: #080;
    color: var(--color-success)
}

#SearchFeedbackForm a.noGood.on {
    color: #d92105;
    color: var(--color-error)
}

#SearchFeedbackThanks {
    font-size: 24px;
    font-weight: 700;
    display: none
}

.account-title {
    margin: .8em 0 1em 1.2em
}

#bonForm {
    font-family: Arial, sans-serif
}

#bonForm h2 {
    font-size: 28px;
    font-weight: 400
}

.commande-emphase {
    text-transform: uppercase
}

.commande-item {
    font-size: 12px
}

#printPanelError {
    display: none
}

#printPanelContent.thanks {
    font-size: 14px;
    font-weight: 700;
    padding: 50px 30px;
    text-align: center
}

#favPage .ts-Filters_CategoryList li {
    font-size: 14px;
    padding: 5px 20px
}

.fa.fa-heart {
    color: #d92105;
    color: var(--color-error)
}

#multiSelectInfoPanel {
    position: fixed;
    z-index: 1026;
    right: 0;
    bottom: 0;
    width: 100%;
    padding: 10px;
    text-align: center;
    border-top: 1px solid #cfcece;
    border-top: 1px solid var(--color-grey-light);
    background-color: #e4e5e8;
    background-color: var(--color-accent-x-light)
}

#multiSelectInfoPanel .titre {
    font: 700 18px/1 Arial, sans-serif;
    display: inline;
    margin-top: 15px;
    padding: 8px
}

#multiSelectInfoPanel .delete_all {
    font-size: 25px;
    margin-right: 32px;
    padding: 3px;
    cursor: pointer;
    color: #292929;
    color: var(--color-grey-x-dark);
    border: 1px solid #292929;
    border: 1px solid var(--color-grey-x-dark);
    border-radius: 4px
}

.ui-autocomplete-category {
    font-weight: 700;
    line-height: 1.5;
    margin: .4em 0 .1em;
    padding: 0 .4em;
    color: #465d73;
    color: var(--color-accent-x-dark)
}

.ui-autocomplete {
    padding: .4em 0
}

body.body-main ul.ui-autocomplete li:hover {
    background-color: #e4e5e8;
    background-color: var(--color-accent-x-light)
}

body.body-main ul.ui-autocomplete li.ui-autocomplete-category:hover {
    background-color: inherit
}

body.body-main ul.ui-menu .ui-menu-item {
    padding: 0 1em
}

body.body-main ul.ui-widget-content {
    background: #fff;
    background: var(--color-white)
}

.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover {
    font-weight: 400 !important;
    line-height: 1.4 !important;
    border: 0 !important;
    background: #dbdbdb !important;
    background: var(--color-grey-x-light) !important
}

.ui-widget-content .ui-state-focus a,
.ui-widget-content .ui-state-hover a {
    color: #2578cb !important;
    color: var(--color-accent) !important
}

.viContent table:first-child {
    margin-bottom: 15px
}

.viContent tr.fromVi td {
    background-color: #f5cccc;
    background-color: var(--color-error-light)
}

.viContent a.btn.btn-default {
    min-width: 150px
}

.backgroundtop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;
    background-color: #fafaf5;
    background-color: var(--color-warning-x-light)
}

svg#QuickModeIcon path {
    fill: #fff;
    fill: var(--color-white)
}

svg#QuickModeIcon circle {
    stroke: #fff;
    stroke: var(--color-white)
}

svg#QuickModeIcon {
    position: relative;
    top: -2px;
    width: 17px;
    margin-bottom: -3px
}

.taxMaintenance {
    width: 60%;
    margin: auto;
    padding: 1em 1em 0;
    border: 1px solid #dbdbdb;
    border: 1px solid var(--color-grey-x-light);
    background-color: #f5f5f5;
    background-color: var(--color-grey-xx-light)
}

.regSupplierTable .row>div:first-child {
    padding-right: 0
}

.btn i.left {
    margin-right: 7px
}

.btn i.right {
    margin-left: 7px
}

.btn-file {
    position: relative;
    overflow: hidden
}

.btn-file input[type=file] {
    font-size: 100px;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    min-width: 100%;
    min-height: 100%;
    cursor: inherit;
    text-align: right;
    opacity: 0;
    outline: none;
    background: #fff;
    background: var(--color-white);
    filter: alpha(opacity=0)
}

.keyAlikeHeader {
    background-color: #000;
    background-color: var(--color-black)
}

.keyAlikeIntro {
    padding: 10px 0
}

.keyAlikeWrapper {
    display: flex;
    justify-content: flex-end
}

.keyAlikeButtonSkuPage {
    font-family: inherit;
    line-height: 2.45;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 0;
    touch-action: manipulation;
    font-size: 20px;
    line-height: 23px;
    width: 100%;
    margin: 15px 0;
    white-space: normal;
    color: #292929;
    color: var(--color-base-black);
    border: 1px solid #1d5fa0;
    background-color: #fff;
    background-color: var(--color-white)
}

body:not(.touch-phone) .keyAlikeButtonSkuPage {
    line-height: 1.78;
    padding: 6px 12px
}

body:not(.touch-phone) .keyAlikeButtonSkuPage {
    font-size: 16px;
    margin: unset
}

.keyAlikeButtonSkuPage:hover {
    text-decoration: none;
    color: #000;
    border-color: #cac9c9;
    background-color: #f5f5f5;
    fill: #000
}

.keyAlikeButtonSkuPage i {
    min-width: 45px;
    height: 40px;
    margin: 0 10px 0 5px;
    fill: #292929;
    fill: var(--color-base-black)
}

body:not(.touch-phone) .keyAlikeButtonSkuPage i {
    height: 30px;
    margin: unset
}

.tambourBanner>* {
    font-style: italic;
    display: inline-block
}

.tambourBanner h1 {
    font-size: 40px;
    margin-top: 10px
}

.tambourBanner p {
    font-size: 20px;
    margin-left: 25px
}

.table.tambourRespTable {
    border: 1px solid #dbdbdb;
    border: 1px solid var(--color-grey-x-light)
}

.table.tambourRespTable td {
    vertical-align: middle;
    border-right: 1px solid #dbdbdb;
    border-right: 1px solid var(--color-grey-x-light)
}

.table.tambourRespTable tr:first-child td {
    border-bottom: 2px solid #14365d;
    border-bottom: 2px solid var(--color-accent-xx-dark)
}

.table.tambourRespTable tr td:first-child {
    border-right: 2px solid #14365d;
    border-right: 2px solid var(--color-accent-xx-dark)
}

.table.tambourRespTable td i {
    color: #525b63;
    color: var(--color-nav)
}

.bcConfirme .sondage {
    margin-bottom: 40px
}

.bcConfirme .txtFin {
    width: 50%
}

.spec-TabSpecification table {
    width: 100%
}

.spec-TabSpecification td,
.spec-TabSpecification th {
    padding: 7px;
    border: 1px solid #727070 !important;
    border: 1px solid var(--color-grey-mid-light) !important
}

.spec-TabSpecification th {
    font-size: 16px;
    font-weight: 400;
    width: 35%
}

.spec-TabSpecification td {
    font-size: 16px;
    font-weight: 700;
    color: #2578cb;
    color: var(--color-accent)
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 3px 8px
}

.spec-TabSpecification tr:nth-child(odd) {
    background-color: #fff;
    background-color: var(--color-white)
}

.spec-TabSpecification td,
.spec-TabSpecification th {
    font-size: 14px;
    padding: 5px
}

.fa-6x {
    font-size: 6em
}

.fa-7x {
    font-size: 7em
}

.fa-8x {
    font-size: 8em
}

.fa-9x {
    font-size: 9em
}

.fa-10x {
    font-size: 10em
}

.active-icon {
    color: #d92105 !important;
    color: var(--color-icons) !important
}

.grey {
    color: #727070 !important;
    color: var(--color-grey-mid-light) !important
}

.lightgrey {
    color: #cfcece !important;
    color: var(--color-grey-light) !important
}

.darkgrey {
    color: #292929 !important;
    color: var(--color-grey-x-dark) !important
}

.white {
    color: #fff !important;
    color: var(--color-white) !important
}

.bold {
    font-weight: 700
}

.disbabled {
    opacity: .5
}

.no-margin {
    margin: 0
}

.center {
    text-align: center
}

.bg-default {
    background-color: #f2f2f4;
    background-color: var(--color-contrast)
}

.semi-transparent {
    opacity: .9
}

.tight {
    font-size: 93%
}

@media print {
    html {
        transform: scale(1)
    }

    :after,
    :before,
    th {
        background: transparent !important
    }

    *,
    :after,
    :before {
        color: #000 !important;
        color: var(--color-black) !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a:after {
        content: ""
    }

    a[href]:after {
        content: none !important
    }

    blockquote,
    pre {
        border: 1px solid #727070;
        border: 1px solid var(--color-grey-mid-light);
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    #footer .contactPage,
    #footer .locations,
    #footer .signout,
    #footer section.about,
    #footer section.account,
    #footer section.news,
    #footer section.products,
    #h2FloatingMenu,
    #pm2_addCartBlocTop,
    #pm2_quickLinksContainer,
    #showMoreLink,
    .arrow-holder,
    .breadcrumb,
    .navbar,
    .rViewed,
    header {
        display: none !important
    }

    .btn>.caret,
    .dropup>.btn>.caret {
        border-top-color: #000 !important;
        border-top-color: var(--color-black) !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td,
    .table th {
        background-color: #fff !important;
        background-color: var(--color-white) !important
    }

    .table-bordered td,
    .table-bordered th {
        border: 1px solid #dbdbdb !important;
        border: 1px solid var(--color-grey-x-light) !important
    }

    ul.touchcarousel-container {
        width: 100% !important
    }
}

#content,
#footerBottom,
#footer section.division,
#p_orderBlocTop>div,
#rcMediaPlayerWindow,
.bannerHDPanel .bannerTabsCenter,
.breadcrumb,
.footerContainer,
.home2015 .articlePanel>div,
.home2015 .brochures>div,
.home2015 .featured>div,
.quickLinks,
.rViewed>div,
.segmentBloc,
body {
    min-width: 0
}

.checkbox.identation {
    margin-left: 24px
}

.tooltip-inner {
    font-size: 14px;
    padding: 8px 12px;
    text-align: left
}

.tdbold>td {
    font-weight: 700
}

.borderless td {
    border-top: none !important
}

#banniere_titre {
    display: table;
    width: 100%
}

#banniere_titre.is_image {
    background-repeat: no-repeat;
    background-position: top
}

#banniere_titre.is_image>div {
    height: 265px;
    min-height: 265px
}

#banniere_titre.is_text {
    padding-top: 25px
}

#banniere_titre.favBanner {
    background-color: #dbdbdb;
    background-color: var(--color-grey-x-light)
}

#banniere_titre>div {
    display: table;
    width: 100%;
    max-width: 1410px;
    margin: 0 auto
}

#banniere_titre>div>div {
    display: table-cell;
    padding: 0 15px;
    text-align: left;
    vertical-align: middle
}

#banniere_titre H1 {
    font-size: 24px;
    font-weight: 700
}

#banniere_titre H1,
#banniere_titre H2 {
    font-family: Arial, sans-serif;
    width: 100%;
    margin: 0 auto;
    text-transform: uppercase
}

#banniere_titre H2 {
    font-size: 18px;
    font-weight: 400 !important
}

#banniere_titre H2+div {
    margin-top: 10px
}

.cotation .table td.image {
    width: 180px
}

.cotation .table .description,
.cotation .table .description-sku {
    font-size: .9em
}

.cotation .table .expCell {
    text-align: right
}

.cotation .table .priceCell {
    width: 10%;
    text-align: right
}

.cotation .table .qtyCell {
    width: 8%;
    text-align: center
}

.cotation .table .totalCell {
    width: 12%;
    text-align: right
}

.cotation .table .statusCell {
    width: 10%;
    text-align: right
}

#creditCardList .responsive div.row {
    height: 2.5em;
    margin-top: .6em;
    margin-bottom: .1em
}

#creditCardList .responsive div.header {
    font-weight: 700;
    height: 2em;
    text-align: left
}

#creditCardList .responsive div.clearfix.row {
    border-bottom: 1px solid #cfcece;
    border-bottom: 1px solid var(--color-grey-light)
}

#creditCardList .responsive div.clearfix.header {
    border-bottom: 2px solid #cfcece;
    border-bottom: 2px solid var(--color-grey-light)
}

label[for^=cannotPurchase_] span {
    font-weight: 400
}

.boutonTertiaire {
    font-size: 18px;
    display: flex;
    align-items: center;
    max-width: 600px;
    margin-bottom: 10px;
    border: 1px solid #2578cb;
    border: 1px solid var(--color-accent);
    border-radius: 4px
}

.boutonTertiaire a {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    padding: 5px 30px 5px 10px
}

.boutonTertiaire a .libelle {
    font-size: 18px;
    font-weight: 400;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0
}

.boutonTertiaire a .libelle .selectOption {
    font-size: medium;
    margin-left: 7px;
    color: #d92105;
    color: var(--color-error)
}

.boutonTertiaire a i {
    font-size: 26px;
    right: 6px;
    color: #2578cb;
    color: var(--color-accent)
}

.boutonTertiaire a .choisi {
    font-size: 16px;
    font-weight: 700;
    color: #2578cb;
    color: var(--color-accent)
}

.boutonTertiaire a:focus,
.boutonTertiaire a:hover {
    text-decoration: none;
    opacity: .5
}

.boutonTertiaire.more .choisi {
    overflow: hidden;
    max-height: 4rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis
}

.pms-NoProdReadOnly .boutonTertiaire.listeProduits a:hover {
    opacity: 1
}

.boutonTertiaire a i {
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    height: 65%;
    margin: 1px auto auto
}

.boutonTertiaire a i.optionSelected {
    height: 42%
}

.boutonTertiaire.listeProduits a {
    min-height: 36px;
    padding: 8px 10px
}

.boutonTertiaire.listeProduits a .choisi,
.boutonTertiaire.listeProduits a .libelle {
    font-size: 14px;
    padding-right: 30px
}

.boutonTertiaire.listeProduits a i.skuSelected {
    height: 50%
}

body,
html {
    width: 100%
}

body.removeDoubleScroll,
html.removeDoubleScroll {
    overflow: auto
}

.popupQuestionsEtProduits {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    background: #fff;
    background: var(--color-white)
}

.popupQuestionsEtProduits .pms-AddCartBlocTop2 {
    position: fixed;
    z-index: 125;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
    padding: 5px 15px 10px;
    border-bottom: none;
    background-color: #fff;
    background-color: var(--color-white)
}

.popupQuestionsEtProduits .pms-AddCartBlocTop2 .leftBlock {
    margin: 10px 0 0 15px;
    padding-right: 350px
}

.popupQuestionsEtProduits .pms-AddCartBlocTop2 .leftBlock h3 {
    font-size: 22px
}

.popupQuestionsEtProduits .pms-AddCartBlocTop2 .leftBlock p {
    margin: 0
}

.popupQuestionsEtProduits .pms-AddCartBlocTop2 .popupQuestionsEtProduitsClose {
    font-size: 30px;
    position: fixed;
    z-index: 130;
    top: 18px;
    right: 30px;
    padding: 5px 10px 5px 40px;
    color: #2578cb;
    color: var(--color-accent)
}

.popupQuestionsEtProduits .pms-AddCartBlocTop2 .popupQuestionsEtProduitsClose i {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    height: 56%;
    margin: 1px auto auto
}

.popupQuestionsEtProduits .pms-AddCartBlocTop2 .popupQuestionsEtProduitsClose:hover {
    cursor: pointer;
    text-decoration: none;
    opacity: .5
}

.popupQuestionsEtProduits .pms-AddCartBlocTop2 .popupQuestionsEtProduitsClose:focus {
    cursor: pointer;
    text-decoration: none;
    opacity: .2
}

.popupQuestionsEtProduits .popupQuestions-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: none
}

.popupQuestionsEtProduits .popupQuestions-header:after {
    display: none
}

.popupQuestionsEtProduits .popupQuestions-header .modal-title:before {
    display: none
}

i.fa.availability_1 {
    color: #080;
    color: var(--color-success)
}

.cc-associe {
    font-size: 11px;
    font-weight: 400;
    text-align: right
}

.hideWhileLoading {
    display: none
}

.skuOu {
    width: 50px;
    height: 24px;
    margin: 12px 0;
    text-transform: uppercase;
    color: #2578cb;
    color: var(--color-accent)
}

.skuOu,
.skuOuWrapper {
    display: flex;
    align-items: center;
    justify-content: center
}

.skuOuWrapper {
    position: relative;
    width: 300px
}

.skuOu:after,
.skuOu:before {
    position: absolute;
    top: 23px;
    width: 125px;
    height: 1px;
    content: "";
    border: 0;
    background-image: linear-gradient(90deg, rgba(39, 121, 203, .1), rgba(39, 121, 203, .3), rgba(39, 121, 203, .1))
}

.skuOu:before {
    left: 0
}

.skuOu:after {
    right: 0
}

[data-type=stickies] {
    position: sticky;
    top: 109px
}

.convWarning {
    font-size: 13px;
    padding: 15px 0
}

.convWarning div {
    font-weight: 700
}

.convWarning a {
    text-decoration: underline
}

.btn-primary.btn.focus,
.btn-primary.btn:focus,
.btn-primary.btn:hover {
    color: #fff !important
}

.bannerHDPanel {
    position: relative;
    z-index: 9;
    margin: 0 auto
}

.bannerHDPanel.mince,
.bannerHDPanel.normal {
    width: 100%;
    margin: 0
}

.bannerHDPanel .banners {
    position: relative;
    z-index: 1;
    height: 335px;
    margin-bottom: 0
}

.bannerHDPanel .bannerTabsCenter {
    min-width: 960px;
    max-width: 1410px;
    padding: 0 15px;
    position: relative;
    z-index: 2;
    margin: 0 auto;
    height: 38px
}

.bannerHDPanel.mince .bannerTabsCenter,
.bannerHDPanel.normal .bannerTabsCenter {
    padding: 0
}

.bannerHDPanel.normal .bannerTabs {
    top: 317px
}

.bannerHDPanel.mince .bannerTabs {
    top: 218px
}

.bannerHDPanel .bannerTabs {
    width: 100%
}

.bannerHDPanel .bannerTabs ul {
    position: relative;
    margin-bottom: 0
}

.bannerHDPanel .bannerTabs li {
    background-color: #292929;
    background-color: var(--color-header-color);
    position: relative;
    height: 48px;
    float: left;
    border-left: 1px solid #dbdbdb;
    border-left: 1px solid var(--color-grey-x-light);
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 48px;
    cursor: pointer;
    box-sizing: border-box
}

.RC .bannerHDPanel .bannerTabs li {
    background-color: #525b63;
    background-color: var(--color-nav)
}

.bannerHDPanel .bannerTabs.bannerNb4 li {
    width: 25%
}

.bannerHDPanel .bannerTabs.bannerNb3 li {
    width: 33.33%
}

.bannerHDPanel .bannerTabs.bannerNb2 li {
    width: 50%
}

.bannerHDPanel .bannerTabs li.active {
    background-color: #525b63;
    background-color: var(--color-nav);
    color: #fff
}

.RC .bannerHDPanel .bannerTabs li.active {
    background-color: #292929;
    background-color: var(--color-grey-x-dark)
}

.bannerHDPanel .banners li {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: top;
    background-repeat: no-repeat;
    display: none;
    z-index: 1
}

.bannerHDPanel .banners li.active {
    display: block;
    z-index: 2
}

.bannerHDPanel .banners li>a.bannerLinkMain {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    position: relative;
    display: block
}

.bannerHDPanel .banners .overlayPositioner {
    width: 400px;
    height: 283px;
    position: absolute;
    top: 26px
}

.bannerHDPanel.normal .banners .overlayPositioner {
    height: 236px;
    top: 22px
}

.bannerHDPanel.mince .banners .overlayPositioner {
    height: 152px;
    top: 14px
}

.bannerHDPanel .banners .video {
    width: 100%;
    height: 100px;
    position: absolute;
    left: 0;
    top: 117.5px;
    text-align: center
}

.bannerHDPanel.mince .banners .video {
    top: 40px
}

.bannerHDPanel.normal .banners .video {
    top: 90px
}

.bannerHDPanel .banners .video img {
    width: 100px;
    height: 100px
}

.bannerHDPanel .banners .overlayPos1 .overlayPositioner {
    left: 22px
}

.bannerHDPanel .banners .overlayPos2 .overlayPositioner {
    left: 280px
}

.bannerHDPanel .banners .overlayPos3 .overlayPositioner {
    right: 22px
}

.bannerHDPanel .banners .overlayContainer {
    width: 100%;
    height: 100%;
    position: relative;
    line-height: 1.2
}

.bannerHDPanel .banners .overlay {
    width: 100%;
    height: 100%;
    opacity: .5;
    background-repeat: no-repeat;
    background-position: 7% 93%
}

.bannerHDPanel .banners .bannerLink.pos1 {
    text-align: left
}

.bannerHDPanel .banners .bannerLink.pos2 {
    text-align: center
}

.bannerHDPanel .banners .bannerLink,
.bannerHDPanel .banners .bannerLinkMain {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

.bannerHDPanel .banners .bannerLink:active,
.bannerHDPanel .banners .bannerLink:focus,
.bannerHDPanel .banners .bannerLink:hover,
.bannerHDPanel .banners .bannerLinkMain .title:active,
.bannerHDPanel .banners .bannerLinkMain .title:focus,
.bannerHDPanel .banners .bannerLinkMain .title:hover {
    text-decoration: none;
    opacity: .8
}

.bannerHDPanel .banners .bannerLink.linkUp {
    bottom: 59px
}

.bannerHDPanel.normal .banners .bannerLink.linkUp {
    bottom: 44px
}

.bannerHDPanel.mince .banners .bannerLink.linkUp {
    bottom: 11px
}

.bannerHDPanel .banners .bannerLink.pos3 {
    text-align: right
}

.bannerHDPanel p {
    margin: 0
}

.bannerHDPanel.normal .banners,
.bannerHDPanel.normal .banners .overlayPos0.fullHeight .overlayPositioner,
.bannerHDPanel.normal .banners .overlayPos1.fullHeight .overlayPositioner,
.bannerHDPanel.normal .banners .overlayPos2.fullHeight .overlayPositioner,
.bannerHDPanel.normal .banners .overlayPos3.fullHeight .overlayPositioner,
.bannerHDPanel.normal .banners .overlayPos4.fullHeight .overlayPositioner,
.bannerHDPanel.normal .banners .overlayPos11.fullHeight .overlayPositioner,
.bannerHDPanel.normal .banners .overlayPos33.fullHeight .overlayPositioner {
    height: 280px !important
}

.bannerHDPanel.mince .banners,
.bannerHDPanel.mince .banners .overlayPos0.fullHeight .overlayPositioner,
.bannerHDPanel.mince .banners .overlayPos1.fullHeight .overlayPositioner,
.bannerHDPanel.mince .banners .overlayPos2.fullHeight .overlayPositioner,
.bannerHDPanel.mince .banners .overlayPos3.fullHeight .overlayPositioner,
.bannerHDPanel.mince .banners .overlayPos4.fullHeight .overlayPositioner,
.bannerHDPanel.mince .banners .overlayPos11.fullHeight .overlayPositioner,
.bannerHDPanel.mince .banners .overlayPos33.fullHeight .overlayPositioner {
    height: 180px !important
}

.bannerHDPanel .banners .overlayPos0 .overlayPositioner,
.bannerHDPanel .banners .overlayPos1 .overlayPositioner,
.bannerHDPanel .banners .overlayPos2 .overlayPositioner,
.bannerHDPanel .banners .overlayPos3 .overlayPositioner,
.bannerHDPanel .banners .overlayPos4 .overlayPositioner,
.bannerHDPanel .banners .overlayPos11 .overlayPositioner,
.bannerHDPanel .banners .overlayPos33 .overlayPositioner {
    top: 26px
}

.bannerHDPanel.normal .banners .overlayPos0 .overlayPositioner,
.bannerHDPanel.normal .banners .overlayPos1 .overlayPositioner,
.bannerHDPanel.normal .banners .overlayPos2 .overlayPositioner,
.bannerHDPanel.normal .banners .overlayPos3 .overlayPositioner,
.bannerHDPanel.normal .banners .overlayPos4 .overlayPositioner,
.bannerHDPanel.normal .banners .overlayPos11 .overlayPositioner,
.bannerHDPanel.normal .banners .overlayPos33 .overlayPositioner {
    top: 23px
}

.bannerHDPanel .banners .overlayPos1 .overlayWidthLimit,
.bannerHDPanel .banners .overlayPos2 .overlayWidthLimit,
.bannerHDPanel .banners .overlayPos3 .overlayWidthLimit {
    width: 960px;
    margin: 0 auto;
    position: relative
}

.bannerHDPanel .banners .overlayPos1 .overlayWidthLimit.deuxiemeLien {
    position: relative;
    bottom: 85px;
    left: 0;
    right: 0;
    z-index: 11
}

.bannerHDPanel .banners .overlayPos1 .overlayWidthLimit.deuxiemeLien .linkSecondary {
    position: absolute;
    left: 148px
}

.bannerHDPanel .banners .overlayPos2 .overlayWidthLimit.deuxiemeLien {
    position: absolute;
    bottom: 85px;
    left: calc(50% - 220px);
    z-index: 11
}

.bannerHDPanel .banners .overlayPos3 .overlayWidthLimit.deuxiemeLien {
    position: relative;
    bottom: 85px;
    left: 0;
    right: 0;
    z-index: 11
}

.bannerHDPanel .banners .overlayPos3 .overlayWidthLimit.deuxiemeLien .linkSecondary {
    position: absolute;
    left: 520px
}

.bannerHDPanel .banners .overlayPos0 .overlayWidthLimit,
.bannerHDPanel .banners .overlayPos4 .overlayWidthLimit,
.bannerHDPanel .banners .overlayPos11 .overlayWidthLimit,
.bannerHDPanel .banners .overlayPos33 .overlayWidthLimit {
    width: 100vw !important;
    position: static
}

.bannerHDPanel .banners .overlayPos0 .overlayWidthLimit.deuxiemeLien {
    position: absolute;
    bottom: 85px;
    left: 148px
}

.bannerHDPanel .banners .overlayPos11 .overlayWidthLimit.deuxiemeLien {
    position: absolute;
    bottom: 85px;
    left: calc(18% + 148px)
}

.bannerHDPanel .banners .overlayPos33 .overlayWidthLimit.deuxiemeLien {
    position: absolute;
    bottom: 85px;
    left: calc(82% - 440px)
}

.bannerHDPanel.normal .banners .overlayPos33 {
    right: unset
}

.bannerHDPanel.normal .banners .overlayPos33 .overlayWidthLimit.deuxiemeLien {
    position: relative;
    left: unset;
    right: unset;
    width: 100% !important
}

.bannerHDPanel.normal .banners .overlayPos33 .overlayWidthLimit.deuxiemeLien .linkSecondary {
    position: absolute;
    left: calc(82% - 440px)
}

.bannerHDPanel .banners .overlayPos4 .overlayWidthLimit.deuxiemeLien {
    position: absolute;
    bottom: 85px;
    left: calc(100% - 440px)
}

.bannerHDPanel.normal .banners .overlayPos4 {
    right: unset
}

.bannerHDPanel.normal .banners .overlayPos4 .overlayWidthLimit.deuxiemeLien {
    position: relative;
    left: unset;
    right: unset;
    width: 100% !important
}

.bannerHDPanel.normal .banners .overlayPos4 .overlayWidthLimit.deuxiemeLien .linkSecondary {
    position: absolute;
    left: calc(100% - 440px)
}

.bannerHDPanel .banners .overlayPos0.fullHeight .overlayWidthLimit.deuxiemeLien,
.bannerHDPanel .banners .overlayPos1.fullHeight .overlayWidthLimit.deuxiemeLien,
.bannerHDPanel .banners .overlayPos2.fullHeight .overlayWidthLimit.deuxiemeLien,
.bannerHDPanel .banners .overlayPos3.fullHeight .overlayWidthLimit.deuxiemeLien,
.bannerHDPanel .banners .overlayPos4.fullHeight .overlayWidthLimit.deuxiemeLien,
.bannerHDPanel .banners .overlayPos11.fullHeight .overlayWidthLimit.deuxiemeLien,
.bannerHDPanel .banners .overlayPos33.fullHeight .overlayWidthLimit.deuxiemeLien {
    bottom: 60px
}

.bannerHDPanel.normal .banners .overlayPos0 .overlayWidthLimit.deuxiemeLien,
.bannerHDPanel.normal .banners .overlayPos1 .overlayWidthLimit.deuxiemeLien,
.bannerHDPanel.normal .banners .overlayPos2 .overlayWidthLimit.deuxiemeLien,
.bannerHDPanel.normal .banners .overlayPos3 .overlayWidthLimit.deuxiemeLien,
.bannerHDPanel.normal .banners .overlayPos4 .overlayWidthLimit.deuxiemeLien,
.bannerHDPanel.normal .banners .overlayPos11 .overlayWidthLimit.deuxiemeLien,
.bannerHDPanel.normal .banners .overlayPos33 .overlayWidthLimit.deuxiemeLien {
    bottom: 65px
}

.bannerHDPanel.normal .banners .overlayPos0.fullHeight .overlayWidthLimit.deuxiemeLien,
.bannerHDPanel.normal .banners .overlayPos1.fullHeight .overlayWidthLimit.deuxiemeLien,
.bannerHDPanel.normal .banners .overlayPos2.fullHeight .overlayWidthLimit.deuxiemeLien,
.bannerHDPanel.normal .banners .overlayPos3.fullHeight .overlayWidthLimit.deuxiemeLien,
.bannerHDPanel.normal .banners .overlayPos4.fullHeight .overlayWidthLimit.deuxiemeLien,
.bannerHDPanel.normal .banners .overlayPos11.fullHeight .overlayWidthLimit.deuxiemeLien,
.bannerHDPanel.normal .banners .overlayPos33.fullHeight .overlayWidthLimit.deuxiemeLien {
    bottom: 45px
}

.bannerHDPanel .banners .overlayPos0 .overlayPositioner,
.bannerHDPanel .banners .overlayPos0.fullHeight .overlayPositioner {
    left: 0;
    right: unset;
    width: 440px
}

.bannerHDPanel .banners .overlayPos0 .overlayPositioner {
    opacity: .8
}

.bannerHDPanel .banners .overlayPos0.opaque .overlayPositioner {
    opacity: 1
}

.bannerHDPanel .banners .overlayPos0.fullHeight .overlayPositioner {
    height: 335px;
    top: 0
}

.bannerHDPanel.mince .banners .overlayPos0 .overlayPositioner {
    top: 15px
}

.bannerHDPanel.mince .banners .overlayPos0.fullHeight .overlayPositioner {
    top: 0
}

.bannerHDPanel .banners .overlayPos1 .overlayPositioner,
.bannerHDPanel .banners .overlayPos1.fullHeight .overlayPositioner {
    left: calc(50% - 480px);
    right: unset;
    width: 440px
}

.bannerHDPanel .banners .overlayPos1 .overlayPositioner {
    opacity: .8
}

.bannerHDPanel .banners .overlayPos1.opaque .overlayPositioner {
    opacity: 1
}

.bannerHDPanel .banners .overlayPos1.fullHeight .overlayPositioner {
    height: 335px;
    top: 0
}

.bannerHDPanel.mince .banners .overlayPos1 .overlayPositioner {
    top: 15px
}

.bannerHDPanel.mince .banners .overlayPos1.fullHeight .overlayPositioner {
    top: 0
}

.bannerHDPanel .banners .overlayPos11 .overlayPositioner,
.bannerHDPanel .banners .overlayPos11.fullHeight .overlayPositioner {
    left: 18%;
    right: unset;
    width: 440px
}

.bannerHDPanel .banners .overlayPos11 .overlayPositioner {
    opacity: .8
}

.bannerHDPanel .banners .overlayPos11.opaque .overlayPositioner {
    opacity: 1
}

.bannerHDPanel .banners .overlayPos11.fullHeight .overlayPositioner {
    height: 335px;
    top: 0
}

.bannerHDPanel.mince .banners .overlayPos11 .overlayPositioner {
    top: 15px
}

.bannerHDPanel.mince .banners .overlayPos11.fullHeight .overlayPositioner {
    top: 0
}

.bannerHDPanel .banners .overlayPos2 .overlayPositioner,
.bannerHDPanel .banners .overlayPos2.fullHeight .overlayPositioner {
    left: 0;
    right: 0;
    width: 440px
}

.bannerHDPanel .banners .overlayPos2 .overlayPositioner {
    opacity: .8
}

.bannerHDPanel .banners .overlayPos2.opaque .overlayPositioner {
    opacity: 1
}

.bannerHDPanel .banners .overlayPos2.fullHeight .overlayPositioner {
    height: 335px;
    top: 0
}

.bannerHDPanel.mince .banners .overlayPos2 .overlayPositioner {
    top: 15px
}

.bannerHDPanel.mince .banners .overlayPos2.fullHeight .overlayPositioner {
    top: 0
}

.bannerHDPanel .banners .overlayPos3 .overlayPositioner,
.bannerHDPanel .banners .overlayPos3.fullHeight .overlayPositioner {
    left: calc(50% + 40px);
    right: unset;
    width: 440px
}

.bannerHDPanel .banners .overlayPos3 .overlayPositioner {
    opacity: .8
}

.bannerHDPanel .banners .overlayPos3.opaque .overlayPositioner {
    opacity: 1
}

.bannerHDPanel .banners .overlayPos3.fullHeight .overlayPositioner {
    height: 335px;
    top: 0
}

.bannerHDPanel.mince .banners .overlayPos3 .overlayPositioner {
    top: 15px
}

.bannerHDPanel.mince .banners .overlayPos3.fullHeight .overlayPositioner {
    top: 0
}

.bannerHDPanel .banners .overlayPos33 .overlayPositioner,
.bannerHDPanel .banners .overlayPos33.fullHeight .overlayPositioner {
    left: calc(82% - 440px);
    right: unset;
    width: 440px
}

.bannerHDPanel .banners .overlayPos33 .overlayPositioner {
    opacity: .8
}

.bannerHDPanel .banners .overlayPos33.opaque .overlayPositioner {
    opacity: 1
}

.bannerHDPanel .banners .overlayPos33.fullHeight .overlayPositioner {
    height: 335px;
    top: 0
}

.bannerHDPanel.mince .banners .overlayPos33 .overlayPositioner {
    top: 15px
}

.bannerHDPanel.mince .banners .overlayPos33.fullHeight .overlayPositioner {
    top: 0
}

.bannerHDPanel .banners .overlayPos4 .overlayPositioner,
.bannerHDPanel .banners .overlayPos4.fullHeight .overlayPositioner {
    left: calc(100% - 440px);
    right: unset;
    width: 440px
}

.bannerHDPanel .banners .overlayPos4 .overlayPositioner {
    opacity: .8
}

.bannerHDPanel .banners .overlayPos4.opaque .overlayPositioner {
    opacity: 1
}

.bannerHDPanel .banners .overlayPos4.fullHeight .overlayPositioner {
    height: 335px;
    top: 0
}

.bannerHDPanel.mince .banners .overlayPos4 .overlayPositioner {
    top: 15px
}

.bannerHDPanel.mince .banners .overlayPos4.fullHeight .overlayPositioner {
    top: 0
}

.bannerHDPanel .banners .overlayPos2 .overlayPositioner {
    margin: 0 auto;
    top: 26px;
    z-index: 10;
    width: 440px
}

.bannerHDPanel .banners .overlayContainer {
    display: flex;
    flex-wrap: wrap
}

.bannerHDPanel .banners .bannerLink {
    border: 1px solid #fff;
    width: 212px;
    height: 28px;
    overflow: hidden;
    display: block;
    position: absolute;
    font-size: 14px;
    color: #fff;
    padding: 5px;
    margin: 0 40px
}

.bannerHDPanel .banners .overlayPos2 .bannerLink,
.bannerHDPanel .banners .overlayPos3 .bannerLink,
.bannerHDPanel .banners .overlayPos4 .bannerLink,
.bannerHDPanel .banners .overlayPos33 .bannerLink {
    left: 0
}

.bannerHDPanel .banners .bannerLinkMain {
    align-items: flex-end
}

.bannerHDPanel .banners .bannerLink.linkSecondary {
    align-self: flex-start;
    margin-top: 3px
}

.bannerHDPanel .banners .overlayPos0 .overlayContainer,
.bannerHDPanel .banners .overlayPos1 .overlayContainer,
.bannerHDPanel .banners .overlayPos11 .overlayContainer {
    justify-content: flex-end
}

.bannerHDPanel .banners .overlayPos0 .overlayContainer .bannerLink,
.bannerHDPanel .banners .overlayPos1 .overlayContainer .bannerLink,
.bannerHDPanel .banners .overlayPos11 .overlayContainer .bannerLink {
    right: 0
}

.bannerHDPanel .banners .overlayPos2 .overlayContainer .bannerLinkMain,
.bannerHDPanel .banners .overlayPos3 .overlayContainer .bannerLinkMain,
.bannerHDPanel .banners .overlayPos4 .overlayContainer .bannerLinkMain,
.bannerHDPanel .banners .overlayPos33 .overlayContainer .bannerLinkMain {
    justify-content: flex-start
}

.bannerHDPanel .banners .overlayPos0 .title,
.bannerHDPanel .banners .overlayPos0 .title p,
.bannerHDPanel .banners .overlayPos1 .title,
.bannerHDPanel .banners .overlayPos1 .title p,
.bannerHDPanel .banners .overlayPos11 .title,
.bannerHDPanel .banners .overlayPos11 .title p {
    text-align: right;
    align-items: flex-end;
    flex-direction: column;
    justify-content: center
}

.bannerHDPanel .banners .overlayPos2 .title,
.bannerHDPanel .banners .overlayPos3 .title,
.bannerHDPanel .banners .overlayPos4 .title,
.bannerHDPanel .banners .overlayPos33 .title {
    text-align: left;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center
}

.bannerHDPanel .banners .title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: unset;
    height: 170px;
    overflow: hidden;
    position: unset;
    left: unset;
    top: unset;
    text-align: unset;
    margin: 20px 40px 0
}

.bannerHDPanel .banners .title p {
    width: 100%
}

.bannerHDPanel.normal .banners .title {
    height: 150px;
    margin: 10px 40px 0
}

.bannerHDPanel.mince .banners .title {
    height: 96px;
    margin: 5px 40px 0
}

.bannerHDPanel .banners .fullHeight .title {
    height: 225px
}

.bannerHDPanel.normal .banners .fullHeight .title {
    height: 185px
}

.bannerHDPanel.mince .banners .fullHeight .title {
    height: 110px
}

.bannerHDPanel .bannerTabs ul {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px auto
}

.bannerHDPanel .bannerTabs li {
    background-color: #fff;
    width: 12px;
    height: 12px;
    margin: 0 3px;
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light)
}

.bannerHDPanel .bannerTabs.bannerNb2 li,
.bannerHDPanel .bannerTabs.bannerNb3 li,
.bannerHDPanel .bannerTabs.bannerNb4 li {
    width: 12px
}

.RC .bannerHDPanel .bannerTabs li.active {
    background-color: #d92105;
    background-color: var(--color-error)
}

#rcMediaPlayerContainer #rcMediaPlayerOverlay {
    opacity: .9
}

#rcMediaPlayerContainer #rcMediaPlayerThumbs {
    display: none
}

#rcMediaPlayerContainer #rcMediaPlayerDataContainer {
    display: flex;
    align-items: center;
    padding: 0;
    max-height: 100%
}

#rcMediaPlayerContainer #rcMediaPlayerDataContainer .arrow-holder {
    height: 300px;
    width: 100px;
    margin: 0;
    top: unset;
    display: flex;
    align-items: center
}

#rcMediaPlayerContainer #rcMediaPlayerDataContainer .arrow-holder:hover .arrow-icon {
    font-size: 60px !important;
    opacity: .8
}

#rcMediaPlayerContainer #rcMediaPlayerDataContainer .arrow-holder.left {
    justify-content: flex-start;
    left: 29px
}

#rcMediaPlayerContainer #rcMediaPlayerDataContainer .arrow-holder.right {
    justify-content: flex-end;
    right: 29px
}

#rcMediaPlayerContainer #rcMediaPlayerDataContainer .arrow-holder .arrow-icon.left:before,
#rcMediaPlayerContainer #rcMediaPlayerDataContainer .arrow-holder .arrow-icon.right:before {
    border-style: solid;
    border-width: .03em .03em 0 0;
    content: "";
    display: inline-block;
    height: .8em;
    position: relative;
    transform: rotate(-135deg);
    vertical-align: top;
    width: .8em;
    -webkit-filter: drop-shadow(0 0 .06em #000);
    filter: drop-shadow(0 0 .06em black)
}

#rcMediaPlayerContainer #rcMediaPlayerDataContainer .arrow-holder .arrow-icon {
    background-color: transparent;
    font-size: 60px;
    line-height: .9;
    left: unset
}

#rcMediaPlayerContainer #rcMediaPlayerDataContainer .arrow-holder .arrow-icon.left {
    background-image: unset;
    left: 12px;
    height: 60px;
    width: 60px
}

#rcMediaPlayerContainer #rcMediaPlayerDataContainer .arrow-holder .arrow-icon.right {
    background-image: unset;
    right: 12px;
    height: 60px;
    width: 60px
}

#rcMediaPlayerContainer #rcMediaPlayerDataContainer .arrow-holder .arrow-icon.right:before {
    transform: rotate(45deg)
}

#rcMediaPlayerContainer #rcMediaPlayerClose {
    font-size: 50px;
    margin: 0;
    -webkit-filter: drop-shadow(0 0 .06em #000);
    filter: drop-shadow(0 0 .06em black)
}

#rcMediaPlayerContainer #rcMediaPlayerClose i {
    color: #fff;
    font-family: sans-serif;
    position: absolute;
    right: 20px;
    top: 20px
}

#rcMediaPlayerContainer #rcMediaPlayerWindow {
    background: none;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 0;
    max-width: unset
}

#rcMediaPlayerContainer #rcMediaPlayerWindow #rcMediaPlayerDataMedia {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto
}

#rcMediaPlayerContainer #rcMediaPlayerWindow #rcMediaPlayerDataMedia #rcMediaPlayerDataMediaBox {
    position: relative;
    top: unset;
    right: unset;
    bottom: unset;
    left: unset
}

#rcMediaPlayerContainer #rcMediaPlayerWindow #rcMediaPlayerDataMedia #rcMediaPlayerDataMediaBox #rcMediaPlayerData {
    display: inline-block;
    margin: 0 auto;
    max-height: 100vh
}

#rcMediaPlayerContainer #rcMediaPlayerWindow #rcMediaPlayerDataMedia #rcMediaPlayerDataMediaBox #rcMediaPlayerData img {
    max-height: 100vh
}

#rcMediaPlayerContainer #rcMediaPlayerWindow #rcMediaPlayerDataMedia #rcMediaPlayerDataMediaBox #rcMediaPlayerData #rcMediaPlayerDataTitle {
    color: #696868;
    color: var(--color-grey);
    height: unset;
    margin: 0;
    padding: 8px 16px;
    text-align: left;
    background: hsla(0, 0%, 100%, .8)
}

#rcMediaPlayerContainer #rcMediaPlayerWindow #rcMediaPlayerDataMedia #rcMediaPlayerDataMediaBox .videoWrapper {
    width: 86vw !important
}

#rcMediaPlayerContainer #rcMediaPlayerWindow #rcMediaPlayerDataMedia #rcMediaPlayerDataBox {
    position: absolute;
    top: 20px;
    left: 20px;
    max-width: 600px;
    z-index: 3
}

#rcMediaPlayerContainer #rcMediaPlayerWindow #rcMediaPlayerDataMedia #rcMediaDataTitleDescWrapper {
    position: absolute;
    top: 10px;
    left: 10px;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    max-width: 600px;
    z-index: 1
}

#rcMediaPlayerContainer #rcMediaPlayerWindow #rcMediaPlayerDataMedia #rcMediaPlayerDataTitle {
    display: none;
    color: #696868;
    color: var(--color-grey);
    height: unset;
    margin: 0 0 4px;
    padding: 8px 16px;
    text-align: left;
    background: hsla(0, 0%, 100%, .8);
    width: 100%
}

#rcMediaPlayerContainer #rcMediaPlayerWindow #rcMediaPlayerDataMedia #rcMediaPlayerDataDesc {
    display: none;
    position: unset;
    bottom: unset;
    left: unset;
    font-size: 15px;
    color: #fff;
    height: unset;
    padding: 16px;
    text-align: left;
    width: 100%;
    background: rgba(0, 0, 0, .6)
}

#rcMediaPlayerContainer #rcMediaPlayerWindow #rcMediaPlayerDataMedia #rcMediaPlayerCTA {
    display: none;
    position: absolute;
    z-index: 3;
    bottom: 3px;
    justify-content: center;
    align-items: flex-end;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    left: 10%;
    right: 10%
}

#rcMediaPlayerContainer #rcMediaPlayerWindow #rcMediaPlayerDataMedia #rcMediaPlayerCTA ul {
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

#rcMediaPlayerContainer #rcMediaPlayerWindow #rcMediaPlayerDataMedia #rcMediaPlayerCTA li {
    display: inline-block;
    margin: 0 5px
}

#rcMediaPlayerContainer #rcMediaPlayerWindow #rcMediaPlayerDataMedia #rcMediaPlayerCTA li a.btn-outline {
    font-size: 18px;
    background: rgba(0, 0, 0, .4);
    border: 2px solid #fff;
    border-radius: 5px;
    color: #fff;
    padding: 7px 20px;
    margin-bottom: 7px;
    white-space: normal;
    text-transform: uppercase;
    width: 100%
}

#rcMediaPlayerContainer #rcMediaPlayerWindow #rcMediaPlayerDataMedia #rcMediaPlayerCTA li a.btn-outline p {
    margin: 0
}

#rcMediaPlayerContainer .media-close {
    position: absolute;
    top: 12px;
    right: -50px;
    height: 43px;
    width: 43px;
    padding: 0;
    color: #fff;
    z-index: 999999
}

#rcMediaPlayerContainer .media-close span {
    position: relative;
    background-color: #fff;
    height: 4px;
    display: block;
    width: 29px;
    margin: 17px auto 0;
    transition: all .4s;
    transition-delay: .3s
}

#rcMediaPlayerContainer .media-close span:after,
#rcMediaPlayerContainer .media-close span:before {
    content: "";
    position: absolute;
    display: block;
    width: 25px;
    height: 0;
    left: 2px;
    top: 50%;
    margin-top: -9px;
    transition: all .3s .3s
}

#passwordfeedback,
#passwordfeedbackdifference {
    position: relative;
    bottom: 0;
    left: 0;
    padding: 1em;
    font-size: 1em;
    border-radius: 5px;
    box-shadow: 0 1px 3px #ccc;
    border: 1px solid #ddd;
    display: none
}

#passwordfeedbackdifference h4,
#passwordfeedback h4 {
    margin: 0 0 .5em;
    padding: 0;
    font-weight: 400
}

#passwordfeedbackdifference li,
#passwordfeedback li {
    margin: 0 0 0 -2em;
    padding: 0;
    list-style-type: none
}

#passwordfeedback .invalid,
#passwordfeedbackdifference .invalid {
    color: #d92105;
    color: var(--color-error)
}

#passwordfeedback .valid,
#passwordfeedbackdifference .valid {
    color: #080;
    color: var(--color-success)
}

.atc-BoutonLong_PrimaireGros {
    font-family: inherit;
    line-height: 2.45;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 6px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 0;
    touch-action: manipulation;
    font-size: 23px;
    font-weight: 700;
    text-transform: uppercase;
    width: 100%;
    height: 58px;
    color: #fff;
    border: 1px solid #1d5fa0;
    background-color: #2578cb
}

body:not(.touch-phone) .atc-BoutonLong_PrimaireGros {
    line-height: 1.78;
    padding: 6px 12px
}

body:not(.touch-phone) .atc-BoutonLong_PrimaireGros {
    font-size: 18px;
    font-weight: 400;
    height: 45px
}

.atc-BoutonLong_PrimaireGros[disabled] {
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    box-shadow: none
}

.atc-BoutonLong_PrimaireGros:active {
    color: #fff;
    border-color: #184d82;
    outline: 0;
    background-color: #1c5997;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.atc-BoutonLong_PrimaireGros:hover {
    color: #fff;
    border-color: #184d82;
    background-color: #1c5997
}

.atc-BoutonLong_PrimaireGros:active:hover {
    border-color: #14406c;
    background-color: #184d82
}

.atc-BoutonLong_Primaire {
    font-family: inherit;
    line-height: 2.45;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 6px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 0;
    touch-action: manipulation;
    font-size: 20px;
    line-height: 1.3;
    width: 100%;
    height: 58px;
    white-space: normal;
    text-transform: uppercase;
    color: #fff;
    border: 1px solid #1d5fa0;
    background-color: #2578cb
}

body:not(.touch-phone) .atc-BoutonLong_Primaire {
    line-height: 1.78;
    padding: 6px 12px
}

body:not(.touch-phone) .atc-BoutonLong_Primaire {
    font-size: 17px;
    line-height: 2.45;
    height: 46px;
    white-space: nowrap
}

.atc-BoutonLong_Primaire:active {
    color: #fff;
    border-color: #184d82;
    outline: 0;
    background-color: #1c5997;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.atc-BoutonLong_Primaire:hover {
    color: #fff;
    border-color: #184d82;
    background-color: #1c5997
}

.atc-BoutonLong_Primaire:active:hover {
    border-color: #14406c;
    background-color: #184d82
}

.ts-ListItem_InfoBox .atc-BoutonLong_Primaire {
    width: 100% !important;
    margin-top: 10px
}

.atc-BoutonCourt_Primaire {
    font-family: inherit;
    line-height: 2.45;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 6px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 0;
    touch-action: manipulation;
    font-size: 20px;
    font-weight: 700;
    width: 95px;
    text-transform: uppercase;
    color: #fff;
    border: 1px solid #1d5fa0;
    background-color: #2578cb
}

body:not(.touch-phone) .atc-BoutonCourt_Primaire {
    line-height: 1.78;
    padding: 6px 12px
}

body:not(.touch-phone) .atc-BoutonCourt_Primaire {
    font-size: 14px;
    font-weight: 400;
    height: 46px
}

.atc-BoutonCourt_Primaire:active {
    color: #fff;
    border-color: #184d82;
    outline: 0;
    background-color: #1c5997;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.atc-BoutonCourt_Primaire:hover {
    color: #fff;
    border-color: #184d82;
    background-color: #1c5997
}

.atc-BoutonCourt_Primaire:active:hover {
    border-color: #14406c;
    background-color: #184d82
}

.ts-ListItem_InfoBox .atc-BoutonCourt_Primaire {
    width: 100%;
    margin-top: 10px
}

.atc-BoutonLong_SecondaireGros {
    font-family: inherit;
    line-height: 2.45;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 6px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 0;
    touch-action: manipulation;
    line-height: 2.15;
    font-size: 20px;
    text-transform: uppercase;
    width: 100%;
    color: #2578cb;
    border: 1px solid #1d5fa0;
    background-color: #fff;
    background-color: var(--color-white)
}

body:not(.touch-phone) .atc-BoutonLong_SecondaireGros {
    line-height: 1.78;
    padding: 6px 12px
}

body:not(.touch-phone) .atc-BoutonLong_SecondaireGros {
    font-size: 18px
}

.atc-BoutonLong_SecondaireGros:hover {
    color: #fff;
    border-color: #184d82;
    background-color: #2578cb
}

.atc-BlocQty {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%
}

body:not(.touch-phone) .atc-BlocQty {
    flex-wrap: nowrap;
    align-items: flex-start
}

.pms-AddToCartContainer .atc-BlocQty {
    flex-wrap: nowrap
}

.pms-Requis_CtaCell .atc-BlocQty {
    justify-content: space-between;
    flex-wrap: nowrap
}

.ts-ListItem_InfoBox .atc-BlocQty {
    min-width: unset
}

body:not(.touch-phone) .ts-ListItem_InfoBox .atc-BlocQty {
    flex-wrap: wrap
}

body:not(.touch-phone) .ar-Table_FirstRow .atc-BlocQty {
    margin-top: 0
}

.ar-Mobile_Qty .atc-BlocQty {
    min-width: unset;
    margin-bottom: 10px
}

.atc-CTABox {
    position: relative;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    min-height: 44px
}

.fav-Info .atc-CTABox {
    margin-top: 10px
}

body:not(.touch-phone) .atc-CTABox {
    min-width: 200px
}

.atc-BlocQty_List {
    position: relative;
    padding-left: 0;
    list-style: none;
    margin-bottom: 10px
}

body:not(.touch-phone) .atc-BlocQty_List {
    margin-bottom: 0
}

.pms-Requis_CtaCell .atc-BlocQty_List {
    margin-bottom: 0
}

.atc-BlocQty_InputGroup {
    position: relative;
    display: flex;
    border-collapse: separate;
    margin-right: 15px
}

.ts-ListItem_InfoBox .atc-BlocQty_InputGroup {
    margin-right: 0
}

body:not(.touch-phone) .pms-AddQteMaster .atc-BlocQty_InputGroup {
    margin: 0 20px 0 0
}

.atc-BlocQty_Input {
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    display: inline-block;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    background-image: none;
    touch-action: manipulation
}

.atc-BlocQty_Input:focus {
    color: #333;
    background-color: #e6e6e6
}

.atc-BlocQty_Input:active,
.atc-BlocQty_Input:hover {
    color: #333;
    background-color: #e6e6e6
}

.atc-BlocQty_Input:active:focus,
.atc-BlocQty_Input:active:hover {
    color: #333;
    background-color: #d4d4d4
}

.atc-BlocQty_Input:active {
    background-image: none
}

.atc-BlocQty_Input .input-group-btn {
    display: table-cell;
    width: 1%;
    vertical-align: middle
}

.atc-BlocQty_Input .input-group-btn:first-child>.btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.atc-BlocQty_Input .input-group-btn {
    font-size: 0;
    white-space: nowrap
}

.atc-BlocQty_Input .input-group-btn,
.atc-BlocQty_Input .input-group-btn>.btn {
    position: relative
}

.atc-BlocQty_Input .input-group-btn>.btn:active,
.atc-BlocQty_Input .input-group-btn>.btn:focus,
.atc-BlocQty_Input .input-group-btn>.btn:hover {
    z-index: 2
}

.atc-BlocQty_Input ::-moz-selection {
    background: #cfcece;
    background: var(--color-grey-light);
    text-shadow: none
}

.atc-BlocQty_Input ::-moz-selection,
.atc-BlocQty_Input ::selection {
    background: #cfcece;
    background: var(--color-grey-light);
    text-shadow: none
}

.atc-BlocQty_InputMinus {
    color: #292929;
    color: var(--color-base-black);
    border: 1px solid #cfcece;
    border-color: var(--color-grey-light);
    border-right: 0 solid var(--color-grey-light)
}

.atc-BlocQty_InputPlus {
    color: #292929;
    color: var(--color-base-black);
    border: 1px solid #cfcece;
    border-color: var(--color-grey-light);
    border-left: 0 solid var(--color-grey-light)
}

.atc-BlocQty_MinusIcon,
.atc-BlocQty_PlusIcon {
    font-size: 20px;
    line-height: 32px;
    width: 56px;
    height: 56px;
    margin-top: 0;
    border: none;
    background: transparent
}

body:not(.touch-phone) .atc-BlocQty_MinusIcon,
body:not(.touch-phone) .atc-BlocQty_PlusIcon {
    font-size: 14px;
    width: 44px;
    height: 44px
}

.ts-ListItem_InfoBox .atc-BlocQty_MinusIcon,
.ts-ListItem_InfoBox .atc-BlocQty_PlusIcon {
    width: 56px
}

body:not(.touch-phone) .ts-ListItem_InfoBox .atc-BlocQty_MinusIcon,
body:not(.touch-phone) .ts-ListItem_InfoBox .atc-BlocQty_PlusIcon {
    width: 44px
}

.atc-BlocQty_InputQty {
    font-size: 18px;
    line-height: 1.42857143;
    display: block;
    float: unset;
    box-sizing: content-box;
    width: 56px;
    height: 57px;
    padding: unset;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    text-align: center;
    color: #555;
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light);
    border-radius: 0;
    background-color: #fff;
    background-color: var(--color-white);
    background-image: none
}

body:not(.touch-phone) .atc-BlocQty_InputQty {
    font-size: 14px;
    line-height: 1.42857143;
    width: 44px;
    height: 44px
}

.atc-BlocQty_InputQty:focus {
    border-color: #000;
    border-color: var(--color-black);
    outline: 0
}

.ts-ListItem_InfoBox .atc-BlocQty_InputQty {
    width: 100%;
    margin-right: 0
}

body:not(.touch-phone) .ts-ListItem_InfoBox .atc-BlocQty_InputQty {
    width: 100%
}

.atc-BlocQty_MinQty {
    position: absolute;
    top: -22px;
    font-size: 16px;
    text-align: left;
    width: 100%
}

body:not(.touch-phone) .atc-BlocQty_MinQty {
    top: -15px;
    font-size: 11px
}

#AddToCartCmpModal {
    display: none;
    position: absolute;
    top: 0;
    right: 115px;
    height: 70px;
    background-color: #fff;
    background-color: var(--color-white);
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light);
    z-index: 10000
}

#AddToCartCmpModal>div {
    padding: 15px;
    font-size: 18px;
    color: #000;
    color: var(--color-black);
    display: table
}

#AddToCartCmpModal img {
    width: 40px;
    height: 40px;
    left: 10px;
    top: 10px
}

#AddToCartCmpModal>div>div.info {
    display: table-cell;
    vertical-align: middle;
    height: 38px;
    white-space: nowrap
}

#AddToCartCmpModal>div>div.info.indent {
    padding-left: 15px
}

#AddToCartCmpModal .chevron {
    position: absolute;
    z-index: 2;
    right: -18px;
    top: 6px;
    color: #fff;
    color: var(--color-white);
    display: block
}

.atc-Component {
    font-size: 16px;
    position: relative;
    display: inline-block;
    width: 100%
}

.atc-Component .atc-PopoverError {
    font-size: 16px;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    line-height: 1.1;
    display: none;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: normal;
    color: #d92105;
    color: var(--color-error);
    border: 1px solid #d92105;
    border: 1px solid var(--color-error);
    background-color: #f5cccc;
    background-color: var(--color-error-light)
}

body:not(.touch-phone) .atc-Component .atc-PopoverError {
    font-size: 13px
}

.ts-ListItem_InfoBox .atc-Component .atc-PopoverError {
    height: 87%;
    margin-top: 9px
}

body:not(.touch-phone) .ts-ListItem_InfoBox .atc-Component .atc-PopoverError {
    height: 85%;
    margin-top: 10px
}

.atc-Component button.cart {
    margin-top: 7px;
    width: 95px
}

.atc-Component.long button.cart {
    width: 300px
}

.atc-Component button.cart.btn-lg {
    padding-left: 10px;
    padding-right: 10px
}

.pms-AddCartBlocTop .atc-Component button.cart {
    margin-left: 8px;
    margin-top: 0
}

.pms-AddCartBlocTop .atc-Component {
    width: auto
}

.atc-Component>table {
    width: 230px
}

.atc-Component .atc-BlocQty .input-group {
    float: left
}

.atc-Component .addButton {
    float: right;
    margin-left: 15px
}

.atc-Component.oneLine .atc-BlocQty .input-group {
    width: 120px;
    float: left
}

.atc-Component.oneLine .addButton {
    width: auto
}

.atc-Component ga-funnel-event {
    width: 100%
}

ga-add-to-cart {
    width: 100%;
    display: flex;
    justify-content: flex-end
}

ga-add-to-cart.panier-devis-button {
    display: contents
}

.carousel.nb7 .viewMore.withImg a div {
    font-size: 14px
}

.noCarousel .carousel.nb1 li,
.noCarousel .carousel li a .itemImg,
.noCarousel ul.carousel {
    width: 100%
}

.carousel.noSkuSegment.hideName .text,
.touchcarousel.v2 .arrow-holder.disabled {
    display: none
}

.carousel.noSkuSegment.noir a {
    color: #fff;
    color: var(--color-white);
    background-color: #525b63;
    background-color: var(--color-titles)
}

.carousel.noSkuSegment.noir a:hover {
    background-color: #2578cb;
    background-color: var(--color-accent)
}

.touchcarousel {
    overflow: visible
}

.touchcarousel,
.touchcarousel-item {
    position: relative
}

.carousel.skuSegment .listItemContainer,
.rViewed .carousel li>div {
    margin: 0
}

.carousel.noSkuSegment li a {
    font-size: 14px;
    position: relative;
    display: block;
    text-decoration: none;
    border: 1px solid #292929;
    border: 1px solid var(--color-grey-x-dark)
}

.carousel.noSkuSegment li a:hover {
    text-decoration: none;
    color: #000;
    color: var(--color-black);
    border: 1px solid #2578cb;
    border: 1px solid var(--color-accent);
    box-shadow: 0 0 4px #2578cb;
    box-shadow: 0 0 4px var(--color-accent)
}

.carousel li>div {
    margin: 0 10px 12px 0
}

.carousel li>div>a {
    overflow: hidden
}

.touchcarousel.v2,
.withCarousel .carousel li:last-child>div {
    margin-right: 0
}

.noCarousel .nb1 li {
    width: 100%
}

.noCarousel .nb1 li img {
    max-width: 1380px
}

.bannerHDPanel .bannerTabs.bannerNb2 li,
.noCarousel .nb2 li {
    width: 50%
}

@media only screen and (max-width:1344px) {
    .noCarousel .nb3 li {
        width: 33.33333%
    }
}

@media only screen and (min-width:1345px) {
    .noCarousel .nb3 li {
        width: 25%
    }
}

@media only screen and (max-width:1263px) {
    .noCarousel .nb4 li {
        width: 25%
    }
}

@media only screen and (min-width:1264px) {
    .noCarousel .nb4 li {
        width: 20%
    }
}

@media only screen and (max-width:1211px) {
    .noCarousel .nb5 li {
        width: 20%
    }

    .noCarousel .nb6 li {
        width: 16.66667%
    }
}

@media only screen and (min-width:1212px) and (max-width:1405px) {
    .noCarousel .nb5 li {
        width: 16.66667%
    }

    .noCarousel .nb6 li {
        width: 14.2857%
    }
}

@media only screen and (min-width:1406px) {
    .noCarousel .nb5 li {
        width: 14.2857%
    }

    .noCarousel .nb6 li {
        width: 12.5%
    }
}

@media only screen and (max-width:1152px) {
    .noCarousel .nb7 li {
        width: 14.2857%
    }
}

@media only screen and (min-width:1153px) and (max-width:1290px) {
    .noCarousel .nb7 li {
        width: 12.5%
    }
}

@media only screen and (min-width:1291px) and (max-width:1428px) {
    .noCarousel .nb7 li {
        width: 11.1111%
    }
}

@media only screen and (min-width:1429px) {
    .noCarousel .nb7 li {
        width: 10%
    }
}

.carousel .viewMore.withImg a i {
    font-size: 28px
}

.carousel .viewMore a {
    display: block;
    color: #000 !important;
    color: var(--color-black) !important;
    background-color: #fff !important;
    background-color: var(--color-white) !important
}

.carousel .viewMore a:hover {
    border-color: #2578cb !important;
    border-color: var(--color-accent) !important;
    box-shadow: 0 0 2px #2578cb;
    box-shadow: 0 0 2px var(--color-accent)
}

.carousel.skuSegment .viewMore a {
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light)
}

.carousel.noSkuSegment .titre {
    text-align: center
}

.carousel.noSkuSegment .text>p {
    padding: 5px 10px
}

.carousel.noSkuSegment.noir .text {
    color: #fff
}

.carousel.noSkuSegment.noir .text:hover {
    background-color: #2578cb;
    background-color: var(--color-accent)
}

.carousel.noSkuSegment.gris .text,
.touchcarousel-item>* {
    background-color: #fff;
    background-color: var(--color-white)
}

.carousel.noSkuSegment.gris a:hover .text,
.carousel.noSkuSegment a:hover .text {
    background-color: #f2f2f4;
    background-color: var(--color-contrast)
}

.carousel.noSkuSegment.noir a:hover .text {
    background-color: #2578cb;
    background-color: var(--color-accent)
}

.carousel.noSkuSegment.titredesc a {
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light)
}

.carousel.noSkuSegment.titredesc p.titre {
    font-size: 16px;
    font-weight: 700;
    box-sizing: border-box;
    padding: 15px;
    color: #000;
    color: var(--color-black)
}

.carousel.noSkuSegment.titredesc p.desc {
    padding: 5px 15px;
    text-align: justify;
    text-justify: inter-word;
    color: #292929;
    color: var(--color-base-black)
}

.carousel.noSkuSegment.titredesc div.text {
    overflow: visible;
    padding-bottom: 15px
}

.carousel.noSkuSegment.titredesc span.readMore {
    display: block;
    padding: 0 0 0 15px;
    text-align: left;
    color: #465d73;
    color: var(--color-accent-x-dark)
}

.TG .carousel.noSkuSegment.titredesc span.readMore {
    color: #14365d;
    color: var(--color-accent-xx-dark)
}

.carousel.noSkuSegment div.itemImg p {
    overflow: hidden;
    padding: 10px
}

.carousel.noSkuSegment div.videoOverlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 30%;
    margin: 19.69% 0;
    text-align: center
}

.carousel.noSkuSegment div.videoOverlay img {
    height: 100%
}

.touchcarousel .touchcarousel-container {
    position: relative;
    left: 2px;
    display: flex;
    flex-wrap: wrap
}

.touchcarousel .touchcarousel-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding-bottom: 4px;
    padding-left: 2px
}

.touchcarousel .touchcarousel-wrapper.grab-cursor {
    padding-left: 2px
}

.touchcarousel .touchcarousel-item {
    position: relative;
    top: 2px;
    left: 0;
    float: left;
    text-align: center
}

.touchcarousel .touchcarousel-item.last {
    margin-right: 0 !important
}

.touchcarousel .tc-paging-item:hover,
.touchcarousel.v1 .arrow-holder:hover {
    opacity: 1
}

.touchcarousel.rcMediaPlayer .arrow-holder,
.touchcarousel.v2 .arrow-holder {
    position: absolute;
    top: 0;
    border: 1px solid #f5f5f5;
    border: 1px solid var(--color-grey-xx-light)
}

.touchcarousel.v2 .arrow-holder.left {
    left: -12px
}

.touchcarousel.v2 .arrow-holder.right {
    right: -15px
}

.touchcarousel.v2 .arrow-icon {
    font-size: 14px;
    line-height: 40px;
    top: 0;
    left: 0;
    display: block;
    width: 28px;
    padding: 5px 0;
    text-align: center;
    color: #fff;
    color: var(--color-white);
    border-radius: 4px;
    background-color: #292929;
    background-color: var(--color-grey-x-dark)
}

.touchcarousel.rcMediaPlayer {
    margin: 4px 24px 6px
}

.touchcarousel.rcMediaPlayer .arrow-holder.left {
    left: -24px
}

.touchcarousel.rcMediaPlayer .arrow-holder.right {
    right: -24px
}

.touchcarousel.rcMediaPlayer .arrow-icon.left {
    top: 0;
    left: 0;
    display: block;
    width: 13px;
    height: 60px;
    margin-top: 0;
    border-left: 0;
    background-image: url(../image/carousel-arrow-left.png);
    background-repeat: no-repeat;
    background-position: 1px
}

.touchcarousel.rcMediaPlayer .arrow-icon.right {
    top: 0;
    right: 0;
    display: block;
    width: 13px;
    height: 60px;
    margin-top: 0;
    border-right: 0;
    background-image: url(../image/carousel-arrow-right.png);
    background-repeat: no-repeat;
    background-position: 4px
}

.touchcarousel.rcMediaPlayer li {
    margin-right: 10px;
    border: 1px solid #363535;
    border: 1px solid var(--color-grey-dark)
}

.touchcarousel.rcMediaPlayer li a {
    position: relative;
    display: block;
    width: 60px;
    height: 60px
}

.touchcarousel.rcMediaPlayer li .videoOverlay {
    position: absolute;
    top: 14px;
    left: 14px
}

.touchcarousel.rcMediaPlayer li a>img {
    width: 60px;
    height: 60px
}

div.brochures .touchcarousel-item {
    position: relative;
    background-color: transparent
}

.filigrane-360,
.filigrane-360-An:after,
.filigrane-360-Fr:after {
    content: "";
    pointer-events: none;
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .8;
    top: 0;
    background-color: #14365d;
    background-color: var(--color-accent-xx-dark);
    mask-repeat: no-repeat;
    mask-size: 75%;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 75%;
    -webkit-mask-position: center
}

.filigrane-360-Fr:after {
    mask-image: url(../image/360-fr.svg);
    -webkit-mask-image: url(../image/360-fr.svg)
}

.filigrane-360-An:after {
    mask-image: url(../image/360-en.svg);
    -webkit-mask-image: url(../image/360-en.svg)
}

.viContent .switchType {
    margin-bottom: 5px;
    position: relative
}

.viContent .switchType>span {
    position: relative;
    bottom: 10px
}

.viContent .switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px
}

.viContent .switch input {
    display: none
}

.viContent .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #cfcece;
    background-color: var(--color-grey-light);
    border-radius: 24px
}

.viContent .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 4px;
    border-radius: 50%;
    background-color: #fff
}

.viContent input:checked+.slider {
    background-color: #2578cb;
    background-color: var(--color-accent)
}

.viContent input:focus+.slider {
    box-shadow: 0 0 1px #2578cb;
    box-shadow: 0 0 1px var(--color-accent)
}

.viContent input:checked+.slider:before {
    transform: translateX(16px)
}

#ChoixLivraison #bonForm label {
    display: flex;
    align-items: flex-start;
    font-weight: 400
}

#ChoixLivraison #bonForm .panel-body>label {
    font-size: 20px;
    font-weight: 700
}

#ChoixLivraison #bonForm .panel-body>label:last-of-type {
    margin: 30px 0 10px
}

#ChoixLivraison #bonForm input[type=radio] {
    margin-right: 10px
}

#ChoixLivraison #bonForm .shipChoice {
    margin: 25px 0
}

#ChoixLivraison #bonForm .shipChoice>div {
    margin-bottom: 20px
}

#ChoixLivraison #bonForm .shipChoice>div img {
    height: 50px;
    margin-right: 20px
}

#ChoixLivraison #bonForm .shipChoice>div label {
    display: flex;
    align-items: center;
    border: 1px solid #000;
    padding: 15px;
    margin-right: 20px
}

#ChoixLivraison #savedAddress>div label {
    padding-left: 40px;
    height: 100%
}

#ChoixLivraison #savedAddress>div label input {
    margin-left: -40px !important
}

#ChoixLivraison #savedAddress>div #newAddressButton {
    font-size: 24px;
    font-weight: 700
}

#ChoixLivraison #savedAddress>div #newAddressButton input[name=address] {
    display: none
}

#ChoixLivraison #savedAddress>div #newAddressButton label {
    padding-left: 0
}

#ChoixLivraison .panel-heading {
    display: none
}

.selectedAddress,
.selectedShipping {
    border-color: transparent !important;
    outline: 3px solid #2578cb;
    outline: 3px solid var(--color-accent)
}

#commSpeciale .mrAllLines>li {
    padding-left: 5px;
    padding-right: 60px
}

#commSpeciale .mrAllLines>li .row {
    padding-top: 10px
}

#commSpeciale .mrAllLines>li .row+.row {
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px dashed #4f4f4f;
    border-top: 1px dashed var(--color-grey-mid-dark)
}

#commSpeciale .mrAllLines>li .row.special,
#commSpeciale .mrAllLines>li .row.tagLine {
    border-top: 0
}

#commSpeciale .mrAllLines>li .row.tagLine {
    margin-top: 10px
}

#commSpeciale .mrAllLines>li .row.tagLine input:nth-of-type(n+2) {
    margin-top: 5px
}

#commSpeciale .mrAllLines>li .row.tagLine .col-xs-20 {
    padding-left: 5px
}

#commSpeciale .mrAllLines>li .row.tagLine .addTagButton {
    display: flex;
    margin-top: 3px;
    margin-left: 7px
}

#commSpeciale .mrAllLines>li .row.subLine .input-group {
    margin-top: unset
}

#commSpeciale .mrAllLines>li .row div[class*=" col-"],
#commSpeciale .mrAllLines>li .row div[class^=col-] {
    padding-left: 0;
    padding-right: 0
}

#commSpeciale .mrAllLines>li .row div[class*=" col-"] .deepest,
#commSpeciale .mrAllLines>li .row div[class^=col-] .deepest {
    padding-left: 5px;
    padding-right: 5px
}

#commSpeciale .mrAllLines>li .row div[class*=" col-"] .deepest .visible-xs,
#commSpeciale .mrAllLines>li .row div[class^=col-] .deepest .visible-xs {
    padding-top: 8px
}

#commSpeciale .mrAllLines>li .aRemoveLink {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 2
}

#commSpeciale .mrAllLines>li .aRemoveLink .fa {
    line-height: 1.4;
    margin-top: 3px
}

#commSpeciale .mrAllLines>li input[type=tel] {
    text-align: center
}

#commSpeciale .mrAllLines li.header .row {
    display: flex;
    align-items: flex-start
}

#commSpeciale .mrAllLines li.header .row .noProduitQty {
    padding: 0 0 10px
}

#commSpeciale .priceTotal {
    padding-left: 0
}

#quickOrder .container-fluid .intro {
    padding-left: 0;
    padding-bottom: 5px
}

#quickOrder .mrAllLines>li {
    padding-left: 5px;
    padding-right: 60px
}

#quickOrder .mrAllLines>li .row+.row {
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px dashed #4f4f4f;
    border-top: 1px dashed var(--color-grey-mid-dark)
}

#quickOrder .mrAllLines>li .row.special,
#quickOrder .mrAllLines>li .row.tagLine {
    border-top: 0
}

#quickOrder .mrAllLines>li .row.tagLine {
    margin-top: 10px
}

#quickOrder .mrAllLines>li .row.tagLine input:nth-of-type(n+2) {
    margin-top: 5px
}

#quickOrder .mrAllLines>li .row.tagLine .col-xs-20 {
    padding-left: 5px
}

#quickOrder .mrAllLines>li .row.tagLine .addTagButton {
    display: flex;
    margin-top: 3px;
    margin-left: 7px
}

#quickOrder .mrAllLines>li .row.subLine .input-group {
    margin-top: unset
}

#quickOrder .mrAllLines>li .row div[class*=" col-"],
#quickOrder .mrAllLines>li .row div[class^=col-] {
    padding-left: 0;
    padding-right: 0
}

#quickOrder .mrAllLines>li .row div[class*=" col-"] .deepest,
#quickOrder .mrAllLines>li .row div[class^=col-] .deepest {
    padding-left: 5px;
    padding-right: 5px
}

#quickOrder .mrAllLines>li .row div[class*=" col-"] .deepest .visible-xs,
#quickOrder .mrAllLines>li .row div[class^=col-] .deepest .visible-xs {
    padding-top: 8px
}

#quickOrder .mrAllLines>li .aRemoveLink {
    position: absolute;
    right: 10px;
    top: 7px;
    z-index: 2
}

#quickOrder .mrAllLines>li .aRemoveLink .fa {
    line-height: 1.4;
    margin-top: 3px
}

#quickOrder .mrAllLines>li input[type=tel] {
    text-align: center
}

#quickOrder .mrAllLines li.header .row {
    display: flex;
    align-items: flex-start
}

#quickOrder .mrAllLines li.header .row .noProduitQty {
    padding: 0 0 10px
}

#quickOrder .priceTotal {
    padding-left: 0
}

.cartPage .cartForm a.remove {
    margin-left: 20px
}

.cartPage .noProduit-remove {
    display: flex;
    align-items: center
}

.cartPage .priceCell .breakPrice {
    display: none
}

.cart-PanierVersFavoris_produit {
    border-top: 1px solid #a9a8a8;
    border-top: 1px solid var(--color-grey-mid-light-light);
    padding: 10px 15px
}

.cart-PanierVersFavoris_produit:first-child {
    border-top: none
}

.cart-PanierVersFavoris_produit-nom {
    font-size: 17px;
    font-weight: 700
}

body,
html {
    height: 100%;
    margin: 0;
    padding: 0
}

#LocalisationPage select,
#LocalisationPage select option,
.fw-bold {
    font-weight: 700
}

#LocalisationPage #filtermarkerdd {
    width: 98%
}

#LocalisationPage #localisation-search {
    display: flex;
    grid-gap: 5px;
    gap: 5px
}

#LocalisationPage #localisation-search-group {
    display: block;
    flex-grow: 1;
    order: 0
}

#LocalisationPage #localisation-search-btn {
    display: block;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    align-self: start;
    order: 0
}

#LocalisationPage #map-container {
    position: relative;
    top: 5%;
    clear: both;
    padding-top: 20px
}

#LocalisationPage #map-container #map {
    height: 500px
}

#LocalisationPage #map-container #map .gm-style .gm-style-iw-c {
    display: flex;
    flex-direction: row-reverse
}

#LocalisationPage #map-container .address {
    min-width: 295px
}

#LocalisationPage #map-container .address .collapsible {
    width: 100%;
    padding-left: 10%
}

#LocalisationPage #map-container .address .btn-itineraire {
    text-align: right
}

#LocalisationPage #map-container .address .btn-itineraire .btn-sm {
    padding: 1px 5px;
    margin-right: 10%;
    margin-bottom: 5%
}

#LocalisationPage #map-container .address .risw-label {
    width: 8%;
    text-align: center;
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    margin-top: 2%
}

#LocalisationPage #map-container .address .risw-label div {
    background-color: #d92105;
    background-color: var(--color-error);
    color: #fff;
    padding: 1%;
    width: 100%
}

#LocalisationPage #map-container .address .risw-informations {
    float: left;
    margin: 0;
    padding: 2%;
    width: 90%;
    color: #000
}

#LocalisationPage #map-container .address .risw-name {
    font-weight: 700;
    font-size: 13px;
    padding-bottom: .5em
}

#LocalisationPage #map-container .address .risw-details {
    float: left;
    padding-top: .5em
}

#LocalisationPage #map-container .address .risw-showroom {
    padding-top: 1%;
    font-weight: 400
}

#LocalisationPage #map-container .address .link-to-showroom {
    text-decoration: underline
}

#LocalisationPage #map-container .address>div {
    height: auto;
    font-size: 14px
}

#LocalisationPage #map-container .address h1 {
    font-size: 16px;
    font-weight: 600;
    margin: 4px 0
}

#LocalisationPage #map-container .address p {
    margin: 2px
}

#LocalisationPage #map-container #list {
    height: 500px;
    overflow-x: hidden
}

#LocalisationPage #map-container #list .address {
    border-top: 1px solid #aaa;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap
}

#LocalisationPage #map-container #list p:last-child {
    margin-bottom: 10px
}

#LocalisationPage #map-container .collapsible-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-out;
    margin: 1rem
}

#LocalisationPage #map-container .collapsible-content.open {
    max-height: 500px
}

#LocalisationPage #map-container .collapsible-toggle {
    cursor: pointer;
    margin-top: 1rem
}

#LocalisationPage #map-container .collapsible-toggle .fa {
    transition: transform .2s;
    color: #d92105;
    color: var(--color-icons)
}

#LocalisationPage #map-container .collapsible-toggle.open .fa {
    transform: rotate(180deg)
}

#LocalisationPage #map-container .horaire-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-left: 2rem;
    font-size: 12px
}

#LocalisationPage #map-container .service-title {
    padding-top: 1rem
}

#LocalisationPage #map-container .service-row {
    padding-left: 2rem;
    font-size: 12px
}

@media (max-width:1000px) {
    #LocalisationPage #map-container #map {
        height: 300px
    }

    #LocalisationPage #map-container .horaire-row {
        padding-left: 0
    }

    #LocalisationPage #map-container #list .address {
        flex-wrap: nowrap
    }

    #LocalisationPage #map-container #list .address .collapsible-toggle {
        display: none
    }

    #LocalisationPage #map-container #list .address .collapsible-content {
        max-height: 500px;
        width: 100%
    }

    #LocalisationPage #map-container #list .address .risw-informations {
        width: 50%
    }

    #LocalisationPage #map-container #list .address .risw-label {
        justify-content: start;
        background-color: #d92105;
        background-color: var(--color-error);
        color: #fff
    }

    #LocalisationPage #map-container #list .address .risw-name {
        width: 100%
    }

    #LocalisationPage #map-container #list .address .risw-details,
    #LocalisationPage #map-container #list .address .risw-showroom {
        padding-left: 0
    }

    #LocalisationPage #map-container #list {
        height: 300px
    }
}

body.LuxuryTheme {
    background: #292929;
    background: var(--color-grey-x-dark);
    color: #fff
}

body.LuxuryTheme .carousel.noSkuSegment li a:hover {
    color: #000;
    text-decoration: none
}

body.LuxuryTheme #banniere_titre.is_image {
    background-position: center 1px
}

body.LuxuryTheme .breadcrumb,
body.LuxuryTheme .contentHeading .nodeDesc {
    display: none
}

body.LuxuryTheme .boxData span {
    color: #cfcece !important;
    color: var(--color-grey-light) !important;
    font-family: Lato, sans-serif;
    font-weight: 400
}

body.BaseTheme #banniere_titre.is_text body.LuxuryTheme h1,
body.BaseTheme .boxData body.LuxuryTheme span[style*="38px"]>strong,
body.BaseTheme .boxData span[style*="38px"] span body.LuxuryTheme strong,
body.BaseTheme .boxData span[style*="38px"] strong body.LuxuryTheme span,
body.LuxuryTheme #banniere_titre.is_text h1,
body.LuxuryTheme .boxData span[style*="38px"]>strong,
body.LuxuryTheme .boxData span[style*="38px"] span strong,
body.LuxuryTheme .boxData span[style*="38px"] strong span {
    color: #c3a939 !important;
    font-family: Lato, sans-serif;
    font-size: 70px !important;
    font-weight: 100;
    line-height: 70px
}

body.BaseTheme .boxData body.LuxuryTheme h2,
body.BaseTheme .boxData body.LuxuryTheme span[style*="26px"]>strong,
body.BaseTheme .boxData body.LuxuryTheme span[style*="28px"],
body.BaseTheme .boxData body.LuxuryTheme span[style*="28px"]>strong,
body.BaseTheme .boxData body.LuxuryTheme span[style*="30px"]>strong,
body.BaseTheme .boxData body.LuxuryTheme span[style*="32px"]>strong,
body.BaseTheme .boxData span[style*="26px"] span body.LuxuryTheme strong,
body.BaseTheme .boxData span[style*="26px"] strong body.LuxuryTheme span,
body.BaseTheme .boxData span[style*="28px"] span body.LuxuryTheme strong,
body.BaseTheme .boxData span[style*="28px"] strong body.LuxuryTheme span,
body.BaseTheme .boxData span[style*="30px"] span body.LuxuryTheme strong,
body.BaseTheme .boxData span[style*="30px"] strong body.LuxuryTheme span,
body.BaseTheme .boxData span[style*="32px"] span body.LuxuryTheme strong,
body.BaseTheme .boxData span[style*="32px"] strong body.LuxuryTheme span,
body.LuxuryTheme .boxData h2,
body.LuxuryTheme .boxData span[style*="26px"]>strong,
body.LuxuryTheme .boxData span[style*="26px"] span span strong,
body.LuxuryTheme .boxData span[style*="26px"] span strong,
body.LuxuryTheme .boxData span[style*="26px"] strong span,
body.LuxuryTheme .boxData span[style*="28px"],
body.LuxuryTheme .boxData span[style*="28px"]>strong,
body.LuxuryTheme .boxData span[style*="28px"] span span strong,
body.LuxuryTheme .boxData span[style*="28px"] span strong,
body.LuxuryTheme .boxData span[style*="28px"] strong span,
body.LuxuryTheme .boxData span[style*="30px"]>strong,
body.LuxuryTheme .boxData span[style*="30px"] span span strong,
body.LuxuryTheme .boxData span[style*="30px"] span strong,
body.LuxuryTheme .boxData span[style*="30px"] strong span,
body.LuxuryTheme .boxData span[style*="32px"]>strong,
body.LuxuryTheme .boxData span[style*="32px"] span span strong,
body.LuxuryTheme .boxData span[style*="32px"] span strong,
body.LuxuryTheme .boxData span[style*="32px"] strong span,
body.LuxuryTheme .boxData strong span[style*="30px"] {
    color: #c3a939 !important;
    font-family: Lato, sans-serif;
    font-size: 34px !important;
    font-weight: 300;
    line-height: 34px
}

body.LuxuryTheme #banniere_titre.is_text h1 {
    margin-top: 40px
}

body.LuxuryTheme #banniere_titre h1,
body.LuxuryTheme #banniere_titre h2 {
    font-family: Lato, sans-serif;
    font-size: 30px
}

body.LuxuryTheme .boxData span.arrow-icon {
    font-family: FontAwesome;
    font-weight: 400
}

body.LuxuryTheme #carouselSegment2b ul.format-16x9.media.nb2 li {
    width: 100%
}

body.LuxuryTheme #carouselSegment2b ul.format-16x9.media.nb2 li a .itemImg {
    margin-top: -10px
}

body.LuxuryTheme .rViewed {
    display: none
}

body.LuxuryTheme .touchcarousel.segmentItems.v2.noCarousel .touchcarousel-wrapper,
body.LuxuryTheme .touchcarousel.segmentItems.v2.withCarousel .touchcarousel-wrapper {
    padding-bottom: 0
}

body.LuxuryTheme .carousel.noSkuSegment.gris .text {
    background-color: #4f4f4f;
    background-color: var(--color-grey-mid-dark);
    color: #fff
}

body.LuxuryTheme .nb1 .touchcarousel-item div {
    background-color: transparent;
    color: #cfcece !important;
    color: var(--color-grey-light) !important
}

body.LuxuryTheme .inline_links .btn-primary {
    background-color: #c3a939;
    font-weight: 700
}

body.LuxuryTheme .inline_links .btn-primary:hover {
    background-color: #847227;
    border: 1px solid #c3a939;
    box-shadow: 0 0 4px #c3a939
}

body.LuxuryTheme .noCarousel .nb3 li {
    width: 33.3%
}

body.LuxuryTheme #footerBottom a {
    color: #fff
}

body.LuxuryTheme .boxData .title span {
    color: unset !important
}

body.LuxuryTheme .boxData .title span[style*="28px"] span strong,
body.LuxuryTheme .boxData .title span[style*="30px"],
body.LuxuryTheme .boxData .title span[style*="34px"] span strong,
body.LuxuryTheme .boxData .title span[style*="38px"] span strong {
    color: #000 !important
}

body.LuxuryTheme .nb2.carousel.noSkuSegment .text {
    position: absolute;
    background-color: rgba(195, 169, 57, .8);
    bottom: 45px
}

body.LuxuryTheme .nb2.carousel.noSkuSegment .text .titre {
    font-family: Lato, sans-serif;
    font-size: 40px;
    font-weight: 100
}

body.LuxuryTheme .carousel .nb2 li:first-child>div,
body.LuxuryTheme .noCarousel .nb2 li:first-child>div,
body.LuxuryTheme .noCarousel .nb3 li:first-child>div {
    margin: 0 5px 3px 0
}

body.LuxuryTheme .carousel .nb2 li:last-child>div,
body.LuxuryTheme .noCarousel .nb2 li:last-child>div,
body.LuxuryTheme .noCarousel .nb3 li:last-child>div {
    margin: 0 3px 3px 5px
}

body.LuxuryTheme .noCarousel .nb3 li:nth-child(2)>div {
    margin: 0 5px 3px
}

body.LuxuryTheme .nb3:not(.titredesc).carousel.noSkuSegment .text {
    position: absolute;
    background-color: rgba(195, 169, 57, .8);
    bottom: 20px
}

body.LuxuryTheme .nb3:not(.titredesc).carousel.noSkuSegment .text .titre {
    font-family: Lato, sans-serif;
    font-size: 20px;
    font-weight: 100
}

body.LuxuryTheme .popoverBox,
body.LuxuryTheme .popover h3 {
    color: #292929;
    color: var(--color-grey-x-dark)
}

body.LuxuryTheme .ts-ActiveFilters li a {
    color: #fff;
    color: var(--color-white)
}

body.LuxuryTheme .ts-ResultsList_TableModel {
    background-color: #fff;
    background-color: var(--color-white)
}

body.LuxuryTheme .ts-ResultsList_TableModel a:hover {
    color: rgba(0, 0, 0, .8)
}

body.LuxuryTheme .filterTable td:not(.empty):hover,
body.LuxuryTheme .ts-ListItemContainer:hover,
body.LuxuryTheme .ts-ResultsList_Table>li:hover {
    border: 1px solid #c3a939;
    box-shadow: 0 0 2px #c3a939
}

body.LuxuryTheme .filterTable td.selected {
    border-color: #c3a939
}

body.LuxuryTheme .ts-ListItemContainer.hover .ts-ResultsList_CTA,
body.LuxuryTheme .ts-ListItemContainer:hover .ts-ResultsList_CTA,
body.LuxuryTheme .ts-ResultsList_Table>li:hover .ts-ResultsList_CTA {
    background-color: #c3a939
}

body.LuxuryTheme .nb3.titredesc.carousel.noSkuSegment .touchcarousel-item>div {
    background-color: #000;
    background-color: var(--color-black)
}

body.LuxuryTheme .nb3.titredesc.carousel.noSkuSegment .touchcarousel-item>div a {
    border-color: #c3a939
}

body.LuxuryTheme .nb3.titredesc.carousel.noSkuSegment .touchcarousel-item>div .desc {
    color: #fff;
    color: var(--color-white)
}

body.LuxuryTheme .nb3.titredesc.carousel.noSkuSegment .touchcarousel-item>div .readMore {
    color: #c3a939 !important;
    font-family: Lato, sans-serif;
    font-size: 14px;
    font-weight: 600
}

body.LuxuryTheme .nb3.titredesc.carousel.noSkuSegment .touchcarousel-item>div .titre {
    color: #c3a939;
    font-family: Lato, sans-serif;
    font-size: 40px;
    font-weight: 300;
    padding: 0;
    margin: 10px 0 0
}

body.LuxuryTheme .noCarousel .nb5 [data-logging-click*=catalog] {
    width: 50%
}

body.LuxuryTheme .noCarousel .nb5 [data-logging-click*="Jean-Claude Poitras"] a {
    background-image: url(/doctravail.agir.richelieu.com/imageBanniere/1000910/ban_.jpg);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position-x: -330px
}

body.LuxuryTheme .noCarousel .nb5 [data-logging-click*="Collection Autore"] a {
    background-image: url(/doctravail.agir.richelieu.com/imageBanniere/1000911/ban_.jpg);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position-x: -800px
}

body.LuxuryTheme .noCarousel .nb5 [data-logging-click*=catalog] .text {
    position: absolute;
    background-color: rgba(195, 169, 57, .8);
    bottom: 20px
}

body.LuxuryTheme .noCarousel .nb5 [data-logging-click*=catalog] .text .titre {
    font-family: Lato, sans-serif;
    font-size: 20px;
    font-weight: 100
}

body.LuxuryTheme .noCarousel .nb5 [data-logging-click*=catalog] img {
    max-width: 200px;
    padding: 0;
    margin: 25px;
    transform: rotate(10deg) translate(180px, -30px);
    box-shadow: 0 0 4px #c3a939
}

body.LuxuryTheme [data-logging-click*="Luxury Catalogues"] .text {
    display: none
}

body.LuxuryTheme .carousel.noSkuSegment.noir .text:hover,
body.LuxuryTheme .carousel.noSkuSegment.noir a:hover,
body.LuxuryTheme .carousel.noSkuSegment.noir a:hover .text {
    background-color: #847227
}

body.LuxuryTheme .carousel.noSkuSegment li a:hover {
    border: 1px solid #c3a939;
    box-shadow: 0 0 4px #c3a939
}

body.LuxuryTheme .ts-Filters_Container .ts-Filters_Box,
body.LuxuryTheme .ts-ListItemContainer {
    background-color: #fff;
    background-color: var(--color-white)
}

body.LuxuryTheme .pagination>.active>a {
    color: #fff;
    color: var(--color-white);
    background-color: #c3a939;
    border-color: #c3a939
}

body.LuxuryTheme .pagination span {
    font-family: Arial, sans-serif;
    color: #292929 !important;
    color: var(--color-grey-x-dark) !important
}

body.LuxuryTheme .pagination .disabled span {
    color: #696868 !important;
    color: var(--color-grey) !important
}

body.LuxuryTheme.RC .bannerHDPanel .bannerTabs li.active {
    background-color: #c3a939
}

body.BaseTheme {
    background: #fff;
    color: #fff
}

body.BaseTheme #banniere_titre.is_image {
    background-position: 0 1px
}

body.BaseTheme .breadcrumb {
    background: transparent
}

body.BaseTheme .breadcrumb a {
    color: #fff
}

body.BaseTheme .contentHeading .nodeDesc {
    color: #292929;
    margin-top: 15px
}

body.BaseTheme #banniere_titre.is_text h1,
body.BaseTheme .boxData span[style*="38px"]>strong,
body.BaseTheme .boxData span[style*="38px"] span strong,
body.BaseTheme .boxData span[style*="38px"] strong span,
body.LuxuryTheme #banniere_titre.is_text body.BaseTheme h1,
body.LuxuryTheme .boxData body.BaseTheme span[style*="38px"]>strong,
body.LuxuryTheme .boxData span[style*="38px"] span body.BaseTheme strong,
body.LuxuryTheme .boxData span[style*="38px"] strong body.BaseTheme span {
    color: red !important;
    font-family: Lato, sans-serif;
    font-size: 70px !important;
    font-weight: 100;
    line-height: 70px
}

body.BaseTheme .boxData h2,
body.BaseTheme .boxData span[style*="26px"]>strong,
body.BaseTheme .boxData span[style*="26px"] span span strong,
body.BaseTheme .boxData span[style*="26px"] span strong,
body.BaseTheme .boxData span[style*="26px"] strong span,
body.BaseTheme .boxData span[style*="28px"],
body.BaseTheme .boxData span[style*="28px"]>strong,
body.BaseTheme .boxData span[style*="28px"] span span strong,
body.BaseTheme .boxData span[style*="28px"] span strong,
body.BaseTheme .boxData span[style*="28px"] strong span,
body.BaseTheme .boxData span[style*="30px"]>strong,
body.BaseTheme .boxData span[style*="30px"] span span strong,
body.BaseTheme .boxData span[style*="30px"] span strong,
body.BaseTheme .boxData span[style*="30px"] strong span,
body.BaseTheme .boxData span[style*="32px"]>strong,
body.BaseTheme .boxData span[style*="32px"] span span strong,
body.BaseTheme .boxData span[style*="32px"] span strong,
body.BaseTheme .boxData span[style*="32px"] strong span,
body.BaseTheme body.LuxuryTheme .boxData strong span[style*="30px"],
body.LuxuryTheme .boxData body.BaseTheme h2,
body.LuxuryTheme .boxData body.BaseTheme span[style*="26px"]>strong,
body.LuxuryTheme .boxData body.BaseTheme span[style*="28px"],
body.LuxuryTheme .boxData body.BaseTheme span[style*="28px"]>strong,
body.LuxuryTheme .boxData body.BaseTheme span[style*="30px"]>strong,
body.LuxuryTheme .boxData body.BaseTheme span[style*="32px"]>strong,
body.LuxuryTheme .boxData span[style*="26px"] span body.BaseTheme strong,
body.LuxuryTheme .boxData span[style*="26px"] strong body.BaseTheme span,
body.LuxuryTheme .boxData span[style*="28px"] span body.BaseTheme strong,
body.LuxuryTheme .boxData span[style*="28px"] strong body.BaseTheme span,
body.LuxuryTheme .boxData span[style*="30px"] span body.BaseTheme strong,
body.LuxuryTheme .boxData span[style*="30px"] strong body.BaseTheme span,
body.LuxuryTheme .boxData span[style*="32px"] span body.BaseTheme strong,
body.LuxuryTheme .boxData span[style*="32px"] strong body.BaseTheme span,
body.LuxuryTheme .boxData strong body.BaseTheme span[style*="30px"] {
    color: red !important;
    font-family: Lato, sans-serif;
    font-size: 34px !important;
    font-weight: 300;
    line-height: 34px
}

body.BaseTheme .boxData span.arrow-icon {
    font-family: FontAwesome;
    font-weight: 400
}

body.BaseTheme #carouselSegment2b ul.format-16x9 li {
    width: 100%
}

body.BaseTheme #carouselSegment2b ul.format-16x9 li a .itemImg {
    margin-top: -10px
}

body.BaseTheme .rViewed {
    display: none
}

body.BaseTheme .touchcarousel.segmentItems.v2.noCarousel .touchcarousel-wrapper,
body.BaseTheme .touchcarousel.segmentItems.v2.withCarousel .touchcarousel-wrapper {
    padding-bottom: 0
}

body.BaseTheme .carousel.noSkuSegment.gris .text {
    background-color: #4f4f4f;
    background-color: var(--color-grey-mid-dark);
    color: #fff
}

body.BaseTheme .nb1 .touchcarousel-item div {
    background-color: transparent;
    color: #cfcece !important;
    color: var(--color-grey-light) !important
}

body.BaseTheme .inline_links .btn-primary {
    background-color: red;
    font-weight: 700
}

body.BaseTheme .inline_links .btn-primary:hover {
    background-color: #ad0000;
    border: 1px solid red;
    box-shadow: 0 0 4px red
}

body.BaseTheme .noCarousel ul[class*=nb] li {
    width: unset
}

body.BaseTheme .touchcarousel-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr))
}

body.BaseTheme #banniere_titre h1 {
    font-family: Lato, sans-serif;
    font-size: 46px;
    font-weight: 300 !important
}

body.BaseTheme #banniere_titre h2 {
    font-family: Lato, sans-serif;
    font-size: 30px;
    font-weight: 900 !important
}

body.BaseTheme .banners .title {
    color: #fff
}

body.BaseTheme .bannerHDPanel .banners .title {
    font-family: Lato, sans-serif;
    font-size: 35px;
    font-weight: 300;
    line-height: 35px;
    text-align: left
}

body.BaseTheme .bannerHDPanel .banners .overlayWidthLimit {
    width: 100%
}

body.BaseTheme .bannerHDPanel .banners .overlayPos3 .overlayPositioner {
    right: 0;
    top: 0;
    height: 280px;
    width: 38%;
    padding-left: 60px
}

@font-face {
    font-family: oswaldmedium;
    src: url(../font/oswald-medium-webfont.eot);
    src: url(../font/oswald-medium-webfont.eot) format("embedded-opentype"), url(../font/oswald-medium-webfont.woff) format("woff"), url(../font/oswald-medium-webfont.ttf) format("truetype"), url(../font/oswald-medium-webfont.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: oswaldregular;
    src: url(../font/oswald-regular-webfont.eot);
    src: url(../font/oswald-regular-webfont.eot) format("embedded-opentype"), url(../font/oswald-regular-webfont.woff) format("woff"), url(../font/oswald-regular-webfont.ttf) format("truetype"), url(../font/oswald-regular-webfont.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: oswaldlight;
    src: url(../font/oswald-light-webfont.eot);
    src: url(../font/oswald-light-webfont.eot) format("embedded-opentype"), url(../font/oswald-light-webfont.woff) format("woff"), url(../font/oswald-light-webfont.ttf) format("truetype"), url(../font/oswald-light-webfont.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: arialnarrow;
    src: url(../font/arialn-webfont.eot);
    src: url(../font/arialn-webfont.eot) format("embedded-opentype"), url(../font/arialn-webfont.woff) format("woff"), url(../font/arialn-webfont.ttf) format("truetype"), url(../font/arialn-webfont.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

.pms-Container.print * {
    border-radius: 0 !important
}

.pms-Suggested_FlipButton {
    display: block;
    font-size: 20px;
    font-weight: 400;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #363535;
    color: var(--color-grey-dark);
    background-color: #fff;
    background-color: var(--color-white);
    box-sizing: border-box;
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light);
    border-radius: 4px;
    padding: 4px;
    text-align: center;
    max-height: 36px;
    overflow: hidden;
    line-height: 1.1;
    width: 90%;
    position: absolute;
    bottom: 10px;
    left: 5%
}

body:not(.touch-phone) .pms-Suggested_FlipButton {
    font-size: 12px
}

.ts-ListItemContainer:hover .pms-Suggested_FlipButton {
    color: #fff;
    color: var(--color-white);
    background-color: #2578cb;
    background-color: var(--color-accent)
}

.pms-Requis_CartRow {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 0;
    border-top: 1px solid #cfcece;
    border-top: 1px solid var(--color-grey-light)
}

body:not(.touch-phone) .pms-Requis_CartRow {
    display: inline-flex;
    flex-wrap: nowrap;
    width: 100%;
    padding: 10px 0 0
}

.pms-Requis_PriceCell {
    font-size: 21px;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: 100%;
    text-align: right
}

body:not(.touch-phone) .pms-Requis_PriceCell {
    font-size: 12px;
    justify-content: flex-end;
    width: unset;
    padding: 7px 10px 18px 0 !important;
    vertical-align: top;
    white-space: nowrap
}

.pms-Requis_UnitPrice {
    font-weight: 700;
    font-size: 24px;
    line-height: 27px;
    white-space: nowrap
}

body:not(.touch-phone) .pms-Requis_UnitPrice {
    font-size: 18px
}

.pms-Requis_UnitPrice.promo {
    color: #d92105;
    color: var(--color-error)
}

.pms-PriceAndCta {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    height: 142px
}

.pms-Requis_VolumeDiscount {
    font-size: 16px;
    position: absolute;
    right: 0;
    display: block
}

body:not(.touch-phone) .pms-Requis_VolumeDiscount {
    font-size: 12px;
    top: 38px;
    right: unset
}

.pms-Requis_VolumeDiscount a {
    color: #2578cb;
    color: var(--color-accent)
}

.pms-Requis_PriceBreak {
    display: flex
}

body:not(.touch-phone) .pms-Requis_PriceBreak {
    flex-wrap: nowrap;
    justify-content: flex-end
}

.pms-Requis_PriceBreakList {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.pms-Requis_PriceBreakItem {
    display: none;
    font-size: 14px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    height: 40px;
    white-space: nowrap;
    padding-left: 5px;
    margin-left: 5px;
    border-left: 1px solid #dbdbdb;
    border-left: 1px solid var(--color-grey-x-light);
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content
}

body:not(.touch-phone) .pms-Requis_PriceBreakItem {
    font-size: 10px;
    height: 32px
}

.pms-Requis_PriceBreakRange {
    line-height: 1.4
}

.pms-Requis_PriceBreakRangePrice {
    font-size: 16px;
    margin-bottom: -3px
}

body:not(.touch-phone) .pms-Requis_PriceBreakRangePrice {
    font-size: 13px
}

.pms-Requis_PriceBreak-srpWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    height: 40px;
    margin-left: 5px;
    padding-left: 5px;
    text-align: left;
    border-left: 1px solid #dbdbdb;
    border-left: 1px solid var(--color-grey-x-light)
}

body:not(.touch-phone) .pms-Requis_PriceBreak-srpWrap {
    flex-direction: column;
    height: 32px
}

.pms-Requis_PriceBreak-srpLabel {
    font-size: 14px;
    display: flex;
    width: 100%;
    line-height: 1.4
}

body:not(.touch-phone) .pms-Requis_PriceBreak-srpLabel {
    font-size: 10px
}

.pms-Requis_PriceBreak-srpPrice {
    font-size: 16px;
    display: block;
    min-width: 60px;
    margin-bottom: -3px
}

body:not(.touch-phone) .pms-Requis_PriceBreak-srpPrice {
    font-size: 13px
}

.pms-Requis_InfoCell {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: 100%
}

.pms-Requis_Info {
    font-size: 16px;
    overflow: hidden;
    width: 100%
}

body:not(.touch-phone) .pms-Requis_Info {
    font-size: 14px;
    width: auto;
    min-height: 100px;
    padding: 0 0 14px 14px
}

.pms-Requis_ProductName {
    display: block;
    font-weight: 700;
    font-size: 18px
}

body:not(.touch-phone) .pms-Requis_ProductName {
    font-size: 16px
}

.pms-Requis_ImageAndPrice {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    margin-top: 15px
}

.pms-Requis_CtaCell {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
    margin-left: 0
}

body:not(.touch-phone) .pms-Requis_CtaCell {
    width: auto;
    padding: 0 !important;
    text-align: right;
    vertical-align: top;
    white-space: nowrap
}

.pms-Requis_ButtonAction {
    font-family: inherit;
    line-height: 2.45;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 6px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 0;
    touch-action: manipulation;
    font-size: 20px;
    height: 58px;
    white-space: normal;
    color: #292929;
    color: var(--color-base-black);
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light);
    background-color: #fff;
    background-color: var(--color-white);
    --lh: 2.8rem;
    line-height: var(--lh);
    --max-lines: 2;
    position: relative;
    max-height: calc(var(--lh)*var(--max-lines));
    overflow: hidden
}

body:not(.touch-phone) .pms-Requis_ButtonAction {
    line-height: 1.78;
    padding: 6px 12px
}

body:not(.touch-phone) .pms-Requis_ButtonAction {
    font-size: 14px;
    width: 336px;
    height: 46px;
    --lh: 2.3rem
}

.pms-Requis_ButtonAction:active {
    outline: 0;
    background-color: #dbdbdb;
    background-color: var(--color-grey-x-light);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.pms-Requis_ButtonAction:hover {
    background-color: #f5f5f5;
    background-color: var(--color-grey-xx-light);
    text-decoration: none
}

.pms-Requis_ButtonAction:focus {
    text-decoration: none
}

.pms-Requis_Image {
    height: 120px;
    width: 120px;
    margin-right: 15px
}

body:not(.touch-phone) .pms-Requis_Image {
    height: 90px;
    width: 90px;
    margin-right: unset
}

.pms-Requis_Unit {
    font-size: 16px;
    min-height: 20px
}

body:not(.touch-phone) .pms-Requis_Unit {
    font-size: 11px;
    padding-top: 5px;
    text-align: left
}

.pms-Requis_WebkitTitle {
    font-size: 19px;
    font-weight: 400;
    margin-top: 10px
}

.pms-Requis_CartForm {
    width: 100%
}

.pms-Requis_CartForm h2 {
    margin-bottom: 10px
}

.pms-Requis_CartForm h2 i {
    margin-left: 5px;
    color: #d92105;
    color: var(--color-error)
}

.pms-Requis_AttributeList {
    padding-left: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0
}

.pms-Requis_AttributeItem {
    margin-right: 25px;
    float: left
}

.pms-Requis_AndOrCell {
    padding: 0 !important;
    margin: 0 !important;
    height: 0 !important;
    position: relative !important
}

.pms-Requis_AndOr {
    font-size: 18px;
    font-weight: 700;
    position: relative;
    z-index: 1;
    top: -8px;
    left: calc(50% - 27px);
    width: 54px;
    height: 34px;
    margin-bottom: -27px;
    padding: 4px;
    text-align: center;
    border: 1px solid #000;
    border: 1px solid var(--color-black);
    border-radius: 50%;
    background-color: #fff;
    background-color: var(--color-white)
}

body:not(.touch-phone) .pms-Requis_AndOr {
    line-height: 1.4;
    position: relative;
    top: -10px;
    left: 50%
}

.pms-Requis_CartForm .long button.cart {
    margin-top: 0;
    width: 185px
}

.pms-Utilities {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 100%;
    margin-bottom: 15px;
    padding: 0 20px;
    background-color: #f5f5f5;
    background-color: var(--color-grey-xx-light)
}

.pms-Utilities a {
    line-height: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: manipulation
}

.pms-Utilities a img {
    width: 30px;
    margin-right: 10px
}

body:not(.touch-phone) .pms-Utilities a img {
    width: 22px;
    height: 22px
}

.pms-AchatRepetitifHistoriqueWrap {
    position: relative;
    width: 100%;
    min-height: 74px;
    margin-bottom: 15px
}

body:not(.touch-phone) .pms-AchatRepetitifHistoriqueWrap {
    min-width: 630px;
    min-height: 55px
}

.pms-AchatRepetitifHistorique {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 100%;
    margin-bottom: 15px;
    padding: 15px 20px;
    background-color: #f5f5f5;
    background-color: var(--color-grey-xx-light)
}

.pms-AchatRepetitifHistorique .pms-Utilities_IconAR {
    font-size: 23px
}

body:not(.touch-phone) .pms-AchatRepetitifHistorique .pms-Utilities_IconAR {
    font-size: 16px;
    line-height: 25px
}

.pms-AchatRepetitifHistorique .pms-Utilities_IconAR i {
    color: #2578cb;
    color: var(--color-accent);
    font-size: 34px;
    margin-right: 10px
}

body:not(.touch-phone) .pms-AchatRepetitifHistorique .pms-Utilities_IconAR i {
    font-size: 22px
}

.pms-AchatRepetitifHistorique .pms-Utilities_IconAR:hover i {
    color: #292929;
    color: var(--color-base-black)
}

.pms-Utilities_Historique {
    line-height: 24px;
    position: absolute;
    top: 22px;
    right: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    height: 30px
}

body:not(.touch-phone) .pms-Utilities_Historique {
    top: 13px
}

.pms-Utilities_Historique img {
    width: 30px;
    margin-right: 10px
}

body:not(.touch-phone) .pms-Utilities_Historique img {
    width: 22px;
    height: 22px
}

.pms-Utilities_Print {
    width: 50%;
    justify-content: flex-start !important
}

body:not(.touch-phone) .pms-Utilities_Print {
    width: unset
}

.pms-Favorites {
    padding-left: 10px
}

body:not(.touch-phone) .pms-Favorites {
    padding: 6px 0 0 15px
}

.pms-Favorites .tooltipShow {
    position: relative;
    top: -20px
}

body:not(.touch-phone) .pms-Favorites .tooltipShow {
    top: -10px
}

.pms-Favorites svg {
    width: 33px;
    height: 30px;
    fill: #fff;
    stroke: #292929;
    stroke: var(--color-base-black);
    stroke-width: 50;
    position: relative;
    top: 20px
}

body:not(.touch-phone) .pms-Favorites svg {
    width: 24px;
    height: 22px;
    top: 10px
}

.pms-Favorites svg:hover {
    color: #184d82
}

.pms-Favorites svg.on {
    fill: #d92105;
    fill: var(--color-error);
    stroke: #d92105;
    stroke: var(--color-error)
}

.pms-PrintPanel label {
    width: 100%
}

.pms-AddQteMaster {
    position: relative;
    padding: 20px 0 0
}

body:not(.touch-phone) .pms-AddQteMaster {
    padding: 10px 0 0
}

.pms-AddQteMaster_Model {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 12px 0;
    text-align: right
}

.pms-Conseil {
    color: #2578cb;
    color: var(--color-accent);
    font-style: italic;
    font-size: 20px;
    margin: 10px 0
}

body:not(.touch-phone) .pms-Conseil {
    font-size: 14px;
    margin-right: 20px
}

.pms-Conseil.rouge {
    color: #d92105;
    color: var(--color-error)
}

.pms-BlocSuggere_Flip {
    margin: 5px 0 10px;
    position: relative;
    width: 100%;
    clear: both;
    content: "";
    display: table
}

.pms-BlocSuggere_FlipList {
    padding-left: 0;
    list-style: none
}

.pms-BlocSuggere_FlipListItem {
    float: left;
    font-size: 14px;
    padding: 5px 15px;
    cursor: pointer;
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light);
    border-radius: 4px;
    margin: 0 10px 10px 0
}

.pms-BlocSuggere_FlipListItem.selected {
    color: #fff;
    color: var(--color-white);
    background-color: #465d73;
    background-color: var(--color-accent-x-dark)
}

.pms-BlocSuggere .listItem>li {
    width: 247px
}

.ts-ListItem_InfoBox {
    height: 148px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 10px 10px
}

body:not(.touch-phone) .ts-ListItem_InfoBox {
    height: 134px
}

.pms-BlocSuggere .ts-ListItem_InfoBox {
    height: 280px
}

body:not(.touch-phone) .pms-BlocSuggere .ts-ListItem_InfoBox {
    height: 244px
}

.pms-BlocSuggere_CatBoxWrapper {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: 100%;
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light)
}

.pms-BlocSuggere_CatBoxWrapper:hover {
    text-decoration: none;
    border-color: #2578cb;
    border-color: var(--color-accent);
    box-shadow: 0 0 2px #2578cb;
    box-shadow: 0 0 2px var(--color-accent)
}

.pms-BlocSuggere_CatBoxWrapper a:focus,
.pms-BlocSuggere_CatBoxWrapper a:hover {
    text-decoration: none
}

.pms-BlocSuggere_CatImgBox {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 240px;
    width: 100%
}

.pms-BlocSuggere_CatImgBox img {
    margin-top: 38px
}

.pms-BlocSuggere_CatBox {
    height: 228px;
    width: 100%;
    padding: 0 10px 5px
}

.pms-BlocSuggere_MoreBox {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 10px
}

.pms-BlocSuggere_MoreBox:hover {
    border-color: #2578cb;
    border-color: var(--color-accent);
    box-shadow: 0 0 2px #2578cb;
    box-shadow: 0 0 2px var(--color-accent);
    text-decoration: none
}

.pms-BlocSuggere_MoreBox a:focus,
.pms-BlocSuggere_MoreBox a:hover {
    text-decoration: none
}

.pms-BlocSuggere_ProductName {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.1;
    overflow: hidden;
    max-height: 6rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    margin-top: 20px
}

.pms-BlocSuggere_ProductName:hover {
    text-decoration: none !important
}

body:not(.touch-phone) .pms-BlocSuggere_ProductName {
    font-size: 16px
}

.pms-BlocSuggere .catImgBox img {
    width: 100%
}

.pms-AddToCartBtnSolo {
    width: 300px;
    min-width: 300px;
    color: #2578cb;
    color: var(--color-accent);
    cursor: pointer;
    height: 46px;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #fff;
    background: var(--color-white);
    border: 1px solid #2578cb;
    border: 1px solid var(--color-accent);
    font: normal normal 400 normal 18px/32px sans-serif;
    padding: 6px;
    text-transform: uppercase;
    outline: none
}

.pms-AddToCartBtnSolo:hover {
    color: #fff;
    color: var(--color-white);
    background: #2578cb;
    background: var(--color-accent);
    border: 1px solid #1d5fa0
}

.pms-AddCartBlocTop {
    display: none
}

body:not(.touch-phone) .pms-AddCartBlocTop {
    position: fixed;
    z-index: 125;
    top: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
    border-bottom: 1px solid #727070;
    border-bottom: 1px solid var(--color-grey-mid-light);
    background-color: #fff;
    background-color: var(--color-white)
}

.pms-AddCartBlocTop>div {
    min-width: 960px;
    max-width: 1410px;
    margin: 0 auto;
    padding: 5px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.pms-AddCartBlocTop .boutonTertiaire.listeProduits {
    margin-bottom: 0
}

.pms-AddCartBlocTop_Wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap
}

.pms-AddCartBlocTop_Image {
    width: 50px;
    margin-right: 20px
}

.pms-AddCartBlocTop_LeftBlock {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    width: 100%
}

.pms-AddCartBlocTop_Description {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.pms-AddCartBlocTop_Title {
    font-size: 15px;
    font-weight: 700;
    width: 100%
}

.pms-AddCartBlocTop_Info {
    margin: 0;
    font-size: 13px
}

.pms-AddCartBlocTop_RightBlock {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 650px;
    margin-left: 20px
}

.pms-AddCartBlocTop_RightBlock>* {
    float: left
}

.pms-AddCartBlocTop_FormatEmballage {
    font-size: 13px
}

.pms-AddCartBlocTopPrixEtAutres {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    text-align: right;
    margin-right: 10px
}

.pms-AddCartBlocTop_UnitPrice {
    width: 100%;
    white-space: nowrap;
    font-weight: 700
}

.pms-AddCartBlocTop_PriceBreak-srpLabel {
    font-size: 12px;
    padding-right: 5px
}

.pms-AddCartBlocTop_PriceBreak-srpPrice {
    font-size: 12px
}

.pms-AddCartBlocTop .atc-BlocQty {
    min-width: 270px;
    display: flex;
    align-items: center
}

.pms-AddCartBlocTop .atc-BlocQty .input-group .btn {
    border-radius: 0;
    line-height: 32px;
    margin-top: 0
}

.pms-AddCartBlocTop .atc-BlocQty .input-group .btn.minus,
.pms-AddCartBlocTop .atc-BlocQty .input-group .btn.plus {
    width: 46px
}

.pms-AddCartBlocTop .atc-BlocQty .input-group .btn-lg {
    padding: 6px
}

.pms-AddCartBlocTop .atc-BlocQty .input-group .form-control {
    height: 46px;
    width: 46px;
    float: unset
}

.pms-AddCartBlocTop .atc-BlocQty .input-group .form-control,
.pms-AddCartBlocTop .atc-BlocQty .input-group _:-ms-lang(x) {
    height: 46px
}

.pms-LegraboxButton {
    font-family: inherit;
    line-height: 2.45;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 0;
    touch-action: manipulation;
    font-size: 20px;
    line-height: 23px;
    width: 100%;
    margin: 15px 0;
    padding: 12px;
    white-space: normal;
    color: #292929;
    color: var(--color-base-black);
    background-color: #f5f5f5
}

body:not(.touch-phone) .pms-LegraboxButton {
    line-height: 1.78
}

body:not(.touch-phone) .pms-LegraboxButton {
    font-size: 16px;
    margin: unset;
    padding: 6px 12px
}

.pms-LegraboxButton:hover {
    color: #000;
    fill: #000;
    background-color: #dbdbdb;
    text-decoration: none
}

.pms-LegraboxButton svg {
    min-width: 45px;
    height: 40px;
    margin: 0 10px 0 5px;
    fill: #292929;
    fill: var(--color-base-black)
}

body:not(.touch-phone) .pms-LegraboxButton svg {
    height: 30px;
    min-width: unset
}

.pms-AddToCart_FormatEmballage {
    font-size: 16px;
    text-align: left;
    margin-top: 5px
}

body:not(.touch-phone) .pms-AddToCart_FormatEmballage {
    font-size: 13px;
    width: 208px
}

.pms-Container .input-group .btn {
    border-radius: 0;
    line-height: 32px;
    margin-top: 0
}

.pms-Container .input-group .btn.minus,
.pms-Container .input-group .btn.plus {
    width: 46px
}

.pms-Container .input-group .btn-lg {
    padding: 6px
}

.pms-Container .input-group .form-control {
    height: 46px;
    width: 46px;
    float: unset
}

.pms-Container .input-group .form-control,
.pms-Container .input-group _:-ms-lang(x) {
    height: 46px
}

.ts-ListItem_InfoBox .input-group .btn {
    border-radius: 0;
    line-height: 32px;
    margin-top: 0
}

.ts-ListItem_InfoBox .input-group .btn.minus,
.ts-ListItem_InfoBox .input-group .btn.plus {
    width: 46px
}

.ts-ListItem_InfoBox .input-group .btn-lg {
    padding: 6px
}

.ts-ListItem_InfoBox .input-group .form-control {
    height: 46px;
    width: 46px;
    float: unset
}

.ts-ListItem_InfoBox .input-group .form-control,
.ts-ListItem_InfoBox .input-group _:-ms-lang(x) {
    height: 46px
}

li.on a {
    background: #fff;
    background: var(--color-white);
    border: 2px solid #2578cb !important;
    border: 2px solid var(--color-accent) !important;
    font-weight: 700;
    color: #000;
    color: var(--color-black)
}

.pms-Container {
    position: relative
}

.pms-ImagePriceBox {
    position: relative;
    margin: 0 0 10px
}

.pms-ViewPrice {
    display: flex;
    margin-bottom: 20px;
    width: 100%;
    height: 58px
}

body:not(.touch-phone) .pms-ViewPrice {
    margin-bottom: unset;
    height: unset
}

.pms-ViewPrice_Button {
    font-size: 22px;
    font-weight: 400;
    line-height: 1.3333333;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 0;
    padding: 10px 16px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    white-space: normal;
    color: #292929;
    color: var(--color-base-black);
    border: 1px solid #2578cb;
    border: 1px solid var(--color-accent);
    border-radius: 0;
    background-color: #fff;
    background-color: var(--color-white);
    background-image: none;
    touch-action: manipulation
}

body:not(.touch-phone) .pms-ViewPrice_Button {
    font-size: 18px
}

.pms-ViewPrice_Button:focus {
    text-decoration: none;
    color: #000;
    outline: none
}

.pms-ViewPrice_Button:hover {
    text-decoration: none;
    color: #000;
    border-color: #cac9c9;
    outline: none;
    background-color: #d6d6d6
}

.pms-ViewPrice_Button:active {
    color: #000;
    border-color: #cac9c9;
    outline: 0;
    background-color: #d6d6d6;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.pms-ViewPrice_Button:active:focus {
    color: #000;
    border-color: #bdbcbc;
    background-color: #cac9c9
}

.pms-ViewPrice_Button:active:hover {
    color: #000;
    border-color: #bdbcbc;
    background-color: #cac9c9
}

.pms-Container .rightPart>span {
    width: 100%;
    display: inline-block;
    text-align: right;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 10px
}

.pms-TopPart {
    display: block
}

.pms-TopPart:after {
    clear: both;
    content: "";
    display: table
}

.pms-AddToCartContainer {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: relative;
    width: 100%
}

body:not(.touch-phone) .pms-AddToCartContainer {
    flex-wrap: nowrap
}

.pms-AddToCartBloc .infoBuy {
    color: #2578cb;
    color: var(--color-accent);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    padding: 20px 0;
    margin-bottom: 10px
}

.pms-AddToCartBloc .infoBuy .atc-Component,
.pms-AddToCartBloc .infoBuy .btn-lg.fakeCartButton {
    border-radius: 0;
    width: auto
}

.pms-AddToCartBloc .infoBuyTxt {
    font-size: 16px;
    text-align: left;
    padding-right: 15px;
    box-sizing: border-box
}

.pms-AddToCartBloc .infoBuyTxt>span {
    font-style: italic
}

.pms-TsuvPromoEnd {
    font-family: sans-serif;
    font-size: 13px;
    margin: 0 0 8px;
    text-align: right
}

.pms-FormatsBox {
    width: 100%
}

.pms-SecondaryButtonsBox {
    width: 100%;
    text-align: right
}

body:not(.touch-phone) .pms-SecondaryButtonsBox {
    margin: 10px 0
}

.pms-ToRequiredProducts {
    font-family: inherit;
    line-height: 2.45;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 0;
    touch-action: manipulation;
    line-height: unset;
    font-size: 20px;
    width: 100%;
    margin: 15px 0;
    padding: 12px;
    white-space: normal;
    color: #292929;
    color: var(--color-base-black);
    background-color: #f5f5f5
}

body:not(.touch-phone) .pms-ToRequiredProducts {
    line-height: 1.78
}

body:not(.touch-phone) .pms-ToRequiredProducts {
    font-size: 16px;
    margin: unset;
    padding: 6px 12px
}

.pms-ToRequiredProducts:hover {
    color: #000;
    background-color: #dbdbdb;
    text-decoration: none
}

.pms-ToRequiredProducts .fa {
    color: #292929;
    color: var(--color-base-black);
    margin-right: 8px;
    font-size: 24px
}

.pms-CalculatorButton {
    display: flex
}

.pms-CalculatorButton .fa-calculator {
    margin-right: 8px;
    font-size: 18px
}

.pms-FormatEmballageAncetre {
    display: inline-flex;
    align-items: flex-end;
    justify-content: flex-start;
    padding-left: 0;
    list-style: none;
    margin-bottom: 15px
}

body:not(.touch-phone) .pms-FormatEmballageAncetre {
    height: unset;
    flex-wrap: wrap;
    margin-bottom: unset
}

.pms-FormatEmballageAncetre li {
    height: 32px;
    margin-right: 20px;
    white-space: nowrap
}

body:not(.touch-phone) .pms-FormatEmballageAncetre li {
    height: unset
}

.pms-FormatEmballageAncetreContenant {
    font-size: 18px;
    line-height: 2.2;
    text-decoration: underline
}

body:not(.touch-phone) .pms-FormatEmballageAncetreContenant {
    font-size: 13px;
    line-height: unset;
    width: 100%
}

.pms-Media {
    float: left;
    width: 43%;
    max-width: 760px;
    margin-right: 2%
}

.pms-Media .touchcarousel-container {
    margin-bottom: 0
}

.pms-SelectionArea {
    float: right;
    width: 55%
}

@media screen and (max-height:800px) {
    .pms-Media {
        width: 35%
    }

    .pms-SelectionArea {
        width: 63%
    }
}

@media screen and (max-height:650px) {
    .pms-Media {
        width: 27%
    }

    .pms-SelectionArea {
        width: 71%
    }
}

.pms-SelectionArea .pms-NoProdReadOnly {
    margin-bottom: 10px
}

.pms-SelectionArea .pms-NoProdReadOnly h2 {
    font-weight: 400
}

.pms-Description {
    margin: 20px 0
}

.pms-DescriptionTitle {
    text-transform: uppercase
}

.pms-DescriptionSubtitle {
    margin: 10px 0
}

.pms-TabSpecification {
    width: 100%
}

.pms-SkuTable {
    margin: 20px 0;
    width: 100%
}

.pms-SkuTable .prixCell {
    white-space: nowrap;
    text-align: right
}

.pms-SkuTable .prixCell .promo {
    color: #d92105;
    color: var(--color-error)
}

.pms-SkuTable table {
    width: calc(100% - 30px);
    border: 1px solid #727070;
    border: 1px solid var(--color-grey-mid-light);
    border-collapse: separate
}

.pms-SkuTable th a {
    color: #292929;
    color: var(--color-grey-x-dark)
}

.pms-SkuTable th.choisi a {
    color: #2578cb;
    color: var(--color-accent);
    font-weight: 700
}

.pms-SkuTable th a .fa-sort {
    margin-left: 6px
}

.pms-SkuTable td.sku.nondispo a {
    color: #727070;
    color: var(--color-grey-mid-light)
}

.pms-SkuTable td.choisi {
    background-color: #d4e6f8;
    background-color: var(--color-accent-xx-light);
    color: #2578cb;
    color: var(--color-accent);
    font-weight: 700
}

.pms-SkuTable td.img {
    padding: 0 !important;
    width: 80px
}

.pms-SkuTable td.img img {
    width: 80px;
    height: 80px;
    margin: 0
}

.pms-SkuTable tr.over td {
    cursor: pointer;
    background-color: #e4e5e8;
    background-color: var(--color-accent-x-light)
}

.pms-SkuTable td {
    padding: 4px 3px
}

.pms-SkuTable td.sku a {
    color: #14365d;
    color: var(--color-accent-xx-dark);
    font-weight: 700;
    padding-right: 18px
}

.pms-SkuTable td.priceLogin {
    width: 100px
}

.pms-SkuTable td .currentValue {
    display: inline-block;
    background-color: #fff;
    background-color: var(--color-white)
}

.pms-SkuTable td .currentValue,
.pms-SkuTable td .selValue {
    font-size: 11px;
    color: #000;
    color: var(--color-black);
    border: 1px solid #727070;
    border: 1px solid var(--color-grey-mid-light);
    padding: 3px
}

.pms-SkuTable td .selValue {
    background-color: #f5f5f5;
    background-color: var(--color-grey-xx-light)
}

.fa-sort {
    color: #727070;
    color: var(--color-grey-mid-light)
}

.fa-sort-up {
    top: 24px
}

.fa-sort-down,
.fa-sort-up {
    color: #2578cb;
    color: var(--color-accent);
    margin-left: 5px;
    position: absolute
}

.fa-sort-down {
    top: 16px
}

.pms-SkuTable table {
    font-size: 12px;
    border: 1px solid #dbdbdb;
    border-color: var(--color-grey-x-light);
    border-top: 0 solid var(--color-grey-x-light);
    position: relative;
    table-layout: auto;
    width: 100%
}

.pms-SkuTable td {
    border: none;
    border-right: 1px solid #dbdbdb;
    border-right: 1px solid var(--color-grey-x-light)
}

.pms-SkuTable td:last-of-type {
    border-right: none
}

.pms-SkuTable th {
    font-weight: 400;
    font-size: 12px;
    padding: 3px 3px 1px;
    color: #000;
    color: var(--color-black);
    vertical-align: top;
    text-align: left;
    box-shadow: 0 2px 4px -3px rgba(0, 0, 0, .3);
    background: #f5f5f5;
    background: var(--color-grey-xx-light);
    border: none;
    border-top: 1px solid #dbdbdb;
    border-top: 1px solid var(--color-grey-x-light);
    border-right: 1px solid #cfcece;
    border-right: 1px solid var(--color-grey-light);
    margin-top: -1px
}

.pms-SkuTable th:last-of-type {
    border-right: none
}

.pms-SkuTable td:first-of-type,
.pms-SkuTable th:first-of-type {
    max-width: 115px
}

.pms-SkuTable tr.over td {
    background-color: rgba(39, 121, 203, .32)
}

.pms-SkuTable td {
    padding: 1px 3px
}

.pms-SkuTable tr:nth-child(2n) {
    background: #f5f5f5;
    background: var(--color-grey-xx-light)
}

.pms-SkuTable tr:nth-child(odd) {
    background: #fff;
    background: var(--color-white)
}

.pms-SkuTable p {
    font-size: 14px;
    font-weight: 700
}

.pms-SkuTable select {
    margin-left: 10px;
    background-color: #292929;
    background-color: var(--color-grey-x-dark);
    color: #fff;
    color: var(--color-white)
}

.pms-SkuTable .pms-AddToCartBloc {
    text-align: right
}

.pms-SkuTable div.prodTableShowPrice {
    text-align: right;
    margin-top: 5px;
    margin-right: 30px
}

.pms-SkuTable tr.currentSku td {
    background-color: #2578cb;
    background-color: var(--color-accent);
    color: #fff
}

.pms-SkuTable tr.currentSku .prixCell .promo {
    color: #fff !important;
    color: var(--color-white) !important
}

.pms-SkuTable tr.currentSku td a {
    color: #fff
}

.pms-ViewMoreLess {
    display: none
}

.pms-ViewMoreLess:checked~table tbody tr:nth-child(n+13) {
    display: table-row
}

.pms-ViewMoreLess:checked~label .pms-ViewLess {
    display: inline
}

.pms-ViewMoreLess:checked~label .pms-ViewMore {
    display: none
}

.pms-ViewMoreLess:not(:checked)~table tbody tr:nth-child(n+13) {
    display: none
}

.pms-ViewLess {
    display: none
}

label[for=viewMoreLess] {
    width: 100%;
    text-align: right;
    padding-top: 5px
}

label[for=viewMoreLess] span {
    text-decoration: underline
}

label[for=viewMoreLess] span:hover {
    cursor: pointer
}

.pms-AddCartBlocTop a:hover {
    color: #000;
    color: var(--color-black)
}

.pms-Container .heading1 {
    display: inline-block;
    padding-top: 10px;
    margin-top: 30px;
    margin-left: 0;
    width: 100%
}

.pms-SegmentBloc .heading1 {
    padding-top: 20px;
    border-top: 1px solid #727070;
    border-top: 1px solid var(--color-grey-mid-light);
    margin-top: 20px;
    outline: 1px solid #00f
}

.pms-SegmentBloc {
    margin-left: 0;
    width: 100%
}

.pms-ProductNumber {
    font-size: 14px;
    margin-bottom: 10px
}

.pms-CTAOptions {
    margin: 5px 0 5px 10px
}

.pms-CTAOptions a {
    padding: 5px 34px 5px 10px;
    font-size: 14px
}

.pms-CTAOptions a i {
    height: 77%;
    right: 5px
}

.pms-Container {
    width: 100%
}

.pms-ProductNameFavoris {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-between
}

.pms-ProductName {
    margin: 0;
    padding: 0;
    width: 100%
}

body:not(.touch-phone) .pms-ProductName {
    padding: 5px 0
}

.pms-Utilities .btn-default:hover {
    background-color: #fff !important
}

.pms-HideRequiredConnexion .pms-ViewPrice {
    display: none !important
}

.pms-QuickLinks {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 20px
}

.pms-QuickLinks ul {
    margin: 0;
    padding: 0;
    display: inline-flex;
    list-style: none
}

.pms-QuickLinks li {
    color: #2578cb;
    color: var(--color-accent);
    cursor: pointer;
    height: 30px;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #fff;
    background: var(--color-white);
    border: 1px solid #2578cb;
    border: 1px solid var(--color-accent);
    font: normal normal 700 normal 14px/18px sans-serif;
    padding: 6px 12px;
    text-transform: uppercase;
    outline: none;
    border-radius: 3px;
    margin-right: 15px
}

.pms-QuickLinks li:hover {
    color: #1d5fa0;
    border: 1px solid #1d5fa0
}

.pms-Specs {
    margin-bottom: 28px
}

.pms-Specs,
.pms-SpecTable,
.pms-SpecTableWrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.pms-SegmentText {
    width: 100%
}

.pms-SpecTableRow {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    min-width: 100%;
    margin-right: unset
}

body:not(.touch-phone) .pms-SpecTableRow {
    width: 49%;
    min-width: 49%;
    margin-right: 1%
}

.pms-SpecName {
    width: 50%;
    padding: 5px 10px;
    border-bottom: 1px solid #d2dae2;
    border-bottom: 1px solid var(--color-accent-light);
    background-color: #e4e5e8;
    background-color: var(--color-accent-x-light)
}

.DN .pms-SpecName {
    background-color: #dbdbdb;
    background-color: var(--color-grey-x-light)
}

.pms-SpecValue {
    width: 50%;
    padding: 5px 10px;
    border-bottom: 1px solid #d2dae2;
    border-bottom: 1px solid var(--color-accent-light)
}

.pms-SelectionArea {
    max-width: 760px
}

.pms-PriceBlock {
    width: 100%;
    margin-bottom: 7px
}

.pms-PriceBlock ul {
    display: flex;
    align-items: flex-end;
    padding-left: 0;
    list-style: none;
    margin-bottom: 0
}

.pms-PriceBlock li {
    padding: 0 1.5%;
    white-space: nowrap;
    border-left: 1px solid #e4e5e8;
    border-left: 1px solid var(--color-accent-x-light);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 50px
}

.pms-PriceBlock li:first-of-type {
    padding-left: 0;
    border-left: none
}

.pms-PriceBlock_Breaks {
    display: flex;
    align-items: flex-end;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom: 5px;
    padding-right: 2px
}

.pms-PriceBlock_BreaksRange {
    font-size: 12px;
    height: 10px;
    padding-left: 2px
}

.pms-PriceBlock_BreaksRange.hasStartingAt {
    height: 10px;
    display: inline
}

.pms-PriceBlock_Breaks-subtitle {
    font-size: 12px;
    height: 10px;
    padding-left: 10px
}

.pms-PriceBlock_BreaksPrice {
    width: auto;
    color: #696868;
    color: var(--color-grey);
    font-size: 1.6vw;
    font-weight: 400;
    line-height: 1
}

@media (max-width:1125px) {
    .pms-PriceBlock_BreaksPrice {
        font-size: 18px
    }
}

@media (min-width:1625px) {
    .pms-PriceBlock_BreaksPrice {
        font-size: 26px
    }
}

.pms-PriceBlock_Main .pms-PriceBlock_BreaksPrice {
    font-size: 2.1vw;
    color: #2578cb;
    color: var(--color-accent);
    font-weight: 700;
    margin-bottom: -2px
}

@media (max-width:1238.09524px) {
    .pms-PriceBlock_Main .pms-PriceBlock_BreaksPrice {
        font-size: 26px
    }
}

@media (min-width:1619.04762px) {
    .pms-PriceBlock_Main .pms-PriceBlock_BreaksPrice {
        font-size: 34px
    }
}

.pms-PriceBlock_Main.promo .pms-PriceBlock_BreaksPrice {
    color: #d92105;
    color: var(--color-error)
}

.pms-PriceBlock_Srp .pms-PriceBlock_BreaksPrice {
    color: #a9a8a8;
    color: var(--color-grey-mid-light-light);
    font-weight: 400
}

.pms-PriceBlock_PromoTxt {
    color: #d92105;
    color: var(--color-error);
    font-size: 12px;
    margin-top: 5px
}

.pms-PurchasePlannerBox {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.3333333;
    display: inline-block;
    width: 100%;
    margin: 10px 0;
    padding: 8px 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    text-decoration: none;
    border-radius: 0;
    background-color: #f5f5f5;
    background-color: var(--color-grey-xx-light);
    background-image: none;
    touch-action: manipulation
}

.pms-PurchasePlannerBox:hover {
    cursor: pointer;
    background-color: #dbdbdb;
    background-color: var(--color-grey-x-light)
}

.pms-PurchasePlannerBox table {
    width: 100%
}

.pms-PurchasePlannerBox .pms-PurchasePlannerTitle {
    font-size: 16px
}

.pms-PurchasePlannerBox .pms-PurchasePlannerTitle i {
    font-size: 22px;
    margin-right: 10px
}

.pms-PurchasePlannerBox td {
    vertical-align: top;
    padding-right: 20px
}

.pms-PurchasePlannerBox-paused .pms-PurchasePlannerDonnees,
.pms-PurchasePlannerBox-paused .pms-PurchasePlannerTitle {
    opacity: .5
}

.pms-PurchasePlannerCta_Cell {
    width: .1%;
    padding-right: 0 !important;
    text-align: right;
    white-space: nowrap
}

.pms-PurchasePlannerCta {
    font-family: inherit;
    line-height: 2.45;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 6px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 0;
    touch-action: manipulation;
    font-size: 16px;
    font-weight: 700;
    width: 95px;
    height: 34px;
    color: #2578cb;
    color: var(--color-accent);
    border: 1px solid #2578cb;
    background-color: #fff;
    background-color: var(--color-white);
    display: none
}

body:not(.touch-phone) .pms-PurchasePlannerCta {
    line-height: 1.78;
    padding: 6px 12px
}

body:not(.touch-phone) .pms-PurchasePlannerCta {
    font-size: 14px;
    font-weight: 400;
    line-height: .9
}

.pms-PurchasePlannerCta:active {
    color: #fff;
    border-color: #184d82;
    outline: 0;
    background-color: #1c5997;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.pms-PurchasePlannerCta:hover {
    color: #fff;
    border-color: #184d82;
    background-color: #1c5997
}

.pms-PurchasePlannerCta:active:hover {
    border-color: #14406c;
    background-color: #184d82
}

.ts-ListItem_InfoBox .pms-PurchasePlannerCta {
    width: 100%;
    margin-top: 10px
}

body:not(.touch-phone) .ts-ListItem_InfoBox .pms-PurchasePlannerCta {
    margin-top: 0
}

.pms-PurchasePlanner_State {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    padding: 0 10px;
    margin: 4px 0 0 30px;
    border-radius: 10px
}

.pms-PurchasePlanner_State:first-letter {
    text-transform: capitalize
}

.pms-PurchasePlanner_State-active {
    color: #292929;
    color: var(--color-base-black);
    background-color: #fff;
    background-color: var(--color-white);
    border: 1px solid #2578cb;
    border: 1px solid var(--color-accent)
}

.pms-PurchasePlanner_State-paused {
    color: #fff;
    color: var(--color-white);
    background-color: #525b63
}

.pms-PurchasePlannerBox_Opened {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.3333333;
    display: inline-block;
    width: 100%;
    margin: 10px 0;
    padding: 8px 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    text-decoration: none;
    border: 1px solid #2578cb;
    border-radius: 0;
    background-color: #fff;
    background-image: none;
    touch-action: manipulation;
    position: relative
}

.pms-PurchasePlannerBox_Opened .ar-TitleBloc {
    font-size: 16px;
    font-weight: 700
}

.pms-PurchasePlannerBox_Opened .ar-TitleBloc i {
    font-size: 22px;
    margin-right: 10px
}

.pms-PurchasePlannerBox_Opened .ar-BtnFermer {
    position: absolute;
    top: 5px;
    right: 5px
}

.pms-PurchasePlannerBox_Opened .ar-IntroText {
    margin-bottom: 10px
}

.pms-PurchasePlannerBox_Opened .ar-BlocInputs {
    width: 100%;
    display: inline-flex;
    justify-content: space-between;
    margin: 10px 0
}

.pms-PurchasePlannerBox_Opened .ar-LabelQty {
    margin-bottom: 0
}

.pms-PurchasePlannerBox_Opened .ar-BlocQuestion {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin: 0 7px;
    min-width: 162px
}

.pms-PurchasePlannerBox_Opened .ar-SelectLabel {
    margin-bottom: 0
}

.pms-PurchasePlannerBox_Opened .ar-IconBtnBloc {
    display: flex;
    align-items: flex-end
}

.pms-PurchasePlannerBox_Opened .ar-Select {
    height: 46px;
    border-radius: 0;
    border: none;
    border-right: 7px solid transparent;
    padding: 0 0 0 6px;
    outline: 1px solid #a9a8a8;
    outline: 1px solid var(--color-grey-mid-light-light)
}

.pms-PurchasePlannerBox_Opened .ar-BtnCta {
    font-family: inherit;
    line-height: 2.45;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 6px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 0;
    touch-action: manipulation;
    font-size: 16px;
    font-weight: 700;
    width: 95px;
    height: 46px;
    color: #fff;
    border: 1px solid #1d5fa0;
    background-color: #2578cb;
    background-color: var(--color-base-accent)
}

body:not(.touch-phone) .pms-PurchasePlannerBox_Opened .ar-BtnCta {
    line-height: 1.78;
    padding: 6px 12px
}

body:not(.touch-phone) .pms-PurchasePlannerBox_Opened .ar-BtnCta {
    line-height: .9;
    font-size: 14px;
    font-weight: 400;
    width: 115px;
    white-space: normal
}

.pms-PurchasePlannerBox_Opened .ar-BtnCta:active {
    color: #fff;
    border-color: #184d82;
    outline: 0;
    background-color: #1c5997;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.pms-PurchasePlannerBox_Opened .ar-BtnCta:hover {
    color: #fff;
    border-color: #184d82;
    background-color: #1c5997
}

.pms-PurchasePlannerBox_Opened .ar-BtnCta:active:hover {
    border-color: #14406c;
    background-color: #184d82
}

.pms-PurchasePlannerBox_Opened .ar-BtnCta_Activer {
    width: 26px;
    min-width: 26px;
    margin-right: 5px;
    fill: #fff;
    fill: var(--color-white)
}

.pms-PurchasePlannerBox_Editing {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.3333333;
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 10px 0;
    padding: 8px 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    text-decoration: none;
    border: 1px solid #2578cb;
    border-radius: 0;
    background-color: #fff;
    background-image: none;
    touch-action: manipulation
}

.pms-PurchasePlannerBox_Editing .ar-TitleBloc {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px
}

.pms-PurchasePlannerBox_Editing .ar-TitleBloc i {
    font-size: 22px;
    margin-right: 10px
}

.pms-PurchasePlannerBox_Editing .ar-BtnFermer {
    position: absolute;
    top: 5px;
    right: 5px
}

.pms-PurchasePlannerBox_Editing .ar-IntroText {
    margin-bottom: 10px
}

.pms-PurchasePlannerBox_Editing .ar-BlocInputs {
    width: 100%;
    display: inline-flex;
    justify-content: space-between;
    margin: 10px 0
}

.pms-PurchasePlannerBox_Editing .ar-LabelQty {
    margin-bottom: 0
}

.pms-PurchasePlannerBox_Editing .ar-BlocQuestion {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin: 0 7px;
    min-width: 162px
}

.pms-PurchasePlannerBox_Editing .ar-SelectLabel {
    margin-bottom: 0
}

.pms-PurchasePlannerBox_Editing .ar-IconBtnBloc {
    display: flex;
    align-items: flex-end
}

.pms-PurchasePlannerBox_Editing .ar-Select {
    height: 46px;
    border-radius: 0;
    border: none;
    border-right: 7px solid transparent;
    padding: 0 0 0 6px;
    outline: 1px solid #a9a8a8;
    outline: 1px solid var(--color-grey-mid-light-light)
}

.pms-PurchasePlannerBox_Editing .ar-BtnCta {
    font-family: inherit;
    line-height: 2.45;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 6px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 0;
    touch-action: manipulation;
    font-size: 16px;
    font-weight: 700;
    width: 95px;
    height: 46px;
    color: #fff;
    border: 1px solid #1d5fa0;
    background-color: #2578cb;
    background-color: var(--color-base-accent)
}

body:not(.touch-phone) .pms-PurchasePlannerBox_Editing .ar-BtnCta {
    line-height: 1.78;
    padding: 6px 12px
}

body:not(.touch-phone) .pms-PurchasePlannerBox_Editing .ar-BtnCta {
    line-height: .9;
    font-size: 14px;
    font-weight: 400;
    width: 115px;
    white-space: normal
}

.pms-PurchasePlannerBox_Editing .ar-BtnCta:active {
    color: #fff;
    border-color: #184d82;
    outline: 0;
    background-color: #1c5997;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.pms-PurchasePlannerBox_Editing .ar-BtnCta:hover {
    color: #fff;
    border-color: #184d82;
    background-color: #1c5997
}

.pms-PurchasePlannerBox_Editing .ar-BtnCta:active:hover {
    border-color: #14406c;
    background-color: #184d82
}

.pms-PurchasePlannerBox_Editing .ar-BtnCta_Activer {
    width: 26px;
    min-width: 26px;
    margin-right: 5px;
    fill: #fff;
    fill: var(--color-white)
}

.pms-PurchasePlannerBox_Editing .ar-OtherActions {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px
}

.pms-PurchasePlannerBox_Editing .ar-IconBtn {
    color: #2578cb;
    color: var(--color-accent);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 10px;
    text-decoration: none
}

.pms-PurchasePlannerBox_Editing .ar-IconBtn:hover {
    color: #292929;
    color: var(--color-base-black);
    text-decoration: none;
    cursor: pointer
}

.pms-PurchasePlannerBox_Editing .ar-IconBtn_Svg {
    width: 26px;
    margin-right: 7px;
    text-decoration: none;
    fill: #2578cb;
    fill: var(--color-accent)
}

.pms-PurchasePlannerBox_Editing .ar-IconBtn_Svg:hover {
    text-decoration: none
}

.ts-FilterContainer {
    width: 233px;
    margin-bottom: 10px
}

.ts-ActiveFilters {
    display: flex;
    width: 100%
}

.ts-ActiveFilters_List {
    margin: 0;
    padding: 0;
    list-style: none
}

.ts-ActiveFilters_List li {
    font-weight: 700;
    float: left;
    margin-right: 25px;
    margin-bottom: 12px
}

.ts-ActiveFilters_List li a {
    padding-right: 15px
}

.ts-ActiveFilters_List li a:after {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    display: inline-block;
    padding-left: 3px;
    content: "\f00d";
    color: #d92105;
    color: var(--color-icons);
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

.ts-ResultOptions_RangeSort {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%
}

body:not(.touch-phone) .ts-ResultOptions_RangeSort {
    flex-wrap: nowrap
}

.ts-ResultOptions {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between
}

.ts-ResultsRange {
    width: 100%
}

body:not(.touch-phone) .ts-ResultsRange {
    width: auto
}

.ts-ResultsRange p {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0
}

.ts-ResultOptions .heading1 {
    float: left;
    color: #d92105;
    color: var(--color-error)
}

.ts-ResultOptions_FilterSort {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin: 8px 0
}

body:not(.touch-phone) .ts-ResultOptions_FilterSort {
    width: auto
}

.ts-ResultOptions_FilterSort .display a {
    margin-left: 6px
}

.ts-ResultOptions_Sort {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: flex-end
}

.ts-ListOrGrid {
    margin-left: 5px
}

.ts-ListOrGrid_Icon {
    font-size: 25px;
    font-weight: 400;
    line-height: 37px;
    margin: 0;
    padding: 0 7px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    color: #727070;
    color: var(--color-grey-mid-light);
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light);
    border-radius: 4px;
    background-color: #fff;
    background-color: var(--color-white);
    background-image: none;
    touch-action: manipulation
}

.ts-ListOrGrid_Icon:before {
    vertical-align: middle
}

body:not(.touch-phone) .ts-ListOrGrid_Icon {
    line-height: 34px
}

.ts-TriOrder {
    height: 38px
}

.ts-SortForm {
    max-width: 340px
}

.ts-ResultBloc {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    width: calc(100vw - 19px);
    margin: 3px 0 0 -6px
}

body:not(.touch-phone) .ts-ResultBloc {
    width: 100%;
    margin: unset
}

.ts-MainContent {
    z-index: 1;
    float: left;
    padding-left: 0
}

body:not(.touch-phone) .ts-MainContent {
    padding-left: 20px
}

.ts-MainContent_withFilter {
    width: 100%
}

body:not(.touch-phone) .ts-MainContent_withFilter {
    width: calc(100% - 233px)
}

.ts-BottomNav {
    display: flex;
    justify-content: center
}

body:not(.touch-phone) .ts-BottomNav {
    min-width: 723px
}

.ts-BottomNav_Pagination {
    margin: 20px 0;
    padding: 0;
    list-style: none
}

.ts-BottomNav_Pagination li {
    display: inline
}

.ts-BottomNav_Pagination>li>a,
.ts-BottomNav_Pagination>li>span {
    line-height: 37px;
    position: relative;
    display: flex;
    float: left;
    align-items: center;
    justify-content: center;
    min-width: 50px;
    height: 50px;
    margin-left: -1px;
    padding: 6px 12px;
    text-decoration: none;
    color: #000;
    color: var(--color-black);
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light);
    background-color: #fff;
    background-color: var(--color-white)
}

body:not(.touch-phone) .ts-BottomNav_Pagination>li>a,
body:not(.touch-phone) .ts-BottomNav_Pagination>li>span {
    height: 36px;
    min-width: unset
}

.ts-BottomNav_Pagination>li:first-child>a,
.ts-BottomNav_Pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.ts-BottomNav_Pagination>li:last-child>a,
.ts-BottomNav_Pagination>li:last-child>span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.ts-BottomNav_Pagination>li>a:focus,
.ts-BottomNav_Pagination>li>a:hover,
.ts-BottomNav_Pagination>li>span:focus,
.ts-BottomNav_Pagination>li>span:hover {
    z-index: 2;
    color: #000;
    background-color: #dbdbdb;
    background-color: var(--color-grey-x-light);
    border-color: #cfcece;
    border-color: var(--color-grey-light)
}

.ts-BottomNav_Pagination>.active>a,
.ts-BottomNav_Pagination>.active>a:focus,
.ts-BottomNav_Pagination>.active>a:hover,
.ts-BottomNav_Pagination>.active>span,
.ts-BottomNav_Pagination>.active>span:focus,
.ts-BottomNav_Pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    color: var(--color-white);
    background-color: #2578cb;
    background-color: var(--color-accent);
    border-color: #2578cb;
    border-color: var(--color-accent);
    cursor: default
}

.ts-BottomNav_Pagination>.disabled>a,
.ts-BottomNav_Pagination>.disabled>a:focus,
.ts-BottomNav_Pagination>.disabled>a:hover,
.ts-BottomNav_Pagination>.disabled>span,
.ts-BottomNav_Pagination>.disabled>span:focus,
.ts-BottomNav_Pagination>.disabled>span:hover {
    color: #696868;
    color: var(--color-grey);
    background-color: #fff;
    background-color: var(--color-white);
    border-color: #cfcece;
    border-color: var(--color-grey-light);
    cursor: not-allowed
}

.ts-ResultsList {
    margin: 0;
    padding: 0;
    list-style: none
}

.ts-ResultsList_Mosaic .ts-ResultsListItem {
    padding: 0 9px 9px 0
}

.ts-ResultsList_Table .ts-ResultsListItem {
    position: relative;
    display: flex;
    justify-content: flex-start;
    margin: 7px 8px 15px 0;
    border: 1px solid #727070;
    border: 1px solid var(--color-grey-mid-light)
}

.ts-ResultsList_Table .ts-ResultsListItem:first-of-type {
    margin-top: 0
}

.ts-ItemAlert {
    position: absolute;
    z-index: 1;
    top: -3px;
    left: -3px;
    width: 69px;
    height: 67px
}

.ts-ItemAlert img {
    width: 100%
}

.ts-ItemAlertTableau {
    position: absolute;
    z-index: 1;
    top: -3px;
    left: -3px;
    width: 69px;
    height: 67px
}

.ts-ItemAlertTableau img {
    width: 100%
}

.ts-ResultsList_Mosaic.col3>li {
    width: 50%
}

body:not(.touch-phone) .ts-ResultsList_Mosaic.col3>li {
    width: 33%
}

@media only screen and (min-width:1252px) {
    .ts-ResultsList_Mosaic.col3>li {
        width: 25%
    }

    .ts-ResultsList_Mosaic.col4>li {
        width: 20%
    }
}

.ts-ResultsList_Mosaic>li {
    display: inline-block;
    float: left;
    min-height: 388px;
    padding: 0 9px 0 0;
    text-align: center;
    vertical-align: top
}

.ts-ResultsList_Mosaic h3 {
    margin-bottom: 4px
}

.ts-ResultsList_Mosaic p {
    font-size: 13px;
    margin-bottom: 4px;
    color: #363535;
    color: var(--color-grey-dark)
}

.ts-ResultsList_AttributVisuel {
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 100%;
    text-align: center
}

.ts-ResultsList_AttributVisuel ul {
    padding-left: 0;
    list-style: none
}

.ts-ResultsList_AttributVisuel li {
    line-height: normal;
    display: inline-block;
    box-sizing: border-box;
    width: 9%;
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light);
    background-color: #fff;
    background-color: var(--color-white)
}

.ts-ImgMain,
.ts-ResultsList_AttributVisuel img {
    width: 100%
}

.ts-ResultsList_Table .ts-ImgMain {
    width: calc(100% - 20px)
}

.ts-ResultsList_TableActions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 10px
}

.ts-AttVisuelWrapper {
    position: absolute;
    bottom: 18px;
    left: 0;
    width: 100%
}

.ts-ResultsList_Table .ts-SelectPastille {
    right: unset;
    left: 185px;
    width: 84px
}

.ts-SelectPastille {
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
    display: block;
    border-top-style: none !important;
    border-right-style: none !important;
    border-radius: 0 0 0 4px !important
}

.ts-SelectPastille.selected {
    display: block;
    background-color: #e4e5e8;
    background-color: var(--color-accent-x-light)
}

.ts-SelectPastille>i {
    float: left;
    margin: 3px 3px 1px
}

.ts-ResultsList_TableLink {
    width: 100%;
    display: flex;
    justify-content: center
}

.ts-ResultsList_TableLink:hover {
    text-decoration: none
}

.ts-ResultsList_CTA {
    font-size: 20px;
    line-height: 1.1;
    position: absolute;
    bottom: 10px;
    display: flex;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: calc(100% - 20px);
    height: 58px;
    padding: 6px 12px;
    text-align: center;
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light);
    border-radius: 0
}

body:not(.touch-phone) .ts-ResultsList_CTA {
    font-size: 16px;
    height: 46px
}

.ts-ResultsList_Table .ts-ResultsList_CTA {
    position: unset
}

body:not(.touch-phone) .ts-ResultsList_Table .ts-ResultsList_CTA {
    width: 35%
}

.ts-ListItemContainer {
    position: relative;
    text-align: center;
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light)
}

.ts-ListItemContainer:hover {
    border-color: #2578cb;
    border-color: var(--color-accent);
    box-shadow: 0 0 2px #2578cb;
    box-shadow: 0 0 2px var(--color-accent)
}

.ts-ListItemContainer a:hover {
    text-decoration: none
}

.carousel.skuSegment .ts-ListItemContainer {
    margin: 0
}

.ts-ListItemContainer .attVisuel ul {
    text-align: center
}

.ts-ListItemContainer h3 {
    overflow: hidden;
    max-height: 4rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    min-height: 4rem;
    margin-top: 10px
}

.ts-ListItemContainer.hover .ts-ResultsList_CTA,
.ts-ListItemContainer:hover .ts-ResultsList_CTA,
.ts-ResultsList_Table>li:hover .ts-ResultsList_CTA {
    color: #fff;
    background-color: #2578cb;
    background-color: var(--color-accent)
}

.ts-ResultsList_Table .ts-ResultsListItem:hover {
    border-color: #2578cb;
    border-color: var(--color-accent);
    box-shadow: 0 0 2px #2578cb;
    box-shadow: 0 0 2px var(--color-accent)
}

.ts-ResultsList_Table td {
    padding: 2px 10px;
    border-bottom: 1px solid #dbdbdb;
    border-bottom: 1px solid var(--color-grey-x-light)
}

.ts-ResultsList_Options {
    font-size: 14px;
    line-height: 1.2;
    max-height: 32px;
    margin-top: 6px;
    padding-right: 20px;
    white-space: nowrap;
    overflow: hidden;
    max-height: 2rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis
}

body:not(.touch-phone) .ts-ResultsList_Options {
    margin-top: 3px;
    padding-right: 15px
}

.ListItem_InfoBox .ts-ResultsList_Options {
    padding-right: 0
}

.ts-ResultsList_NoProd {
    max-height: 32px;
    margin-top: 3px;
    padding: 0 10px
}

.ts-AttNonCommun,
.ts-ResultsList_NoProd {
    font-size: 14px;
    line-height: 1.2;
    white-space: nowrap
}

.ts-AttNonCommun {
    height: 18px;
    overflow: hidden;
    max-height: 2rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis
}

body:not(.touch-phone) .ts-AttNonCommun {
    margin-top: 3px;
    font-size: 13px
}

.ts-ImgBox {
    position: relative;
    width: 100%
}

.ts-ResultsList_Table .ts-ImgBox {
    max-width: 49%;
    height: auto;
    margin: 0;
    border-right: none
}

body:not(.touch-phone) .ts-ResultsList_Table .ts-ImgBox {
    max-width: 270px;
    border-right: 1px solid #727070;
    border-right: 1px solid var(--color-grey-mid-light)
}

.ts-ResultsList_TableModelData {
    width: 100%
}

.ts-ResultsList_TableModelTitle {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 49%
}

body:not(.touch-phone) .ts-ResultsList_TableModelTitle {
    padding: 10px;
    max-width: unset
}

.ts-ResultsList_TableModelTitle h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.1;
    margin: 20px 0 0;
    width: 100%;
    color: #292929;
    color: var(--color-base-black)
}

body:not(.touch-phone) .ts-ResultsList_TableModelTitle h3 {
    font-size: 17px
}

.ts-ResultsList_TableModelTitle p {
    width: 100%;
    color: #292929;
    color: var(--color-base-black)
}

.ts-ResultsList_TableModelData table {
    width: 100%
}

.ts-ResultsList_TableModelData tr:nth-child(2n) {
    background-color: #f2f2f4;
    background-color: var(--color-contrast)
}

.ts-ResultsList_TableModelData td,
.ts-ResultsList_TableModelData th {
    font-size: 14px;
    padding: 7px;
    border: 1px solid #dbdbdb;
    border: 1px solid var(--color-grey-x-light);
    border-right: 0
}

.ts-ResultsList_TableModelData th {
    font-weight: 700;
    width: 32%;
    border-left: 0
}

.ts-ResultsList_TableModelData .tableauActions {
    padding: 10px 5px 5px;
    border-left: 1px solid #dbdbdb;
    border-left: 1px solid var(--color-grey-x-light)
}

.ts-Prix {
    font-size: 22px;
    font-weight: 700;
    display: inline-block;
    color: #000;
    color: var(--color-black)
}

body:not(.touch-phone) .ts-Prix {
    font-size: 18px;
    line-height: 18px
}

.ts-FormatEmballageSousProd {
    width: 100%;
    height: 20px;
    font-size: 14px
}

body:not(.touch-phone) .ts-FormatEmballageSousProd {
    height: 13px;
    font-size: 13px
}

.ts-HideShowFilters {
    display: block
}

body:not(.touch-phone) .ts-HideShowFilters {
    display: none
}

.ts-HideFilters,
.ts-ShowFilters {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase
}

.ts-Filters_Container {
    position: relative;
    display: none;
    width: 100%;
    margin-bottom: 10px
}

body:not(.touch-phone) .ts-Filters_Container {
    display: block;
    width: 233px
}

.ts-Filters_Container label:hover {
    text-decoration: underline
}

.ts-Filters_BoxContent {
    position: relative;
    padding: 0 0 8px
}

body:not(.touch-phone) .ts-Filters_BoxContent {
    padding: 0 20px 8px
}

.ts-Filters_BoxContent select {
    width: 187px
}

.ts-Filters_Box {
    position: relative;
    margin-bottom: 11px;
    padding: 0 20px;
    border: 1px solid #292929;
    border: 1px solid var(--color-grey-x-dark)
}

body:not(.touch-phone) .ts-Filters_Box {
    padding: 0
}

.ts-Filters_BoxHeader {
    font: 700 16px/1 Arial, sans-serif;
    width: 210px;
    padding: 12px 0 4px;
    color: #292929;
    color: var(--color-grey-x-dark)
}

body:not(.touch-phone) .ts-Filters_BoxHeader {
    padding: 12px 4px 4px 21px
}

.ts-Filters_BoxHeaderParent {
    font: 700 17px/1 Arial, sans-serif;
    width: 232px;
    padding: 12px 4px 4px 21px;
    color: #292929;
    color: var(--color-grey-x-dark);
    border-top: 1px solid #727070;
    border-top: 1px solid var(--color-grey-mid-light)
}

.ts-Filters_BoxHeaderMainTitle {
    font: 700 16px/1 Arial, sans-serif;
    width: 210px;
    padding: 12px 4px 4px 0;
    color: #727070;
    color: var(--color-grey-mid-light)
}

body:not(.touch-phone) .ts-Filters_BoxHeaderMainTitle {
    padding: 12px 4px 4px 21px
}

.ts-Filters_CategoryList {
    margin-top: 10px;
    padding: 0 0 8px 3px;
    list-style: none
}

body:not(.touch-phone) .ts-Filters_CategoryList {
    padding-left: 21px
}

.ts-Filters_CategoryList-child {
    font-size: 13px;
    margin: 0;
    padding: 10px 0 0 15px;
    list-style: none
}

body:not(.touch-phone) .ts-Filters_CategoryList-child {
    padding: 0 10px
}

.ts-Filters_CategoryList-child li {
    padding: 0 0 12px
}

body:not(.touch-phone) .ts-Filters_CategoryList-child li {
    padding: 0 4px 6px 0
}

.ts-Filters_CategoryListItem {
    font-size: 13px;
    position: relative;
    overflow: hidden;
    padding: 0 4px 6px 0
}

.ts-Filters_ViewMore {
    font-size: 18px;
    padding: 10px 0 12px
}

body:not(.touch-phone) .ts-Filters_ViewMore {
    font-size: 13px;
    padding: 0
}

.ts-Filters_CategoryList a {
    display: block;
    line-height: 16px
}

.ts-Filters_ResultAmount {
    color: #68737e;
    color: var(--color-accent-mid-dark)
}

.GR .ts-Filters_ResultAmount {
    color: #696868;
    color: var(--color-grey)
}

.ts-Filters_CategoryListItem-current .ts-Filters_ResultAmount {
    color: #000;
    color: var(--color-black)
}

.ts-Filters_CategoryListItem-upper {
    font-size: 13px;
    position: relative;
    overflow: hidden;
    margin-left: -9px;
    padding: 0 0 12px
}

body:not(.touch-phone) .ts-Filters_CategoryListItem-upper {
    padding: 0 4px 0 9px !important
}

.ts-Filters_CategoryListItem-upperPrefix {
    position: absolute;
    top: 0;
    left: -10px;
    margin-right: 1px;
    color: #727070;
    color: var(--color-grey-mid-light)
}

body:not(.touch-phone) .ts-Filters_CategoryListItem-upperPrefix {
    left: 0
}

.ts-Filters_CategoryListItem-current {
    font-size: 13px;
    padding: 0 4px 4px 0;
    font-weight: 700
}

.ts-Filters_CategoryList .childMore {
    display: none
}

.ts-Filters_List {
    z-index: 1;
    margin: 10px 0 12px;
    padding: 0;
    list-style: none
}

.ts-Filters_ListItem {
    display: inline-block;
    width: 60px;
    height: 60px;
    margin-bottom: 4px;
    padding: 0
}

body:not(.touch-phone) .ts-Filters_ListItem {
    width: 44px;
    height: 44px
}

.ts-Filters_ListItem-viewMore {
    position: absolute;
    margin: 3px 0 0 5px;
    padding: 3px;
    text-align: center;
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light)
}

body:not(.touch-phone) .ts-Filters_ListItem-viewMore {
    margin: 0 0 0 4px
}

.ts-Filters_Element {
    line-height: 22px;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    min-height: 18px;
    cursor: pointer;
    vertical-align: middle;
    word-wrap: break-word
}

body:not(.touch-phone) .ts-Filters_Element {
    line-height: 18px;
    min-height: 18px
}

.ts-Filters_Element .popover-content img {
    width: auto;
    max-width: 248px;
    height: auto
}

.ts-Filters_Element .popoverBox {
    display: none
}

.ts-Filters_Element .filterName {
    width: 100%
}

li .ts-Filters_Element:hover {
    box-shadow: 0 0 2px #2578cb;
    box-shadow: 0 0 2px var(--color-accent)
}

.ts-Filters_ListItemLink {
    position: relative;
    display: block;
    width: 60px;
    max-width: 100% !important;
    height: 60px;
    text-align: center;
    vertical-align: middle
}

body:not(.touch-phone) .ts-Filters_ListItemLink {
    width: 44px;
    height: 44px
}

li.selected .ts-Filters_ListItemLink:before {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    pointer-events: none;
    box-shadow: inset 0 0 0 2px #2578cb;
    box-shadow: inset 0 0 0 2px var(--color-accent)
}

.ts-Filters_ListItemLink img {
    position: relative;
    z-index: 0;
    width: 60px;
    max-width: 100% !important;
    height: 60px;
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light);
    page-break-inside: avoid
}

body:not(.touch-phone) .ts-Filters_ListItemLink img {
    width: 44px;
    height: 44px
}

.ts-Filters_ListItemLink img:hover {
    border-color: #2578cb;
    border-color: var(--color-accent)
}

.ts-Filters_ListItemLink-viewMore {
    font-size: 13px;
    display: flex;
    align-items: center;
    line-height: 13px;
    height: 37px
}

.ts-Filters_ListItemLink-viewMore:focus,
.ts-Filters_ListItemLink-viewMore:hover {
    text-decoration: none;
    cursor: pointer
}

.ts-Filters_ElementLink {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 85px;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    word-wrap: break-word;
    word-break: break-word
}

.ts-Filters_ElementLink:focus,
.ts-Filters_ElementLink:hover {
    text-decoration: none;
    cursor: pointer
}

.ts-Filters_ElementLink-viewMore {
    font-size: 13px
}

.ts-Filters_ElementLink-viewMore:focus,
.ts-Filters_ElementLink-viewMore:hover {
    text-decoration: none;
    cursor: pointer
}

.ts-Filters_Element~.popover img {
    max-width: 248px
}

.ts-Filters_Table {
    width: 100%;
    border-spacing: 5px;
    border-collapse: separate
}

body:not(.touch-phone) .ts-Filters_Table {
    margin: 0 -3px
}

.ts-Filters_Table td {
    font-size: 12px;
    width: 50%;
    padding: 1px;
    margin: 0 5px 0 0;
    text-align: center;
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light);
    background-color: #fff;
    background-color: var(--color-white)
}

.ts-Filters_Table td:not(.ts-Filters_TdEmpty):hover {
    border: 1px solid #2578cb;
    border: 1px solid var(--color-accent);
    background-color: #f2f2f4;
    background-color: var(--color-contrast);
    box-shadow: 0 0 2px #2578cb;
    box-shadow: 0 0 2px var(--color-accent)
}

.ts-Filters_Table td.selected {
    font-weight: 700;
    padding: 0;
    border: 2px solid #2578cb;
    border: 2px solid var(--color-accent);
    background-color: #fff
}

.ts-Filters_Table td.selected:hover {
    border-width: 2px;
    background-color: #f2f2f4;
    background-color: var(--color-contrast)
}

.ts-Filters_Table .ts-Filters_TdEmpty {
    border: none;
    background: none;
    box-shadow: none
}

.ts-Filters_SliderContainer {
    width: 100%
}

.ts-Filters_SliderWrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 10px 5px 25px
}

body:not(.touch-phone) .ts-Filters_SliderWrapper {
    margin: 0 20px 10px
}

.ts-Filters_SliderWrapper .slider {
    width: 100%;
    margin: 15px 25px 0 10px
}

body:not(.touch-phone) .ts-Filters_SliderWrapper .slider {
    width: 160px;
    margin: 15px 0 0 10px
}

.ts-Filters_SliderWrapper .sliderLabel {
    font-size: 16px;
    width: 49%;
    padding: 0 3px
}

body:not(.touch-phone) .ts-Filters_SliderWrapper .sliderLabel {
    font-size: 10px
}

.ts-Filters_Container .tooltip {
    width: 500px
}

.ts-Filters_Container .tooltip .tooltip-inner {
    max-width: none
}

.ts-Filters_SearchForm {
    margin-top: 6px
}

.ts-Filters_SearchField {
    font-size: 18px;
    line-height: 1.42857143;
    position: relative;
    display: flex;
    width: 100%;
    height: 46px;
    margin-bottom: 20px;
    padding: 6px 12px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    color: #000;
    color: var(--color-black);
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light);
    border-radius: 4px;
    background-color: #fff;
    background-color: var(--color-white);
    background-image: none;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

body:not(.touch-phone) .ts-Filters_SearchField {
    font-size: 14px;
    width: 187px;
    height: 34px
}

.ts-Filters_SearchField:focus {
    border-color: #292929;
    border-color: var(--color-base-black);
    outline: 0
}

.ts-Filters_SearchBtn {
    font-size: 30px !important;
    position: absolute;
    top: 6px;
    right: 20px;
    width: 27px;
    height: 27px;
    border: none;
    background-color: #fff;
    background-color: var(--color-white)
}

body:not(.touch-phone) .ts-Filters_SearchBtn {
    font-size: 20px !important;
    top: 4px;
    right: 27px
}

.ts-Filters_UnitConversionSideWarning {
    color: #292929;
    color: var(--color-grey-x-dark)
}

#ts-MainContent {
    width: 96%;
    max-width: 1400px;
    margin: 0 auto
}

#ProduitsAlternatifs {
    padding-top: 20px
}

#ProduitsAlternatifs .atc-BlocQty {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%
}

#ProduitsAlternatifs .atc-BlocQty .input-group {
    width: 124px
}

#ProduitsAlternatifs .atc-BlocQty .input-group:first-child {
    margin: 0 25px
}

#ProduitsAlternatifs .atc-BlocQty .input-group:first-child button {
    height: 34px
}

#ProduitsAlternatifs .atc-BlocQty .input-group .addButton {
    text-align: center
}

#ProduitsAlternatifs .atc-BlocQty .input-group-btn:first-child>.btn {
    margin-right: -2px
}

#ProduitsAlternatifs .atc-BlocQty .input-group-btn:last-child>.btn {
    margin-left: -2px
}

#ProduitsAlternatifs table.alternatives {
    float: left
}

#ProduitsAlternatifs table.alternatives .photo img {
    width: 100%
}

#ProduitsAlternatifs table.alternatives .att img {
    width: 60px
}

#ProduitsAlternatifs table.alternatives td.current-selection,
#ProduitsAlternatifs table.alternatives td.diff,
#ProduitsAlternatifs table.alternatives th.current-selection {
    background-color: #f6f797;
    background-color: var(--color-warning-dark)
}

#ProduitsAlternatifs .discontinued {
    color: #d92105;
    color: var(--color-error);
    font-weight: 700
}

#btnProdAlternatifs {
    white-space: unset
}

#ProduitsAlternatifs .current-selection strong {
    display: block
}

#btnProdAlternatifs {
    margin: 5px 0;
    width: 100%
}

#ships {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    position: relative;
    height: 110px
}

#shipsDiscontinued {
    height: 40px
}

#shipsDiscontinued .discontinued {
    color: #d92105;
    color: var(--color-error);
    font-weight: 700
}

#shipsDiscontinued div {
    width: 100%
}

#shipsIn24 {
    display: none;
    width: 100%;
    height: 20px
}

#shipsIn24 .stock {
    color: #080;
    color: var(--color-success);
    font-weight: 700
}

#shipsInMore {
    display: none;
    width: 100%;
    height: 65px
}

#shipsInMore .shipsInLabel {
    font-weight: 700
}

.favPanel {
    text-align: left
}

.favPanel .newList {
    display: none
}

.favPanel label {
    width: 100%
}

.fav-FiltersAndResults {
    display: flex;
    flex-wrap: nowrap
}

.fav-ListTitle_Area {
    margin-bottom: 20px
}

#favPage h1 {
    margin-top: 5px;
    margin-bottom: 5px
}

#favPage .favNumResults {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0
}

.fav-Options {
    margin-bottom: 40px
}

.fav-Options .display a {
    margin-bottom: 11px;
    margin-left: 6px
}

.fav-Options form label {
    margin-top: 5px;
    margin-bottom: 0
}

.home2015 .brochures h2 {
    color: #fff;
    color: var(--color-white)
}

#favPage .boxStyle2>.boxFilterContent:first-child {
    padding-bottom: 0
}

#favPage .boxFilterContent {
    padding: 0 0 8px
}

#favPage .boxFilterContent+.boxFilterContent {
    border-top: 1px solid #000
}

#favPage .baseList {
    margin-bottom: 5px
}

#favPage .baseList li {
    font-size: 14px;
    padding: 5px 20px
}

#favPage .actionPanel {
    margin-bottom: 10px
}

#favPage .favCreateEditPanel input[type=text] {
    width: 140px;
    margin-left: 5px
}

#favPage .editLink {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding-right: 12px;
    background-color: transparent
}

#favPage .editLink a {
    border-radius: 0 0 4px 4px
}

#favPage .cartForm .name {
    display: inline
}

#favPage .cartForm .nameAndEdit {
    display: inline-block;
    width: 100%
}

#favPage .cartForm .nameAndEdit>.edit {
    float: right;
    margin-left: 5px
}

#favPage .prix {
    font-size: 16px;
    font-weight: 700;
    text-align: right
}

#favPage .promo {
    color: #d92105;
    color: var(--color-error)
}

#favPage .infoCell {
    width: auto
}

#favPage .priceCell {
    width: 120px
}

#favPage .addCell {
    width: 360px
}

body:not(.touch-phone) #favPage .addCell {
    width: 246px
}

#favPage .addCell a.viewProd {
    float: right;
    width: 230px
}

#favPage h1 i.fa {
    margin-right: 0
}

#favPage aside .btn {
    position: relative;
    z-index: 110;
    width: 100%
}

#favPage li.on,
#favPage li.on a {
    font-weight: 700;
    color: #000;
    color: var(--color-black);
    border: none !important;
    background-color: #e4e5e8;
    background-color: var(--color-accent-x-light)
}

#favPage .prodResultItem {
    position: relative
}

#favPage .fakeLink {
    font-size: 15px;
    font-weight: 700;
    position: relative;
    text-transform: uppercase;
    color: #2578cb;
    color: var(--color-accent)
}

#favPage .itemOptionsPanel {
    display: none
}

#favPage .favListActions {
    margin-bottom: 0
}

#favPage .favListActions>a {
    border: 0
}

#favPage.tableau .favMultiSelectZone a {
    float: right;
    width: 230px
}

#favPage.mosaique .favMultiSelectZone {
    position: absolute;
    z-index: 5;
    bottom: 7px;
    left: 5%;
    width: 90%
}

#favPage.mosaique .favMultiSelectZone a {
    width: 100%
}

#favPage .infoBox {
    height: 228px
}

.fav-ItemEdit {
    position: absolute;
    right: 10px
}

body:not(.touch-phone) .fav-ItemEdit {
    right: -25px
}

.fav-ItemEdit i {
    margin-right: 6px;
    cursor: pointer
}

.fav-ListTitle_Value {
    font-size: 24px;
    font-weight: 700
}

.fav-ListTitle {
    padding: 1px 0
}

.fav-ListTitle i {
    font-size: 24px;
    margin-left: 10px;
    cursor: pointer
}

body:not(.touch-phone) .fav-ListTitle i {
    font-size: 18px
}

.fav-ListTitle_InputWrap {
    display: none;
    align-items: center
}

.fav-ListTitle_InputWrap i {
    font-size: 24px;
    margin-left: 10px;
    cursor: pointer
}

body:not(.touch-phone) .fav-ListTitle_InputWrap i {
    font-size: 18px
}

.fav-ListTitle_Input {
    width: 87%;
    color: #cfcece;
    color: var(--color-grey-light);
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light);
    padding: 0 5px
}

body:not(.touch-phone) .fav-ListTitle_Input {
    width: 50%;
    font-size: 24px;
    font-weight: 700
}

.fav-ListTitle_Save {
    display: none;
    cursor: pointer
}

.fav-CustomName i {
    margin-left: 8px
}

.fav-CustomName_Wrap {
    display: flex;
    align-items: center;
    width: 80%;
    word-break: break-all
}

body:not(.touch-phone) .fav-CustomName_Wrap {
    width: 96%
}

.fav-CustomName_Wrap i {
    cursor: pointer
}

.fav-CustomName_InputWrap {
    display: flex;
    align-items: center;
    width: 100%
}

.fav-CustomName_Input {
    font-size: 18px;
    width: 100%;
    height: 30px;
    padding: 0 5px;
    color: #292929;
    color: var(--color-base-black);
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light)
}

body:not(.touch-phone) .fav-CustomName_Input {
    font-size: 12px;
    width: 90%;
    height: unset
}

.fav-CustomName_Input::-moz-placeholder {
    font-size: 16px;
    color: #cfcece;
    color: var(--color-grey-light)
}

.fav-CustomName_Input:-ms-input-placeholder {
    font-size: 16px;
    color: #cfcece;
    color: var(--color-grey-light)
}

.fav-CustomName_Input::placeholder {
    font-size: 16px;
    color: #cfcece;
    color: var(--color-grey-light)
}

body:not(.touch-phone) .fav-CustomName_Input::-moz-placeholder {
    font-size: 12px
}

body:not(.touch-phone) .fav-CustomName_Input:-ms-input-placeholder {
    font-size: 12px
}

body:not(.touch-phone) .fav-CustomName_Input::placeholder {
    font-size: 12px
}

.fav-CustomName_Input:focus {
    font-size: 16px;
    color: #292929;
    color: var(--color-base-black);
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light);
    outline: none
}

body:not(.touch-phone) .fav-CustomName_Input:focus {
    font-size: 12px
}

.fav-CustomName_Value {
    font-size: 17px;
    font-weight: 700
}

.fav-CustomName_Value i {
    margin-left: 5px;
    cursor: pointer
}

.fav-CustomName_Save {
    display: none;
    padding-left: 5px;
    cursor: pointer
}

.ckout-StepsContainer {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.ckout-StepsList {
    list-style: none;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0;
    margin: 0
}

.ckout-StepItem {
    color: #292929;
    color: var(--color-base-black);
    text-align: center;
    position: relative;
    flex-basis: 33.3333%
}

.ckout-StepNumber {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 28px
}

.ckout-StepLink:hover {
    opacity: .6
}

.ckout-StepLabel {
    display: block
}

.active .ckout-StepLabel {
    font-size: 14px;
    font-weight: 700
}

.active .ckout-StepNumber {
    color: #727070;
    color: var(--color-grey-mid-light)
}

.ckout-StepItem:after,
.ckout-StepItem:before {
    content: "";
    position: absolute;
    top: 30%;
    height: 3px;
    background-color: #dbdbdb;
    background-color: var(--color-grey-x-light);
    z-index: 1
}

.ckout-StepItem.active:before {
    left: 10%;
    width: 33%
}

.ckout-StepItem.active:after {
    left: 57%;
    width: 33%
}

.saisieNumerique_Wrap {
    display: flex;
    justify-content: left
}

.as_filterChoice .saisieNumerique_Wrap {
    justify-content: flex-start
}

.saisieNumerique_Link {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #2578cb;
    border: 2px solid var(--color-base-accent);
    font-weight: 700;
    background-color: #fff;
    padding: 2px 25px 2px 15px;
    position: relative;
    font-size: 12px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .saisieNumerique_Link {
        font-size: 18px;
        height: 50px
    }
}

.saisieNumerique_Link:focus,
.saisieNumerique_Link:hover {
    text-decoration: none;
    border: 2px solid #2578cb;
    border: 2px solid var(--color-base-accent);
    box-shadow: 0 0 2px #2578cb;
    box-shadow: 0 0 2px var(--color-base-accent);
    background-color: #f2f2f4;
    background-color: var(--color-base-contrast)
}

.saisieNumerique_Link i {
    position: absolute;
    right: 8px;
    top: 4px;
    color: #d92105
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .saisieNumerique_Link i {
        top: 13px
    }
}

.saisieNumerique_Intro {
    font-size: 12px
}

.as_filterListChoice .as-SaisieNumerique .saisieNumerique_Intro {
    font-size: 17px;
    width: 600px
}

.fa-calculator {
    color: #fff;
    color: var(--color-white)
}

:root {
    --arrowBoxHeight: 80px;
    --flyerBgColor: #ced7e0;
    --flyerPriceColor: #d92105;
    --margin: 0 auto;
    --padding: 0
}

.Flyer_FullWidthContainer {
    background-color: #ced7e0;
    background-color: var(--flyerBgColor);
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    position: relative
}

.Flyer_Header {
    max-width: 1380px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.Flyer_Title {
    font-size: 40px
}

.Flyer_Date,
.Flyer_Title {
    margin: 10px 0 0;
    text-align: right;
    color: #696868;
    color: var(--color-grey);
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600
}

.Flyer_Date {
    font-size: 20px
}

.Flyer_TopScroll {
    background-color: #f5f5f5;
    background-color: var(--color-grey-xx-light);
    max-width: 1380px;
    width: 100%;
    height: 20px;
    margin: 10px 15px;
    display: grid;
    grid-template-columns: [first] 20px auto [last] 20px
}

.Flyer_TopScroll-left,
.Flyer_TopScroll-right {
    background-color: #727070;
    background-color: var(--color-grey-mid-light);
    width: 20px
}

.Flyer_Bar,
.Flyer_TopScroll-left,
.Flyer_TopScroll-right {
    color: #dbdbdb;
    color: var(--color-grey-x-light);
    font-size: 12px;
    text-align: center;
    line-height: 1.7
}

.Flyer_Bar {
    width: 10%;
    padding: 0 20px
}

.Flyer_Bar,
.Flyer_Footer {
    background-color: #4f4f4f;
    background-color: var(--color-grey-mid-dark)
}

.Flyer_Footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1380px;
    width: 100%;
    height: 50px;
    margin: 10px 0 60px
}

.Flyer_FooterLogo {
    height: 50px
}

.Flyer_FooterCoord {
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    padding-right: 20px
}

.Flyer_FooterCoordLink {
    color: #fff
}

rc-flyerz-visualizateur::part(changementFormatWarning) {
    outline: unset
}

rc-flyerz-visualizateur::part(changementFormat) {
    display: none
}

.Flyer_Visualizateur {
    width: 100%;
    max-width: 1380px
}

rc-segment {
    display: flex
}

rc-segment-element {
    display: block
}

.SegmentFlyer {
    margin-bottom: 25px
}

.SegmentFlyer_Item {
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light);
    margin: 0 15px 0 0;
    padding: 0;
    border-radius: unset;
    width: 215px;
    display: inline-block
}

.SegmentFlyer_Item:hover {
    border: 1px solid #2578cb;
    border: 1px solid var(--color-accent);
    color: #000;
    box-shadow: 0 0 4px #2578cb;
    box-shadow: 0 0 4px var(--color-accent);
    text-decoration: none
}

.SegmentFlyer_Item:hover .SegmentFlyer_ItemText {
    background-color: #f2f2f4
}

.SegmentFlyer_Item img {
    width: 100%
}

.SegmentFlyer_ItemText {
    padding: 7px;
    height: 50px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.SegmentFlyer_ItemText:hover {
    text-decoration: none
}

.pms-ProduitsDeRemplacement {
    margin-bottom: 15px;
    color: #d92105;
    color: var(--color-error)
}

.pms-ProduitsDeRemplacement a {
    font-weight: 700;
    color: #d92105;
    color: var(--color-error);
    text-decoration: underline
}

.cart-ProduitsDeRemplacement {
    margin-bottom: 15px;
    color: #d92105;
    color: var(--color-error);
    width: calc(100% - 106px)
}

body:not(.touch-phone) .cart-ProduitsDeRemplacement {
    width: 100%
}

.cart-ProduitsDeRemplacement a {
    font-weight: 700;
    text-decoration: underline
}

.cart-ProduitsDeRemplacement a,
.rpd-ProduitsDeRemplacement,
.rpd-ProduitsDeRemplacement a {
    color: #d92105;
    color: var(--color-error)
}

.rpd-ProduitsDeRemplacement a {
    font-weight: 700;
    text-decoration: underline
}

.spec-SpecList_Header {
    width: 100%
}

.spec-SpecList_Actions,
.spec-SpecList_Header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.spec-SpecList_Actions {
    flex-wrap: nowrap;
    text-align: right
}

.spec-SpecList_Actions-left {
    text-align: left;
    margin-bottom: 15px
}

.spec-SpecList_QtyTitle {
    margin-bottom: 5px
}

.spec-SpecList_Actions-right {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    justify-content: flex-end;
    margin-bottom: 15px
}

.spec-SpecList_LastSave {
    margin-right: 15px
}

.spec-SpecList_Table {
    width: 100%;
    margin: 15px 0 20px;
    border-spacing: 0;
    border-collapse: collapse;
    background-color: transparent
}

.spec-SpecList_Table td {
    line-height: 1.42857143;
    padding: 3px 8px;
    vertical-align: top;
    border-top: 1px solid #a9a8a8;
    border-top: 1px solid var(--color-grey-mid-light-light)
}

.spec-SpecList_Table th {
    line-height: 1.42857143;
    padding: 3px 8px;
    vertical-align: bottom;
    border-top: 0;
    border-bottom: 2px solid #a9a8a8;
    border-bottom: 2px solid var(--color-grey-mid-light-light)
}

.spec-SpecList_Table tr:hover {
    background-color: #f5f5f5;
    background-color: var(--color-grey-xx-light)
}

.spec-SpecList_Table td:nth-last-of-type(2) {
    text-align: right;
    padding: 3px
}

.spec-SpecList_Table td:last-child {
    text-align: right;
    width: 30px;
    padding: 3px 8px 3px 3px
}

.spec-SpecSheet_SearchForm {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap
}

.spec-SpecList_SearchBox {
    font-size: 14px;
    line-height: 1.42857143;
    display: block;
    width: 100%;
    min-width: 320px;
    height: 34px;
    padding: 6px 12px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    color: var(--color-dark);
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light);
    border-top-left-radius: 17px;
    border-bottom-left-radius: 17px;
    background-color: #fff;
    background-color: var(--color-white);
    background-image: none
}

.spec-SpecList_SearchBox.focus-visible,
.spec-SpecList_SearchBox:focus {
    border-color: #000;
    border-color: var(--color-black);
    outline: 0
}

.spec-SpecList_SearchBox:focus,
.spec-SpecList_SearchBox:focus-visible {
    border-color: #000;
    border-color: var(--color-black);
    outline: 0
}

.spec-SpecList_SearchButton {
    font-family: sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    display: inline-block;
    width: 38px;
    height: 34px;
    padding: 6px 8px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    text-decoration: none;
    color: var(--color-dark);
    border-bottom: 1px solid #cfcece;
    border-right: 1px solid #cfcece;
    border-top: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light);
    border-left: 1px solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 17px;
    border-bottom-right-radius: 17px;
    border-bottom-left-radius: 0;
    background-color: #fff;
    background-color: var(--color-white);
    background-image: none;
    touch-action: manipulation
}

.spec-SpecList_SearchButton:focus,
.spec-SpecList_SearchButton:hover {
    text-decoration: none;
    color: var(--color-dark);
    border-color: #727070;
    border-color: var(--color-grey-mid-light);
    outline: none;
    border-left-width: 1px;
    background-color: #cfcece;
    background-color: var(--color-grey-light)
}

.spec-SpecList_SearchButton:active {
    color: var(--color-dark);
    border-color: #727070;
    border-color: var(--color-grey-mid-light);
    outline: 0;
    background-color: #cfcece;
    background-color: var(--color-grey-light);
    background-image: none
}

.spec-SpecList_SearchButton:active:focus,
.spec-SpecList_SearchButton:active:hover {
    color: var(--color-dark);
    border-color: #727070;
    border-color: var(--color-grey-mid-light);
    background-color: #cfcece;
    background-color: var(--color-grey-light)
}

.spec-SpecList_SearchIcon {
    font-size: 16px
}

.spec-SpecList_Ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.spec-SpecList_Li {
    display: inline-block
}

.spec-SpecList_Select {
    font-family: sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    height: 34px;
    display: inline-block;
    padding: 6px 2px 6px 7px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    text-decoration: none;
    color: var(--color-dark);
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light);
    border-radius: 4px;
    background-color: #fff;
    background-color: var(--color-white);
    background-image: none;
    touch-action: manipulation
}

.spec-SpecList_Select.focus-visible,
.spec-SpecList_Select:focus {
    border-color: #000;
    border-color: var(--color-black);
    outline: 0
}

.spec-SpecList_Select:focus,
.spec-SpecList_Select:focus-visible {
    border-color: #000;
    border-color: var(--color-black);
    outline: 0
}

.spec-SpecList_Button {
    font-family: sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 0;
    padding: 6px 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-decoration: none;
    color: var(--color-dark);
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light);
    border-radius: 4px;
    background-color: #fff;
    background-color: var(--color-white);
    background-image: none;
    touch-action: manipulation
}

.spec-SpecList_Button:focus,
.spec-SpecList_Button:hover {
    text-decoration: none;
    color: var(--color-dark);
    border-color: #727070;
    border-color: var(--color-grey-mid-light);
    outline: none;
    background-color: #cfcece;
    background-color: var(--color-grey-light)
}

.spec-SpecList_Button:active {
    color: var(--color-dark);
    border-color: #727070;
    border-color: var(--color-grey-mid-light);
    outline: 0;
    background-color: #cfcece;
    background-color: var(--color-grey-light);
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.spec-SpecList_Button:active:focus,
.spec-SpecList_Button:active:hover {
    color: var(--color-dark);
    border-color: #727070;
    border-color: var(--color-grey-mid-light);
    background-color: #cfcece;
    background-color: var(--color-grey-light)
}

.spec-SpecList_CopyButton,
.spec-SpecList_DeleteButton {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    display: inline-block;
    margin-bottom: 0;
    padding: 1px 5px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    color: #292929;
    color: var(--color-base-black);
    border: #727070;
    border: var(--color-grey-mid-light);
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    background-color: #fff;
    background-color: var(--color-white);
    background-image: none;
    touch-action: manipulation
}

.spec-SpecList_CopyButton:active,
.spec-SpecList_DeleteButton:active {
    outline: 0;
    background-color: #dbdbdb;
    background-color: var(--color-grey-x-light);
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.spec-SpecList_CopyButton:focus,
.spec-SpecList_DeleteButton:focus {
    text-decoration: none;
    outline: none;
    background-color: #f5f5f5;
    background-color: var(--color-grey-xx-light)
}

.spec-SpecList_CopyButton:hover,
.spec-SpecList_DeleteButton:hover {
    text-decoration: none;
    outline: none;
    background-color: #dbdbdb;
    background-color: var(--color-grey-x-light)
}

.spec-SpecList_CopyButton:active:focus,
.spec-SpecList_CopyButton:active:hover,
.spec-SpecList_DeleteButton:active:focus,
.spec-SpecList_DeleteButton:active:hover {
    border-color: #696868;
    border-color: var(--color-grey);
    background-color: #cfcece;
    background-color: var(--color-grey-light)
}

.spec-Page_Heading {
    border: 1px solid #a9a8a8;
    border: 1px solid var(--color-grey-mid-light-light);
    margin: 0;
    padding: 10px
}

.spec-Page_TitleBox {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.spec-Page_Title {
    font-family: inherit;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.1;
    margin: 0;
    color: #292929;
    color: var(--color-base-black)
}

.spec-Page_TitleBox-actions {
    display: inline-block
}

.spec-Page_TitleBoxDl {
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 0
}

.spec-Page_TitleBoxDl dt {
    font-weight: 700;
    line-height: 1.42857143;
    float: left;
    width: 170px
}

.spec-Page_TitleBoxDl dd {
    line-height: 1.42857143;
    float: left;
    width: 75%;
    margin-left: 10px
}

@media print {
    .spec-Page_TitleBoxDl dt {
        float: left;
        clear: left;
        overflow: hidden;
        width: 160px;
        text-align: right;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .spec-Page_TitleBoxDl dd {
        margin-left: 180px
    }

    .spec-Page_TitleBoxDl :after,
    .spec-Page_TitleBoxDl :before {
        background: transparent !important
    }

    .spec-Page_TitleBoxDl *,
    .spec-Page_TitleBoxDl :after,
    .spec-Page_TitleBoxDl :before {
        color: #000 !important;
        color: var(--color-black) !important;
        box-shadow: none !important;
        text-shadow: none !important
    }
}

.spec-Page_SharedBox {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 20px;
    padding: 10px;
    border: 1px solid #a9a8a8;
    border: 1px solid var(--color-grey-mid-light-light);
    border-top: 0
}

.spec-Page_SharedBoxDl {
    display: inline-flex;
    flex-wrap: wrap;
    margin-bottom: 0
}

.spec-Page_SharedBoxDl dt {
    font-weight: 700;
    line-height: 1.42857143;
    float: left;
    width: 170px
}

.spec-Page_SharedBoxDl dd {
    line-height: 1.42857143;
    float: left;
    width: auto;
    margin-left: 10px
}

.spec-Page_SharedBoxDl .btn {
    display: inline-block
}

@media print {
    .spec-Page_SharedBoxDl dt {
        float: left;
        clear: left;
        overflow: hidden;
        width: 160px;
        text-align: right;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .spec-Page_SharedBoxDl dd {
        margin-left: 180px
    }

    .spec-Page_SharedBoxDl :after,
    .spec-Page_SharedBoxDl :before {
        background: transparent !important
    }

    .spec-Page_SharedBoxDl *,
    .spec-Page_SharedBoxDl :after,
    .spec-Page_SharedBoxDl :before {
        color: #000 !important;
        color: var(--color-black) !important;
        box-shadow: none !important;
        text-shadow: none !important
    }
}

#SpecPage .cartForm .sectionTitle {
    font-size: 16px
}

.spec-Page_Item {
    padding: 10px !important
}

.spec-Page_Item,
.spec-Page_ItemImgInfo {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start
}

.spec-Page_ItemImgInfo {
    flex-wrap: nowrap;
    width: 100%
}

.spec-Page_ItemInfo {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: flex-start
}

.spec-Page_ItemInfo a {
    width: 100%
}

.spec-Page_ItemImg {
    float: left;
    margin-right: 10px
}

.spec-Page_ItemImg img {
    width: 90px;
    height: 90px
}

.spec-Page_UnitCell {
    width: 15%;
    padding: 10px !important
}

.spec-Page_QtyCell {
    width: 20%;
    padding: 10px !important
}

.spec-Page_Item-remove {
    padding: 6px 12px;
    margin-right: 0;
    float: right
}

#SpecPage .cartForm .unitCell {
    width: 15%
}

#SpecPage .cartForm .qtyCell {
    width: 20%
}

#SpecPage .cartForm .cartQty {
    min-width: 165px
}

.spec-Page_EditButton {
    float: right;
    font-family: sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-decoration: none;
    color: var(--color-dark);
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light);
    border-radius: 4px;
    background-color: #fff;
    background-color: var(--color-white);
    background-image: none;
    touch-action: manipulation
}

.spec-Page_EditButton:focus,
.spec-Page_EditButton:hover {
    text-decoration: none;
    color: var(--color-dark);
    border-color: #727070;
    border-color: var(--color-grey-mid-light);
    outline: none;
    background-color: #cfcece;
    background-color: var(--color-grey-light)
}

.spec-Page_EditButton:active {
    color: var(--color-dark);
    border-color: #727070;
    border-color: var(--color-grey-mid-light);
    outline: 0;
    background-color: #cfcece;
    background-color: var(--color-grey-light);
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.spec-Page_EditButton:active:focus,
.spec-Page_EditButton:active:hover {
    color: var(--color-dark);
    border-color: #727070;
    border-color: var(--color-grey-mid-light);
    background-color: #cfcece;
    background-color: var(--color-grey-light)
}

#SpecPage .cartForm .noteAD {
    font-style: italic;
    margin-top: 15px
}

#SpecPage .cartForm .cartTable {
    border-bottom: 1px solid #dbdbdb;
    border-bottom: 1px solid var(--color-grey-x-light)
}

#SpecPage .cartForm .cartTable:last-child {
    border-bottom: 0
}

#SpecPage .editBloc {
    display: none
}

#SpecPage .editBloc>td {
    border-top: 1px dashed #cfcece;
    border-top: 1px dashed var(--color-grey-light);
    background-color: #f2f2f4;
    background-color: var(--color-contrast)
}

#SpecPage .editBloc input[type=text] {
    width: 100%
}

#SpecPage .editBloc .errorMessage {
    display: none
}

#SpecPage .editBloc .optionsList li {
    position: relative;
    float: left;
    width: 150px;
    height: 150px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid #6b747d;
    background-color: #fff;
    background-color: var(--color-white)
}

#SpecPage .editBloc .optionsList li.on {
    border-color: #2578cb;
    border-color: var(--color-accent)
}

#SpecPage .editBloc .optionsList li>input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0
}

#SpecPage .editBloc .optionsList li>.text {
    display: table;
    width: 100%;
    height: 100%
}

#SpecPage .editBloc .optionsList li>.text>div {
    display: table-cell;
    width: 100%;
    height: 100%;
    padding: 5px;
    text-align: center;
    vertical-align: middle
}

#SpecPage .editBloc .optionsList li>.image {
    display: table;
    width: 100%;
    height: 100%
}

#SpecPage .editBloc .optionsList li>.image>div {
    display: table-cell;
    text-align: center
}

#SpecPage .editBloc .optionsList li>.image img {
    height: 148px
}

#SpecPage .editBloc input:placeholder {
    font-size: 13px;
    color: #cfcece;
    color: var(--color-grey-light)
}

#SpecPage .editBloc input:-moz-input-placeholder {
    font-size: 13px;
    color: #cfcece;
    color: var(--color-grey-light)
}

#SpecPage .editBloc input:-ms-input-placeholder {
    font-size: 13px;
    color: #cfcece;
    color: var(--color-grey-light)
}

#SpecPage .editBloc input:-webkit-input-placeholder {
    font-size: 13px;
    color: #cfcece;
    color: var(--color-grey-light)
}

#SpecPage .optionBloc .adPhotosDocs li {
    position: relative;
    float: left;
    width: 250px;
    height: 250px;
    margin-right: 10px;
    margin-bottom: 10px
}

#SpecPage .optionBloc .adPhotosDocs li>.image {
    display: table;
    width: 100%;
    height: 100%
}

#SpecPage .optionBloc .adPhotosDocs li>.image>div {
    display: table-cell;
    text-align: center
}

#SpecPage .optionBloc .adPhotosDocs li>.image img {
    height: 250px
}

#SpecPage .pm2_tabSpecification td,
#SpecPage .pm2_tabSpecification th {
    font-size: 14px;
    padding: 5px
}

#SpecPage .optionBloc h2 {
    font-size: 15px;
    margin-top: 15px;
    margin-bottom: 5px
}

#SpecSharePage .example {
    font-size: 12px;
    font-weight: 400;
    margin-left: 5px
}

#footerTop {
    margin-top: 20px
}

.ftr-Footer_ScrollTop {
    width: 100%;
    padding: 5px;
    text-align: center;
    display: block;
    background-color: #525b63;
    background-color: var(--color-nav);
    color: #fff;
    font-size: 18px
}

.RC .ftr-Footer_ScrollTop {
    background-color: #292929;
    background-color: var(--color-grey-x-dark)
}

.DN .ftr-Footer_ScrollTop:hover {
    color: #a9a8a8;
    color: var(--color-grey-mid-light-light)
}

.ftr-Footer {
    background-color: #525b63;
    background-color: var(--color-footer-color);
    color: #e4e5e8;
    color: var(--color-accent-x-light)
}

.ftr-Footer_Logo {
    max-width: 160px;
    position: relative;
    margin-bottom: 15px
}

.ftr-Footer_Heading {
    color: #fff;
    font: 700 14px Arial, sans-serif
}

body:not(.RC) .ftr-Footer_Heading {
    color: #fff
}

.ftr-Footer_Section-about,
.ftr-Footer_Section-account,
.ftr-Footer_Section-footerLeft,
.ftr-Footer_Section-news {
    width: 17%
}

.logged .ftr-Footer_Section-about,
.logged .ftr-Footer_Section-account,
.logged .ftr-Footer_Section-footerLeft,
.logged .ftr-Footer_Section-news {
    width: 20%
}

.ftr-Footer_Section-footerLeft ul {
    list-style: none;
    padding-left: 0
}

.ftr-Footer_Section-products {
    width: 66%
}

.logged .ftr-Footer_Section-products {
    width: 60%
}

.ftr-Footer_Section-products ul {
    list-style: none;
    padding-left: 0;
    padding-right: 20px;
    float: left;
    width: 33%;
    box-sizing: border-box
}

.ftr-Footer_Container {
    padding: 20px 15px;
    margin: 0 auto;
    min-width: 960px;
    max-width: none;
    position: relative;
    display: flex;
    flex-wrap: wrap
}

body:not(.touch-phone) .ftr-Footer_Container {
    max-width: 1410px;
    padding: 50px 15px 40px
}

.ftr-Footer_Container .comments a:hover {
    background: url(../image/icon-feedback-red.png) no-repeat 100%
}

.ftr-Footer_Container a {
    color: #e5e6e9
}

.ftr-Footer_Container a:focus,
.ftr-Footer_Container a:hover {
    text-decoration: underline
}

body:not(.touch-phone) .ftr-Footer_Container a {
    color: #e5e6e9
}

.ftr-Footer_Container a:hover {
    color: #fff
}

.RC .ftr-Footer_Container a {
    color: #e4e5e8;
    color: var(--color-accent-x-light)
}

.RC .ftr-Footer_Container a:hover {
    color: #fff
}

.ftr-Footer_Container li {
    margin-bottom: 8px
}

.ftr-Footer_Container .phoneSm {
    color: #cfcece;
    color: var(--color-grey-light);
    margin-top: 3px;
    margin-bottom: 5px
}

.ftr-Footer_Container section {
    padding-right: 15px
}

.ftr-Footer_Colonnes {
    display: flex
}

body:not(.touch-phone) .ftr-Footer_Colonnes {
    display: unset
}

.ftr-Footer_Colonnes section {
    padding: 0;
    width: calc(50vw - 15px)
}

.ftr-Footer_SelectWrap {
    margin-top: 10px;
    width: 100%
}

.ftr-Footer_SelectWrap .hdr-Header_Select,
.ftr-Footer_SelectWrap [name=hdr-Language] {
    background-color: #525b63;
    background-color: var(--color-footer-color);
    color: #e5e6e9;
    font-size: 18px;
    width: 200px;
    padding: 0 0 4px 4px;
    border-width: 0;
    line-height: unset
}

.ftr-Footer_SelectWrap [name=regionSelect] {
    display: none
}

.ftr-Footer_SelectIcon {
    color: #e5e6e9;
    width: 22px;
    text-align: center
}

.ftr-Footer_Select {
    background-color: #525b63;
    background-color: var(--color-footer-color);
    color: #e5e6e9;
    font-size: 18px;
    width: 200px;
    padding: 0 0 4px 4px;
    border-width: 0;
    line-height: unset
}

.ftr-Footer_Select.focus-visible,
.ftr-Footer_Select:focus-visible {
    outline: none
}

.ftr-Footer_Select option {
    font-size: 14px;
    padding: 3px
}

.ftr-Footer_Section-division {
    width: 100%;
    text-align: center;
    background-color: #292929;
    background-color: var(--color-grey-x-dark);
    padding: 10px 0;
    min-width: 960px
}

.ftr-Footer_Section-division ul {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.ftr-Footer_Section-division li {
    margin: 0 15px;
    padding: 10px 0
}

body:not(.touch-phone) .ftr-Footer_Section-division li {
    margin: 0 35px 0 15px;
    float: left
}

.ftr-Footer_Bottom {
    padding: 20px 0;
    margin: 0 auto;
    min-width: 960px;
    max-width: 1380px;
    text-align: center
}

.ftr-Footer_Bottom-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    list-style: none;
    padding-left: 0
}

body:not(.touch-phone) .ftr-Footer_Bottom-list {
    flex-wrap: nowrap;
    justify-content: center
}

.ftr-Footer_Bottom-listItem {
    width: 100%;
    text-align: left;
    font-size: 14px;
    margin: 0 20px
}

body:not(.touch-phone) .ftr-Footer_Bottom-listItem {
    width: auto
}

.ftr-Footer_Bottom,
.ftr-Footer_Container,
.ftr-Footer_Section-division {
    min-width: 0
}

.ftr-Footer_SocialMediaList {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0;
    padding: 0
}

.ftr-Footer_SocialMediaItem {
    height: 36px;
    width: 36px;
    margin-right: 8px
}

.ftr-Footer_SocialMediaItem a:hover {
    opacity: .75
}

.touch-phone .hdr-StateProvinceWarning {
    position: fixed;
    z-index: 21;
    bottom: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 70px;
    background-color: #f5f5f5;
    background-color: var(--color-grey-xx-light)
}

body:not(.touch-phone) .hdr-StateProvinceWarning {
    position: unset;
    z-index: unset;
    bottom: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 42px;
    background-color: unset
}

.hdr-StateProvinceWarning_Block {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.42857143;
    width: 98%;
    margin: 5px auto;
    padding: 0 10px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #727070;
    border: 1px solid var(--color-grey-mid-light);
    border-radius: 4px;
    background-color: #fff;
    background-color: var(--color-white);
    touch-action: manipulation
}

body:not(.touch-phone) .hdr-StateProvinceWarning_Block {
    font-size: 14px;
    width: 640px;
    margin: 3px auto;
    padding: 2px;
    white-space: nowrap
}

body:not(.touch-phone) .hdr-StateProvinceWarning_Block:hover {
    background-color: #dbdbdb;
    background-color: var(--color-grey-x-light)
}

.hdr-StateProvinceWarning_Region {
    text-decoration: underline
}

.touch-phone .hdr-TopPartContainer {
    display: none
}

body:not(.touch-phone) .hdr-TopPartContainer {
    display: block;
    min-width: 960px;
    max-width: 1410px;
    margin: 0 auto;
    padding: 0 15px
}

.hdr-BackgroundTop {
    background-color: #fff;
    background-color: var(--color-white);
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.hdr-TopPart {
    position: relative;
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.hdr-TopPart a {
    color: #000;
    color: var(--color-black)
}

.hdr-RegionLanguage {
    display: flex
}

.hdr-Region {
    margin-right: 10px
}

.hdr-Header_Select {
    line-height: 1;
    height: 27px;
    padding: 0 0 0 3px;
    text-align: left;
    outline: none;
    border-width: 0
}

.hdr-Header_Select option {
    font-size: 14px;
    padding: 3px
}

select[name=hdr-Language]:after {
    content: " ";
    -moz-appearance: menulist-button
}

select[name=hdr-Language],
select[name=hdr-Region] {
    border-width: 0
}

.hdr-Contact {
    background-color: #fff;
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
    float: left;
    font-size: 14px
}

.hdr-Contact>li {
    float: left;
    padding: 2px 12px 0 0
}

.hdr-UtilsWrapper {
    height: 70px;
    background-color: #292929;
    background-color: var(--color-header-color)
}

.hdr-UtilsContainer {
    position: relative;
    min-width: 960px;
    max-width: 1410px;
    margin: 0 auto;
    padding: 0 15px
}

.hdr-Utils {
    position: relative;
    width: 100%;
    height: 70px
}

.touch-phone .hdr-MainLogo {
    position: inherit;
    min-width: 275px;
    text-align: center
}

.touch-phone.BL .hdr-MainLogo {
    margin: 0 20px 0 -30px
}

body:not(.touch-phone) .hdr-MainLogo {
    position: absolute;
    left: 0;
    min-width: unset;
    text-align: unset
}

.BL body:not(.touch-phone) .hdr-MainLogo {
    margin: unset
}

.touch-phone .hdr-MainLogo img {
    height: 50px;
    margin-top: 0
}

.touch-phone.ON .hdr-MainLogo img {
    height: 42px
}

.touch-phone.BL .hdr-MainLogo img,
.touch-phone.RL .hdr-MainLogo img {
    height: 44px
}

.touch-phone.TG .hdr-MainLogo img {
    height: 40px
}

.touch-phone.MD .hdr-MainLogo img {
    height: 36px
}

body:not(.touch-phone) .hdr-MainLogo img {
    max-width: 200px;
    height: 52px;
    margin-top: 9px
}

.BL body:not(.touch-phone) .hdr-MainLogo img,
.MD body:not(.touch-phone) .hdr-MainLogo img,
.ON body:not(.touch-phone) .hdr-MainLogo img,
.RL body:not(.touch-phone) .hdr-MainLogo img,
.TG body:not(.touch-phone) .hdr-MainLogo img {
    height: 52px
}

.hdr-RightBloc {
    position: relative;
    float: right;
    width: 470px;
    height: 65px;
    margin-left: -470px
}

.loggedIn .hdr-RightBloc {
    width: 520px;
    margin-left: -520px
}

.loggedAD .hdr-RightBloc {
    width: 570px;
    margin-left: -570px
}

.hdr-RightBloc.fournisseur {
    height: 70px
}

.hdr-RightBloc.venteInterne .hdr-MyProfile {
    right: 0
}

.hdr-RightBloc .popover {
    width: 276px
}

.hdr-RightBloc .popover .btn {
    padding-right: 0;
    padding-left: 0;
    outline: none
}

.hdr-RightBloc a {
    color: #e5e6e9
}

.hdr-RightBloc a:hover {
    color: #fff
}

.RC .hdr-RightBloc a {
    color: #e4e5e8;
    color: var(--color-accent-x-light)
}

.RC .hdr-RightBloc a:hover {
    color: #fff;
    color: var(--color-white)
}

.hdr-RightBloc .popover a {
    color: #000;
    color: var(--color-black)
}

.hdr-RightBloc .popover a:hover {
    color: #000;
    color: var(--color-black)
}

body:not(.touch-phone) .hdr-UtilLinks {
    position: absolute;
    right: 245px;
    display: inline-table;
    padding-top: 29px;
    padding-left: 0;
    list-style: none
}

.hdr-UtilLinks li {
    float: right;
    margin-left: 25px
}

.loggedAD .hdr-UtilLinks li {
    margin-left: 12px
}

.hdr-UtilLinks li:last-child {
    margin-left: 0
}

.hdr-UtilLinks li a {
    font-size: 14px;
    display: block;
    padding: 10px 0
}

.hdr-UtilLinks li a i {
    margin-right: 5px
}

.hdr-UtilLinks li span {
    display: inline-block
}

.touch-phone .hdr-Cart {
    position: relative;
    top: 4px;
    margin-top: 0
}

body:not(.touch-phone) .hdr-Cart {
    position: absolute;
    top: 4px;
    right: 0;
    margin-top: 17px
}

.touch-phone .hdr-CartIcon {
    height: 40px;
    width: 40px
}

.touch-phone .hdr-CartIcon .fa-file-text-o.fa-3x {
    font-size: 2.2em;
    position: absolute;
    z-index: 1
}

body:not(.touch-phone) .hdr-CartIcon {
    height: 40px;
    width: 46px
}

body:not(.touch-phone) .hdr-CartIcon .fa-file-text-o.fa-3x {
    font-size: 3em;
    position: absolute;
    z-index: 1
}

.hdr-Cart_NombreItems {
    font-size: 18px;
    line-height: 30px;
    position: absolute;
    z-index: 2;
    top: -8px;
    right: -9px;
    width: auto;
    min-width: 30px;
    height: 30px;
    padding: 0 3px;
    text-align: center;
    color: #fff;
    color: var(--color-white);
    border-radius: 15px;
    background-color: #525b63;
    background-color: var(--color-nav)
}

body:not(.touch-phone) .hdr-Cart_NombreItems {
    font-size: 14px;
    line-height: 24px;
    min-width: 24px;
    height: 24px
}

.touch-phone .hdr-SearchWrapper {
    float: none;
    width: auto;
    margin-top: 0;
    padding: 0 10px 5px
}

body:not(.touch-phone) .hdr-SearchWrapper {
    float: left;
    width: 100%;
    margin-top: 14px;
    padding: unset
}

.hdr-Rech {
    position: relative;
    width: unset;
    max-width: none;
    margin: 0
}

body:not(.touch-phone) .hdr-Rech {
    max-width: 900px;
    margin: 0 260px 0 220px
}

.touch-phone .loggedIn .hdr-Rech {
    margin: 0
}

body:not(.touch-phone) .loggedIn .hdr-Rech {
    margin: 0 450px 0 220px
}

.touch-phone .loggedAD .hdr-Rech {
    margin: 0
}

body:not(.touch-phone) .loggedAD .hdr-Rech {
    margin: 0 575px 0 220px
}

.hdr-champRech {
    font-size: 16px;
    line-height: 20px;
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 43px;
    padding: 10px 45px 10px 25px;
    color: #4f4f4f;
    color: var(--color-grey-mid-dark);
    border: 0;
    border-radius: 24px;
    background: #fff;
    background: var(--color-white)
}

.hdr-SearchFieldLeurre {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    border: 0
}

.hdr-Rech .ui-autocomplete {
    border-radius: 24px
}

.hdr-Rech .ui-autocomplete li:first-child {
    border-radius: 24px 24px 0 0
}

.hdr-Rech .ui-autocomplete li:last-child {
    border-radius: 0 0 24px 24px
}

.hdr-BtnRech {
    font-size: 24px;
    position: absolute;
    top: 4px;
    right: 8px;
    width: 24px;
    height: 29px;
    margin: 0;
    padding: 0;
    border: 0;
    background-color: #fff;
    background-color: var(--color-white)
}

.hdr-MyAccount_Panel {
    display: none
}

.hdr-LoginPanel {
    padding: 2px 10px 10px;
    text-align: right;
    color: #000;
    color: var(--color-black);
    background-color: #fff;
    background-color: var(--color-white)
}

.hdr-LoginPanel_Title {
    font-size: 16px;
    font-weight: 700;
    margin-top: 5px;
    text-align: center;
    color: #000;
    color: var(--color-black)
}

.hdr-LoginPanel label {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.hdr-LoginPanel .actions>* {
    float: right
}

.hdr-LoginPanel .register a {
    margin: 8px 0;
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light);
    background-color: #dbdbdb;
    background-color: var(--color-grey-x-light)
}

.hdr-LoginPanel .register a:active {
    border: 1px solid #727070;
    border: 1px solid var(--color-grey-mid-light);
    background-color: #cfcece;
    background-color: var(--color-grey-light)
}

.hdr-LoginPanel .register {
    margin-top: 0
}

.RC .hdr-LoginPanel .register a {
    margin: 8px 0
}

.RC .hdr-LoginPanel .register {
    margin-top: 20px;
    border-top: 1px solid #727070;
    border-top: 1px solid var(--color-grey-mid-light)
}

.hdr-LoginPanel .btn {
    width: 100%
}

.hdr-LoginPanel input[type=checkbox] {
    position: relative;
    top: 2px;
    margin-right: 3px
}

.hdr-LoginPanel .showpassword {
    width: 38px
}

.hdr-LoginPanel input[type=email] {
    margin-top: 10px
}

.hdr-MyProfile {
    position: absolute;
    right: 92px;
    bottom: 0;
    padding: 6px 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: right
}

#h2RightBloc.venteInterne .hdr-MyProfile {
    right: 0
}

.hdr-MyProfile>i {
    position: absolute;
    top: 8px;
    left: 5px
}

.hdr-MyProfile_Name {
    font-size: 85%;
    overflow: hidden;
    max-width: 120px;
    max-height: 16px;
    vertical-align: bottom;
    white-space: normal
}

.hdr-MyProfile .hdr-MyProfileTitle {
    position: relative
}

.hdr-MyProfile:hover {
    text-decoration: none
}

a.hdr-MyProfile span.left {
    float: left
}

a.hdr-MyProfile span.right {
    float: right;
    margin-top: -4px
}

.hdr-FloatingMenu {
    background-color: #292929;
    background-color: var(--color-grey-x-dark);
    width: 100%;
    position: absolute;
    top: 30px;
    z-index: 1001
}

.hdr-MenuWrapper {
    background-color: #525b63;
    background-color: var(--color-nav);
    position: relative;
    height: 40px;
    padding: 0 15px
}

.hdr-MainMenuList {
    padding-left: 0;
    list-style: none
}

.hdr-MainMenuList>li>a>div {
    color: #fff;
    color: var(--color-white)
}

.hdr-MainMenuList>li>a>div:hover {
    color: #292929
}

.MD .hdr-MainMenuList>li>a>div:hover,
.RG .hdr-MainMenuList>li>a>div:hover {
    color: #000;
    color: var(--color-black)
}

.DN .hdr-MainMenuList>li>a>div:hover {
    color: #a9a8a8;
    color: var(--color-grey-mid-light-light)
}

.TG .hdr-MainMenuList>li>a>div {
    color: #000;
    color: var(--color-black)
}

.TG .hdr-MainMenuList>li>a>div:hover {
    color: #fff;
    color: var(--color-white)
}

.SP .hdr-MainMenuList>li>a>div:hover {
    color: #d2dae2;
    color: var(--color-accent-light)
}

.RC .hdr-MainMenuList>li>a>div {
    color: #e4e5e8;
    color: var(--color-accent-x-light)
}

.RC .hdr-MainMenuList>li>a>div:hover {
    color: #fff;
    color: var(--color-white)
}

.hdr-FloatingMenu.fixedTop {
    position: fixed;
    top: 0
}

body.modal-open .hdr-FloatingMenu.fixedTop {
    padding-right: 17px
}

@media print {
    .hdr-FloatingMenu {
        display: none !important
    }
}

.hdr-MainMenu .h2MainMenuVedette li img {
    width: 100%
}

.hdr-MainMenu {
    min-width: 960px;
    max-width: 1380px;
    padding: 0;
    margin: 0 auto;
    position: relative;
    z-index: 2
}

.hdr-MainMenu ul li.more {
    text-align: left;
    display: none
}

.hdr-MainMenu>ul>li {
    float: left
}

.hdr-MainMenu>ul>li>span {
    display: table;
    line-height: 15px;
    height: 40px;
    max-width: 117px;
    text-decoration: none;
    padding: 5px 0;
    cursor: pointer;
    transition-duration: .3s
}

.hdr-MainMenu>ul>li>a {
    display: block;
    line-height: 15px;
    height: 40px;
    text-decoration: none;
    padding: 5px 0;
    cursor: pointer;
    transition-duration: .3s
}

.hdr-MainMenu>ul>li>a>div {
    padding: 0 .65em;
    height: 29px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 15px
}

.hdr-MainMenu>ul>li:first-child>a>div {
    padding-left: 0
}

.hdr-MainMenu>ul>li>span>div {
    padding: 0 8px;
    height: 30px;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.hdr-MainMenu>ul>li.more>span>div {
    border-left: 1px solid #727070;
    border-left: 1px solid var(--color-grey-mid-light);
    border-right: 0
}

.hdr-MainMenu>ul>li.prodIndex>span {
    max-width: 150px
}

.hdr-MainMenu ul li.prodIndex a {
    line-height: 19px;
    display: inline-block;
    text-decoration: none
}

.hdr-MainMenu #h2MainMenuOverflow {
    display: none;
    position: absolute;
    text-align: left;
    transition-duration: .3s
}

.hdr-MainMenu #h2MainMenuOverflow li a:hover {
    background: #9facb6;
    background: var(--color-accent-mid-light)
}

.hdr-MainMenu .h2MainMenuSection {
    display: none;
    background-color: #fff;
    background-color: var(--color-white);
    width: 100%;
    position: absolute;
    left: 0;
    top: 40px;
    padding-top: 20px
}

.hdr-MainMenu .h2MainMenuSection .h2MainMenuModule {
    padding: 10px 10px 25px;
    box-sizing: border-box;
    float: left;
    font-weight: 700
}

.hdr-MainMenu .h2MainMenuSection li {
    float: none;
    font-weight: 400
}

.hdr-MainMenu .h2MainMenuSection div>a {
    padding-bottom: 5px
}

.hdr-MainMenu .h2MainMenuModule li {
    padding: 2px 0
}

.hdr-MainMenuShading {
    position: absolute;
    top: 40px;
    left: 0;
    opacity: .5;
    background-color: #000;
    background-color: var(--color-black);
    width: 100%;
    height: 0;
    overflow: hidden;
    z-index: 1
}

.as_filterChoice ul.listDisplay1,
.as_filterChoice ul.vueTableau,
.hdr-MainMenu .h2MainMenuVedette {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box
}

.hdr-MainMenu .h2MainMenuVedette ul {
    border-bottom: 1px solid #727070;
    border-bottom: 1px solid var(--color-grey-mid-light);
    padding-bottom: 25px
}

.hdr-MainMenu .h2MainMenuVedette li {
    width: 14.2857%;
    float: left
}

.hdr-MainMenu .h2MainMenuVedette li>div {
    margin-right: 15px
}

.hdr-MainMenu .h2MainMenuVedette li a div {
    text-align: center;
    height: 51px;
    background-color: #fff;
    background-color: var(--color-white);
    padding: 3px 5px
}

.hdr-MainMenu .h2MainMenuAutre {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    margin-top: 15px;
    margin-bottom: 25px
}

.hdr-MainMenu .h2MainMenuAutre .also {
    font-size: 18px;
    margin: 0 0 20px;
    text-align: center
}

.hdr-MainMenu .h2MainMenuAutre .also>a {
    margin-left: 20px
}

.also a.btn.btn-default {
    width: 150px
}

.hdr-MainMenu .h2MainMenuAutre .colAutre {
    float: left;
    width: 25%
}

.hdr-MainMenu .h2MainMenuAutre .colAutre li {
    margin-bottom: 10px
}

@media only screen and (device-width:768px) and (max-device-width:1024px) {
    .hdr-MainMenu .h2MainMenuAutre .colAutre li {
        line-height: 36px;
        font-size: 16px
    }
}

.hdr-MainMenuOpen {
    display: none;
    width: 100%;
    position: absolute;
    top: 40px;
    left: 0;
    background-color: #fff;
    background-color: var(--color-white);
    padding: 10px 0
}

.hdr-MainMenuOpen.withGroupe {
    width: 440px
}

.hdr-MainMenuOpen.withGroupe .hdr-SubMenu {
    display: none
}

.hdr-MainMenuOpen ul {
    padding-left: 0;
    list-style: none
}

.hdr-MainMenuOpen>ul {
    margin-bottom: 0;
    width: 440px
}

.hdr-MainMenuOpen>ul>li {
    display: block
}

.hdr-MainMenuOpen_Section>a {
    display: block;
    line-height: 17px;
    font-size: 15px;
    width: 100%;
    background-color: #fff;
    background-color: var(--color-white);
    padding: 6px 20px 6px 15px;
    position: relative
}

.hdr-MainMenuOpen_Section>a:hover {
    color: inherit
}

.hdr-MainMenuOpen_Section>a>i {
    display: none
}

.hdr-MainMenuOpen_Section>a.activated {
    color: #2578cb;
    color: var(--color-accent);
    font-weight: 700
}

.hdr-MainMenuOpen_Section>a.activated>i {
    display: block;
    position: absolute;
    right: 4px;
    top: 7px
}

.hdr-SubMenu li {
    float: left
}

.hdr-SubMenu li a {
    display: block;
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light);
    margin: 0 10px 10px 0;
    background-color: #fff;
    background-color: var(--color-white)
}

.hdr-SubMenu li a:hover {
    border-color: #2578cb;
    border-color: var(--color-accent);
    box-shadow: 0 0 2px #2578cb;
    box-shadow: 0 0 2px var(--color-accent);
    color: #000;
    color: var(--color-black)
}

.hdr-SubMenu li img {
    width: 100%
}

.hdr-SubMenu {
    display: none;
    width: calc(100% - 440px);
    position: absolute;
    left: 440px;
    top: 10px;
    background-color: #fff;
    background-color: var(--color-white);
    padding-left: 20px
}

.hdr-SubMenu h2 {
    margin-top: 0;
    font-size: 23px
}

.hdr-SubMenu h2>a {
    margin-left: 10px;
    font-size: 14px
}

.hdr-MainMenuOpen .hdr-SubName {
    height: 44px;
    overflow: hidden;
    text-align: center;
    padding: 0 5px
}

@media only screen and (min-width:1200px) {
    .hdr-SubMenu li {
        width: 20%
    }
}

@media only screen and (max-width:1199px) {
    .hdr-SubMenu li {
        width: 25%
    }
}

@media only screen and (max-height:740px) and (-webkit-min-device-pixel-ratio:1) {
    .hdr-MainMenuOpen_Section>a.activated>i {
        top: 5px
    }

    .hdr-MainMenuOpen_Section:first-child>a {
        padding-top: 0
    }

    .hdr-MainMenuOpen_Section>a {
        line-height: 16px;
        font-size: 14px;
        padding: 6px 4px 3px 15px
    }
}

.hdr-MainMenu {
    min-width: 0
}

.hdr-MainMenuMarche {
    position: relative
}

.hdr-MainMenuMarcheOpen {
    display: none;
    min-width: 300px;
    width: auto;
    position: absolute;
    top: 40px;
    left: 20px;
    background-color: #fff;
    background-color: var(--color-white);
    padding: 10px 0
}

.hdr-MainMenuMarcheOpen .section>a {
    display: block;
    line-height: 17px;
    font-size: 15px;
    padding: 6px 4px 6px 15px;
    width: 100%;
    background-color: #fff;
    background-color: var(--color-white);
    white-space: nowrap
}

.hdr-MainMenuMarcheOpen .section>a:hover {
    color: #2578cb;
    color: var(--color-accent);
    font-weight: 700
}

.touch-phone .hdr-Container {
    width: 100%;
    height: 110px;
    padding-top: 0;
    background-color: #292929;
    background-color: var(--color-header-color)
}

.hdr-Container.fixedTop {
    position: fixed;
    z-index: 200;
    top: 0;
    width: 100vw
}

body:not(.touch-phone) .hdr-Container {
    position: relative;
    width: unset;
    height: 140px;
    padding-top: 0;
    background-color: #292929;
    background-color: var(--color-header-color)
}

.hdr-Container ul {
    margin-bottom: 0
}

.hdr-Touch_HeaderTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
    padding: 0 14px
}

.hdr-Touch_HeaderTop .hdr-Touch_BurgerMenu {
    width: 80px
}

.hdr-Touch_HeaderTop .hdr-Touch_Utils {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 150px
}

.hdr-Touch_HeaderTop .hdr-Touch_Utils .fa-stack-1x {
    color: #e5e6e9;
    right: -13px;
    bottom: -10px;
    left: auto
}

.hdr-Touch_HeaderTop .hdr-Touch_Utils .fa-user {
    font-size: 2.2em;
    margin-right: 15px
}

.hdr-Touch_HeaderTop .hdr-Touch_Utils .hdr-MyProfileTitle {
    display: none
}

.hdr-Touch_HeaderTop .hdr-Touch_Utils .name {
    height: 0;
    line-height: 78px;
    overflow: visible;
    display: none
}

.hdr-Touch_HeaderTop .hdr-Touch_Utils a,
.hdr-Touch_HeaderTop .hdr-Touch_Utils a span {
    color: #fff
}

.vir-Payment {
    padding: 20px 0;
    background-color: #fff
}

.vir-Payment_Error {
    color: #d92105;
    color: var(--color-error)
}

.vir-Payment_InputError {
    border-color: #d92105;
    border-color: var(--color-error)
}

.vir-Payment_Intro {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding-bottom: 20px
}

.vir-Payment_Title {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 20px
}

.vir-Payment_IntroText {
    display: inline-block
}

.vir-Payment_IntroIcon {
    width: 200px;
    margin-left: 20px
}

.vir-Payment_IntroText p {
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
    padding: 0
}

.vir-Payment_Form {
    padding-top: 30px
}

.vir-Payment_BlocWrapper {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin: 10px 0
}

.vir-Payment_RadioBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px
}

.vir-Payment_Bloc,
.vir-Payment_BlocThanks {
    display: block;
    width: 100%;
    padding: 20px;
    border: 2px solid #000;
    border-radius: 10px;
    box-shadow: 0 0 10px #ccc
}

.vir-Payment_BlocThanks {
    text-align: center;
    margin: 0 auto
}

.vir-Payment_Button {
    display: block;
    margin: 0 auto
}

.vir-Payment_CopyCoord {
    text-align: center;
    padding-bottom: 20px
}

.inv-CheckInv_Button {
    padding: 3px 0;
    width: 100%
}

.inv-CheckInv_Button a {
    font-family: inherit;
    line-height: 2.45;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 0;
    touch-action: manipulation;
    font-size: 20px;
    width: 100%;
    margin: 15px 0;
    padding: 12px;
    white-space: normal;
    color: #292929;
    color: var(--color-base-black);
    background-color: #f5f5f5
}

body:not(.touch-phone) .inv-CheckInv_Button a {
    line-height: 1.78;
    padding: 6px 12px
}

body:not(.touch-phone) .inv-CheckInv_Button a {
    font-size: 16px;
    margin: unset
}

.inv-CheckInv_Button a:hover {
    color: #000;
    fill: #000;
    background-color: #dbdbdb;
    text-decoration: none
}

.inv-CheckInv_Button a img {
    vertical-align: center;
    margin-right: 15px
}

.inv-Wrapper {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    justify-content: center;
    max-width: -webkit-min-content;
    max-width: -moz-min-content;
    max-width: min-content;
    margin: 0 auto
}

.inv-Table_Wrapper {
    display: flex;
    justify-content: flex-start;
    overflow: auto;
    max-height: 58.82353vh
}

.inv-Table {
    font-family: sans-serif;
    font-size: 14px;
    width: auto;
    margin: 1px;
    border-spacing: 0;
    border-collapse: collapse;
    text-align: center;
    color: #292929;
    color: var(--color-base-black)
}

.inv-Table td,
.inv-Table th {
    line-height: 16px;
    min-width: 50px;
    padding: 5px 8px;
    white-space: nowrap;
    border: 1px solid #4f4f4f;
    border: 1px solid var(--color-grey-mid-dark)
}

.inv-Table_Th {
    text-align: right;
    white-space: nowrap
}

.inv-Table th[scope=col] {
    text-align: center
}

.inv-Table th[scope=row] {
    font-weight: 700;
    padding: 20px 0 4px;
    text-align: left;
    vertical-align: bottom;
    border: none
}

.inv-Table_HorsRegion-stock {
    background-color: #b8dc87
}

.inv-Table_EnRegion-stock {
    background-color: #dee7d2
}

.inv-Table_HorsRegion-th {
    background-color: #f6f1e4
}

.inv-Table_EnRegion-top,
.inv-Table_HorsRegion-top {
    font-weight: 700;
    border-bottom: 3px double #4f4f4f !important;
    border-bottom: 3px double var(--color-grey-mid-dark) !important
}

.inv-Table_HorsRegion-top {
    background-color: #f6f1e4
}

.inv-Table_Number {
    font-weight: 700;
    border-bottom: 3px double #4f4f4f !important;
    border-bottom: 3px double var(--color-grey-mid-dark) !important
}

.inv-Table_Empty {
    font-weight: 700
}

.inv-Table_TopRow th:first-child {
    border-top: none;
    border-left: 0
}

.inv-Table_NameNumber {
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    vertical-align: middle;
    border-bottom: 3px double #4f4f4f !important;
    border-bottom: 3px double var(--color-grey-mid-dark) !important
}

.inv-Table_ReapproRow td {
    border-bottom: 3px double #4f4f4f;
    border-bottom: 3px double var(--color-grey-mid-dark)
}

.inv-Table_CtaWrapper {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin: 20px 0
}

.inv-Table_LargeCtaButton {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3333333;
    display: inline-block;
    margin: 0 0 0 10px;
    padding: 10px 16px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    color: #fff;
    color: var(--color-white);
    border: 1px solid #2578cb;
    border: 1px solid var(--color-accent);
    border-radius: 4px;
    background-color: #2578cb;
    background-color: var(--color-accent);
    background-image: none;
    touch-action: manipulation
}

.inv-Table_LargeCtaButton:active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.inv-Table_LargeCtaButton:active,
.inv-Table_LargeCtaButton:hover {
    border-color: #184d82;
    background-color: #1c5997
}

.inv-Table_LargeCtaButton:active:focus,
.inv-Table_LargeCtaButton:active:hover {
    border-color: #0d2c4a;
    background-color: #184d82
}

.inv-Table_LargeCtaButton:disabled,
.inv-Table_LargeCtaButton[disabled] {
    color: #363535;
    color: var(--color-grey-dark);
    border: 1px solid #4f4f4f;
    border: 1px solid var(--color-grey-mid-dark);
    background-color: #cfcece;
    background-color: var(--color-grey-light)
}

.inv-Table_CtaRow td,
.inv-Table_HeadingRow td {
    padding: 20px 0;
    border-width: 0
}

.inv-Table_HeadingRow td {
    text-align: left
}

.inv-Table_HeadingProduit {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    padding-bottom: 15px
}

.ServiceDeCoupe_Unites {
    width: 100%;
    text-align: right
}

.ServiceDeCoupe_Table {
    width: 100%
}

.ServiceDeCoupe_Header {
    border-bottom: 1px solid #cfcece
}

.ServiceDeCoupe_Row:nth-of-type(2n) {
    background-color: #f5f5f5
}

.ServiceDeCoupe_Index {
    width: 3%;
    text-align: center
}

.ServiceDeCoupe_Longueur {
    padding: 8px 16px 8px 0;
    white-space: nowrap;
    display: flex;
    align-items: center
}

.ServiceDeCoupe_Longueur input {
    display: inline-block
}

.ServiceDeCoupe_Composants {
    padding: 15px;
    outline: 1px solid #cfcece
}

.ServiceDeCoupe_ComposantsTitre {
    font-size: 18px;
    font-weight: 700;
    width: 100%;
    border-bottom: 1px solid #363535;
    margin-bottom: 10px
}

.ServiceDeCoupe_Unites-label {
    margin-left: 4px
}

.ServiceDeCoupe_Quantity {
    padding: 8px 16px 8px 0;
    width: 8%
}

.ServiceDeCoupe_Quantity input {
    text-align: left;
    padding: 6px 12px
}

.ServiceDeCoupe_Text {
    width: 64%
}

.ServiceDeCoupe_Delete {
    text-align: center;
    width: 3%
}

.ServiceDeCoupe_Add {
    margin: 10px 0 30px
}

.ServiceDeCoupe_Note {
    width: 100%;
    height: 60px
}

.ServiceDeCoupe_Submit {
    margin: 30px 0;
    font-size: 18px
}

.ServiceDeCoupe_Button {
    font-family: inherit;
    line-height: 2.45;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 0;
    touch-action: manipulation;
    font-size: 20px;
    line-height: 23px;
    width: 100%;
    margin: 10px 0 0;
    padding: 12px;
    white-space: normal;
    color: #fff;
    color: var(--color-white);
    background-color: #d92105
}

body:not(.touch-phone) .ServiceDeCoupe_Button {
    line-height: 1.78
}

body:not(.touch-phone) .ServiceDeCoupe_Button {
    font-size: 16px;
    margin-top: unset;
    padding: 6px 12px
}

.ServiceDeCoupe_Button:focus,
.ServiceDeCoupe_Button:hover {
    color: #fff;
    color: var(--color-white);
    background-color: #931603;
    text-decoration: none
}

.ServiceDeCoupe_Button svg {
    min-width: 45px;
    height: 40px;
    fill: #fff;
    fill: var(--color-white);
    margin: 0 10px 0 5px
}

body:not(.touch-phone) .ServiceDeCoupe_Button svg {
    height: 30px;
    margin: unset
}

.ServiceDeCoupe_Button div {
    max-width: 55%
}

body:not(.touch-phone) .ServiceDeCoupe_Button div {
    max-width: unset
}

.ServiceDeCoupe_InfoWrap {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.ServiceDeCoupe_InfoDesc {
    margin-left: 10px
}

.ServiceDeCoupe_InfoNom {
    display: inline
}

.ServiceDeCoupe_InfoNo {
    padding-left: 15px
}

.ServiceDeCoupe_InfoLongueur {
    font-weight: 700
}

.ServiceDeCoupe_Resultat {
    margin-top: 25px
}

.ServiceDeCoupe_ResultatPlan {
    margin-top: 15px
}

.ServiceDeCoupe_ResultatPanierWrapper {
    text-align: right
}

.PlanDeCoupe_Wrapper {
    margin: 0
}

.PlanDeCoupe_Titre {
    font-size: 17px;
    font-weight: 700;
    padding-bottom: 2px
}

.PlanDeCoupe_Plan {
    padding-bottom: 7px
}

.myAccount {
    margin-bottom: 20px
}

.myAccount_Panel {
    text-align: center
}

.myAccount_Panel-list {
    display: inline-block;
    list-style-type: none;
    margin: 20px 0 0;
    padding: 0
}

.myAccount_Panel-listItem {
    float: left;
    width: 33%;
    min-height: 70px
}

.myAccount_Panel-link {
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    white-space: normal;
    outline: none
}

.myAccount_Panel-icon {
    display: block;
    width: 100%;
    color: #292929 !important;
    color: var(--color-base-black) !important
}

.myAccount_Panel-customIcon {
    display: block;
    width: 100%;
    height: 24px
}

.myAccount_HeaderContainer {
    background-color: #f2f2f4;
    background-color: var(--color-contrast);
    border-bottom: 1px solid #727070;
    border-bottom: 1px solid var(--color-grey-mid-light);
    margin-bottom: 20px
}

body:not(.touch-phone) .myAccount_HeaderContainer {
    margin-bottom: 50px
}

.myAccount_Header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 85px
}

body:not(.touch-phone) .myAccount_Header {
    min-width: 960px;
    max-width: 1410px;
    margin: 0 auto;
    padding: 0 20px
}

.myAccount_HeaderIcon {
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap
}

.myAccount_HeaderIcon img {
    height: 70px
}

.myAccount_HeaderIcon h1 {
    margin-left: 20px;
    white-space: nowrap
}

body:not(.touch-phone) .myAccount_HeaderIcon h1 {
    margin-left: 50px
}

.myAccount_MobileTabsForm {
    font-size: 20px
}

.myAccount_MobileTabsSelect {
    width: calc(100% - 4px);
    margin: 10px 0 20px 2px;
    height: 48px;
    padding: 5px 10px;
    border-radius: 0;
    border: 0;
    outline: 1px solid #696868;
    outline: 1px solid var(--color-grey);
    border-right: 10px solid transparent
}

.myAccount_MobileTabsSelect option {
    font-size: 14px;
    font-weight: 400
}

.myAccount_Header-description {
    margin-left: 50px
}

.myAccount_Header-title {
    margin: 0;
    font-size: 20px;
    width: 60%
}

body:not(.touch-phone) .myAccount_Header-title {
    font-size: 26px;
    width: unset
}

.myAccount_Logout {
    font-size: 20px;
    line-height: 1;
    width: 40%;
    text-align: right;
    margin-left: 50px
}

body:not(.touch-phone) .myAccount_Logout {
    font-size: 26px;
    width: unset
}

.myAccount_Logout-icon {
    margin-right: 10px
}

.myAccount_Bloc {
    display: inline-flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 20px;
    position: relative;
    padding-left: 90px;
    height: auto
}

body:not(.touch-phone) .myAccount_Bloc {
    width: calc(50% - 20px);
    float: left;
    margin: 0 20px 50px 0;
    padding-left: 100px;
    height: 150px
}

.myAccount_Bloc-iconWrap {
    position: absolute;
    left: 2px;
    top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px
}

body:not(.touch-phone) .myAccount_Bloc-iconWrap {
    left: 10px;
    top: 18px;
    width: 76px
}

.myAccount_Bloc-iconWrap img {
    max-height: 70px;
    max-width: 70px
}

.myAccount_Bloc-icon {
    color: #292929 !important;
    color: var(--color-base-black) !important;
    font-size: 4em
}

body:not(.touch-phone) .myAccount_Bloc-icon {
    font-size: 5em
}

.myAccount_Bloc-titre {
    width: 100%;
    border-bottom: 1px solid #727070;
    border-bottom: 1px solid var(--color-grey-mid-light)
}

.myAccount_Bloc-list {
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.myAccount_Bloc-listItem {
    line-height: 20px;
    float: left;
    width: calc(50% - 10px);
    margin: 0 5px 5px 0
}

.LoginSelect_Lightbox {
    background-color: #525b63;
    background-color: var(--color-nav);
    background-size: 40em auto;
    border-radius: 5px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 25px auto 10px;
    padding: 40px 20px
}

body:not(.touch-phone) .LoginSelect_Lightbox {
    width: 50%;
    margin: 100px auto;
    padding: 60px 20px
}

.LoginSelect_Titre {
    color: #fff;
    color: var(--color-white);
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    width: 100%
}

body:not(.touch-phone) .LoginSelect_Titre {
    font-size: 28px
}

.LoginSelect_List {
    list-style: none;
    padding-left: 0
}

.LoginSelect_ListItem {
    font-size: 18px;
    padding-top: 20px
}

.LoginSelect_ListItem a {
    width: 100% !important
}

.shc-FiltersWrapper {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 15px;
    padding: 5px 10px;
    border: 1px solid #a9a8a8;
    border: 1px solid var(--color-grey-mid-light-light)
}

body:not(.touch-phone) .shc-FiltersWrapper {
    flex-wrap: nowrap
}

.shc-Filters_Title {
    font-weight: 700;
    padding: 5px 0;
    width: 100%
}

body:not(.touch-phone) .shc-Filters_Title {
    padding: 0 10px;
    width: auto
}

.shc-Filters_Form {
    display: flex;
    flex-wrap: nowrap
}

.shc-Filters_Select {
    height: 40px;
    margin-right: 5px
}

body:not(.touch-phone) .shc-Filters_Select {
    height: 26px
}

.shc-Filters_Select option {
    font-size: 14px
}

.shc-Filters_Input {
    height: 40px;
    max-width: 160px;
    margin-right: 10px
}

body:not(.touch-phone) .shc-Filters_Input {
    height: 26px;
    max-width: 200px
}

.shc-Filters_Filter {
    height: 40px;
    margin-right: 5px
}

body:not(.touch-phone) .shc-Filters_Filter {
    height: auto
}

.shc-Filters_Reset {
    height: 40px
}

body:not(.touch-phone) .shc-Filters_Reset {
    height: auto;
    margin-right: 40px
}

.shc-Filters_SeeMyOrders {
    display: flex;
    align-items: center;
    height: 40px;
    white-space: nowrap;
    margin-top: 7px
}

body:not(.touch-phone) .shc-Filters_SeeMyOrders {
    margin-top: unset
}

.shc-Filters_SeeMyOrders-label {
    font-weight: 400;
    display: inline-flex;
    align-items: flex-start;
    margin: 0;
    padding: 5px
}

body:not(.touch-phone) .shc-Filters_SeeMyOrders-label {
    align-items: center
}

.shc-Filters_SeeMyOrders-input[type=checkbox] {
    margin: 0 10px 0 0;
    position: unset
}

.shc-Filters_Button {
    font-family: sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-decoration: none;
    color: #fff;
    color: var(--color-white);
    border: 1px solid #2578cb;
    border: 1px solid var(--color-accent);
    border-radius: 4px;
    background-color: #2578cb;
    background-color: var(--color-accent);
    background-image: none;
    touch-action: manipulation
}

body:not(.touch-phone) .shc-Filters_Button {
    font-size: 14px;
    padding: 2px 12px;
    line-height: 1.42857143
}

.shc-Filters_Button:active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.shc-Filters_Button:active,
.shc-Filters_Button:hover {
    border-color: #184d82;
    background-color: #1c5997
}

.shc-Filters_Button:active:focus,
.shc-Filters_Button:active:hover {
    border-color: #0d2c4a;
    background-color: #184d82
}

.shc-Filters_Button-secondary {
    font-family: sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-decoration: none;
    color: #2578cb;
    color: var(--color-accent);
    border: 1px solid #2578cb;
    border: 1px solid var(--color-accent);
    border-radius: 4px;
    background-color: #fff;
    background-color: var(--color-white);
    background-image: none;
    touch-action: manipulation
}

body:not(.touch-phone) .shc-Filters_Button-secondary {
    font-size: 14px;
    padding: 2px 12px;
    line-height: 1.42857143
}

.shc-Filters_Button-secondary:active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.shc-Filters_Button-secondary:active,
.shc-Filters_Button-secondary:hover {
    color: #fff;
    color: var(--color-white);
    border-color: #184d82;
    background-color: #1c5997
}

.shc-Filters_Button-secondary:active:focus,
.shc-Filters_Button-secondary:active:hover {
    border-color: #0d2c4a;
    background-color: #184d82
}

.sch-Table_ThSort {
    text-decoration: none
}

.sch-Table_ThSort-chosen {
    color: #2578cb;
    color: var(--color-accent)
}

.sch-Table_ThSort-chosen:hover {
    color: #2578cb;
    color: var(--color-accent)
}

.sch-Table_ThSort-chosen i {
    color: #2578cb;
    color: var(--color-accent)
}

.sch-Table_ThSort-chosen i:hover {
    color: #2578cb;
    color: var(--color-accent)
}

.acnt-StatementInvoices_DollarCol {
    text-align: right
}

.acnt-StatementInvoices_PayRecevable {
    text-align: center;
    padding-top: 3px;
    line-height: 20px
}

.acnt-StatementInvoices_PayRecevable input {
    height: 18px;
    width: 18px;
    margin: 0 0 1px;
    padding: 0;
    vertical-align: middle
}

.acnt-PaymentOptions {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap
}

.acnt-PaymentOptions_ChoicesCTA {
    width: 50%;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-end
}

.acnt-PaymentOptions_Choices {
    width: 25%;
    min-width: 200px;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end
}

.acnt-PaymentOptions_Choices>div {
    width: 100%;
    display: flex;
    align-items: center;
    white-space: normal
}

.acnt-PaymentOptions_Choices>div input {
    margin: -5px 5px 0 0
}

.acnt-PaymentOptions_Reminder {
    font-size: 12px;
    white-space: nowrap
}

.acnt-PaymentOptions_Reminder,
.acnt-PaymentOptions_Reminder.acnt-Negative {
    color: #d92105;
    color: var(--color-error)
}

.acnt-PaymentOptions_LastPayment,
.acnt-PaymentOptions_PDF {
    width: 100%;
    padding-left: 15px
}

.acnt-InvoicesCredits_Table {
    width: 100%
}

.acnt-InvoicesCredits_Table td,
.acnt-InvoicesCredits_Table th {
    border-bottom: 1px solid #cfcece;
    border-bottom: 1px solid var(--color-grey-light);
    padding: 2px 15px
}

.acnt-InvoicesCredits_Table td {
    vertical-align: top
}

.acnt-InvoicesCredits_Table tr:last-of-type td {
    padding-bottom: 15px;
    border-bottom: none
}

.acnt-InvoicesCredits_Invoice td:last-of-type {
    text-align: right
}

.acnt-InvoicesCredits_CreditNote td {
    color: #d92105;
    color: var(--color-error)
}

.acnt-InvoicesCredits_CreditNote td:last-of-type {
    text-align: right
}

.ar-Table {
    font-size: 14px;
    width: 100%;
    border-spacing: 0;
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light)
}

.ar-Table_Warning {
    font-family: sans-serif;
    font-size: 14px;
    padding: 5px 20px;
    border-right: 1px solid #cfcece;
    border-right: 1px solid var(--color-grey-light);
    border-left: 1px solid #cfcece;
    border-left: 1px solid var(--color-grey-light);
    background: #fcf8e3;
    background: var(--color-warning)
}

.ar-Table tr {
    vertical-align: top
}

.ar-Table tr>th {
    border-top: 1px solid #cfcece;
    border-top: 1px solid var(--color-grey-light)
}

.ar-Table tr.ar-Table_FirstRow>td {
    vertical-align: middle;
    border-top: 1px solid #4f4f4f;
    border-top: 1px solid var(--color-grey-mid-dark)
}

.ar-Table_Row-pause>td {
    background-color: #f5f5f5;
    background-color: var(--color-grey-xx-light)
}

.ar-Table_Row-actif>td {
    background-color: #f5f5f5;
    background-color: var(--color-grey-xx-light)
}

.ar-Table tr>td:last-child,
.ar-Table tr>th:last-child {
    padding-right: 10px
}

.ar-Table tr:not(.ar-Table_FirstRow)>td {
    padding-left: 10px
}

.ar-Table td:not(:first-of-type),
.ar-Table th:not(:first-of-type) {
    vertical-align: top;
    text-align: center;
    padding: 3px 10px
}

.ar-Table_InfoTh {
    padding: 3px 10px;
    text-align: left
}

.ar-Table_Row-pause .ar-TableImgInfo,
.ar-Table_Row-pause .frequence span,
.ar-Table_Row-pause .prochainachat span,
.ar-Table_Row-pause .quantite span {
    opacity: .5
}

.ar-TableImgInfo {
    padding: 3px 10px;
    text-align: left;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start
}

.ar-TableInfo {
    padding-left: 10px
}

.ar-Table_ProdImg {
    width: 60px;
    height: 60px
}

.ar-Table_Availability,
.ar-Table_ProdNo,
.ar-Table_Qty {
    padding: 3px 8px
}

.ar-Table_QtyTd .addQty ul {
    display: flex;
    justify-content: center
}

body:not(.touch-phone) .ar-Table_QtyTh {
    text-align: left;
    padding: 3px 3.7%
}

.ar-Table_CtaTd {
    padding: 3px 8px
}

.ar-ToPurchase_Cta {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px
}

.ar-AvailabilityNote {
    display: inline-flex;
    align-items: center;
    height: 25px
}

.ar-AvailabilityNote>svg {
    height: 20px;
    fill: green;
    padding-right: 3px
}

.ar-Erreur {
    color: #d92105;
    color: var(--color-error);
    font-weight: 700
}

.ar-Table_InfoTd .ar-Erreur {
    padding-left: 80px
}

.ar-Erreur_ToPurchase {
    color: #d92105;
    color: var(--color-error);
    font-weight: 700;
    width: 100%;
    margin-bottom: 10px
}

.ar-SearchProduct {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 30px
}

body:not(.touch-phone) .ar-SearchProduct {
    width: auto
}

.ar-SearchProduct_Input {
    font-size: 20px;
    width: 58%;
    height: 54px;
    padding: 5px 20px;
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light);
    border-radius: 0;
    background-color: #f5f5f5;
    background-color: var(--color-grey-xx-light)
}

.ar-SearchProduct_Input.focus-visible,
.ar-SearchProduct_Input:focus-visible {
    outline: none;
    border-radius: 0
}

.ar-SearchProduct_Input::-moz-placeholder {
    color: #cfcece;
    color: var(--color-grey-light)
}

.ar-SearchProduct_Input:-ms-input-placeholder {
    color: #cfcece;
    color: var(--color-grey-light)
}

.ar-SearchProduct_Input::placeholder {
    color: #cfcece;
    color: var(--color-grey-light)
}

body:not(.touch-phone) .ar-SearchProduct_Input {
    font-size: 16px;
    height: 46px;
    width: auto
}

.ar-SearchProduct_Submit {
    font-size: 20px;
    font-weight: 400;
    line-height: 42px;
    width: 42%;
    display: inline-block;
    padding: 5px 20px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    color: #fff;
    color: var(--color-white);
    border: 1px solid #2578cb;
    border: 1px solid var(--color-accent);
    background-color: #2578cb;
    background-color: var(--color-accent);
    background-image: none;
    touch-action: manipulation
}

body:not(.touch-phone) .ar-SearchProduct_Submit {
    width: auto;
    font-size: 16px;
    line-height: 34px
}

.ar-SearchProduct_Submit:active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.ar-SearchProduct_Submit:active,
.ar-SearchProduct_Submit:hover {
    border-color: #184d82;
    background-color: #1c5997
}

.ar-SearchProduct_Submit:active:focus,
.ar-SearchProduct_Submit:active:hover {
    border-color: #0d2c4a;
    background-color: #184d82
}

.ar-SearchProduct_Error {
    font-size: 16px;
    position: absolute;
    top: 56px;
    display: block;
    width: 100%;
    padding-left: 20px;
    color: #d92105;
    color: var(--color-error)
}

body:not(.touch-phone) .ar-SearchProduct_Error {
    font-size: 12px;
    top: 48px
}

.ar-SearchProduct_Centered {
    width: 100%;
    display: flex;
    justify-content: center
}

.ar-Setup {
    font-family: Lato, sans-serif;
    font-size: 16px
}

.ar-Setup_Title {
    font-size: 220%
}

.ar-Setup_Emphasis {
    font-size: 120%;
    font-style: italic;
    padding-bottom: 24px
}

.ar-Setup_Bullets {
    padding: 0 0 0 20px
}

.ar-EasySteps_Title {
    font-size: 20px;
    padding-top: 15px
}

body:not(.touch-phone) .ar-EasySteps_Title {
    font-size: 16px
}

.ar-EasySteps_List {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none
}

body:not(.touch-phone) .ar-EasySteps_List {
    display: inline-flex;
    flex-wrap: nowrap
}

.ar-EasySteps_ListItem {
    font-size: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    text-align: center;
    width: 50%;
    margin: 0;
    padding: 10px 20px
}

body:not(.touch-phone) .ar-EasySteps_ListItem {
    font-size: 14px;
    width: 25%;
    padding: 20px 40px
}

.ar-EasySteps_Icon {
    font-size: 40px;
    color: #2578cb;
    color: var(--color-accent)
}

body:not(.touch-phone) .ar-EasySteps_Icon {
    margin-bottom: 10px
}

.ar-EasySteps_Title {
    width: 100%;
    font-weight: 700;
    font-size: 22px
}

body:not(.touch-phone) .ar-EasySteps_Title {
    font-size: 18px
}

.touch-phone .ar-NotificationMenu {
    display: flex;
    float: right;
    align-items: center;
    justify-content: flex-end;
    width: auto;
    height: 40px;
    margin-right: 10px
}

body:not(.touch-phone) .ar-NotificationMenu {
    display: flex;
    float: right;
    align-items: center;
    justify-content: flex-end;
    width: auto;
    height: 40px;
    margin-right: 25px
}

.ar-NotificationMenu_Link {
    position: relative;
    color: #e4e5e8;
    color: var(--color-accent-x-light);
    font-size: 13px
}

.BL .ar-NotificationMenu_Link,
.BS .ar-NotificationMenu_Link,
.DN .ar-NotificationMenu_Link,
.GS .ar-NotificationMenu_Link,
.MD .ar-NotificationMenu_Link,
.ON .ar-NotificationMenu_Link,
.RG .ar-NotificationMenu_Link,
.RL .ar-NotificationMenu_Link,
.SP .ar-NotificationMenu_Link,
.VH .ar-NotificationMenu_Link {
    color: #fff;
    color: var(--color-white)
}

.TG .ar-NotificationMenu_Link {
    color: #000;
    color: var(--color-black)
}

.ar-NotificationMenu_Link .fa-calendar {
    font-size: 20px;
    color: #e4e5e8;
    color: var(--color-accent-x-light)
}

.BL .ar-NotificationMenu_Link .fa-calendar,
.BS .ar-NotificationMenu_Link .fa-calendar,
.DN .ar-NotificationMenu_Link .fa-calendar,
.GS .ar-NotificationMenu_Link .fa-calendar,
.MD .ar-NotificationMenu_Link .fa-calendar,
.ON .ar-NotificationMenu_Link .fa-calendar,
.RG .ar-NotificationMenu_Link .fa-calendar,
.RL .ar-NotificationMenu_Link .fa-calendar,
.SP .ar-NotificationMenu_Link .fa-calendar,
.VH .ar-NotificationMenu_Link .fa-calendar {
    color: #fff;
    color: var(--color-white)
}

.TG .ar-NotificationMenu_Link .fa-calendar {
    color: #000;
    color: var(--color-black)
}

.ar-NotificationMenu_Link:focus,
.ar-NotificationMenu_Link:hover,
.ar-NotificationMenu_Link:hover .fa-calendar {
    color: #fff;
    color: var(--color-white)
}

.BL .ar-NotificationMenu_Link:focus,
.BL .ar-NotificationMenu_Link:hover,
.BL .ar-NotificationMenu_Link:hover .fa-calendar,
.BS .ar-NotificationMenu_Link:focus,
.BS .ar-NotificationMenu_Link:hover,
.BS .ar-NotificationMenu_Link:hover .fa-calendar,
.GS .ar-NotificationMenu_Link:focus,
.GS .ar-NotificationMenu_Link:hover,
.GS .ar-NotificationMenu_Link:hover .fa-calendar,
.MD .ar-NotificationMenu_Link:focus,
.MD .ar-NotificationMenu_Link:hover,
.MD .ar-NotificationMenu_Link:hover .fa-calendar,
.ON .ar-NotificationMenu_Link:focus,
.ON .ar-NotificationMenu_Link:hover,
.ON .ar-NotificationMenu_Link:hover .fa-calendar,
.RG .ar-NotificationMenu_Link:focus,
.RG .ar-NotificationMenu_Link:hover,
.RG .ar-NotificationMenu_Link:hover .fa-calendar,
.RL .ar-NotificationMenu_Link:focus,
.RL .ar-NotificationMenu_Link:hover,
.RL .ar-NotificationMenu_Link:hover .fa-calendar,
.VH .ar-NotificationMenu_Link:focus,
.VH .ar-NotificationMenu_Link:hover,
.VH .ar-NotificationMenu_Link:hover .fa-calendar {
    color: #292929;
    color: var(--color-header-color)
}

.DN .ar-NotificationMenu_Link:focus,
.DN .ar-NotificationMenu_Link:hover,
.DN .ar-NotificationMenu_Link:hover .fa-calendar {
    color: #a9a8a8;
    color: var(--color-grey-mid-light-light)
}

.ar-NotificationMenu_Link:focus {
    text-decoration: none
}

.ar-NotificationMenu_Link-compact {
    position: relative;
    color: #e4e5e8;
    color: var(--color-accent-x-light)
}

.BL .ar-NotificationMenu_Link-compact,
.BS .ar-NotificationMenu_Link-compact,
.GS .ar-NotificationMenu_Link-compact,
.ON .ar-NotificationMenu_Link-compact,
.RL .ar-NotificationMenu_Link-compact,
.SP .ar-NotificationMenu_Link-compact,
.VH .ar-NotificationMenu_Link-compact {
    color: #fff;
    color: var(--color-white)
}

.MD .ar-NotificationMenu_Link-compact,
.RG .ar-NotificationMenu_Link-compact {
    color: #000;
    color: var(--color-black)
}

body:not(.touch-phone) .MD .ar-NotificationMenu_Link-compact,
body:not(.touch-phone) .RG .ar-NotificationMenu_Link-compact {
    color: #fff;
    color: var(--color-white)
}

body:not(.touch-phone) .TG .ar-NotificationMenu_Link-compact {
    color: #000;
    color: var(--color-black)
}

.touch-phone .ar-NotificationMenu_Link-compact .fa-calendar {
    font-size: 33px;
    color: #fff;
    color: var(--color-white)
}

.touch-phone.MD .ar-NotificationMenu_Link-compact .fa-calendar,
.touch-phone.RG .ar-NotificationMenu_Link-compact .fa-calendar {
    color: #000;
    color: var(--color-black)
}

.touch-phone.TG .ar-NotificationMenu_Link-compact .fa-calendar {
    color: #fff;
    color: var(--color-white)
}

body:not(.touch-phone) .ar-NotificationMenu_Link-compact .fa-calendar {
    font-size: 20px;
    color: #e4e5e8;
    color: var(--color-accent-x-light)
}

.BL body:not(.touch-phone) .ar-NotificationMenu_Link-compact .fa-calendar,
.BS body:not(.touch-phone) .ar-NotificationMenu_Link-compact .fa-calendar,
.GS body:not(.touch-phone) .ar-NotificationMenu_Link-compact .fa-calendar,
.MD body:not(.touch-phone) .ar-NotificationMenu_Link-compact .fa-calendar,
.ON body:not(.touch-phone) .ar-NotificationMenu_Link-compact .fa-calendar,
.RG body:not(.touch-phone) .ar-NotificationMenu_Link-compact .fa-calendar,
.RL body:not(.touch-phone) .ar-NotificationMenu_Link-compact .fa-calendar,
.SP body:not(.touch-phone) .ar-NotificationMenu_Link-compact .fa-calendar,
.VH body:not(.touch-phone) .ar-NotificationMenu_Link-compact .fa-calendar {
    color: #fff;
    color: var(--color-white)
}

.TG body:not(.touch-phone) .ar-NotificationMenu_Link-compact .fa-calendar {
    color: #000;
    color: var(--color-black)
}

.ar-NotificationMenu_Link-compact:hover,
.ar-NotificationMenu_Link-compact:hover .fa-calendar {
    color: #fff;
    color: var(--color-white)
}

.MD .ar-NotificationMenu_Link-compact:hover,
.MD .ar-NotificationMenu_Link-compact:hover .fa-calendar,
.RG .ar-NotificationMenu_Link-compact:hover,
.RG .ar-NotificationMenu_Link-compact:hover .fa-calendar {
    color: #000;
    color: var(--color-black)
}

.BL body:not(.touch-phone) .ar-NotificationMenu_Link-compact:hover,
.BL body:not(.touch-phone) .ar-NotificationMenu_Link-compact:hover .fa-calendar,
.BS body:not(.touch-phone) .ar-NotificationMenu_Link-compact:hover,
.BS body:not(.touch-phone) .ar-NotificationMenu_Link-compact:hover .fa-calendar,
.GS body:not(.touch-phone) .ar-NotificationMenu_Link-compact:hover,
.GS body:not(.touch-phone) .ar-NotificationMenu_Link-compact:hover .fa-calendar,
.MD body:not(.touch-phone) .ar-NotificationMenu_Link-compact:hover,
.MD body:not(.touch-phone) .ar-NotificationMenu_Link-compact:hover .fa-calendar,
.ON body:not(.touch-phone) .ar-NotificationMenu_Link-compact:hover,
.ON body:not(.touch-phone) .ar-NotificationMenu_Link-compact:hover .fa-calendar,
.RG body:not(.touch-phone) .ar-NotificationMenu_Link-compact:hover,
.RG body:not(.touch-phone) .ar-NotificationMenu_Link-compact:hover .fa-calendar,
.RL body:not(.touch-phone) .ar-NotificationMenu_Link-compact:hover,
.RL body:not(.touch-phone) .ar-NotificationMenu_Link-compact:hover .fa-calendar,
.VH body:not(.touch-phone) .ar-NotificationMenu_Link-compact:hover,
.VH body:not(.touch-phone) .ar-NotificationMenu_Link-compact:hover .fa-calendar {
    color: #292929;
    color: var(--color-header-color)
}

.ar-NotificationMenu_Link-compact:focus {
    text-decoration: none;
    color: #fff;
    color: var(--color-white)
}

.MD .ar-NotificationMenu_Link-compact:focus,
.RG .ar-NotificationMenu_Link-compact:focus {
    color: #000;
    color: var(--color-black)
}

.touch-phone .ar-PastilleNombre {
    font-size: 18px;
    line-height: 24px;
    position: absolute;
    top: -4px;
    left: -9px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 24px;
    height: 24px;
    padding: 0 4px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    color: var(--color-white);
    border-radius: 12px;
    background: #d92105;
    background: var(--color-error)
}

.touch-phone.BL .ar-PastilleNombre,
.touch-phone.BS .ar-PastilleNombre,
.touch-phone.MD .ar-PastilleNombre,
.touch-phone.RL .ar-PastilleNombre {
    outline: unset
}

body:not(.touch-phone) .ar-PastilleNombre {
    font-size: 12px;
    line-height: 16px;
    position: absolute;
    top: -4px;
    left: -9px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    color: var(--color-white);
    border-radius: 8px;
    background: #d92105;
    background: var(--color-error)
}

.BL body:not(.touch-phone) .ar-PastilleNombre,
.BS body:not(.touch-phone) .ar-PastilleNombre,
.MD body:not(.touch-phone) .ar-PastilleNombre,
.RL body:not(.touch-phone) .ar-PastilleNombre {
    outline: 1px solid #fff;
    outline: 1px solid var(--color-white)
}

.ar-Mobile_MyAccount {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light)
}

.ar-Mobile_Item {
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #4f4f4f;
    border-bottom: 1px solid var(--color-grey-mid-dark);
    background-color: #f5f5f5;
    background-color: var(--color-grey-xx-light)
}

.ar-Mobile_MyAccount-toPurchase .ar-Mobile_Item {
    background-color: #fff;
    background-color: var(--color-white)
}

.ar-Mobile_State {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    display: flex;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 26px;
    padding: 0 15px;
    vertical-align: middle;
    color: #fff;
    color: var(--color-white);
    border-radius: 13px;
    background-color: #525b63;
    background-color: var(--color-nav);
    white-space: nowrap
}

.ar-Mobile_Item-actif .ar-Mobile_State {
    color: #292929;
    color: var(--color-base-black);
    background-color: #fff;
    background-color: var(--color-white);
    border: 1px solid #2578cb;
    border: 1px solid var(--color-accent)
}

.ar-State {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    display: flex;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 20px;
    padding: 0 10px;
    vertical-align: middle;
    white-space: nowrap;
    color: #fff;
    color: var(--color-white);
    border-radius: 10px;
    background-color: #525b63;
    background-color: var(--color-nav)
}

.ar-State.ar-State-actif {
    margin: auto;
    color: #292929;
    color: var(--color-base-black);
    border: 1px solid #2578cb;
    border: 1px solid var(--color-accent);
    background-color: #fff;
    background-color: var(--color-white)
}

.ar-Mobile_ImgInfo {
    padding-bottom: 5px
}

.ar-Mobile_ImgInfo,
.ar-Mobile_ImgInfo-link {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    width: 100%
}

.ar-Mobile_Img {
    display: inline-block;
    vertical-align: top;
    margin-right: 8px
}

.ar-Mobile_Item-pause .ar-Mobile_Img {
    opacity: .5
}

.ar-Mobile_Info {
    display: inline-block;
    width: 100%
}

.ar-Mobile_Item-pause .ar-Mobile_NumberAndState-number,
.ar-Mobile_Item-pause .ar-Mobile_Title {
    opacity: .5
}

.ar-Mobile_NumberAndState {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.ar-Mobile_QtyFreq {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 15px
}

.ar-Mobile_QtyFreq .frequence {
    width: 100%
}

.ar-Mobile_Item-pause .ar-Mobile_QtyFreq {
    opacity: .5
}

.ar-Mobile_MyAccount-toPurchase .ar-Mobile_QtyFreq {
    flex-wrap: nowrap
}

.ar-Mobile_Item-pause .ar-NextPurchase {
    opacity: .5
}

.ar-Mobile_FreqReqdBought {
    display: flex;
    flex-wrap: wrap;
    margin-top: -5px
}

.ar-Mobile_Bought,
.ar-Mobile_Freq,
.ar-Mobile_Reqd {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    width: 100%
}

.ar-Mobile_NotReqdCta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 15px
}

.ar-Mobile_NotReqdCta label:first-of-type {
    width: 100%
}

.ar-Mobile_NotReqdCta input {
    margin-right: 8px
}

.ar-Mobile_Qty {
    white-space: nowrap;
    margin-right: 50px
}

.ar-Mobile_MyAccount-toPurchase .ar-Mobile_Qty {
    margin-right: 0
}

.ar-Mobile_MyAccount-toPurchase .atc-CTABox {
    min-height: unset
}

.ar-Mobile_Cta {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center
}

.ar-Mobile_ErreurContainer {
    width: 100%
}

.Returns_Container {
    margin: 0 0 10px
}

.Returns_AddClaim {
    width: 100%;
    border-bottom: 2px solid #000;
    border-bottom: 2px solid var(--color-black);
    padding: 20px 0;
    margin-bottom: 10px
}

.Returns_AddClaim a {
    color: #2578cb;
    color: var(--color-accent);
    text-decoration: none;
    border: 1px solid #2578cb;
    border: 1px solid var(--color-accent);
    padding: 5px 10px 5px 8px;
    border-radius: 3px
}

.Returns_AddClaim a:before {
    content: "+";
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    margin-right: 5px;
    vertical-align: bottom
}

.Returns_AddClaim a:hover {
    color: #fff;
    color: var(--color-white);
    background-color: #2578cb;
    background-color: var(--color-accent);
    opacity: .8;
    cursor: pointer
}

.Returns_Table tr {
    cursor: pointer
}

.Returns_Panel {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
    outline: 1px solid #cfcece;
    outline: 1px solid var(--color-grey-light)
}

.Returns_Panel-heading {
    width: 100%;
    background-color: #dbdbdb;
    background-color: var(--color-grey-x-light)
}

.Returns_Panel-title {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 5px 10px;
    font-size: 1em
}

.Returns_Panel-number {
    font-size: 1em;
    font-weight: 700
}

.Returns_Panel-status {
    font-size: 1.2em;
    font-weight: 700
}

.Returns_Panel-body {
    width: 100%;
    padding: 10px
}

.Returns_PanelTable {
    width: 100%;
    border: none
}

.Returns_PanelTable td {
    border: none;
    padding: .1em .3em
}

.Returns_PanelTd {
    width: 14%;
    font-weight: 700;
    text-align: right;
    min-width: 150px
}

#bloc_labelsAndIntructions--body a {
    display: inline-block;
    color: #2578cb;
    color: var(--color-accent);
    text-decoration: none;
    border: 1px solid #2578cb;
    border: 1px solid var(--color-accent);
    padding: 5px 10px 5px 8px;
    border-radius: 3px;
    margin: 10px 0
}

#bloc_labelsAndIntructions--body a:hover {
    color: #fff;
    color: var(--color-white);
    background-color: #2578cb;
    background-color: var(--color-accent);
    opacity: .8;
    cursor: pointer
}

.cart-Form {
    max-width: 1378px
}

.cart-Heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.cart-Heading_Left,
.cart-Heading_Right {
    padding: 10px 0
}

.cart-Heading_Title {
    font-family: sans-serif;
    font-size: 23px;
    font-weight: 600;
    margin: 0
}

.cart-Heading_TitleQty {
    font-family: sans-serif;
    font-size: 14px
}

.cart-Heading_Total {
    font-family: sans-serif;
    font-size: 15px
}

.cart-Heading_TotalPrice {
    font-family: sans-serif;
    font-size: 18px;
    font-weight: 700;
    padding-left: 5px
}

.cart-ActionRow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px
}

.cart-ActionRow_Left,
.cart-ActionRow_Right {
    display: flex;
    flex-wrap: nowrap
}

.cart-ActionRow_Right {
    align-items: center
}

.cart-ActionRow_Bottom {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 15px
}

.cart-ActionRow_Button {
    font-family: sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 0;
    padding: 6px 8px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-decoration: none;
    color: var(--color-dark);
    border: 1px solid #a9a8a8;
    border: 1px solid var(--color-grey-mid-light-light);
    border-radius: 4px;
    background-color: #fff;
    background-color: var(--color-white);
    background-image: none;
    touch-action: manipulation
}

.cart-ActionRow_Button:focus,
.cart-ActionRow_Button:hover {
    text-decoration: none;
    color: var(--color-dark);
    border-color: #727070;
    border-color: var(--color-grey-mid-light);
    outline: none;
    background-color: #cfcece;
    background-color: var(--color-grey-light)
}

.cart-ActionRow_Button:active {
    color: var(--color-dark);
    border-color: #727070;
    border-color: var(--color-grey-mid-light);
    outline: 0;
    background-color: #cfcece;
    background-color: var(--color-grey-light);
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.cart-ActionRow_Button:active:focus,
.cart-ActionRow_Button:active:hover {
    color: var(--color-dark);
    border-color: #727070;
    border-color: var(--color-grey-mid-light);
    background-color: #cfcece;
    background-color: var(--color-grey-light)
}

.cart-ActionRow_LargeCtaButton {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3333333;
    display: inline-block;
    margin: 0 0 0 10px;
    padding: 10px 16px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    color: #fff;
    color: var(--color-white);
    border: 1px solid #2578cb;
    border: 1px solid var(--color-accent);
    border-radius: 4px;
    background-color: #2578cb;
    background-color: var(--color-accent);
    background-image: none;
    touch-action: manipulation
}

.cart-ActionRow_LargeCtaButton:active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.cart-ActionRow_LargeCtaButton:active,
.cart-ActionRow_LargeCtaButton:hover {
    border-color: #184d82;
    background-color: #1c5997
}

.cart-ActionRow_LargeCtaButton:active:focus,
.cart-ActionRow_LargeCtaButton:active:hover {
    border-color: #0d2c4a;
    background-color: #184d82
}

.cart-Button_XSmall {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    padding: 2px 7px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    color: #fff;
    color: var(--color-white);
    border: 1px solid #216bb5;
    border-radius: 4px;
    background-color: #2578cb;
    background-color: var(--color-accent);
    background-image: none;
    touch-action: manipulation
}

.cart-Button_XSmall:active,
.cart-Button_XSmall:focus {
    text-decoration: none;
    color: #fff;
    color: var(--color-white);
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.cart-Button_XSmall:active,
.cart-Button_XSmall:hover {
    text-decoration: none;
    color: #fff;
    color: var(--color-white);
    border-color: #184d82;
    background-color: #1c5997
}

.cart-Button_XSmall:active:focus,
.cart-Button_XSmall:active:hover {
    text-decoration: none;
    color: #fff;
    color: var(--color-white);
    border-color: #0d2c4a;
    background-color: #184d82
}

.cart-Button_XSmall-danger {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    padding: 2px 7px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    color: #fff;
    color: var(--color-white);
    border: 1px solid #c01d04;
    border-radius: 4px;
    background-color: #d92105;
    background-color: var(--color-error);
    background-image: none;
    touch-action: manipulation
}

.cart-Button_XSmall-danger:active,
.cart-Button_XSmall-danger:focus {
    text-decoration: none;
    color: #fff;
    color: var(--color-white);
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.cart-Button_XSmall-danger:active,
.cart-Button_XSmall-danger:hover {
    text-decoration: none;
    color: #fff;
    color: var(--color-white);
    border-color: #841403;
    background-color: #9d1804
}

.cart-Button_XSmall-danger:active:focus,
.cart-Button_XSmall-danger:active:hover {
    text-decoration: none;
    color: #fff;
    color: var(--color-white);
    border-color: #430a02;
    background-color: #841403
}

.cart-Table_AnalyserBtn {
    font-family: sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
    display: inline-block;
    margin-bottom: 3px;
    padding: 3px 8px;
    color: #2578cb;
    color: var(--color-accent);
    cursor: pointer;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #fff;
    background: var(--color-white);
    border: 1px solid #2578cb;
    border: 1px solid var(--color-accent);
    outline: none
}

.cart-Table_AnalyserBtn:hover {
    color: #fff;
    color: var(--color-white);
    background: #2578cb;
    background: var(--color-accent);
    border: 1px solid #1d5fa0
}

.cart-Panel {
    margin-bottom: 20px;
    background-color: #fff;
    background-color: var(--color-white);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    border: 1px solid #a9a8a8;
    border: 1px solid var(--color-grey-mid-light-light);
    border-radius: 4px
}

.cart-Panel_Heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 38px;
    padding: 5px 15px;
    color: var(--color-dark);
    border-top-color: transparent;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #f2f2f4;
    background-color: var(--color-base-contrast)
}

.cart-Panel_HeadingTitle {
    font-family: sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.1;
    margin: 0
}

.cart-Table {
    font-size: 14px;
    width: 100%;
    border-spacing: 0;
    border-collapse: separate
}

.cart-Table_Warning {
    font-family: sans-serif;
    font-size: 14px;
    padding: 5px 20px;
    background: #fcf8e3;
    background: var(--color-warning)
}

.cart-Table_Headings {
    border-top: 1px solid #a9a8a8;
    border-top: 1px solid var(--color-grey-mid-light-light)
}

.ar-Table_CtaTd {
    white-space: pre-wrap;
    max-width: 75px;
    border-left: 1px solid #a9a8a8;
    border-left: 1px solid var(--color-grey-mid-light-light)
}

.cart-Table td,
.cart-Table tr {
    vertical-align: top
}

.cart-Table_InfoTd,
.cart-Table_InfoTh {
    width: 50%;
    padding: 3px 8px 3px 110px;
    text-align: left
}

.cart-Table_InfoTd {
    position: relative
}

.cart-Table_KeyalikeTd {
    font-weight: 700;
    width: 100%;
    padding: 3px 15px;
    text-align: left;
    border-top: 1px solid #a9a8a8;
    border-top: 1px solid var(--color-grey-mid-light-light)
}

.cart-Table_KeyalikeRow {
    height: auto
}

.cart-Table_KeyalikeSurtitre {
    font-size: 17px;
    font-weight: 700
}

.cart-Table_IndentImg td {
    padding: 3px 8px 3px 100px
}

.cart-Table_ProductNameRemove {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: flex-start
}

.cart-Table_ProductName {
    font-size: 17px;
    font-weight: 700;
    display: block
}

.cart-Table_Remove {
    font-size: 14px;
    margin-left: 20px;
    color: #2578cb;
    color: var(--color-accent)
}

.cart-Table_Remove:focus,
.cart-Table_Remove:hover {
    color: #184d82
}

.cart-Table_ProdImg {
    position: absolute;
    left: 0
}

.cart-Table_ProdImg img {
    width: 90px;
    height: 90px
}

.cart-Table_PriceCell {
    font-weight: 700;
    width: 18%;
    padding: 3px 8px;
    text-align: right
}

.cart-Table_PrincipalPrice {
    font-weight: 700
}

.cart-Table_UnitCell {
    width: 10%;
    padding: 3px 8px;
    text-align: center
}

.cart-Table_QtyCell {
    width: 12%;
    min-width: 165px;
    padding: 3px 8px;
    text-align: center
}

.cart-Table_TotalCell {
    font-weight: 700;
    width: 15%;
    padding: 3px 8px;
    text-align: right;
    white-space: nowrap
}

.cart-Table_Grouping {
    height: 97px
}

.cart-Table_GroupingChild>td {
    border-top: 1px dotted #cfcece;
    border-top: 1px dotted var(--color-grey-light)
}

.cart-Table_GroupingChild-suivi>td:first-of-type {
    padding-left: 30px
}

.cart-Table_GroupingKit-suivi>td {
    border-top: 1px solid #a9a8a8;
    border-top: 1px solid var(--color-grey-mid-light-light)
}

.cart-Table_GroupingKit-suivi>td:first-of-type {
    padding-left: 15px
}

.cart-Table_KitLine {
    border: none
}

.cart-Table_GroupingParent {
    height: 97px
}

.cart-Table_GroupingParent>td {
    border-top: 1px solid #a9a8a8;
    border-top: 1px solid var(--color-grey-mid-light-light)
}

.cart-Table_GroupingParent-suivi {
    height: auto
}

.cart-Table_GroupingParent-suivi>td {
    border-top: 1px solid #a9a8a8;
    border-top: 1px solid var(--color-grey-mid-light-light)
}

.cart-Table_Grouping>td {
    border-top: 1px solid #a9a8a8;
    border-top: 1px solid var(--color-grey-mid-light-light)
}

.cart-Table_List {
    padding-left: 0;
    list-style: none
}

.cart-Table_ListItem-price {
    font-size: 14px;
    font-weight: 700;
    min-width: 60px
}

.cart-Table_SubTotal>td {
    font-size: 15px;
    font-weight: 700;
    vertical-align: middle;
    border-top: 1px solid #a9a8a8;
    border-top: 1px solid var(--color-grey-mid-light-light)
}

.cart-Table_Bottom-suivi>td {
    padding: 7px 15px;
    border-top: 1px solid #a9a8a8;
    border-top: 1px solid var(--color-grey-mid-light-light)
}

.cart-Table_ListItem-srp {
    font-size: 10px;
    display: flex;
    justify-content: flex-end;
    text-align: right
}

.cart-Table_ListItem-srp .price {
    min-width: 60px
}

.cart-Table_ListItem-break {
    font-size: 10px;
    display: none;
    justify-content: flex-end;
    text-align: right
}

.cart-Table_ListItem-break .price {
    min-width: 60px
}

.cart-Table_ListItem-volumeDiscount a {
    font-size: 14px;
    color: #2578cb;
    color: var(--color-accent)
}

.cart-Table_SubTotal {
    text-align: right
}

.cart-TotalBottomContainer {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 15px
}

.cart-Total {
    font-family: sans-serif;
    font-size: 15px
}

.cart-TotalPrice {
    font-family: sans-serif;
    font-size: 18px;
    font-weight: 700;
    padding-left: 5px
}

.cart-Panel_HeadingEtiquettes {
    font-family: sans-serif;
    font-size: 14px;
    font-weight: 700
}

.cart-Table_Grouping-checkout,
.cart-Table_GroupingParent-checkout {
    height: unset;
    min-height: 44px
}

.cart-Table_Grouping-checkout>td {
    border-top: 1px solid #a9a8a8;
    border-top: 1px solid var(--color-grey-mid-light-light)
}

.cart-Table_FullwidthTd-checkout {
    padding: 3px 15px;
    border-top: 1px solid #a9a8a8;
    border-top: 1px solid var(--color-grey-mid-light-light)
}

.cart-Table_InfoTd-checkout,
.cart-Table_InfoTh-checkout {
    width: 40%;
    padding: 3px 15px
}

.cart-Table_Info {
    font-size: 12px
}

.cart-Table_SplitCell-checkout {
    font-family: sans-serif;
    font-size: 14px;
    width: 15%;
    padding: 3px 15px
}

.cart-Table_SplitCell-checkout i {
    padding-left: 5px
}

.cart-Table_ETACell-checkout {
    width: 10%;
    padding: 3px 15px
}

.cart-Table_ETACell-checkout i {
    padding-left: 5px
}

.cart-Table_SplitOptionBo {
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.cart-Table_SplitDeliveryIcon {
    color: #292929;
    color: var(--color-base-black);
    height: 15px;
    width: 20px;
    margin: 0 5px
}

.cart-Footer_DropDown {
    font-family: sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    display: inline-block;
    box-sizing: border-box;
    margin: 0 0 10px;
    padding: 6px 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-transform: none;
    color: #333;
    border-color: #cfcece;
    border-color: var(--color-grey-light);
    border-radius: 4px;
    background-color: #fff;
    background-image: none;
    touch-action: manipulation
}

.cart-Footer_DropDown:focus,
.cart-Footer_DropDown:hover {
    text-decoration: none;
    color: #333;
    outline: none
}

.cart-Footer_DropDown:active {
    color: var(--color-dark);
    border-color: #727070;
    border-color: var(--color-grey-mid-light);
    outline: 0;
    background-color: #dbdbdb;
    background-color: var(--color-grey-x-light);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.cart-Footer_DropDown:focus {
    color: #333;
    border-color: #8c8c8c;
    background-color: #e6e6e6
}

.cart-Footer_DropDown:hover {
    color: #333;
    border-color: #adadad;
    background-color: #e6e6e6
}

.cart-Footer_DropDown:active:focus,
.cart-Footer_DropDown:active:hover {
    color: #333;
    border-color: #8c8c8c;
    background-color: #d4d4d4
}

.cart-Footer_DropDown:active {
    background-image: none
}

.cart-Table_RadioButton {
    margin: 0 8px 0 0 !important
}

.cart-Table_OptionAviser,
.cart-Table_OptionBo {
    line-height: 20px;
    display: flex;
    align-items: center;
    flex-wrap: nowrap
}

.cart-Table_OptionAviser i {
    margin-left: 5px
}

.cart-Table_PriceCell-checkout {
    font-weight: 700;
    width: 10%;
    padding: 3px 15px;
    text-align: right
}

.cart-Table_UnitCell-checkout {
    width: 10%;
    padding: 3px 15px;
    text-align: center;
    white-space: normal
}

.cart-Table_QtyCell-checkout {
    width: 5%;
    min-width: unset;
    padding: 3px 15px;
    text-align: center;
    white-space: nowrap
}

.cart-Table_Cell-devraitPasEtreLa {
    font-weight: 700;
    color: #f0f;
    outline: 1px dashed #f0f
}

.cart-Table_ProductNoCell {
    padding: 3px 15px
}

.cart-Table_DescCell {
    padding: 3px 8px
}

.cart-Table_OrderCell {
    padding: 3px 8px;
    text-align: center
}

.cart-Table_StatusCell {
    text-align: center
}

.cart-Table_StatusTh {
    padding: 3px 8px;
    text-align: center
}

.cart-Table_StatusTd {
    padding: 3px 8px;
    text-align: right
}

.cart-Table_Tags {
    padding: 3px 8px 3px 50px;
    width: 100%
}

.cart-Table_TagsInput {
    display: block;
    margin: 3px 0
}

.cart-Table_TagsLink {
    display: flex;
    align-items: center;
    text-decoration: none
}

.cart-Table_TagsLink:hover {
    text-decoration: none;
    opacity: .85
}

.cart-Table_TagsLink i {
    font-size: 20px;
    padding-right: 5px;
    color: #14365d;
    color: var(--color-accent-xx-dark)
}

.cart-Table_TagsWrapper-suivi {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    padding: 3px 8px
}

.cart-Table_TagsLabel-suivi {
    padding-right: 10px
}

.cart-Table_ActionCell {
    padding: 3px 15px;
    text-align: center
}

.cart-Table_TotalCell-checkout {
    font-weight: 700;
    width: 10%;
    padding: 3px 15px;
    text-align: right;
    white-space: nowrap
}

.cart-Footer {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap
}

.cart-FooterTop {
    width: 100%;
    padding: 15px 15px 0;
    border-top: 1px solid #a9a8a8;
    border-top: 1px solid var(--color-grey-mid-light-light)
}

.cart-FooterBottom {
    display: flex;
    justify-content: flex-end;
    width: 100%
}

.cart-Warning {
    font-family: sans-serif;
    font-size: 14px;
    display: block;
    margin: 0 0 10px;
    padding: 10px 20px;
    color: #000;
    color: var(--color-black);
    border: 2px solid #d92105;
    border-radius: 4px;
    background-color: #fcf8e3;
    background-color: var(--color-warning)
}

.cart-Instructions {
    padding: 10px 0 0
}

.cart-InstructionsTextarea {
    display: block
}

.cart-Table_Produit-nom {
    font-family: sans-serif;
    font-size: 17px;
    font-weight: 700;
    width: 100%
}

.cart-Table_Produit-numero {
    font-family: sans-serif;
    font-size: 12px;
    width: 100%
}

.cart-TotauxTable {
    margin: 10px 0
}

.cart-TotauxTable_Libelle {
    min-width: 200px
}

.cart-TotauxTable_Libelle,
.cart-TotauxTable_Libelle-checkout {
    font-family: sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-align: right;
    vertical-align: top
}

.cart-TotauxTable_Libelle-checkout {
    white-space: nowrap
}

.cart-TotauxTable_Prix {
    padding-right: 15px
}

.cart-TotauxTable_Prix,
.cart-TotauxTable_Prix-checkout {
    font-family: sans-serif;
    font-size: 14px;
    font-weight: 700;
    min-width: 133px;
    text-align: right;
    vertical-align: top
}

.cart-TotauxTable_Prix-checkout {
    padding: 0 15px 0 0
}

.cart-TotauxTable_Tr-checkout:last-of-type td {
    padding-bottom: 10px
}

.cart-TotauxTable_Tr-checkout:nth-last-of-type(5) td {
    padding-top: 10px
}

.cart-Table_Textarea {
    width: 100%;
    margin-bottom: 10px
}

.cart-Table_Tags {
    display: block;
    padding: 3px 0 0 8px
}

.cart-Recu {
    width: 100%;
    margin: 15px;
    padding-top: 10px;
    border-top: 1px solid #a9a8a8;
    border-top: 1px solid var(--color-grey-mid-light-light)
}

:root {
    --popup-width: 500px;
    --min-height: 200px
}

.alerts-Wrapper {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    height: 100%
}

.alerts-Close {
    position: absolute;
    top: -44px;
    right: -20px;
    width: 28px;
    height: 40px;
    cursor: pointer
}

.alerts-Icon {
    width: 60px;
    height: 70px
}

.alerts-Cta,
.alerts-Message,
.alerts-Title {
    width: 100%;
    padding: 10px;
    text-align: center
}

.alerts-Title {
    font-size: 18px;
    font-weight: 700
}

.alerts-Table {
    font-size: 14px;
    width: 100%;
    border-spacing: 0;
    border-collapse: separate
}

.alerts-Table_Warning {
    font-family: sans-serif;
    font-size: 14px;
    padding: 5px 20px;
    border-right: 1px solid #cfcece;
    border-right: 1px solid var(--color-grey-light);
    border-left: 1px solid #cfcece;
    border-left: 1px solid var(--color-grey-light);
    background: #fcf8e3;
    background: var(--color-warning)
}

.alerts-Table tr {
    vertical-align: top
}

.alerts-Table tr>td,
.alerts-Table tr>th {
    border-top: 1px solid #cfcece;
    border-top: 1px solid var(--color-grey-light)
}

.alerts-Table tr>td:first-child,
.alerts-Table tr>th:first-child {
    border-left: 1px solid #cfcece;
    border-left: 1px solid var(--color-grey-light)
}

.alerts-Table tr>td:last-child,
.alerts-Table tr>th:last-child {
    border-right: 1px solid #cfcece;
    border-right: 1px solid var(--color-grey-light)
}

.alerts-Table tr:last-child>td {
    border-bottom: 1px solid #cfcece;
    border-bottom: 1px solid var(--color-grey-light)
}

.alerts-Table td {
    vertical-align: middle
}

.alerts-Table_InfoTd,
.alerts-Table_InfoTh {
    width: 50%;
    padding: 3px 8px 3px 110px;
    text-align: left
}

.alerts-Table_InfoTd {
    position: relative
}

.alerts-Table_ProdImg {
    width: 90px
}

.alerts-Table_ProdImg img {
    width: 90px;
    height: 90px
}

.alerts-Table_Availability,
.alerts-Table_Cta,
.alerts-Table_ProdNo,
.alerts-Table_Qty {
    padding: 3px 8px
}

.alerts-AvailabilityNote {
    display: inline-flex;
    align-items: center;
    height: 25px
}

.alerts-AvailabilityNote>svg {
    height: 20px;
    fill: green;
    padding-right: 3px
}

.alerts-Button {
    font-family: sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 0;
    padding: 6px 8px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-decoration: none;
    color: var(--color-dark);
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light);
    border-radius: 4px;
    background-color: #fff;
    background-color: var(--color-white);
    background-image: none;
    touch-action: manipulation
}

.alerts-Button:focus,
.alerts-Button:hover {
    text-decoration: none;
    color: var(--color-dark);
    border-color: #727070;
    border-color: var(--color-grey-mid-light);
    outline: none;
    background-color: #cfcece;
    background-color: var(--color-grey-light)
}

.alerts-Button:active {
    color: var(--color-dark);
    border-color: #727070;
    border-color: var(--color-grey-mid-light);
    outline: 0;
    background-color: #cfcece;
    background-color: var(--color-grey-light);
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.alerts-Button:active:focus,
.alerts-Button:active:hover {
    color: var(--color-dark);
    border-color: #727070;
    border-color: var(--color-grey-mid-light);
    background-color: #cfcece;
    background-color: var(--color-grey-light)
}

.alerts-CtaButton {
    font-family: sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 0;
    padding: 6px 8px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    color: #fff;
    color: var(--color-white);
    border: 1px solid #2578cb;
    border: 1px solid var(--color-accent);
    border-radius: 4px;
    background-color: #2578cb;
    background-color: var(--color-accent);
    background-image: none;
    touch-action: manipulation
}

.alerts-CtaButton:active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.alerts-CtaButton:active,
.alerts-CtaButton:hover {
    border-color: #184d82;
    background-color: #1c5997
}

.alerts-CtaButton:active:focus,
.alerts-CtaButton:active:hover {
    border-color: #0d2c4a;
    background-color: #184d82
}

.alerts-CtaButton-popup {
    font-family: sans-serif;
    font-size: 16px;
    font-weight: 400;
    height: 34px;
    display: inline-block;
    margin-bottom: 0;
    padding: 6px 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    color: #292929;
    color: var(--color-base-black);
    border: 1px solid #292929;
    border: 1px solid var(--color-base-black);
    border-radius: 4px;
    background-color: #fff;
    background-color: var(--color-white);
    background-image: none;
    touch-action: manipulation
}

.alerts-CtaButton-popup:active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.alerts-CtaButton-popup:active,
.alerts-CtaButton-popup:hover {
    border-color: rgba(#292929, .5);
    border-color: rgba(var(--color-base-black), .5);
    background-color: #dbdbdb;
    background-color: var(--color-grey-x-light);
    text-decoration: none
}

.alerts-CtaButton-popup:active:focus,
.alerts-CtaButton-popup:active:hover {
    border-color: rgba(#292929, .5);
    border-color: rgba(var(--color-base-black), .5);
    background-color: #dbdbdb;
    background-color: var(--color-grey-x-light);
    text-decoration: none
}

.vi-Banner_Wrapper {
    display: flex;
    justify-content: flex-end;
    margin-right: 2px
}

.vi-Banner {
    background-color: #f5f5f5;
    background-color: var(--color-grey-xx-light);
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border: 2px solid #dbdbdb;
    border: 2px solid var(--color-grey-x-light);
    margin: 20px 0
}

body:not(.touch-phone) .vi-Banner {
    height: 50px;
    margin: 40px 0 20px
}

.vi-Banner_Image {
    height: 66px;
    width: auto;
    padding: 0 20px 0 5px
}

body:not(.touch-phone) .vi-Banner_Image {
    height: 46px
}

.vi-Banner_Accroche {
    font-family: sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin-right: 10px;
    color: #2578cb;
    color: var(--color-accent)
}

body:not(.touch-phone) .vi-Banner_Accroche {
    font-size: 14px;
    margin-right: 50px
}

.vi-Button {
    font-family: sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857143;
    display: inline-flex;
    align-items: center;
    margin-right: 15px;
    margin-bottom: 0;
    padding: 6px 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-decoration: none;
    color: #fff;
    color: var(--color-white);
    border: 1px solid #2578cb;
    border: 1px solid var(--color-accent);
    border-radius: 4px;
    background-color: #2578cb;
    background-color: var(--color-accent);
    background-image: none;
    touch-action: manipulation
}

body:not(.touch-phone) .vi-Button {
    font-size: 14px
}

.vi-Button i {
    color: #fff;
    color: var(--color-white);
    font-size: 20px;
    padding-right: 8px
}

.vi-Wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex: 1 1 auto;
    margin: 20px auto;
    max-width: -webkit-min-content;
    max-width: -moz-min-content;
    max-width: min-content;
    padding: 0 30px
}

.vi-Table_Wrapper {
    display: flex;
    justify-content: flex-start;
    overflow-x: auto;
    margin: 20px 0
}

.vi-Table {
    font-family: sans-serif;
    font-size: 14px;
    width: auto;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: center;
    color: #292929;
    color: var(--color-base-black);
    margin: 1px
}

.vi-Table td,
.vi-Table th {
    min-width: 80px;
    line-height: 20px;
    height: 20px;
    border: 1px solid #789;
    padding: 5px 8px;
    vertical-align: top;
    white-space: nowrap
}

.vi-Table_Th {
    text-align: left;
    white-space: nowrap
}

.vi-Table th[scope=col] {
    text-align: center
}

.vi-Table th[scope=row] {
    text-align: left;
    border: none;
    vertical-align: bottom;
    font-weight: 700;
    padding: 20px 0 4px
}

.vi-Table_TopRow th:first-child {
    border-top: none;
    border-left: 0
}

.vi-Table_InputsTitleTd {
    border-right: 0;
    border-left: 0;
    vertical-align: bottom;
    font-weight: 700;
    padding: 20px 0 4px
}

.vi-Table_HorsRegion {
    background-color: #f6f1e4
}

.vi-Table_HorsRegion-stock {
    background-color: #b8dc87
}

.vi-Table_EnRegion-stock {
    background-color: #dee7d2
}

.vi-Table_Input {
    background-color: transparent;
    border: 1px solid #789;
    border-radius: 3px;
    line-height: 20px;
    max-width: 50px;
    text-align: center
}

.vi-Table_CtaWrapper {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 20px
}

.vi-Table_LargeCtaButton {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3333333;
    display: inline-block;
    margin: 0 0 0 10px;
    padding: 10px 16px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    color: #fff;
    color: var(--color-white);
    border: 1px solid #2578cb;
    border: 1px solid var(--color-accent);
    border-radius: 4px;
    background-color: #2578cb;
    background-color: var(--color-accent);
    background-image: none;
    touch-action: manipulation
}

.vi-Table_LargeCtaButton:active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.vi-Table_LargeCtaButton:active,
.vi-Table_LargeCtaButton:hover {
    border-color: #184d82;
    background-color: #1c5997
}

.vi-Table_LargeCtaButton:active:focus,
.vi-Table_LargeCtaButton:active:hover {
    border-color: #0d2c4a;
    background-color: #184d82
}

.vi-Table_LargeCtaButton:disabled,
.vi-Table_LargeCtaButton[disabled] {
    border: 1px solid #999;
    background-color: #ccc;
    color: #666
}

.vi-Table_CtaRow td,
.vi-Table_HeadingRow td {
    padding: 20px 0;
    border-width: 0
}

.vi-Table_HeadingRow td {
    text-align: left
}

.vi-Table_HeadingProduit,
.vi-Table_HeadingQuantite {
    width: 100%;
    display: flex;
    justify-content: flex-start
}

.vi-Table_FooterRow td {
    padding: 20px 0;
    border-width: 0
}

.vi-Table_FooterNbSplits,
.vi-Table_FooterQteTotale {
    width: 100%;
    display: flex;
    justify-content: flex-end
}

.vi-Table_FooterLabel {
    text-align: right;
    min-width: 200px
}

.vi-Table_FooterValue {
    text-align: right;
    min-width: 30px;
    font-weight: 700
}

.vi-ModalCampagneUsager dl {
    width: 100%
}

.vi-ModalCampagneUsager dt {
    width: auto;
    float: left
}

.vi-ModalCampagneUsager dd {
    display: grid;
    padding: 0 0 0 10px;
    height: 25px
}

.vi-ModalCampagneUsager textarea {
    width: 100%;
    overflow-y: scroll
}

.vi-ModalCampagneUsager_Statut {
    padding: 20px 0
}

#configurateur .delBtn {
    display: inline-block;
    margin-left: 16px
}

#configurateur .reponseQuestion {
    display: inline-block;
    text-align: left
}

#configurateur .question {
    padding: 4px 0 0;
    position: relative
}

#configurateur .items {
    vertical-align: middle;
    height: 30px;
    clear: both
}

#configurateur .disabled {
    pointer-events: none;
    opacity: .6;
    filter: alpha(opacity=60)
}

#configurateur .errorQuestion {
    color: #d92105;
    color: var(--color-error)
}

#configurateur select.select {
    width: 195px
}

#configurateur img.popover-img {
    width: 100%;
    height: auto
}

#configurateur div.popover-name {
    width: 100%;
    margin-top: 10px;
    font-weight: 700
}

#configurateur div.popover-aide {
    width: 100%;
    margin-top: 10px
}

#configurateur div.item {
    border: 1px solid #727070;
    border: 1px solid var(--color-grey-mid-light);
    padding: 5px;
    margin: 9px 0;
    background-color: #fff;
    background-color: var(--color-white);
    position: relative
}

#configurateur div.item .prixQuestion {
    position: absolute;
    right: 5px;
    bottom: 60px;
    text-align: right
}

#configurateur div.question {
    padding: 2px;
    margin: 2px
}

#configurateur .commentaire,
#configurateur span.error {
    display: inline-block;
    text-align: left;
    font-style: italic
}

#configurateur span.error {
    width: 450px;
    font-size: 12px
}

#configurateur a.add {
    float: right;
    margin: 0 12px 0 0
}

#configurateur div.itemMR {
    border: 1px solid #727070;
    border: 1px solid var(--color-grey-mid-light);
    padding: 5px;
    margin: 9px 5px 9px 0;
    border-radius: 5px;
    background-color: #fff;
    background-color: var(--color-white)
}

#configurateur .questionMR,
#configurateur .questionMREnt {
    padding: 4px 0 0;
    position: relative
}

#configurateur .reponseQuestionMR,
#configurateur .reponseQuestionMREnt {
    display: inline-block;
    text-align: left
}

#configurateur .delBtnMR {
    display: inline-block;
    margin-left: 16px
}

#configurateur .prixDelMR {
    padding: 2px;
    margin: 2px;
    float: left;
    width: 130px;
    display: table;
    height: 26px
}

#configurateur .prixMR {
    width: 75px;
    text-align: right;
    vertical-align: middle;
    display: table-cell;
    height: 26px;
    margin: -32px 2px 2px;
    padding: 2px
}

#configurateur .priceBloc {
    font-size: 16px;
    font-weight: 700
}

#configurateur .csNote {
    margin-top: 10px
}

#configurateur .csNote textarea {
    height: 54px
}

.cfg-Caracs .caracs_options {
    padding: 10px 0 0
}

.cfg-Caracs .caracs_options .options {
    position: relative
}

.cfg-Caracs .popoverBox {
    display: none
}

.cfg-Caracs .popover,
.cfg-Caracs .popover-content {
    max-width: 400px;
    text-align: center
}

.cfg-Caracs .popover {
    width: 400px;
    border-radius: 24px;
    padding-top: 5px
}

.cfg-Caracs .popover-content img {
    width: 100%;
    border-radius: 16px
}

.cfg-Caracs .anchor {
    position: absolute;
    top: -115px;
    left: 0
}

ul.caracs_options {
    overflow: hidden;
    padding: 20px 10px 15px 5px;
    background-color: #f5f5f5;
    background-color: var(--color-grey-xx-light)
}

.cfg-Caracs .caracs_options li.on {
    border: 1px solid #d92105;
    border: 1px solid var(--color-error);
    font-weight: 700
}

.cfg-Caracs .caracs_options li:hover {
    border: 1px solid #fff;
    text-decoration: underline
}

.cfg-Caracs li.options img {
    width: 100%;
    height: auto
}

.cfg-Caracs li.options div {
    height: 50px;
    padding: 10px 5px;
    background-color: #fff;
    background-color: var(--color-white)
}

.cfg-Caracs li.options {
    float: left;
    text-align: center;
    border: 1px solid #cfcece;
    border: 1px solid var(--color-grey-light);
    margin: 0 12px 15px 2px;
    padding: 0 10px;
    background-color: #fff
}

.cfg-Caracs li.options a span {
    display: block;
    margin: 10px
}

.cfg-ResetConfigBtn {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-bottom: 10px
}

.cfg-TopHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px
}

.cfg-TopHeader_Description {
    padding: 0
}

.cfg-LearnMore {
    display: inline-flex
}

.cfg-Caracs .caracsExpandCollapse.expanded {
    color: #292929;
    color: var(--color-base-black);
    display: flex;
    flex-wrap: wrap;
    background-color: #eceae4
}

.cfg-Caracs .collapser {
    font-size: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    display: none;
    width: 16px;
    margin-right: 6px;
    text-align: center
}

.cfg-Caracs .caracsExpandCollapse.expanded .collapser {
    color: #292929;
    color: var(--color-base-black);
    display: inline
}

.cfg-Caracs .expander {
    font-size: 16px;
    position: absolute;
    top: 13px;
    left: 12px;
    display: none;
    width: 16px;
    margin-right: 6px;
    text-align: center
}

.cfg-CaracTop {
    color: #cfcece;
    color: var(--color-grey-light);
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    min-height: 40px;
    text-align: left;
    font-size: 20px;
    padding-left: 34px;
    width: 100%
}

body:not(.touch-phone) .cfg-CaracTop {
    justify-content: space-between;
    flex-wrap: nowrap;
    font-size: 18px;
    height: 40px
}

.cfg-CaracTop:hover {
    cursor: pointer
}

.caracsExpandCollapse.expanded .cfg-CaracTop,
.caracsExpandCollapse.on:not(.expanded) .cfg-CaracTop,
.caracsExpandCollapse:not(.expanded) .cfg-CaracTop {
    color: #292929;
    color: var(--color-base-black)
}

.cfg-SelectedOption_MoreOptions {
    color: #2578cb;
    color: var(--color-accent);
    font-size: 16px;
    margin-right: 15px
}

.cfg-CaracTop_Label {
    font-weight: 700
}

.caracsExpandCollapse:not(.expanded):not(.on) .cfg-CaracTop_Label,
[data-current="0"] .cfg-CaracTop_Label {
    font-weight: 400
}

.caracsExpandCollapse:not(.expanded):not(.on) .cfg-CaracTop_Value,
[data-current="0"] .cfg-CaracTop_Value {
    font-style: italic
}

.cfg-CaracTop.caracsExpandCollapse {
    cursor: pointer
}

.cfg-CaracTop .selectedOption img {
    width: 30px
}

.cfg-CaracTop.on {
    background-color: #525b63;
    background-color: var(--color-nav);
    color: #fff;
    color: var(--color-white)
}

.cfg-Caracs .caracsExpandCollapse.on .expander {
    display: inline;
    color: #292929;
    color: var(--color-base-black)
}

.caracsExpandCollapse .expander,
.caracsExpandCollapse:not(.expanded) .expander {
    display: inline;
    color: #292929;
    color: var(--color-base-black)
}

.caracsExpandCollapse.expanded .expander {
    color: #292929;
    color: var(--color-base-black)
}

.cfg-Caracs .caracsExpandCollapse.expanded .expander {
    display: none
}

.cfg-Caracs .caracs {
    background-color: #fff;
    background-color: var(--color-white);
    border: 3px solid #dbdbdb;
    border: 3px solid var(--color-grey-x-light);
    border-radius: 10px;
    margin-bottom: 5px
}

.cfg-Caracs .caracs.caracsExpandCollapse.expanded,
.cfg-Caracs .caracs.caracsExpandCollapse.on:not(.expanded) {
    border-color: #727070;
    border-color: var(--color-grey-mid-light);
    background-color: #eceae4
}

.cfg-Caracs .caracs.caracsExpandCollapse:not(.expanded) {
    border-color: #727070;
    border-color: var(--color-grey-mid-light)
}

.cfg-SelectedOption_Thumbnail {
    height: 30px;
    margin-left: 10px
}

.cfg-Option_Link {
    background-color: transparent;
    display: block;
    position: relative;
    text-align: center;
    text-decoration: none
}

.cfg-Option_Link:hover {
    text-decoration: none
}

.options.on .cfg-Option_Link {
    pointer-events: none
}

.cfg-Option_Link img {
    border-radius: 16px;
    max-width: 100%
}

.cfg-Option_Link img:hover {
    outline: 2px solid #292929;
    outline: 2px solid var(--color-base-black)
}

.options.on .cfg-Option_Link img {
    outline: 3px solid #2578cb;
    outline: 3px solid var(--color-accent)
}

.cfg-Option_Image {
    position: relative
}

.cfg-Option_Inactive .cfg-Option_ImageInactive {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    inset: 0;
    border-radius: 16px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(../image/disabled.svg);
    background-color: hsla(0, 0%, 100%, .75)
}

.cfg-Option_Inactive .cfg-Option_ImageInactive:hover {
    outline: 2px solid #292929;
    outline: 2px solid var(--color-base-black)
}

.cfg-Option_Inactive .cfg-Option_NoImageInactive {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    inset: 0;
    border-radius: 16px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(../image/disabled-no-image.svg)
}

.cfg-Option_Inactive .cfg-Option_NoImageInactive:hover {
    outline: 2px solid #292929;
    outline: 2px solid var(--color-base-black)
}

.cfg-Option_ImageLabel {
    font-size: 18px;
    display: flex;
    justify-content: center;
    padding: 5px 2px 20px
}

body:not(.touch-phone) .cfg-Option_ImageLabel {
    font-size: 14px
}

.cfg-Option_ImageLabel:hover {
    text-decoration: none
}

.options.on .cfg-Option_ImageLabel {
    color: #2578cb;
    color: var(--color-accent)
}

.cfg-Option_Caption {
    position: relative;
    background-color: #fff;
    background-color: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 20px;
    padding: 9px;
    margin-bottom: 20px;
    border-radius: 16px
}

body:not(.touch-phone) .cfg-Option_Caption {
    font-size: 18px
}

.cfg-Option_Caption:hover {
    text-decoration: none;
    outline: 2px solid #292929;
    outline: 2px solid var(--color-base-black)
}

.cfg-Option_Caption:active,
.cfg-Option_Caption:focus {
    text-decoration: none
}

.options.on .cfg-Option_Caption {
    outline: 3px solid #2578cb;
    outline: 3px solid var(--color-accent);
    cursor: auto
}

.cfg-Option_Loupe {
    display: block;
    position: absolute;
    top: 5px;
    left: 20px;
    width: 24px;
    height: 24px
}

.cfg-Option_Loupe:hover {
    outline: unset;
    cursor: cell
}

.cfg-Option_Inactive .cfg-Option_Loupe {
    opacity: .3
}

.cfg-Option_TouchLoupe {
    position: absolute;
    top: 0;
    left: 15px;
    border-radius: 10px 0 0 0;
    padding: 5px;
    z-index: 2;
    background-color: #fff;
    background-color: var(--color-white);
    color: #292929;
    color: var(--color-grey-x-dark)
}

.cfg-Option_ModalDialog {
    width: 80vw;
    max-width: 1200px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    background-clip: padding-box
}

.cfg-Option_ModalBody {
    padding: 0;
    background-color: #fff;
    background-color: var(--color-white);
    display: flex;
    flex-wrap: nowrap;
    justify-content: center
}

.cfg-Option_Modal-close {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 30px;
    width: 30px;
    cursor: pointer
}

.cfg-Option_Modal-close:hover {
    opacity: .5
}

.cfg-Option_Modal-close:active {
    opacity: 1
}

.cfg-Option_ModalImage {
    width: 90vmin
}

.cfg-Option_ModalText {
    position: relative;
    background-color: #fff;
    background-color: var(--color-white);
    border-left: 1px solid #292929;
    border-left: 1px solid var(--color-base-black);
    min-width: 300px;
    width: 20vw;
    padding: 30px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start
}

.cfg-Option_ModalText-title {
    width: 100%;
    font-family: Didact Gothic, sans-serif;
    font-size: 36px;
    line-height: 32px;
    padding-bottom: 20px
}

.cfg-Option_ModalText-desc {
    font-family: Didact Gothic, sans-serif;
    font-size: 14px
}

.cfg-BlocQteMesures {
    border: 3px solid #a9a8a8;
    border: 3px solid var(--color-grey-mid-light-light);
    border-top: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 10px
}

body:not(.touch-phone) .cfg-BlocQteMesures {
    padding: 20px
}

.cfg-FormWrap {
    display: inline-block;
    width: 100%
}

.cfg-BlocQteMesuresLineaire {
    border: 4px solid #525b63;
    border: 4px solid var(--color-nav);
    padding: 10px
}

body:not(.touch-phone) .cfg-BlocQteMesuresLineaire {
    display: inline-block;
    width: 100%;
    padding: 20px
}

.cfg-Commentaire {
    margin-bottom: 10px
}

.cfg-Commentaire_justQty {
    text-align: right
}

.cfg-Tabs {
    margin-top: 15px
}

.cfg-BlocTabs {
    display: flex;
    flex-direction: column;
    padding: 0
}

body:not(.touch-phone) .cfg-BlocTabs {
    border: 1px solid #525b63;
    border: 1px solid var(--color-nav);
    padding: 10px 20px
}

.cfg-BlocQuestions {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    border: none !important;
    background-color: #f5f5f5 !important;
    background-color: var(--color-grey-xx-light) !important;
    padding: 10px !important;
    margin: 10px 0
}

body:not(.touch-phone) .cfg-BlocQuestions {
    flex-wrap: nowrap;
    padding: 15px 20px 20px !important
}

.cfg-BlocQuestions_Left {
    width: 100%
}

body:not(.touch-phone) .cfg-BlocQuestions_Left {
    max-width: 600px;
    min-width: 600px;
    margin-right: 4px
}

.cfg-BlocQuestions_LeftImage {
    width: 100%
}

body:not(.touch-phone) .cfg-BlocQuestions_LeftImage {
    max-width: none;
    min-width: 600px;
    width: unset;
    margin-right: 20px
}

.cfg-BlocQuestions_Question {
    display: grid;
    grid-template-columns: minmax(80px, .8fr) minmax(200px, 2fr);
    align-items: center
}

body:not(.touch-phone) .cfg-BlocQuestions_Question {
    min-width: 500px;
    max-width: 600px;
    grid-template-columns: minmax(100px, 1fr) minmax(200px, 2fr)
}

.cfg-BlocQuestions_Question.questionErr {
    width: 100%;
    padding: 5px 10px;
    background-color: transparent;
    border: 1px solid #d92105;
    border: 1px solid var(--color-error);
    border-radius: 5px;
    margin-bottom: 4px
}

.cfg-BlocQuestions_Label {
    display: flex;
    align-items: center;
    font-weight: 400;
    margin-bottom: unset;
    line-height: 20px;
    margin-right: 10px
}

.cfg-BlocQuestions_Reponse {
    height: 46px;
    line-height: 24px;
    display: inline-flex;
    align-items: center;
    margin-top: 5px
}

body:not(.touch-phone) .cfg-BlocQuestions_Reponse {
    height: 28px;
    margin-top: 3px
}

.cfg-BlocQuestions_Reponse.champLongueur {
    flex-wrap: wrap;
    height: auto
}

body:not(.touch-phone) .cfg-BlocQuestions_Reponse.champLongueur {
    height: 28px;
    flex-wrap: nowrap
}

.cfg-BlocQuestions_Longueur,
.cfg-BlocQuestions_Reponse .slash {
    display: inline-flex;
    align-items: center
}

.cfg-BlocQuestions_Reponse .slash {
    justify-content: center;
    height: 34px;
    line-height: 34px;
    width: 18px;
    font-size: 30px
}

.cfg-BlocQuestions_Input {
    height: 46px;
    padding: 0 9px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #696868;
    border: 1px solid var(--color-grey);
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

body:not(.touch-phone) .cfg-BlocQuestions_Input {
    height: 28px
}

.cfg-BlocQuestions_Input:focus {
    border-color: #000;
    outline: 0
}

.cfg-BlocQuestions_Select {
    height: 46px;
    padding: 0 6px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #696868;
    border: 1px solid var(--color-grey);
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

body:not(.touch-phone) .cfg-BlocQuestions_Select {
    height: 28px
}

.cfg-BlocQuestions_Select:focus {
    border-color: #000;
    outline: 0
}

.cfg-BlocQuestions_Input-fraction {
    width: 46px;
    text-align: center
}

.cfg-BlocQuestions_Input-fraction.num {
    margin-left: 20px
}

.cfg-BlocQuestions_Right {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: flex-end;
    margin-top: 10px
}

body:not(.touch-phone) .cfg-BlocQuestions_Right {
    width: 60%;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: unset
}

.cfg-BlocQuestions_RightImage {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: flex-end;
    margin-top: 10px
}

body:not(.touch-phone) .cfg-BlocQuestions_RightImage {
    min-width: 25%;
    max-width: 50%;
    width: 60%;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: unset
}

.cfg-BlocQuestions_Prix {
    width: 100%;
    font-weight: 700;
    font-size: 24px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    margin-top: 10px
}

body:not(.touch-phone) .cfg-BlocQuestions_Prix {
    width: 60%;
    font-size: 20px;
    align-items: flex-start;
    margin-top: unset
}

.cfg-BlocQuestions_Textarea {
    width: 100%;
    height: auto
}

body:not(.touch-phone) .cfg-BlocQuestions_Textarea {
    margin-left: 50px
}

.cfg-BlocQuestions_Image {
    margin-top: 3px
}

.cfg-BlocQuestions_Image img {
    max-width: 100%
}

.cfg-BlocTotal {
    width: auto;
    display: grid;
    text-align: right;
    grid-template-columns: minmax(100px, 1.8fr) minmax(100px, .7fr)
}

body:not(.touch-phone) .cfg-BlocTotal {
    min-width: 500px;
    grid-template-columns: minmax(100px, 1fr) minmax(100px, .7fr)
}

.cfg-BlocTotal_Prix {
    font-weight: 700;
    font-size: 24px;
    line-height: 20px
}

body:not(.touch-phone) .cfg-BlocTotal_Prix {
    font-size: 20px
}

.cfg-YourConfig {
    display: flex;
    justify-content: space-between;
    background-color: #f2f2f4;
    background-color: var(--color-contrast);
    border: 3px solid #a9a8a8;
    border: 3px solid var(--color-grey-mid-light-light);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 0;
    padding: 5px 20px
}

.cfg-YourConfig h2 {
    font-size: 23px;
    margin: 10px 0
}

.cfg-YourConfig_Desc {
    width: 85%
}

.cfg-YourConfig_Buttons {
    width: 15%;
    text-align: right;
    white-space: nowrap
}

.cfg-UnitSelection {
    align-self: flex-end;
    width: auto;
    height: 46px;
    padding: 0 6px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #696868;
    border: 1px solid var(--color-grey);
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

body:not(.touch-phone) .cfg-UnitSelection {
    height: 28px
}

.cfg-UnitSelection:focus {
    border-color: #000;
    outline: 0
}

.cfg-SwitchModeTab {
    background: none;
    border-top-color: #cfcece;
    border-right-color: #cfcece;
    border-left-color: #cfcece;
    border: 1px solid var(--color-grey-light);
    border-bottom: 1px solid transparent;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 5px 50px;
    height: 37px;
    font-weight: 700;
    margin-bottom: -1px
}

.cfg-SwitchModeTab:first-of-type {
    margin-left: 20px;
    margin-right: 15px
}

.cfg-SwitchModeTab.actif {
    border-color: #525b63 #525b63 #fff;
    border-color: var(--color-nav) var(--color-nav) var(--color-white)
}

body:not(.touch-phone) .cfg-QuickMode_TableWrap {
    display: inline-block;
    overflow: auto;
    max-width: 1330px;
    max-height: 600px;
    margin-bottom: 15px
}

.cfg-QuickMode_Table {
    border: none;
    margin: 20px 0 0;
    width: 100%
}

.cfg-QuickMode_Table thead {
    position: sticky;
    top: 0;
    background-color: #fff
}

#tableWrapper {
    max-height: 600px;
    max-width: 1290px;
    overflow: auto;
    display: inline-block
}

table {
    width: 100%
}

thead {
    position: sticky;
    top: 0;
    background-color: #fff
}

.cfg-QuickMode_Table th {
    padding: 0 20px 0 0;
    vertical-align: bottom
}

.cfg-QuickMode_Table td {
    padding: 5px 20px 0 0
}

.cfg-QuickMode_Input,
.cfg-QuickMode_Select {
    font-weight: 400;
    height: 28px;
    padding: 0 6px;
    background-color: #fff;
    background-color: var(--color-white);
    background-image: none;
    border: 1px solid #696868;
    border: 1px solid var(--color-grey);
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.cfg-QuickMode_Select {
    min-width: 150px
}

.cfg-QuickMode_Delete,
.cfg-QuickMode_UnitLabel {
    white-space: nowrap
}

.cfg-QuickMode_Delete .fa-times-circle {
    font-size: 26px;
    margin-top: -5px
}

.cfg-QuickMode_Textarea {
    font-weight: 400;
    line-height: 24px;
    box-sizing: border-box;
    width: 100%;
    min-width: 400px;
    margin-top: 5px
}

.cfg-TechnicalDrawing {
    width: 100%
}

body:not(.touch-phone) .cfg-TechnicalDrawing {
    width: auto
}

.cfg-Unit {
    height: 46px;
    padding: 3px 8px;
    margin-left: 5px;
    border: 1px solid #696868;
    border: 1px solid var(--color-grey);
    border-radius: 4px;
    font-weight: 400;
    outline: none
}

body:not(.touch-phone) .cfg-Unit {
    height: 28px
}

.cfg-Unit:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.cfg-Unit:active:hover {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c
}

.cfg-Unit.disabled {
    background-color: transparent;
    padding: 0 0 0 2px;
    margin-left: 0;
    border: none;
    cursor: none;
    -moz-appearance: none;
    -webkit-appearance: none
}

.cfg-Unit.disabled::-ms-expand {
    display: none
}

.cfg-CustomerServiceNote {
    margin-top: 10px
}

.cfg-BlocCTA {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    margin-top: 20px
}

.cfg-BlocCTA_Button {
    font-size: 24px;
    font-weight: 400;
    line-height: 46px;
    width: 100%;
    margin: 10px 0 0;
    padding: 6px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    color: #fff;
    border: 1px solid #68737e;
    border: 1px solid var(--color-accent-mid-dark);
    border-radius: 6px;
    background-color: #2578cb;
    background-color: var(--color-accent);
    background-image: none;
    touch-action: manipulation;
    text-transform: uppercase
}

body:not(.touch-phone) .cfg-BlocCTA_Button {
    font-size: 18px;
    line-height: 32px;
    width: 300px
}

.cfg-BlocCTA_Button:focus,
.cfg-BlocCTA_Button:hover {
    outline: none;
    text-decoration: none;
    background-color: #1d5a98;
    border-color: #194e82;
    outline: 0;
    background-image: none
}

.cfg-BlocCTA_Button:active {
    background-color: #1d5a98;
    border-color: #194e82;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.cfg-BlocCTA_Button:active:focus,
.cfg-BlocCTA_Button:active:hover {
    background-color: #194e82;
    border-color: #15416d
}

.cfg-BlocCTA_Button ::-moz-selection {
    background: #cfcece;
    background: var(--color-grey-light);
    text-shadow: none
}

.cfg-BlocCTA_Button.tosubmit {
    line-height: 40px;
    text-transform: unset
}

body:not(.touch-phone) .cfg-BlocCTA_Button.tosubmit {
    font-size: 14px;
    line-height: 28px;
    padding: 0 12px;
    margin: 0 0 0 10px;
    width: auto
}

.cfg-AddDimButtons a {
    width: 100%;
    margin-bottom: 10px
}

body:not(.touch-phone) .cfg-AddDimButtons a {
    width: auto
}

.cfg-BlocCTA_Warning {
    width: 100%;
    text-align: right;
    padding: 10px 0
}

.cfg-ExcelButton {
    display: inline-flex;
    align-items: center
}

.cfg-ExcelIcon {
    height: 20px;
    padding: 0 0 0 5px
}

.cfg-ExcelPanel {
    display: none;
    border: 1px solid #000;
    border: 1px solid var(--color-black);
    border-radius: 5px;
    margin-top: 15px;
    padding: 20px
}

.cfg-ExcelPanel a {
    font-weight: 700;
    font-style: italic
}

.cfg-ExcelPanel_Intro {
    font-weight: 700;
    font-size: 16px
}

.cfg-ExcelPanel_Template {
    align-items: flex-start
}

.cfg-ExcelPanel_Template,
.cfg-ExcelUpload {
    display: inline-flex;
    width: 100%;
    margin: 10px 0 20px
}

.cfg-ExcelUpload {
    align-items: center
}

.cfg-ExcelFileUpload {
    margin-left: 20px
}

.cfg-SecondaryBtn {
    color: #2578cb;
    color: var(--color-accent);
    background-color: #fff;
    background-color: var(--color-white);
    border: 1px solid #2578cb;
    border: 1px solid var(--color-accent);
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    padding: 6px 12px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cfg-SecondaryBtn:hover {
    color: #fff;
    color: var(--color-white);
    background-color: #1d5a98;
    border: 1px solid #194e82
}

.cfg-SecondaryBtn:active {
    color: #fff;
    color: var(--color-white);
    background-color: #194e82;
    border: 1px solid #15416d
}

rc-skulookup-option {
    display: none
}