@font-face {
    font-family: 'marianneregular';
    src: url('fonts/marianne-regular-webfont.woff2') format('woff2'), url('fonts/marianne-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'mariannebold';
    src: url('fonts/marianne-bold-webfont.woff2') format('woff2'), url('fonts/marianne-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body.modal-open.desktopDevice {
    overflow-y: scroll;
}

/*****START Marketing Banner*****/
#divWPMarketingOffer p {
    margin-bottom: 0;
}

#divWPMarketingOffer .offre_Speciale_banner {
    margin-bottom: 14px;
    max-width: 100%;
}

#divWPMarketingOffer .offre_Speciale_banner img {
    border-radius: 8px;
}

#divWPMarketingOffer .col-lg-24.offre_Speciale_banner {
    width: 1200px;
    padding: 0;
}

/*****END Marketing Banner*****/
#product-form {
    padding-bottom: 60px;
    clear: both
}

#product-form .productFormMainContent {
    position: relative;
}

/*****START Product Form Left*****/
#product-form .productFormLeft {
    margin-top: 16px;
    padding-right: 14px;
    clear: both;
}

/*****START Promo Tag*****/
#product-form .promoTagWrapper {
    position: absolute;
    top: 0;
    left: 3px;
    z-index: 2;
}

#product-form .promoTag {
    border-radius: 20px;
    padding: 6px 12px;
    color: #172C33;
    font-size: 12px;
    background: #e7e9ea;
    text-transform: uppercase;
    line-height: 14px;
    float: left;
    margin-bottom: 4px;
    clear: both;
}

#product-form .promoTag.promoTag_P {
    background: #4CC034;
    color: #fff;
}

#product-form .promoTag.promoTag_N {
    background: #00A8E8;
    color: #fff;
}

#product-form .promoTag.promoTag_V {
    background: #DE3C4B;
    color: #fff;
}

#product-form .promoTag.promoTag_O {
    background: #6071FA;
    color: #fff;
}

#product-form .promoTag.promoTag_D {
    background: #172C33;
    color: #fff;
}

#product-form .promoTag.promoTag_R {
    background: #FDB930;
    color: #fff;
}

/*****END Promo Tag*****/
#product-form #ttMarketingDescriptionOrDescCnet img {
    max-width: 100%;
}

/*****START Button Favorite*****/
#product-form .prodFavorite {
    position: absolute;
    width: 32px;
    height: 32px;
    right: 12px;
    top: 12px;
}

#product-form .productImage .prodFavorite {
    right: 10px;
    top: 8px;
}

#product-form .btnFavorite {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    margin: 0;
    border: 1px solid #8B9599;
    border-radius: 100px;
    padding: 0;
    background: #fff;
}

#product-form .btnFavorite:hover, #product-form .btnFavorite:active, #product-form .btnFavorite:focus, #product-form .btnFavorite.addToFavSelected {
    border-color: #DE3C4B;
}

#product-form .btnFavorite svg {
    width: 31px;
    height: 31px;
    padding: 0 8px;
    display: block;
    color: #8B9599;
}

#product-form .btnFavorite.addToFavSelected svg {
    color: #DE3C4B;
    fill: #DE3C4B;
}

#product-form .btnFavorite:hover svg, #product-form .btnFavorite:active svg, #product-form .btnFavorite:focus svg {
    color: #DE3C4B;
}

#product-form .prodFavorite .tooltipFavorite {
    font-size: 12px;
    text-align: left;
    color: #fff;
    background: #172C33;
    border-radius: 12px;
    padding: 8px 16px;
    position: absolute;
    top: calc(100% + 8px);
    right: -12px;
    display: none;
    white-space: nowrap;
    z-index: 1;
}

#product-form .prodFavorite:hover .addToFavSelected + .tooltipFavorite, #product-form .prodFavorite:active .addToFavSelected + .tooltipFavorite, #product-form .prodFavorite:focus .addToFavSelected + .tooltipFavorite {
    display: block;
}

#product-form .prodFavorite .tooltipFavorite::before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 8px 6px;
    border-color: #172C33 transparent;
    display: block;
    width: 0;
    z-index: 0;
    top: -5px;
    right: 20px;
}

#product-form .prodFavorite .tooltipFavorite span {
    display: block;
    padding-left: 10px;
}

#product-form .hide {
    display: none;
}

#product-form .disabled {
    opacity: 0;
}

/*****END Button Favorite*****/
/*****START Product Repairbility *****/
#product-form .prodRepairability-logo {
    display: inline-block;
    vertical-align: middle;
    font-family: 'marianneregular', arial;
    height: 60px;
    width: 58px;
}

#product-form .prodRepairability-logo-note {
    display: block;
    padding: 10px 3px 0 3px;
    font-size: 2.5em;
    font-family: 'mariannebold', arial;
    line-height: .6;
    height: 37px;
    min-width: 47px;
    text-align: center;
    color: #000;
    font-weight: bold;
}

#product-form .prodRepairability-logo-total {
    display: block;
    padding: 1px 3px 0 0;
    text-align: right;
    font-size: 1.1em;
    font-family: 'marianneregular', arial;
    word-spacing: -3px;
    color: #000;
    font-weight: bold;
}

#product-form .prodRepairability_fixedIcon {
    width: 125px;
    display: inline-block;
    border-radius: 10px;
    margin: 20px auto;
}

#product-form .prodRepairability_fixedIcon .prodRepairability-icon {
    background-image: url(/images/prodRepairability_icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px;
    width: 60px;
    display: inline-block;
    float: left;
    border-radius: 9px;
}

#product-form .prodRepairability_fixedIcon .prodRepairability-text {
    position: absolute;
    display: block;
    font-family: 'marianneregular', arial;
    text-transform: uppercase;
    font-size: 9.5px;
    padding-top: 2px;
    font-weight: 500;
}

#product-form .prodRepairability_10 {
    border: 1px solid #009443;
}

#product-form .prodRepairability_10 .prodRepairability-icon {
    border: 5px solid #009443;
    background-color: #009443;
}

#product-form .prodRepairability_8 {
    border: 1px solid #95c93d;
}

#product-form .prodRepairability_8 .prodRepairability-icon {
    border: 5px solid #95c93d;
    background-color: #95c93d;
}

#product-form .prodRepairability_6 {
    border: 1px solid #ffc901;
}

#product-form .prodRepairability_6 .prodRepairability-icon {
    border: 5px solid #ffc901;
    background-color: #ffc901;
}

#product-form .prodRepairability_4 {
    border: 1px solid #fe741b;
}

#product-form .prodRepairability_4 .prodRepairability-icon {
    border: 5px solid #fe741b;
    background-color: #fe741b;
}

#product-form .prodRepairability_2 {
    border: 1px solid #d91627;
}

#product-form .prodRepairability_2 .prodRepairability-icon {
    border: 5px solid #d91627;
    background-color: #d91627;
}

#product-form .prodRepairability_0 {
    display: none;
}

/*****START Product Repairbility *****/
/*****START Button Product Image Zoom *****/
#product-form .prodImageZoom {
    position: absolute;
    width: 32px;
    height: 32px;
    right: 12px;
    top: 12px;
}

#product-form .productImage .prodImageZoom {
    left: 400px;
    top: 200px;
}

#product-form .btnImageZoom {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 0;
    left: 0;
    z-index: 1;
    margin: 0;
    border: 1px solid #8B9599;
    border-radius: 100px;
    padding: 0;
    background: #fff;
}

#product-form .btnImageZoom:hover, #product-form .btnImageZoom:active, #product-form .btnImageZoom:focus, #product-form .btnImageZoom.addToFavSelected {
    border-color: #DE3C4B;
}

#product-form .btnImageZoom svg {
    width: 31px;
    height: 31px;
    padding: 0 8px;
    display: block;
    color: #8B9599;
}

#product-form .btnImageZoom.addToFavSelected svg {
    color: #DE3C4B;
    fill: #DE3C4B;
}

#product-form .btnImageZoom:hover svg, #product-form .btnImageZoom:active svg, #product-form .btnImageZoom:focus svg {
    color: #DE3C4B;
}

#product-form .prodImageZoom .tooltipFavorite {
    font-size: 12px;
    text-align: left;
    color: #fff;
    background: #172C33;
    border-radius: 12px;
    padding: 8px 16px;
    position: absolute;
    top: calc(100% + 8px);
    right: -12px;
    display: none;
    white-space: nowrap;
    z-index: 1;
}

#product-form .prodImageZoom:hover .addToFavSelected + .tooltipFavorite, #product-form .prodImageZoom:active .addToFavSelected + .tooltipFavorite, #product-form .prodImageZoom:focus .addToFavSelected + .tooltipFavorite {
    display: block;
}

#product-form .prodImageZoom .tooltipFavorite::before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 8px 6px;
    border-color: #172C33 transparent;
    display: block;
    width: 0;
    z-index: 0;
    top: -5px;
    right: 20px;
}

#product-form .prodImageZoom .tooltipFavorite span {
    display: block;
    padding-left: 10px;
}

#productImageZoomModal {
    z-index: 1000000 !important;
}

#productImageZoomModal .close {
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    height: 44px;
    background: #e7e9ea;
    border-radius: 0px 20px 0px 8px;
    opacity: 1;
    padding: 6px;
    cursor: pointer;
}

#productImageZoomModal .close:hover, #productImageZoomModal .close:active, #productImageZoomModal .close:focus {
    background: #ebedee;
}

#productImageZoomModal .close svg {
    color: #172C33;
    width: 28px;
    height: 28px;
    stroke-width: 2;
}

#productImageZoomModal .modal-header {
    border: none;
}

#productImageZoomModal .modal-header .close {
    opacity: 1;
}

#productImageZoomModal .modal-dialog {
    width: 900px;
    height: 600px;
}

#productImageZoomModal .modal-body {
    width: 900px;
    height: 600px;
}

#productImageZoomModal .modal-content {
    border-radius: 20px !important;
}

#productImageZoomModal .thumbnailContainer .select {
    border-color: #DE3C4B
}

#productImageZoomModal .thumbnailContainer .select .img-zoom-lens {
    position: absolute;
    border: 1px solid #172C33;
    width: 40px;
    height: 30px;
    background-color: red;
    opacity: 0.3;
}

#productImageZoomModal .carousel-inner {
    height: 550px !important;
}

#productImageZoomModal .carousel-inner .active {
    cursor: pointer;
}

#carouselProductImg .carousel-inner .zoom-in, #productImageZoomModal .carousel-inner .zoom-in, .container-one-image .zoom-in, .container-one-image.zoom-in {
    cursor: url(/images/curseur-plus.png),auto;
}

#productImageZoomModal .carousel-inner .zoom-out, .container-one-image.zoom-out {
    cursor: url(/images/curseur-moins.png),auto;
}

.container-one-image.zoom-out {
    height: 97%;
}

#productImageZoomModal .slider-thumbs-zoom {
    position: relative;
    z-index: 2;
    pointer-events: all;
}

#productImageZoomModal .slider-thumbs-zoom .select {
    position: relative;
    z-index: 2;
}

#productImageZoomModal .slider-image-zoom {
    position: absolute;
    width: 100%;
    z-index: 0
}

#productImageZoomModal .slider-image-zoom .carousel-inner .item img {
    padding: 0;
    height: none;
    max-height: none !important;
}

.container-one-image .one-image {
    max-height: 500px;
}

/*#productImageZoomModal .slider-image-zoom .carousel-inner { height: 600px;  }
        #productImageZoomModal .slider-image-zoom .carousel-inner .item img { max-height: none; line-height: initial; }
        */
/*****END Button Product Image Zoom *****/
/*****START Product Image*****/
#product-form .productImage {
    margin-bottom: 8px;
}

#product-form .productImage .thumbnailContainer {
    max-height: 366px;
    overflow: hidden;
    position: relative;
    top: 0;
    float: left;
}

#product-form .productImage .hide-bullets {
    padding: 0;
    float: left;
    position: relative;
}

#product-form .productImage .stopClickTop, #product-form .productImage .stopClickBottom {
    width: 100%;
    float: left;
    cursor: pointer;
}

#product-form .productImage .stopClickTop.unclickable, #product-form .productImage .stopClickBottom.unclickable {
    visibility: hidden;
}

#product-form .productImage .stopClickTop svg, #product-form .productImage .stopClickBottom svg {
    color: #B9BFC1;
    width: 78px;
    float: left;
    height: 55px;
    stroke-width: 0.8;
}

#product-form .productImage .stopClickTop svg {
    margin-bottom: 6px;
}

#product-form .productImage .stopClickBottom svg {
    margin-top: 22px;
}

#product-form .productImage .stopClickTop:hover svg, #product-form .productImage .stopClickTop:active svg, #product-form .productImage .stopClickTop:focus svg, #product-form .productImage .stopClickBottom:hover svg, #product-form .productImage .stopClickBottom:active svg, #product-form .productImage .stopClickBottom:focus svg {
    color: #aaa;
}

#product-form .productImage .thumbnail {
    border-radius: 20px;
    overflow: hidden;
    padding: 12px 3px;
    width: 78px;
    height: 78px;
    margin-bottom: 16px;
    cursor: pointer;
}

#product-form .productImage .thumbnail:hover, #product-form .productImage .thumbnail:active, #product-form .productImage .thumbnail:focus {
    border-color: #aaa;
}

#product-form .productImage .thumbnail img {
    max-width: 100%;
    max-height: 100%;
    font-size: 12px;
    color: #8B9599;
    overflow: hidden;
}

#product-form .productImage .carousel-inner {
    height: 430px;
}

#product-form .productImage .carousel-inner .item {
    padding: 20px 0;
    height: 100%;
    justify-content: center;
    align-items: center;
}

#product-form .productImage .carousel-inner .item img {
    max-height: 100%;
    line-height: initial;
}

#product-form .productImage .carousel-inner .item.active, #product-form .productImage .carousel-inner .item.next, #product-form .productImage .carousel-inner .item.prev {
    display: flex;
}

#product-form .carousel-control.left, #product-form .carousel-control.right {
    border: 1px solid #B9BFC1;
    border-radius: 16px;
    width: 32px;
    height: 32px;
    position: absolute;
    background: #fff;
    padding: 0;
    opacity: 1;
    top: 50%;
    bottom: 50%;
    transform: translateY(-50%);
}

#product-form .carousel-control.left {
    left: -30px;
}

#product-form .carousel-control.right {
    right: -30px;
}

#product-form .carousel-control.left svg , #product-form .carousel-control.right svg {
    width: 30px;
    height: 30px;
    display: block;
    padding: 3px;
    color: #172C33;
}

/*****END Product Image*****/
/*****START Special Offer*****/
#product-form .productOffer {
    background: #6071FA1A;
    padding: 12px 24px;
    border-radius: 20px;
    border: 1px solid #6071FA;
    margin-bottom: 24px;
    font-size: 16px;
    text-align: left;
}

#product-form .productOffer #divMarketingOffer {
    float: left;
    width: 100%;
}

#product-form .productOffer #divMarketingOffer > * {
    float: left;
    color: #6071FA;
}

#product-form .productOffer #divMarketingOffer > span {
    width: calc(100% - 78px);
    text-align: left;
    white-space: nowrap;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#product-form .productOffer svg.feather-tag {
    width: 26px;
    height: 26px;
    margin-right: 16px;
}

/*#product-form .productOffer a {
    width: 24px;
    height: 22px;
    margin-left: 12px;*/
}

#product-form .productOffer svg.feather-chevron-right {
    width: 24px;
    height: 22px;
}

.productOffer #divMarketingOffer .offre_Speciale .headline{
    margin:12px;
    padding:0;
    
}
.productOffer #divMarketingOffer .offre_Speciale .headline h2 {
    text-align: left;
}
.productOffer #divMarketingOffer .offre_Speciale .headline h2 a{
    color:#6071FA;
    background-color:transparent;
    font-size:18px;
    text-decoration: none;
}
.productOffer #divMarketingOffer .offre_Speciale .btnLink a{
    background-color:#6071FA;
    border:none;
    width: 240px;
    float:left
}
.productOffer #divMarketingOffer .offre_Speciale .offreNote{
    font-size:12px;
}
.productOffer #divMarketingOffer .offre_Speciale .offreDesc{
    margin:0;
    padding:0;
    width:95%;
    float:left;
}
.productOffer #divMarketingOffer .offre_Speciale .offreImg {
    margin:0;
    padding:0;
    right:16px;
}


/*****END Special Offer*****/
/*****START Product Panels*****/
#product-form #accordion {
    border-radius: 20px;
    border: 1px solid #B9BFC1;
    overflow: hidden;
    margin-bottom: 32px;
}

#product-form #accordion .panel {
    border: none;
}

#product-form #accordion .panel + .panel {
    margin: 0;
    border-top: 1px solid #B9BFC1;
    border-radius: 0;
}

#product-form #accordion .panel > .panel-heading {
    background-color: #F7F7F7;
    border: none;
    padding: 0;
}

#product-form #accordion .panel .panel-body {
    padding: 24px;
}

#product-form #accordion .panel > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #B9BFC1;
}

#product-form #accordion .panel-title {
    text-align: left;
}

#product-form #accordion .panel-title a {
    color: #172C33;
    font-size: 20px;
    padding: 24px;
    display: block;
    text-decoration: none;
    line-height: 24px;
}

#product-form #accordion .panel-title a svg {
    float: right;
    color: #172C33;
    width: 35px;
    height: 35px;
    stroke-width: 1;
    margin-top: -6px;
    margin-right: -8px;
}

#product-form #accordion .panel-title a[aria-expanded="true"] svg.feather-chevron-down {
    display: none;
}

#product-form #accordion .panel-title a[aria-expanded="false"] svg.feather-chevron-up {
    display: none;
}

#product-form #accordion .panel .panel-body.panelNotAvailable {
    color: #DE3C4B;
    background: #DE3C4B1A;
    padding: 26px !important;
    font-size: 16px;
}

#product-form #accordion .panelNotAvailable p {
    margin: 0;
    font-size: 16px;
    line-height: 22px;
}

/*****START Collapse Description*****/
#product-form #ttMarketingDescriptionOrDescCnet * {
    font-family: roboto,Tahoma,Geneva,sans-serif !important;
}

#product-form #ttMarketingDescriptionOrDescCnet h2 {
    font-size: 20px;
    text-align: left;
    padding-bottom: 6px;
    color: #172C33;
    margin-bottom: 10px;
    padding-top: 10px;
}

#product-form #ttMarketingDescriptionOrDescCnet h3 {
    font-size: 16px;
    text-align: left;
    margin-bottom: 12px;
    color: #172C33;
    float: left;
    width: 100%;
    padding-top: 18px;
    margin-top: 0;
}

#product-form #ttMarketingDescriptionOrDescCnet h3 b {
    font-weight: inherit;
}

#product-form #ttMarketingDescriptionOrDescCnet p, #product-form #ttMarketingDescriptionOrDescCnet .ccs-cc-inline-feature-description, #product-form #ttMarketingDescriptionOrDescCnet .ccs-cc-inline-header-description {
    font-size: 16px;
    text-align: left;
    margin-bottom: 12px;
    color: #172C33;
    width: 100%;
}

#product-form #ttMarketingDescriptionOrDescCnet .ccs-cc-inline .ccs-cc-inline-features .ccs-cc-inline-features-block {
    margin-top: 0;
}

#product-form #ttMarketingDescriptionOrDescCnet .ccs-cc-inline .ccs-logo-windows11-mobile p, #product-form #ttMarketingDescriptionOrDescCnet li {
    font-size: 16px;
    text-align: left;
    float: left;
    width: 100%;
    line-height: initial;
}

#product-form #ttMarketingDescriptionOrDescCnet .ccs-logo-hp .ccs-logo-prod-main a {
    color: #172C33;
    font-weight: 500;
}

#product-form #ttMarketingDescriptionOrDescCnet .ccs-logo-hp .ccs-logo-paging-nav button {
    background: transparent;
    border: 1px solid #B9BFC1;
}

#product-form #ttMarketingDescriptionOrDescCnet .ccs-logo-hp .ccs-logo-paging-nav button[disabled] {
    background: transparent;
}

#product-form #ttMarketingDescriptionOrDescCnet .ccs-logo-hp .ccs-logo-paging-nav .ccs-logo-arrow {
    border-top: 2px solid #172C33;
    border-right: 2px solid #172C33;
    top: calc(50% - 5px);
}

#product-form #ttMarketingDescriptionOrDescCnet .ccs-logo-hp .ccs-logo-paging-nav button[disabled] .ccs-logo-arrow {
    border-color: #b0b0b0;
}

#product-form #ttMarketingDescriptionOrDescCnet .ccs-logo-hp .ccs-logo-price th {
    font-size: 18px;
}

#product-form #ttMarketingDescriptionOrDescCnet .ccs-logo-hp .ccs-logo-cart th:not(.ccs-logo-cart-custom) a {
    background: #DE3C4B;
    border-radius: 20px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

#product-form #ttMarketingDescriptionOrDescCnet .ccs-cc-inline .ccs-cc-inline-footer .ccs-cc-inline-footer-notes {
    font-size: smaller;
    text-align: left;
}

#product-form #ttMarketingDescriptionOrDescCnet .ccs-cc-inline .ccs-cc-inline-footer .ccs-cc-inline-footer-notes > div {
    margin-bottom: 12px;
}

#product-form .description {
    text-align: initial;
}

#product-form .markettingtextBottom {
    margin-top: 20px;
    display: table;
}

#product-form .markettingtextBottom > * {
    display: table-cell;
    float: none;
    vertical-align: bottom;
}

#product-form .markettingtextBottom h5 {
    color: #172C33;
    font-size: 16px;
    margin-bottom: 8px;
    text-align: left;
}

#product-form .markettingtextLinks ul {
    padding: 0;
    text-align: left;
    list-style: none;
    margin: 0 0 0 -4px;
    color: #de3c4b;
}

#product-form .markettingtextLinks li {
    float: left;
    width: 100%;
}

#product-form .markettingtextLinks svg {
    float: left;
    width: 18px;
    margin-right: 8px;
}

#product-form .markettingtextLinks a {
    font-size: 16px;
    float: left;
    width: calc(100% - 26px);
}

#product-form .markettingtextLinks a br {
    display: none;
}

#product-form .markettingtextLogo img {
    float: right;
    max-width: 100%;
}

/*****END Collapse Description*****/
/*****START Collapse Technical*****/
#product-form #accordion .panel #collapseTechnical .panel-body {
    padding: 0;
}

#product-form #collapseTechnical .listTech {
    padding: 0;
    margin-bottom: 0;
}

#product-form #collapseTechnical .listTech li {
    display: block;
    margin: 0;
}

#product-form #collapseTechnical .listTech li.titleRow h5 {
    color: #DE3C4B;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 0;
    font-weight: bold;
    padding: 44px 12px 18px;
    text-align: left;
}

#product-form #collapseTechnical .listTech:first-child li.titleRow h5 {
    padding-top: 33px;
}

#product-form #collapseTechnical .listTech li.detailRow {
    background: #F7F7F7;
}

#product-form #collapseTechnical .listTech li.detailRow:nth-child(2n+1) {
    background: #fff;
}

#product-form #collapseTechnical .listTech li.detailRow {
    border-top: 1px solid #E7E9EA;
}

#product-form #collapseTechnical .listTech li.detailRow:last-child {
    border-bottom: 1px solid #E7E9EA;
}

#product-form #collapseTechnical .listTech li.detailRow span {
    padding: 9px 12px;
    font-size: 16px;
    color: #172C33;
    line-height: 22px;
    text-align: left;
}

/*****END Collapse Technical*****/
/*****START Collapse Rating*****/
#product-form #collapseReview h5 {
    color: #172C33;
    font-size: 20px;
    text-align: left;
    margin-bottom: 16px;
    width: 100%;
}

#product-form #collapseReview .blockAverageRating {
    background: #fff;
    border-radius: 8px;
    border: 1px solid #F7F7F7;
    padding: 24px 14px 14px;
    box-shadow: 0px 3px 6px #00000029;
    margin-bottom: 18px;
}

#product-form #collapseReview .blockAverageRating .averageRating {
    font-size: 54px;
    line-height: 63px;
    color: #172C33;
    width: 100%;
    text-align: center;
    font-weight: 500;
    display: block;
    margin-bottom: 12px;
}

#product-form #collapseReview .blockAverageRating .prodRatings {
    margin-bottom: 20px;
}

#product-form #collapseReview .blockAverageRating .prodRatings i {
    width: 22px;
    height: 22px;
    font-size: 24px;
    margin: 0 3px;
}

#product-form #collapseReview .percentageRating {
    padding: 0;
    text-align: left;
    margin: 0 0 18px;
    list-style: none;
    float: left;
    width: 100%;
}

#product-form #collapseReview .percentageRating li {
    float: left;
    width: 100%;
}

#product-form #collapseReview .percentageRating .starLabel {
    float: left;
    color: #172C33;
    font-size: 20px;
    line-height: 39px;
    font-weight: 500;
    margin-right: 10px;
    width: 41px;
    white-space: nowrap;
}

#product-form #collapseReview .percentageRating .starLabel i {
    width: 18px;
    height: 18px;
    margin-left: 6px;
    color: #DE7D3C;
}

#product-form #collapseReview .percentageRating .percentageBarWrapper {
    float: left;
    height: 39px;
    width: calc(100% - 97px);
    margin-right: 8px;
    position: relative;
    padding: 15.5px 0;
}

#product-form #collapseReview .percentageRating .percentageBarWrapper .percentageBar {
    float: left;
    background: #E7E9EA;
    height: 8px;
    width: 100%;
    border-radius: 8px;
}

#product-form #collapseReview .percentageRating .percentageBarWrapper .percentageBarFilled {
    float: left;
    background: #DE7D3C;
    height: 8px;
    border-radius: 8px;
    position: absolute;
    left: 0;
    top: 15.5px;
    box-shadow: 0px 3px 6px #DE7D3C3D;
}

#product-form #collapseReview .percentageRating .percentageLabel {
    float: left;
    color: #738084;
    font-size: 16px;
    line-height: 39px;
    width: 38px;
}

#product-form #collapseReview .reviewList {
    max-height: 1500px;
    transition: all 2s ease;
    overflow: hidden;
}

#product-form #collapseReview .reviewList.reviewAllList {
    max-height: 5000px;
}

#product-form #collapseReview .reviewItem {
    padding: 24px 0;
    text-align: left;
    color: #172C33;
    border-bottom: 1px solid #E7E9EA;
    display: none;
}

#product-form #collapseReview .reviewAllList .reviewItem {
    display: block;
}

#product-form #collapseReview .reviewItem:nth-child(1), #product-form #collapseReview .reviewItem:nth-child(2), #product-form #collapseReview .reviewItem:nth-child(3), #product-form #collapseReview .reviewItem:nth-child(4), #product-form #collapseReview .reviewItem:nth-child(5) {
    display: block;
}

#product-form #collapseReview .reviewItem:last-child {
    border-bottom: none;
}

#product-form #collapseReview .reviewAllList .reviewItem:last-child {
    border-bottom: 1px solid #E7E9EA;
}

#product-form #collapseReview .reviewItem p {
    margin-bottom: 12px;
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 22px;
}

#product-form #collapseReview .reviewItem small {
    color: #738084;
    font-size: 16px;
    line-height: 22px;
    float: left;
    width: 100%;
}

#product-form #collapseReview .reviewButton {
    text-align: center;
}

#product-form #collapseReview .btnMoreReviews {
    background: #e7e9ea;
    border-color: #e7e9ea;
    width: 252px;
    max-width: 100%;
    border-radius: 38px;
    padding: 16px 32px;
    font-size: 16px;
    margin-top: 24px;
    margin-bottom: 8px;
    color: #172C33;
    text-transform: uppercase;
    font-weight: 500;
}

#product-form #collapseReview .btnMoreReviews:hover {
    opacity: 0.7;
}

#product-form #collapseReview .reviewButton .readLess {
    display: none;
}

#product-form #collapseReview .reviewAllList + .reviewButton .readLess {
    display: inline;
}

#product-form #collapseReview .reviewAllList + .reviewButton .readMore {
    display: none;
}

/*****END Collapse Rating*****/
/*****END Product Panels*****/
/*****END Product Form Left*****/
/*****START Product Form Right*****/
#product-form .productFormRight {
    margin-top: 16px;
    padding-left: 14px;
    float: right;
    transition: top 2s ease 0s;
}

.desktopDevice #product-form .productFormRight.fixedContent {
    position: fixed;
    top: 0;
}

.desktopDevice #product-form .productFormRight.absoluteContent {
    position: absolute;
    bottom: 32px;
}

#product-form h1.productName {
    color: #172C33;
    font-size: 26px;
    line-height: 36px;
    overflow: hidden;
    max-height: 75px;
}

#product-form .productRef {
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 10px;
    overflow: hidden;
    display: block;
}

#product-form .productRef span {
    color: #8B9599;
    font-size: 12px;
}

#product-form .productRef span s {
    text-decoration: none;
}

/*****START Rating*****/
#product-form .prodRatings {
    display: block;
    margin-bottom: 12px;
    float: left;
    cursor: pointer;
}

#product-form .prodRatings:hover, #product-form .prodRatings:active, #product-form .prodRatings:focus {
    opacity: 0.8;
}

#product-form .prodRatings i {
    width: 12px;
    height: 16px;
    margin-right: 3px;
    color: #B9BFC1;
    display: inline-block;
}

#product-form .prodRatings i.starOrange {
    color: #DE7D3C;
}

#product-form .prodRatings span {
    color: #172C33;
    font-size: 16px;
    margin-left: 6px;
    line-height: 16px;
    display: inline-block;
    text-transform: capitalize;
}

/*****END Rating*****/
/*****START Description*****/
#product-form .productDesc {
    position: relative;
    margin-bottom: 30px;
    float: left;
    width: 100%;
}

#product-form .productDesc .viewMoreLessDesc {
    color: #DE3C4B;
    background: #fff;
    cursor: pointer;
    font-size: 16px;
    bottom: -23px;
}

#product-form .productDesc .viewMoreLessDesc .viewMoreDesc {
    text-decoration: underline;
}

#product-form .productDesc .viewMoreLessDesc:hover .viewMoreDesc, #product-form .productDesc .viewMoreLessDesc:active .viewMoreDesc, #product-form .productDesc .viewMoreLessDesc:focus .viewMoreDesc {
    opacity: 0.8;
}

#product-form .productDesc .viewMoreLessDesc .dottedTxt {
    color: #738084;
    padding-right: 4px;
}

#product-form .productDesc p, #product-form .productDesc ul {
    color: #738084;
    font-size: 16px;
    line-height: 24px;
}

#product-form .productDesc ul {
    padding-left: 15px;
    margin-bottom: 0;
}

/*****END Description*****/
/*****START Cloud Description*****/
#product-form .productCloudDesc {
    position: relative;
    margin-bottom: 24px;
    float: left;
    width: 100%;
    border: 1px solid #e95c0b;
    background-color: #fcf2eb;
    border-radius: 10px;
}

#product-form .productCloudDesc svg {
    width: 24px;
    position: absolute;
    top: -11px;
    left: -8px;
    background-color: #e95c0b;
    color: #fff;
    border-radius: 20px;
}

#product-form .productCloudDesc p {
    color: #e95c0b;
    font-size: 14px;
    padding: 15px;
    margin-bottom: 0;
    padding-left: 20px;
}

#product-form .productCloudDesc a {
    font-weight: bold;
    text-decoration: underline;
}

/*****END Cloud Description*****/
/*****START Price*****/
#product-form .productPrice {
    padding-right: 12px;
    margin-bottom: 12px;
}

#product-form .productPrice.noTaxList {
    margin-top: 15px;
    margin-bottom: 14px;
}

#product-form .priceHT {
    font-size: 28px;
    color: #DE3C4B;
    font-weight: bold;
    line-height: 27px;
    margin-bottom: 8px;
    text-align: right;
}

#product-form .priceHT span {
    font-size: 20px;
}

#product-form .priceTTC {
    color: #8B9599;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 6px;
    text-align: right;
}

#product-form .noTaxList .priceTTC {
    margin-bottom: 0;
}

#product-form .priceTTC span {
    font-size: 20px;
}

/*****END Price*****/
/*****START TaxList*****/
#product-form .Tooltip_PriceTax_Link {
    background: #F7F7F7;
    border-top: 1px solid #B9BFC1;
    border-radius: 0 0 0 20px;
    padding: 2px 10px;
    text-align: right;
    color: #8B9599;
    font-size: 12px;
    position: relative;
    z-index: 2;
}

#product-form .Tooltip_PriceTax_Link svg {
    width: 18px;
    float: right;
    position: relative;
    top: -3px;
    margin-left: 5px;
}

#product-form .Tooltip_PriceTax.tooltip {
    right: 12px;
    bottom: 21px;
    padding: 0;
    bottom: 26px;
    z-index: 0;
}

#product-form .Tooltip_PriceTax.tooltip.tooltipSmall {
    width: calc(100% - 16px);
}

#product-form .Tooltip_PriceTax.tooltip.tooltipLarge {
    width: 230px;
}

#product-form .Tooltip_PriceTax.tooltip > .tooltip-inner {
    border: 1px solid #B9BFC1;
    padding: 16px 18px;
    box-shadow: none;
    width: 100%;
}

#product-form .Tooltip_PriceTax.tooltip.tooltipSmall > .tooltip-inner {
    border-radius: 20px 20px 0 0;
}

#product-form .Tooltip_PriceTax.tooltip.tooltipLarge > .tooltip-inner {
    border-radius: 20px 20px 0 20px;
}

#product-form .Tooltip_PriceTax.tooltip > .tooltip-inner::before {
    content: "";
    width: calc(100% - 24px);
    height: calc(100% + 22.15px);
    position: absolute;
    right: 12px;
    top: 0;
    box-shadow: 0px 15px 40px #172C3359;
    border: 0;
    border-radius: 20px 20px 0 20px;
    z-index: -8;
    max-width: 173px;
}

#product-form .Tooltip_PriceTax.tooltip > .tooltip-inner::after {
    content: none;
}

#product-form .Tooltip_PriceTax.tooltip li {
    width: 100%;
}

#product-form .Tooltip_PriceTax.tooltip li.linePrixRemise {
    margin-top: 4px;
    margin-bottom: 10px;
}

#product-form .Tooltip_PriceTax.tooltip li:last-child {
    margin-bottom: 0;
}

#product-form .Tooltip_PriceTax.tooltip li.linePrixStHT div {
    color: #DE3C4B;
}

#product-form .Tooltip_PriceTax.tooltip li > div:first-child, #product-form .Tooltip_PriceTax.tooltip li > div:last-child {
    float: right;
    line-height: 16px;
}

#product-form .Tooltip_PriceTax.tooltip li > div:first-child {
    width: 85px;
}

#product-form .Tooltip_PriceTax.tooltip li > div:last-child {
    width: calc(100% - 85px);
}

/*****END TaxList*****/
/*****START Stock*****/
#product-form .productStock {
    padding-left: 12px;
    margin-bottom: 12px;
}

#product-form .availabilityStock {
    border-radius: 20px 0 20px 20px;
    height: 93px;
    border: 1px solid #F7F7F7;
    background: #F7F7F7;
    padding: 8px 12px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    position: relative;
    overflow: hidden;
    width: 100%;
}

#product-form .availabilityStock.DedicatedStock {
    border-color: #edf9ea;
    background: #edf9ea;
    color: #4CC034;
}

#product-form .availabilityStock.livFast {
    border-color: #edf9ea;
    background: #edf9ea;
    color: #4CC034;
}

#product-form .availabilityStock.livStandard {
    border-color: #e5f2f6;
    background: #e5f2f6;
    color: #007EA7;
}

#product-form .availabilityStock.livExtra {
    border-color: #fcf2eb;
    background: #fcf2eb;
    color: #DE7D3C;
}

#product-form .availabilityStock.outStock {
    border-color: #fcebed;
    background: #fcebed;
    color: #DE3C4B;
}

#product-form .availabilityStock:hover, #product-form .availabilityStock:focus, #product-form .availabilityStock:active {
    opacity: 0.8;
}

#product-form .availabilityStock::after {
    content: "";
    position: absolute;
    right: -30px;
    top: -30px;
    background: #fff;
    width: 60px;
    height: 60px;
    transform: rotate(45deg);
}

#product-form .availabilityStock .StockOuterWrapper {
    display: table;
    width: 100%;
    height: 75px;
}

#product-form .availabilityStock .StockInnerWrapper {
    display: table-cell;
    vertical-align: middle;
}

#product-form .availabilityStock svg {
    position: absolute;
    right: 5px;
    top: 5px;
    color: #8B9599;
    z-index: 1;
    width: 14px;
    height: 14px;
}

#product-form .availabilityStock span {
    display: block;
}

#product-form .availabilityStock b {
    display: block;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    color: #172C33;
}

#product-form .availabilityStock .stockLevel {
    font-size: 14px;
    color: #738084;
    font-weight: normal;
    white-space: nowrap;
    width: 100%;
    float: left;
}

#product-form .availabilityStock .stockLevel b {
    display: inline;
    color: #738084;
    font-weight: 500;
}

/*****END Stock*****/
/*****START Low Stock Message*****/
#product-form .LowStockMessage {
    background: #fcf2eb;
    color: #DE7D3C;
    border-radius: 22px;
    padding: 12px;
    text-align: center;
    font-size: 16px;
}

/*****END Low Stock Message*****/
/*****START Quantity*****/
#product-form .productQuantity_Wrapper {
    padding-right: 12px;
    margin-top: 12px;
}

#product-form .productQuantity {
    border: 1px solid #B9BFC1;
    border-radius: 38px;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

#product-form .productQuantity input {
    background: transparent;
    border: none;
    height: 46px;
    padding: 0;
    text-align: center;
    z-index: 2;
    position: relative;
}

#product-form .productQuantity .BoutBuyNumber_PLUS_Wrapper, #product-form .productQuantity .BoutBuyNumber_MOINS_Wrapper {
    width: 48px;
    float: left;
    position: relative;
    background: #fff;
}

#product-form .productQuantity input.BoutBuyNumber_PLUS, #product-form .productQuantity input.BoutBuyNumber_MOINS {
    width: 100%;
    opacity: 0;
}

#product-form .productQuantity .feather {
    position: absolute;
    left: calc(50% - 7px);
    top: 0;
    height: 46px;
    width: 14px;
    color: #172C33;
    z-index: 0;
}

#product-form .productQuantity input.BoutBuyNumber_TxtInput {
    background: #fff;
    width: calc(100% - 96px);
    border-left: 1px solid #B9BFC1;
    border-right: 1px solid #B9BFC1;
    float: left;
    color: #172C33;
    font-size: 16px;
}

/*****END Quantity*****/
/*****START Button*****/
#product-form .productButtons {
    padding-left: 12px;
    margin-top: 12px;
}

#product-form .productButtons .btnAddToCaddie, #product-form .productButtons .btnGoToCloud, #product-form .productButtons .btnAddToProforma {
    position: relative;
}

#product-form .productButtons input {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 38px;
    border: none;
    opacity: 0;
    z-index: 9;
}

#product-form .productButtons .btn {
    border-radius: 38px;
    background: #172C33;
    border: 1px solid #172C33;
    color: #fff;
    padding: 16px;
    text-transform: uppercase;
    width: 100%;
    font-size: 15px;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#product-form .productButtons .btnGoToCloud:hover .btn, #product-form .productButtons .btnGoToCloud:active .btn, #product-form .productButtons .btnGoToCloud:focus .btn, #product-form .productButtons .btnAddToCaddie:hover .btn, #product-form .productButtons .btnAddToCaddie:active .btn, #product-form .productButtons .btnAddToCaddie:focus .btn {
    opacity: 0.9;
}

#product-form .productButtons .btnAddToProforma .btn {
    background: transparent;
    color: #172C33;
    margin-top: 16px;
}

#product-form .productButtons .btn svg {
    width: 20px;
    margin-right: 5px;
    margin-top: -12px;
    top: 6px;
    position: relative;
    stroke-width: 1.5;
}

#product-form .productButtons .btn svg.feather-list {
    width: 10px;
    margin-left: -29px;
    top: 7px;
}

/*****END Button*****/
/*****START Product Footer*****/
#product-form .productFooter {
    border-top: 2px solid #E7E9EA;
    margin-top: 24px;
}

#product-form .productFooter ul {
    list-style: none;
    padding: 24px 0 24px 56px;
    float: left;
    margin: 0;
}

#product-form .productFooter li {
    color: #738084;
    margin-bottom: 8px;
    width: 100%;
    float: left;
}

#product-form .productFooter li:last-child {
    margin-bottom: 0;
}

#product-form .productFooter li svg {
    width: 18px;
    height: 22px;
    margin-right: 12px;
    stroke-width: 1.5;
    float: left;
}

#product-form .productFooter li span, #product-form .productFooter li a {
    font-size: 16px;
    float: left;
    color: inherit;
    text-decoration: none;
}

#product-form .productFooter li a:hover {
    color: #E14957;
}

#product-form .productFooter li a svg {
    float: right;
    margin: 0 0 0 5px;
    height: 23px;
}

#product-form .productFooter li span.ratingValue {
    color: #DE7D3C;
    float: none;
}

#product-form .productFooter li span.ratingCount {
    color: #172C33;
    float: none;
}

#product-form .productFooter .cardList {
    text-align: center;
    float: left;
    width: 100%;
}

#product-form .productFooter .cardList img {
    padding: 0 6px;
    display: inline;
    height: 32px;
}

#product-form .seoh2footer {
    font-size: 16px !important;
    margin-bottom: 20px
}

#product-form .seoh3footer {
    font-size: 14px !important;
    margin-bottom: 20px
}

#product-form .liensbasdepage {
    padding: 0;
    display: grid;
    grid-template-areas: "col-1 col-2 col-3 col-4";
    gap: 10px;
    margin-top: 20px;
}

/*****END Product Footer*****/
/*****END Product Form Right*****/
/*****START Promo Products*****/
#product-form .blockPromoProducts {
    padding-top: 40px;
}

#product-form .blockPromoProducts h2 {
    font-size: 24px;
    margin-bottom: 0;
    text-align: left;
}

#product-form .blockPromoProducts .owl-carousel {
    margin-right: 0;
    position: relative;
}

#product-form .blockPromoProducts .owl-stage-outer {
    padding: 40px 18px 0;
    margin: 0 -18px;
}

#product-form .blockPromoProducts .thumbnail {
    border-radius: 20px;
    background: transparent;
    margin-bottom: 20px;
    border: none;
    position: relative;
}

body.desktopDevice #product-form .blockPromoProducts .thumbnail:hover, body.desktopDevice #product-form .blockPromoProducts .thumbnail:active, body.desktopDevice #product-form .blockPromoProducts .thumbnail:focus {
    box-shadow: 0 0 18px 0px #172C332E;
    background: #fff;
}

#product-form .blockPromoProducts .thumbnail .addToFavorite {
    background: transparent;
    border: 1px solid #8B9599;
    border-radius: 32px;
    width: 32px;
    height: 32px;
    padding: 8px;
    position: absolute;
    top: 8px;
    right: 11px;
}

#product-form .blockPromoProducts .thumbnail .addToFavorite:hover, #product-form .blockPromoProducts .thumbnail .addToFavorite:active, #product-form .blockPromoProducts .thumbnail .addToFavorite:focus {
    border-color: #DE3C4B;
}

#product-form .blockPromoProducts .thumbnail .addToFavorite svg {
    color: #8B9599;
    width: 16px;
    height: 16px;
    margin-left: -1px;
}

#product-form .blockPromoProducts .thumbnail .addToFavorite:hover svg, #product-form .blockPromoProducts .thumbnail .addToFavorite:active svg, #product-form .blockPromoProducts .thumbnail .addToFavorite:focus svg {
    color: #DE3C4B;
}

#product-form .blockPromoProducts .thumbnail .prodRatings {
    margin: 0 auto 8px;
    height: 10px;
    width: 75px;
    display: block;
}

#product-form .blockPromoProducts .thumbnail .prodRatings i {
    color: #B9BFC1;
    font-size: 10px;
    padding: 0 2.5px;
    float: left;
}

#product-form .blockPromoProducts .thumbnail .prodRatings i.starOrange {
    color: #DE7D3C;
}

#product-form .blockPromoProducts .thumbnail .priceHT {
    text-align: center;
    font-size: 16px;
    line-height: 18px;
}

#product-form .blockPromoProducts .thumbnail .priceTTC {
    margin-bottom: 24px;
    text-align: center;
    font-size: 16px;
    line-height: 18px;
}

#product-form .blockPromoProducts .thumbnail .priceHT span, #product-form .blockPromoProducts .thumbnail .priceTTC span {
    font-size: 12px;
}

#product-form .blockPromoProducts .addToBasket {
    font-size: 14px;
    line-height: 16px;
    border-radius: 38px;
    padding: 16px 32px;
    font-weight: 400;
    width: 198px;
    text-transform: uppercase;
    letter-spacing: 0;
    border: none;
}

#product-form .blockPromoProducts .owl-nav {
    top: -45px;
}

#product-form .blockPromoProducts .owl-carousel .owl-nav button.owl-prev, #product-form .blockPromoProducts .owl-carousel .owl-nav button.owl-next {
    border-radius: 16px;
    float: left;
}

#product-form .blockPromoProducts .owl-carousel .owl-nav button.owl-next {
    float: right;
}

/*****END Promo Products*****/
/*****START Stock Modal*****/
body.modal-open #top {
    z-index: 9;
}

body.modal-open .modal-backdrop {
    display: none;
}

#stockModal {
    z-index: 9999;
    background: #FFFFFFD9;
}

body.desktopDevice #stockModal {
    overflow-y: scroll;
}

#stockModal .modal-dialog {
    margin: 0;
    width: 535px;
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 90%;
    transform: translateY(-50%) translateX(-50%);
}

#stockModal .modal-content {
    border-radius: 20px;
    border: none;
    box-shadow: 0px 20px 40px #172C3359;
}

#stockModal .modal-header {
    padding: 0;
    border-bottom: none;
    z-index: 2;
    position: relative;
}

#stockModal .close {
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    height: 44px;
    background: #e7e9ea;
    border-radius: 0px 20px 0px 8px;
    opacity: 1;
    padding: 6px;
    cursor: pointer;
}

#stockModal .close:hover, #stockModal .close:active, #stockModal .close:focus {
    background: #ebedee;
}

#stockModal .close svg {
    color: #172C33;
    width: 28px;
    height: 28px;
    stroke-width: 2;
}

#stockModal .modal-title {
    color: #172C33;
    font-weight: normal;
    line-height: 22px;
    font-size: 22px;
    margin-bottom: 24px;
    text-transform: uppercase;
    margin-right: 19px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#stockModal .modal-body {
    padding: 24px;
    overflow: hidden;
}

#stockModal .modal-body p {
    margin: 0;
    text-align: left;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px;
}

#stockModal .modal-body p:last-child {
    margin-bottom: 0;
}

#stockModal .modal-body small {
    color: #8B9599;
    font-size: 12px;
    line-height: 18px;
    display: block;
    text-align: left;
}

#stockModal .modal-body .form-group {
    margin-bottom: 12px;
    float: left;
}

#stockModal .modal-body label {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 4px;
    padding-left: 16px;
    float: left;
    width: 100%;
    text-align: left;
}

#stockModal .modal-body input {
    float: left;
    border-radius: 38px 0 0 38px;
    border-color: #B9BFC1;
    padding: 12px 16px;
    font-size: 16px;
    height: 43px;
    border-right: none;
    width: calc(100% - 112px);
}

#stockModal .modal-body button {
    float: left;
    border-radius: 0 38px 38px 0;
    border-color: #DE3C4B;
    background: #DE3C4B;
    padding: 12px 24px;
    font-size: 16px;
    height: 43px;
    text-transform: uppercase;
    width: 112px;
}

#stockModal .modal-body button:hover, #stockModal .modal-body button:active, #stockModal .modal-body button:focus {
    opacity: 0.8;
}

#stockModal .Alert {
    margin: 0;
    width: 800px;
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 90%;
    transform: translateY(-50%) translateX(-50%);
}

#stockModal .Warning {
    background: #fcf2eb;
    color: #DE7D3C;
    border-radius: 22px;
    text-align: left;
    font-size: 14px;
    float: left;
    margin-top: 10px;
    border: 1px solid #DE7D3C;
    overflow: hidden;
}

#stockModal .Warning i {
    color: #fff;
    background: #DE7D3C;
    padding: 12px 16px;
    font-size: 18px;
    float: left;
    width: 50px;
    height: 42px;
}

#stockModal .Warning span {
    padding: 12px 16px;
    float: left;
    line-height: 18px;
    height: 42px;
    overflow: hidden;
}

#stockModal .Success {
    background: #e5f2e5;
    color: #4CC034;
    border-radius: 22px;
    text-align: left;
    font-size: 14px;
    float: left;
    margin-top: 10px;
    border: 1px solid #4CC034;
    overflow: hidden;
}

#stockModal .Success i {
    color: #fff;
    background: #4CC034;
    padding: 12px 16px;
    font-size: 18px;
    float: left;
    width: 50px;
    height: 42px;
}

#stockModal .Success span {
    padding: 12px 16px;
    float: left;
    line-height: 18px;
    height: 42px;
    overflow: hidden;
}

/*****END Stock Modal*****/
/*****START Cloud Modal*****/
#stockModal {
    z-index: 9999;
    background: #FFFFFFD9;
}

body.desktopDevice #cloudModal {
    overflow-y: scroll;
}

#cloudModal1, #cloudModal2 {
    z-index: 1000000 !important;
}

#cloudModal1 .modal-dialog {
    margin: 0;
    width: 735px;
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 90%;
    transform: translateY(-50%) translateX(-50%);
}

#cloudModal2 .modal-dialog {
    margin: 0;
    width: 535px;
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 90%;
    transform: translateY(-50%) translateX(-50%);
}

#cloudModal1 .modal-content, #cloudModal2 .modal-content {
    border-radius: 20px;
    border: none;
    box-shadow: 0px 20px 40px #172C3359;
}

#cloudModal1 .modal-header, #cloudModal2 .modal-header {
    padding: 0;
    border-bottom: none;
    z-index: 2;
    position: relative;
}

#cloudModal1 .close, #cloudModal2 .close {
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    height: 44px;
    background: #e7e9ea;
    border-radius: 0px 20px 0px 8px;
    opacity: 1;
    padding: 6px;
    cursor: pointer;
}

#cloudModal1 .close:hover, #cloudModal2 .close:hover, #cloudModal1 .close:active, #cloudModal2 .close:active, #cloudModal1 .close:focus, #cloudModal2 .close:focus {
    background: #ebedee;
}

#cloudModal1 .close svg, #cloudModal2 .close svg {
    color: #172C33;
    width: 28px;
    height: 28px;
    stroke-width: 2;
}

#cloudModal1 .modal-title, #cloudModal2 .modal-title {
    color: #172C33;
    font-weight: normal;
    font-size: 22px;
    margin-bottom: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#cloudModal1 .modal-body, #cloudModal2 .modal-body {
    padding: 24px;
    overflow: hidden;
}

#cloudModal1 .modal-body .model-text-bold-underline, #cloudModal2 .modal-body .model-text-bold-underline {
    font-weight: bold;
    text-decoration: underline;
}

#cloudModal1 .modal-body p, #cloudModal2 .modal-body p {
    margin: 0;
    text-align: left;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px;
}

#cloudModal1 .modal-body p:last-child, #cloudModal2 .modal-body p:last-child {
    margin-bottom: 0;
}

#cloudModal1 .modal-body a, #cloudModal2 .modal-body a {
    font-weight: bold;
    text-decoration: underline;
}

#cloudModal1 .modal-body .modal-body-text-1 {
}

#cloudModal1 .modal-body .form-group, #cloudModal2 .modal-body .form-group {
    margin-bottom: 12px;
}

#cloudModal1 .modal-body .form-group {
    margin-top: 20px;
}
}

#cloudModal1 .modal-body label, #cloudModal2 .modal-body label {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 4px;
    padding-left: 16px;
    float: left;
    width: 100%;
    text-align: left;
}

#cloudModal2 .modal-body .form-group a {
    color: #fff;
    border-radius: 38px;
    border-color: #172C33;
    background: #172C33;
    padding: 12px 24px;
    font-size: 16px;
    height: 43px;
    text-transform: uppercase;
    width: 112px;
    text-decoration: none;
    font-weight: normal;
}

#cloudModal2 .modal-body .form-group a svg {
    width: 28px;
    height: 28px;
    stroke-width: 2;
    position: relative;
    top: 7px;
}

#cloudModal2 .modal-body .form-group a:hover, #cloudModal2 .modal-body .form-group a:active, #cloudModal2 .modal-body .form-group a:focus {
    opacity: 0.8;
}

#cloudModal1 .modal-body .form-group .model-body-image {
    width: 45%;
    float: left;
}

#cloudModal1 .modal-body .form-group .model-body-image img {
    width: 280px;
    border: 0;
}

#cloudModal1 .modal-body .form-group .model-body-form {
    width: 53%;
    float: left;
    text-align: left;
}

#cloudModal1 .modal-body .form-group .model-body-form .model-body-form-label {
    color: #000;
}

#cloudModal1 .modal-body .form-group .model-body-form .model-body-form-control {
    border: 1px solid #e7e9ea;
    border-radius: 7px;
    margin-bottom: 8px;
}

#cloudModal1 .modal-body .form-group .model-body-form .errorInput {
    border: 1px solid #DE3C4B;
}

#cloudModal1 .modal-body .form-group .model-body-form .model-body-form-button-div {
    text-align: center;
}

#cloudModal1 .modal-body .form-group .model-body-form .model-body-form-button {
    color: #fff;
    border-radius: 38px;
    border-color: #172C33;
    background: #172C33;
    padding: 12px 24px;
    font-size: 16px;
    width: 220px;
    text-decoration: none;
    font-weight: normal;
    margin: 15px 0px
}

#cloudModal1 .modal-body .form-group .model-body-form .model-body-form-footer {
    color: #172C33;
    font-size: 11px;
    font-weight: normal;
}

#cloudModal1 .modal-body .form-group .model-body-form .correct-icon {
    width: 20px;
    height: 20px;
    float: left;
}

#cloudModal1 .modal-body .form-group .model-body-form .correct-icon .feather-check {
    color: #20484f;
    background-color: #dcf2ed;
    padding: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

#cloudModal1 .modal-body .form-group .model-body-form .model-body-form-title {
    font-size: 16px;
    position: relative;
    left: 40px;
    display: block;
    margin-bottom: 20px;
    font-weight: bold;
    padding-top: 7px;
}

#cloudModal1 .modal-body .form-group .model-body-form .model-body-form-text-1 {
    font-size: 13px;
    position: relative;
    left: 60px;
}

#cloudModal1 .Alert {
    border: 1px solid;
    border-radius: 20px;
    font-size: 16px;
    line-height: 22px;
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 90%;
    transform: translateY(-50%) translateX(-50%);
    overflow: hidden;
    display: table;
    min-width: 50%;
    max-width: 100%;
}

#cloudModal1 .Alert.Warning {
    background: #fcf2eb;
    color: #E6843E;
    border-color: #E6843E;
    width: 100%;
    height: 26px;
    position: relative;
    float: left;
    margin: 16px 0 0;
}

#cloudModal1 .Alert.Success {
    background: #e5f2e5;
    color: #4CC034;
    border-color: #4CC034;
}

#cloudModal1 .Alert i {
    display: table-cell;
    vertical-align: middle;
    padding: 0 12px;
    width: 50px;
    color: #fff;
    text-align: center;
    font-size: 20px;
}

#cloudModal1 .Alert.Warning i {
    background: #E6843E;
}

#cloudModal1 .Alert.Success i {
    background: #4CC034;
}

#cloudModal1 .Alert span {
    display: table-cell;
    vertical-align: middle;
    padding: 16px 12px;
    width: calc(100% - 50px);
}

#cloudModal1 .Alert.Warning span {
    padding: 10px 12px;
}

/*****END Clod Modal*****/
/*****START Tablet Device*****/
body.tabletDevice #product-form .productFooter .cardList {
    text-align: left;
}

/*****END Tablet Device*****/
/*****START Tablet + Mobile Device*****/
body.tabMobDevice > form > #middle {
    z-index: 9999;
}

body.tabMobDevice #product-form .productFormLeft {
    padding-right: 4px;
}

body.tabMobDevice #product-form .productFormRight {
    max-width: 100% !important;
    right: 0 !important;
    padding-left: 4px;
}

body.tabMobDevice #product-form .productQuantity_Wrapper {
    padding-right: 4px;
    margin: 11px calc(50% - 90px) 0;
    max-width: 180px;
}

body.tabMobDevice #product-form .productButtons {
    padding-left: 4px;
    max-width: 282px;
    margin: 24px calc(50% - 141px) 0;
}

body.tabMobDevice #product-form .productFooter {
    margin: 24px 0 32px;
}

body.tabMobDevice #product-form .productFooter ul {
    padding: 16px 0 14px;
}

/*****END Tablet + Mobile Device*****/
/*****START Mobile Device*****/
body.mobileDevice #cmcwebpartwpmarketingoffer {
    display: none;
}

body.mobileDevice #product-form {
    padding: 0 16px 18px;
}

body.mobileDevice #product-form .productFormLeft {
    padding-right: 4px;
    margin-top: 0;
}

body.mobileDevice #product-form .carousel {
    margin-left: 30px;
    margin-right: 30px;
}

body.mobileDevice #product-form .productImage {
    margin-bottom: 12px;
}

body.mobileDevice #product-form .productImage .carousel-inner {
    height: 250px;
}

body.mobileDevice #product-form .productOffer {
    margin-left: 0;
    margin-right: 0;
}

body.mobileDevice #product-form .productPanels {
    margin-left: 0;
    margin-right: 0;
}

body.mobileDevice #product-form #accordion {
    margin-bottom: 10px;
    margin-top: 0;
}

body.mobileDevice #product-form .productFormRight {
    padding-left: 4px;
    margin-top: 0;
}

body.mobileDevice #product-form h1.productName {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 6px;
    height: 52px;
    font-weight: bold;
}

body.mobileDevice #product-form .productRef {
    margin-bottom: 8px;
}

body.mobileDevice #product-form .productDesc p, body.mobileDevice #product-form .productDesc ul {
    font-size: 14px;
    line-height: 20px;
    max-height: 64px;
}

body.mobileDevice #product-form .prodRatings {
    margin-bottom: 16px;
}

body.mobileDevice #product-form .prodRatings i {
    width: 15px;
    height: 15px;
    font-size: 15px;
    margin-right: 0;
}

body.mobileDevice #product-form .prodRatings span {
    font-size: 12px;
    margin-left: 5px;
    line-height: 15px;
    position: relative;
    top: -1px;
}

body.mobileDevice #product-form .productPrice {
    padding-right: 11px;
    margin-bottom: 11px;
}

body.mobileDevice #product-form .priceHT {
    font-size: 24px;
    line-height: 25px;
    margin-bottom: 4px;
}

body.mobileDevice #product-form .priceHT span {
    font-size: 16px;
}

body.mobileDevice #product-form .priceTTC {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 10px;
}

body.mobileDevice #product-form .priceTTC span {
    font-size: 16px;
}

body.mobileDevice #product-form .Tooltip_PriceTax.tooltip {
    right: 11px;
    width: calc(100% - 15px);
}

body.mobileDevice #product-form .Tooltip_PriceTax.tooltip.tooltipLarge {
    width: 176px;
}

body.mobileDevice #product-form .Tooltip_PriceTax.tooltip > .tooltip-inner {
    padding: 12px;
}

body.mobileDevice #product-form .Tooltip_PriceTax.tooltip.tooltipLarge > .tooltip-inner {
    padding: 12px 6px;
}

body.mobileDevice #product-form .Tooltip_PriceTax.tooltip > .tooltip-inner::before {
    max-width: 175px;
    box-shadow: 0px 10px 40px #172C3359;
    right: 11px;
}

body.mobileDevice #product-form .Tooltip_PriceTax.tooltip li {
    font-size: 12px;
}

body.mobileDevice #product-form .Tooltip_PriceTax.tooltip li.linePrixTTC {
    margin-bottom: 12px;
}

body.mobileDevice #product-form .Tooltip_PriceTax.tooltip li div {
    line-height: 14px;
}

body.mobileDevice #product-form .Tooltip_PriceTax.tooltip li > div:first-child {
    width: 65px;
}

body.mobileDevice #product-form .Tooltip_PriceTax.tooltip li > div:last-child {
    width: calc(100% - 65px);
}

body.mobileDevice #product-form .productStock {
    padding-left: 11px;
    margin-bottom: 11px;
}

body.mobileDevice #product-form .availabilityStock .StockOuterWrapper {
    height: 54px;
}

body.mobileDevice #product-form .availabilityStock {
    height: 88px;
    padding: 16px 12px;
    font-size: 14px;
    line-height: 18px;
}

body.mobileDevice #product-form .availabilityStock b {
    font-size: 12px;
}

body.mobileDevice #product-form .availabilityStock .stockLevel {
    font-size: 12px;
}

body.mobileDevice #product-form .productFooter .cardList img {
    height: auto;
    width: calc(16.66% - 3px);
    padding: 0 3px;
}

body.mobileDevice #product-form .productFooter .cardList img:first-child {
    padding-left: 0;
}

body.mobileDevice #product-form .productFooter .cardList img:last-child {
    padding-right: 0;
}

body.mobileDevice #product-form #accordion .panel-title a {
    font-size: 18px;
    padding: 22px 24px;
    line-height: 23px;
}

body.mobileDevice #product-form #ttMarketingDescriptionOrDescCnet p, body.mobileDevice #product-form #ttMarketingDescriptionOrDescCnet .ccs-cc-inline-feature-description, body.mobileDevice #product-form #ttMarketingDescriptionOrDescCnet .ccs-cc-inline-header-description {
    font-size: 14px;
    margin-bottom: 6px;
}

body.mobileDevice #product-form #collapseTechnical .listTech li.titleRow h5 {
    padding-top: 30px
}

body.mobileDevice #product-form #collapseTechnical .listTech:first-child li.titleRow h5 {
    padding-top: 24px;
}

body.mobileDevice #product-form #collapseTechnical .listTech li.detailRow span {
    font-size: 14px;
}

body.mobileDevice #product-form #collapseTechnical .listTech li.detailRow span:first-child {
    font-weight: bold;
    padding-bottom: 0;
}

body.mobileDevice #product-form #collapseTechnical .listTech li.detailRow span:last-child {
    padding-top: 0;
}

body.mobileDevice #product-form #collapseReview .blockAverageRating {
    margin-bottom: 42px;
}

body.mobileDevice #product-form #collapseReview .reviewItem {
    padding: 18px 0;
}

body.mobileDevice #product-form #collapseReview .reviewItem p {
    margin-bottom: 18px;
}

body.mobileDevice #product-form #collapseReview .reviewItem small {
    font-size: 14px;
}

body.mobileDevice #product-form .blockPromoProducts {
    padding-top: 32px;
    padding-bottom: 0;
}

body.mobileDevice #product-form .blockPromoProducts h2 {
    font-size: 16px;
    text-align: center;
    padding-bottom: 8px;
    line-height: 22px;
}

body.mobileDevice #product-form .blockPromoProducts .owl-stage-outer {
    padding: 0 18px 0;
}

body.mobileDevice #product-form .blockPromoProducts .thumbnail {
    padding: 16px 40px 28px;
}

body.mobileDevice #product-form .blockPromoProducts .thumbnail .addToFavorite {
    right: 26px;
}

body.mobileDevice #product-form .blockPromoProducts .addToBasket {
    width: 212px;
}

body.mobileDevice #product-form .blockPromoProducts .thumbnail .priceHT span {
    font-size: 12px;
}

body.mobileDevice #product-form .blockPromoProducts .thumbnail .priceTTC {
    margin-bottom: 12px;
}

body.mobileDevice #product-form .blockPromoProducts .thumbnail .priceTTC span {
    font-size: 12px;
}

body.mobileDevice #product-form .blockPromoProducts .owl-nav {
    top: calc(50% - 18px);
    width: 100%;
}

body.mobileDevice #stockModal .modal-title {
    line-height: 20px;
    font-size: 20px;
    margin-bottom: 16px;
}

body.mobileDevice #stockModal .modal-body p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
}

body.mobileDevice #stockModal .modal-body label {
    font-size: 14px;
}

body.mobileDevice #stockModal .modal-body small {
    font-size: 12px;
    line-height: 16px;
}

body.mobileDevice #stockModal .modal-body input {
    padding: 12px 12px 12px 16px;
    font-size: 15px;
    width: calc(100% - 90px);
}

body.mobileDevice #stockModal .modal-body button {
    padding: 12px 16px;
    font-size: 14px;
    width: 90px;
}

/*****END Mobile Device*****/