@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');

/*START RESET**************************************************************************/

/*.extranet #freezone9 { display: none;}
.extranet.index #freezone9 { display: block;}*/

/* {
    box-sizing: border-box;
}*/

html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input {
    margin: 0px;
    padding: 0px;
    border: 0px;
    outline: 0px;
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    line-height: 20px;
    font-family: arial, 'Open Sans', sans-serif;
    box-sizing: border-box;
    color: #000;
    text-align: left
}

img, legend {
    border: 0
}

legend, td, th {
    padding: 0
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

    a:active, a:hover {
        outline: 0
    }

abbr[title] {
    border-bottom: 1px dotted
}

b, optgroup, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 { /*margin:.67em 0*/
    ;
    font-size: 2em
}

mark {
    color: #000;
    background: #ff0
}

small {
    font-size: 80%
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

pre, textarea {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

    button[disabled], html input[disabled] {
        cursor: default
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        padding: 0;
        border: 0
    }

input {
    line-height: normal
}

    input[type=checkbox], input[type=radio] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0
    }

    input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
        height: auto
    }

    input[type=search] {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        -webkit-appearance: textfield
    }

        input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }

fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid silver
}

table {
    border-spacing: 0;
    border-collapse: collapse
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

a:link, a:visited, a:hover, a:active {
    text-decoration: none
}

strong {
    font-weight: bold
}
/*pop up with only a background to prevent seizure during a action */
.disableBody {
    position: absolute;
    z-index: 5000
}

.disableBody {
    left: 0px;
    top: 0px;
    position: fixed;
    z-index: 200;
    background-color: silver;
    opacity: 0.5;
    filter: alpha(opacity=50);
    position: expression('absolute');
    top: expression(documentElement.scrollTop+body.scrollTop);
    left: expression(documentElement.scrollLeft+body.scrollLeft);
}

.message {
    display: block; /*left : 100px;top : 100px;*/
    position: fixed;
    position: expression('absolute');
    top: expression(documentElement.scrollTop+body.scrollTop + (documentElement.offsetHeight - this.offsetHeight)/2);
    left: expression(documentElement.scrollLeft + (documentElement.offsetWidth - this.offsetWidth)/2);
    z-index: 9999;
    background-color: #FFFFFF;
}

body .disableDataList {
    background-color: transparent;
    margin: 0 auto;
    position: absolute;
    z-index: 100000
}
/*END RESET****************************************************************************/

body.concessionnaire #cmcwebusercustomerresellerfinder {
    display: none;
}

/*START DEFAULT STYLES****************************************************************/

html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td, input {
    font-size: 12px;
    color: #000;
}
/*SCROLL UP*/
.scrollup {
    border-radius: 3px;
    bottom: 50px;
    color: rgb(255, 255, 255);
    display: none;
    height: 40px;
    opacity: 0.8;
    position: fixed;
    right: 100px;
    width: 40px;
    background: none 0px 0px repeat scroll rgb(102, 102, 102);
    text-align: center
}

    .scrollup:hover, .scrollup:active, .scrollup:focus {
        background: none 0px 0px repeat scroll rgb(51, 51, 51);
    }

    .scrollup .fa {
        color: rgb(255, 255, 255);
        font-size: 2rem;
        line-height: 40px;
    }
/*MESSAGE ALERT*/

#freezone10 {
    position: absolute;
    width: 100%;
}

.index #freezone10 {
    position: relative;
}

.CUSTOMER_MESSAGEtop {
    position: relative;
    top: 85px;
}

table.CUSTOMER_MESSAGEtop {
    display: none;
}

.index .CUSTOMER_MESSAGEtop {
    position: relative;
    top: 0;
}

.CUSTOMER_MESSAGEtop span {
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    margin: 0 auto;
    text-align: center;
    width: 1024px;
}

.gblMessageGOOD {
    color: #96BF0D;
}

.gblMessageWarning {
    color: #F39200
}

.gblMessageERROR {
    color: #E3192D;
}

font.gblMessageGOOD, font.gblMessageWarning, font.gblMessageERROR {
    display: none;
}



/**ALL INPUT TXT TEXTAREA****/
::-webkit-input-placeholder, ::-moz-placeholder, ::-ms-input-placeholder, ::-moz-placeholder {
    color: rgb(190, 188, 188);
    font-style: italic;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: rgb(190, 188, 188);
}

input {
    outline: none;
}

    input[type="text"], input[type="password"], select, textarea {
        padding: 5px;
        border: 1px solid #6c6c6c;
        font-size: 12px;
        color: #000;
        -webkit-border-radius: 2px 2px 2px 2px;
        border-radius: 2px 2px 2px 2px;
    }

        input[type="text"]:active, input[type="text"]:focus,
        input[type="password"]:active, input[type="password"]:focus,
        select:active, select:focus,
        textarea:focus, .ProductFormMainTable .SendmailGblTable textarea:focus {
            border: 1px solid #00abd7;
            background: #eee;
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

allInput {
    color: #000;
    font-size: 12px;
    padding: 5px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
}

    allInput:active, allInput:focus {
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

inputSurFondBlanc {
    border: 1px solid #5e5e5e;
    background-color: #FFFFFF;
}

    inputSurFondBlanc:active, inputSurFondBlanc:focus {
        border: 1px solid #00E2A2;
        background-color: #eee;
    }

inputSurFondGrisClair {
    border: 1px solid #ddd;
    background-color: #FFFFFF;
}

inputSurFondBlanc:active, inputSurFondBlanc:focus {
    border: 1px solid #00E2A2;
    background-color: #eee;
}
/*TITLES*/
body form[action*="http://"] #mainContainer, body form[action*="./"] #mainContainer, .catproductform #mainContainer {
    padding-bottom: 40px;
    background-image: url("/ImagesPortal/FR/Localisation/images/bgTitleAlldynamicPage.gif");
    background-repeat: repeat-x;
    background-position: top center;
    background-color: #f5f5f5
}

body form[action*="http://"] #mainContainer {
    background-position: center 30px;
}

body.index form[action*="./"] #mainContainer {
    background-color: #fff
}

h1.Upsell_Title, .cstaccountcreate30 .content::before, body form[action*="/page/"] h1.staticTitleH1, #ProductUpsellMain h1, .catproductlist5 h1, .catproductlist6 h1, label.Title span, .TitleP, .title1, .PaymentProcess_Title, .titleMyAccount, .ShippingOption td.Title, .OrderList_MainTitle, .OrderDetail_MainTitle, .ProFormaList_MainTitle, .PersonCreateMainTable .personCreateHeaderRow .PersonCreate_MainTitle, .cstAccountAddressMain .PageTitle .titleMyAccount, .Basket_MainTitle, .staticTitleH1, .MainTitle, .productlistBKG2 span, /*.AccountCreate10Content .AccountCreate10ContentTitle,*/ /*.AccountCreate20ContentTitleE,*/ .TitleE span, body form[action*="./cstcorporatepoollist.aspx"] .PoolManagerList_Header span, .PoolMainTable .CUSTOMER_ToolBarTable span, .Basket_TitleText, .StandardBottomBKG::before {
    border-bottom: 0px dashed #bebebe;
    color: #000;
    font-size: 23px;
    font-weight: bold;
    padding: 10px calc((100% - 1024px) / 2) 30px;
    text-align: left;
    width: 100%;
    background-color: transparent;
    padding-top: 25px;
    margin-bottom: 70px;
    display: inline-block
}

body form[action*="/page/"] h1.staticTitleH1 {
    border-bottom: 1px dashed #bebebe;
    background-color: #fff;
    margin-bottom: 0;
}

body form[action*="./"] .content > br, body form[action*="./"] .content > table > tr > td > br, body form[action*="./"] .content > table > tbody > tr > td > br {
    display: none;
}

form[action*="./"] h1.staticTitleH1, body form[action*="./cstcorporatepoollist.aspx"] .PoolManagerList_Header span {
    padding: 20px 0 20px 0
}

.costAccount .title::before, .templateSlsCommerceOrderPayment .DivSelectPaymentMode_Block > div:first-child::before, .OrderCheckMain .Title::before, .CUSTOMER_ToolBarTableTD2::before, #confirmMail::before, .textContact::before, h2.staticTitleH2::before, .AccountCreate20ContentTitle2:before, body form[action*="./"] h2::before, span#COMMERCE\.LOGIN\.LOGINMSG::before, .templateCstforgotten p:before, .catconfig .CUSTOMER_ToolBarTable .StandardBottomBKG_Title .StandardBottomBKG_Title::before, .Candara_GreyTitle::before {
    background-color: #e3192d; /* bottom: -8px; */
    content: "";
    height: 30px; /* left: calc(50% - 35px); */
    margin: 0;
    position: absolute;
    width: 5px;
}


.costAccount .title, .templateSlsCommerceOrderPayment .DivSelectPaymentMode_Block > div:first-child, .OrderCheckMain .Title, #confirmMail, .textContact, h2.staticTitleH2, .AccountCreate20ContentTitle2, body form[action*="./"] h2, span#COMMERCE\.LOGIN\.LOGINMSG, .templateCstforgotten p, .catconfig .CUSTOMER_ToolBarTable .StandardBottomBKG_Title .StandardBottomBKG_Title, .Candara_GreyTitle {
    color: #3D3D3D;
    font-size: 20px;
    line-height: 2.5rem;
    margin-bottom: 20px;
    margin-top: 10px;
    position: relative;
    text-align: center;
    padding-left: 20px;
}

    .costAccount .title, .templateSlsCommerceOrderPayment .DivSelectPaymentMode_Block > div:first-child, .OrderCheckMain .Title, #confirmMail.textContact, body form[action*="./"] h2, .templateCstforgotten p, .catconfig .CUSTOMER_ToolBarTable .StandardBottomBKG_Title .StandardBottomBKG_Title, .Candara_GreyTitle, .AccountCreate20ContentTitle2 {
        text-align: left;
    }

        .costAccount .title::before, .templateSlsCommerceOrderPayment .DivSelectPaymentMode_Block > div:first-child::before, .OrderCheckMain .Title::before, .CUSTOMER_ToolBarTableTD2::before, #confirmMail::before, .textContact::before, body form[action*="./"] h2::before, .AccountCreate20ContentTitle2::before, span#COMMERCE\.LOGIN\.LOGINMSG::before, .templateCstforgotten p::before, .catconfig .CUSTOMER_ToolBarTable .StandardBottomBKG_Title .StandardBottomBKG_Title::before, .Candara_GreyTitle::before {
            margin-left: -15px
        }
/*BUTTONS*/
/*start default styles*/
.costAccountChange a:link, .costAccountChange a:visited,
.AddtoBasket_CloseBasket > a:link, .AddtoBasket_CloseBasket > a:visited, .errorMsg a:link, .errorMsg a:visited,
.geolocatebtn, .btnContinue > span, .Upsell_Btn_Continue input, .gblBoutValid7, .gblBoutValid1, .gblboutValid1, .gblButtonValid, .gblBoutValid2, .btnValidate, .gblBtnValid, .gblButtonValid, .gblBoutBleu, .gblBoutSearch4,
.gblboutDelete2, .AddressFormButtons_Cancel .gblBoutValid2, .AddressFormButtons_Cancel .gblBoutValid2, .gblboutDelete1,
.AddtoBasket_Button .addtobasket a:link, .AddtoBasket_Button .addtobasket a:visited, .gblBoutValid2, .boutBuyNowPromotion, .gblBoutBask2, .gblBoutAdd5, .PushProduct_BuyNow,
.gblboutSave2, .gblBoutSend2[value="Devis"], .gblBoutSend2,
.gblboutPDF2,
.AddtoBasket_Button .continue a:link, .AddtoBasket_Button .continue a:visited, .AddressFormButtons_Back .gblBoutValid2, .gblBoutValid2, .BoutBack, .gohomelink,
.btnLogout, .gblBoutDelete2, .gblBoutDelete2,
.loginDropdown > a.connect:link, .loginDropdown > a.connect:visited,
.clientDropdown > a.connect:link, .clientDropdown > a.connect:visited,
.gblBoutEdit1, .gblboutGo3,
.gblboutPrint2, .gblboutPrint1, .gblboutBack1,
.gblBoutSearch2,
.gblboutComput1, .gblBoutValid6, .gblBtnCancel,
.gblBoutCountinueOrder, .Basket_BTN_Checkout, .gblBoutSend4, .gblBoutSend3,
.gblBoutAdd4, .gblBoutGreylight,
.AddressFormButtons_Create .gblBoutDelete2,
.forgottenButton .gblBoutValid2, .SendmailButton,
.gblBoutGrey,
.btnOpenAccount,
.gblBoutSend2[value="Liste des commandes"],
.Style10_ProductMoreDetail, #homepage-blog li .blog-item-container .blog-item-info .btn-default,
.BoutBuyNumber_INPUTBTN,
.BoutBuyNumber_PLUS,
.BoutBuyNumber_MOINS,
.sCurrentPage,
.btnSearch,
.Basket_BTN_ValidateCoupon, .btnAddProduct,
.ArrowRight,
.blackHtml,
.reseller_myAccount .gblMyAccount,
.resellerSearch_SearchButton .gblFindButton,
.resellerSearch_LocateButton .locateMe a:link, .resellerSearch_LocateButton .locateMe a:visited,
#homepage-blog li .blog-item-container .blog-item-info .btn-default:link, #homepage-blog li .blog-item-container .blog-item-info .btn-default:visited, .moreDetail:link, .moreDetail:visited,
.BoutBack:link, .BoutBack:visited, .MenuClient1, .templateCatProductCompare .backhomeLink a, .gblboutValid4, #RemoveCategory, #AddCategory, .popupMail .continue, .backLink, input[value="+"], input[value="-"] {
    margin: inherit;
    padding: inherit;
    border: 0px solid #fff;
    display: inline-block;
    line-height: 30px;
    padding: 0 20px;
    text-align: center;
    -webkit-transition: box-shadow 0.3s ease;
    -moz-transition: box-shadow 0.3s ease;
    -ms-transition: box-shadow 0.3s ease;
    -o-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    background-color: #3F3F3F;
    cursor: pointer;
    text-decoration: none
}

    .costAccountChange a:hover, .costAccountChange a:active,
    .AddtoBasket_CloseBasket > a:hover, .AddtoBasket_CloseBasket > a:active,
    .errorMsg a:hover, .errorMsg a:active,
    .geolocatebtn:hover, .btnContinue > span:hover, .Upsell_Btn_Continue input:hover, .gblBoutValid7:hover, .gblBoutValid1:hover, .gblboutValid1:hover, .gblButtonValid:hover, .gblBoutValid2:hover, .btnValidate:hover, .gblBtnValid:hover, .gblButtonValid:hover, .gblBoutBleu:hover, .gblBoutSearch4:hover,
    .gblboutDelete2:hover, .AddressFormButtons_Cancel .gblBoutValid2:hover, .AddressFormButtons_Cancel .gblBoutValid2:hover, .gblboutDelete1:hover,
    .AddtoBasket_Button .addtobasket a:hover, .AddtoBasket_Button .addtobasket a:active, .gblBoutValid2:hover, .boutBuyNowPromotion:hover, .gblBoutBask2:hover, .gblBoutAdd5:hover, .PushProduct_BuyNow,
    .gblboutSave2:hover, .gblBoutSend2[value="Devis"]:hover, .gblBoutSend2:hover,
    .gblboutPDF2:hover,
    .AddtoBasket_Button .continue a:hover, .AddtoBasket_Button .continue a:active, .AddressFormButtons_Back .gblBoutValid2:hover, .gblBoutValid2:hover, .BoutBack:hover, .gohomelink:hover,
    .btnLogout:hover, .gblBoutDelete2:hover, .gblBoutDelete2:hover,
    .loginDropdown > a.connect:hover, .loginDropdown > a.connect:active,
    .clientDropdown > a.connect:hover, .clientDropdown > a.connect:active,
    .gblBoutEdit1:hover, .gblboutGo3:hover,
    .gblboutPrint2:hover, .gblboutPrint1:hover, .gblboutBack1:hover,
    .gblBoutSearch2:hover,
    .gblboutComput1:hover, .gblBoutValid6:hover, .gblBtnCancel:hover,
    .gblBoutCountinueOrder:hover, .Basket_BTN_Checkout:hover, .gblBoutSend4:hover, .gblBoutSend3:hover,
    .gblBoutAdd4:hover, .gblBoutGreylight:hover,
    .AddressFormButtons_Create .gblBoutDelete2:hover,
    .forgottenButton .gblBoutValid2:hover, .SendmailButton:hover,
    .gblBoutGrey:hover,
    .btnOpenAccount:hover,
    .gblBoutSend2[value="Liste des commandes"]:hover,
    .Style10_ProductMoreDetail:hover, #homepage-blog li .blog-item-container .blog-item-info .btn-default:hover,
    .BoutBuyNumber_INPUTBTN:hover,
    .BoutBuyNumber_PLUS:hover,
    .BoutBuyNumber_MOINS:hover,
    .sCurrentPage:hover,
    .btnSearch:hover,
    .Basket_BTN_ValidateCoupon:hover,
    .ArrowRight:hover,
    .blackHtml:hover,
    #homepage-blog li .blog-item-container .blog-item-info .btn-default:hover, #homepage-blog li .blog-item-container .blog-item-info .btn-default:active, .moreDetail:hover, .moreDetail:active,
    .BoutBack:hover, .BoutBack:active, .MenuClient1:hover, .templateCatProductCompare .backhomeLink a:hover, .gblboutValid4:hover,
    .resellerSearch_LocateButton .locateMe a:hover, .resellerSearch_LocateButton .locateMe a:active,
    .resellerSearch_SearchButton .gblFindButton:hover, .reseller_myAccount .gblMyAccount:hover, #RemoveCategory:hover, #AddCategory:hover, .popupMail .continue:hover, .backLink:hover, input[value="+"]:hover, input[value="-"]:hover,
    .CorporateBudgetWrapper .btnPrintArea > a:hover,
    .CorporateBudgetWrapper .btnPrintArea > .costAccountSaveButton:hover,
    .divCostAccountForm input.costAccountSaveButton:hover,
    .cstcostaccountform .addPerson > input:hover,
    .cstcostaccountform .btnWrapper:hover .btnOverlay,
    .OpenCheck:hover,
    .templatePersonAdminList .btnPrintArea > a:hover,
    .organisation .infoRight:hover > .serviceBtnOverlay {
        -webkit-box-shadow: inset 0 0 1000px 0 rgba(255,255,255,0.3);
        box-shadow: inset 0 0 1000px 0 rgba(255,255,255,0.3);
    }

body > form > center, body > form b > center, body > form #page > center {
    display: none;
}

body.pageedit > form > center {
    display: block;
}
/*end default styles*/

/*specific styles for each buttons*/
/* account buttons*/
.reseller_myAccount .gblMyAccount {
    background: #E3192D url("../images/button-icons.png");
    background-position: -14px -117px;
    padding-left: 35px;
}
/* Search buttons*/
.resellerSearch_LocateButton .locateMe a:link, .resellerSearch_LocateButton .locateMe a:visited {
    background: #E3192D url("../images/button-icons.png");
    background-position: -14px -21px;
    padding-left: 35px;
}
/* All confirm buttons*/
.gblBoutValid7, .gblBoutValid1, .gblboutValid1, .gblButtonValid, .gblBoutValid2, .btnValidate, .gblBtnValid, .gblButtonValid, .gblBoutBleu, .gblBoutSearch4, .gblBoutSearch2[name="Valid"], .gblBoutValid2, .catconfig .gblBoutValid2, .gblboutValid4,
.templateCstCorporateBudgetForm .buttons .gblBoutValid2:last-child, .personcreatebuttons .gblBoutValid2 {
    background: #00ABD7 url("/ImagesPortal/FR/Localisation/images/button-icons.png");
    background-position: -15px 215px;
    padding-left: 35px;
}
/* Delete */
.gblboutDelete2, .AddressFormButtons_Cancel .gblBoutValid2, .AddressFormButtons_Cancel .gblBoutValid2, .gblboutDelete1, #RemoveCategory {
    background: #00abd7 url("/ImagesPortal/FR/Localisation/images/button-icons.png");
    background-position: -15px 3px;
    padding-left: 35px;
}
/* Add to basket buttons*/
.Upsell_Btn_Continue input, .AddtoBasket_Button .addtobasket a:link, .AddtoBasket_Button .addtobasket a:visited, .gblBoutValid2, .boutBuyNowPromotion, .gblBoutBask2, .gblBoutAdd5, .PushProduct_BuyNow, .BoutBuyNumber_INPUTBTN {
    background: #E3192D url("/ImagesPortal/FR/Localisation/images/button-icons.png");
    background-position: -15px -238px;
    padding-left: 35px;
}

.gblBoutAdd5 {
    background: #E3192D url("/ImagesPortal/FR/Localisation/images/button-icons.png") !important;
    background-position: -15px -238px !important;
}
/* Quotation / List -> for exemple fa-list-ul  */
.gblboutSave2, .gblBoutSend2[value="Devis"], .gblBoutSend2, .gblBoutSend2[value="Liste des commandes"] {
    background: #00abd7 url("/ImagesPortal/FR/Localisation/images/button-icons.png");
    background-position: -15px -117px;
    padding-left: 35px;
}
/* PDF */
.gblboutPDF2 {
    background: #00abd7 url("/ImagesPortal/FR/Localisation/images/button-icons.png");
    background-position: -15px -141px;
    padding-left: 35px;
}
/*GoBack*/
.AddtoBasket_Button .continue a, .resellerSearch_LocateButton .locateMe a, .AddressFormButtons_Back .gblBoutValid2, .BoutBack, .gohomelink, .BoutBack, .templateCatProductCompare .backhomeLink a, .popupMail .continue, .backLink, .CorporateBudgetWrapper .btnPrintArea > .costAccountSaveButton {
    background: #00abd7 url("/ImagesPortal/FR/Localisation/images/button-icons.png");
    background-position: -255px 311px;
    padding-left: 35px !important;
    background-repeat: repeat-y;
}

.gblboutBack1 {
    background: #00abd7 url("/ImagesPortal/FR/Localisation/images/button-icons.png");
    background-position: -15px -833px;
    padding-left: 35px;
}
/* Logout*/
.btnLogout, .gblBoutDelete2 {
    background: #00abd7 url("/ImagesPortal/FR/Localisation/images/button-icons.png");
    background-position: -15px 167px;
    padding-left: 35px;
}
/* Login*/
.loginDropdown > a.connect:link, .loginDropdown > a.connect:visited,
.clientDropdown > a.connect:link, .clientDropdown > a.connect:visited {
    background: #00abd7 url("/ImagesPortal/FR/Localisation/images/button-icons.png");
    background-position: -15px 190px;
    padding-left: 35px;
}
/* Edit*/
.gblBoutEdit1, .gblboutGo3 {
    background: #00abd7 url("/ImagesPortal/FR/Localisation/images/button-icons.png");
    background-position: -15px 120px;
    padding-left: 35px;
}
/* Print*/
.gblboutPrint2, .gblboutPrint1 {
    background: #00abd7 url("/ImagesPortal/FR/Localisation/images/button-icons.png");
    background-position: -15px -94px;
    padding-left: 35px;
}
/* Search*/
.gblBoutSearch2 {
    background: #00abd7 url("/ImagesPortal/FR/Localisation/images/button-icons.png");
    background-position: -15px -21px;
    padding-left: 35px;
}
/* Recompute buttons / Refresh  -> for example fa-refresh */
.gblboutComput1, .gblBoutValid6, .gblBtnCancel {
    background: #00abd7 url("/ImagesPortal/FR/Localisation/images/button-icons.png");
    background-position: -15px 287px;
    padding-left: 35px;
}
/* Next step*/
.btnContinue > span, .gblBoutCountinueOrder, .Basket_BTN_Checkout, .gblBoutSend4, .gblBoutSend3 {
    background: #00abd7 url("/ImagesPortal/FR/Localisation/images/button-icons.png");
    background-position: -255px 287px;
    padding-left: 35px;
    background-repeat: repeat-y;
}
/* Add / create -> for example + */
.gblBoutAdd4, .gblBoutGreylight, .AddressFormButtons_Create .gblBoutDelete2, .btnOpenAccount, #AddCategory {
    background: #00abd7 url("/ImagesPortal/FR/Localisation/images/button-icons.png");
    background-position: -15px 71px;
    padding-left: 35px;
}
/* Send by email*/
.forgottenButton .gblBoutValid2, .SendmailButton {
    background: #00abd7 url("/ImagesPortal/FR/Localisation/images/button-icons.png");
    background-position: -15px 47px;
    padding-left: 35px;
}
/* Cancel*/
.gblBoutGrey, .templateCstCorporateBudgetForm .buttons .gblBoutValid2:first-child {
    background: #00abd7 url("/ImagesPortal/FR/Localisation/images/button-icons.png");
    background-position: -15px -165px;
    padding-left: 35px;
}
/* More details */ .errorMsg a:link, .errorMsg a:visited, .errorMsg a:hover, .errorMsg a:active,
.Style10_ProductMoreDetail, #homepage-blog li .blog-item-container .blog-item-info .btn-default:link, #homepage-blog li .blog-item-container .blog-item-info .btn-default:active, .blackHtml, .moreDetail:link, .moreDetail:visited, .moreDetail:hover, .moreDetail:active {
    background: #00abd7 url("/ImagesPortal/FR/Localisation/images/button-icons.png");
    background-position: -255px -21px;
    padding-left: 35px;
    background-repeat: no-repeat;
}
/*others*/
.Prodlist_TableLine .BoutBuyNumber_INPUTBTN {
    background: #E3192D url("/ImagesPortal/FR/Localisation/images/button-icons.png");
    background-position: -15px 95px;
    width: 155px;
}
/*add to basket with the txt in background image (for the product list)*/
.BoutBuyNumber_PLUS {
    background: #3f3f3f url("/ImagesPortal/FR/Localisation/images/button-icons.png");
    background-position: -255px 455px;
    padding: 0 17px;
}

.BoutBuyNumber_MOINS {
    background: #3f3f3f url("/ImagesPortal/FR/Localisation/images/button-icons.png");
    background-position: -255px 431px;
    padding: 0 17px;
}



.Basket_BTN_ValidateCoupon {
    background: #E3192D url("/ImagesPortal/FR/Localisation/images/button-icons.png");
    background-position: -12px 70px;
    width: 40px;
}
/* + */
.btnAddProduct {
    background: #E3192D url("/ImagesPortal/FR/Localisation/images/button-icons.png") !important;
    background-position: -12px 70px !important;
    width: 40px !important;
    height: auto !important;
}

.ArrowRight {
    background: #00abd7 url("/ImagesPortal/FR/Localisation/images/button-icons.png");
    background-position: -251px -94px;
    width: 30px;
    height: 26px;
}
/* > */
#footer .footer-block .gblBoutSearch2 {
    background: #E3192D none;
    width: 42px;
    position: relative;
    right: 3px;
    top: 1px;
    height: 42px;
    padding-left: 12px;
    font-weight: bold;
    -webkit-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
}

/*end specific styles for each buttons*/
/*END DEFAULT STYLES******************************************************************/



/*START MASTER PAGE / HOME PAGE*******************************************************************/

/* START BEING CLEANED*/
body .middle { /*padding: 1%;*/
}

    body .middle .content {
        width: /*1024px*/ 1024px;
        margin: 0px auto;
        overflow: hidden;
        min-height: 150px;
    }

body.index .middle {
    overflow: hidden;
    padding: 0px; /* background:url("/ImagesPortal/FR/Localisation/images/content-bottomBg.png") no-repeat right bottom;*/
    clear: both;
}

    body.index .middle .content {
        background-color: #fff;
        margin-top: 0;
        padding: 0;
        width: 1024px;
    }

body.index .middle {
    background-color: #fff
}

/*START HEADER*/
#header {
    background: url("/ImagesPortal/FR/Localisation/images/topHeader-bg.png") repeat-x center 41px;
}

    #header .topHeaderInnerContent {
        margin: 10px auto 0 auto;
        width: 1024px;
    }

.overtopHeaderContent { /*height: 30px; margin: 0px auto; width: 100%; background-color: rgb(243, 243, 243);*/
}

.overtopHeaderInnerContent {
    width: 1024px;
    margin: 0px auto;
}

    .overtopHeaderInnerContent > div {
        float: right;
    }

.topHdrContactNo {
    padding-top: 6px;
}

    .topHdrContactNo a {
        color: rgb(63, 63, 63);
        font-weight: bold;
    }

        .topHdrContactNo a:hover, .topHdrContactNo a:active {
            text-decoration: none;
        }

    .topHdrContactNo i {
        font-size: 16px;
        color: rgb(9, 201, 141);
    }

        .topHdrContactNo i:nth-child(2) {
            padding-left: 10px;
        }

.index #header .topHeaderContent .logoZone h1 {
    margin: 0px;
}

.mainul li ul.mainul {
    height: inherit;
    background-color: transparent;
}

.main-span-title .catNavIcn {
    left: 0px;
    margin-right: 10px;
}

.basketZone {
    width: 28.55%;
    float: left;
    margin-top: 25px;
    margin-right: 3%;
}


#header .topHeaderContent .logoZone {
    float: left;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    width: 22%;
}

    #header .topHeaderContent .logoZone #cmcwebuserlogohome .WPUserLogo img {
        width: 80%;
        height: auto;
    }

    #header .topHeaderContent .logoZone #cmcwebuserlogohome br {
        display: none;
    }

    #header .topHeaderContent .logoZone #cmcwebuserlogohome .WPUserLogo_resellerName {
        color: #3d3d3d;
        display: block;
        font-size: 18px;
        font-weight: bold;
        line-height: 20px;
        text-align: left;
        margin-left: 11px;
    }

/*START MENU*/
#mgmenu1 {
    width: 1026px;
    margin: 0 auto
}

.NavContent {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(221, 221, 221);
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(221, 221, 221);
    clear: both;
    color: rgb(0, 0, 0);
    width: 100%;
    background-color: rgb(255, 255, 255);
}
/*END MENU*/


/*GREEN BAR*/
.navigationZone {
    height: 110px;
    position: relative;
}

#header .navigationZone .cmcPageCell.cmcPageCell1 li > i {
    padding-right: 10px;
    position: relative;
    top: 1px;
    font-size: 20px !important;
}

.navigationZone #IcomWebPartZone4 div#WebPart_wp807413800, .navigationZone #IcomWebPartZone4 div#WebPart_wp1648607404, .navigationZone #IcomWebPartZone4 div#WebPart_wp807413800, .navigationZone #IcomWebPartZone4 div#WebPart_wp981482870 {
    width: 50%;
    float: left;
    color: rgb(102, 102, 102);
    margin-top: 13px;
}

.navigationZone #IcomWebPartZone4 div#WebPart_wp1858861503, .navigationZone #IcomWebPartZone4 div#WebPart_wp202833522, .navigationZone #IcomWebPartZone4 div#WebPart_wp1079742069 {
    width: 50%;
    float: right;
    color: rgb(102, 102, 102);
    text-align: right;
    padding-top: 5px;
}

.navigationZone #IcomWebPartZone4 table {
    width: 100%;
}

.navigationZone .cmcPageTable {
    bottom: 0px;
    left: 0px;
    position: absolute;
    height: 45px !important;
    background-color: #3d3d3d;
}

.navigationZone .cmcPageCell.cmcPageCell1 > ul {
    width: 1024px;
    margin: 0 auto
}

.navigationZone .cmcPageCell.cmcPageCell1 li {
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: normal; /*line-height: 26px;*/
    padding: 7px;
    width: 33.1%;
    text-align: center
}

    .navigationZone .cmcPageCell.cmcPageCell1 li img {
        display: inline-block;
        vertical-align: bottom;
    }

    .navigationZone .cmcPageCell.cmcPageCell1 li span {
        display: inline-block;
        padding: 7px 0 0 10px;
        vertical-align: super;
    }
/*END GREEN BAR*/


/*Banner zone*/
body.index .middleRibbon,
body form[action*="/homepage.htm"] .middleRibbon {
    background-color: #bebebe;
    overflow: auto;
    background: repeating-linear-gradient(120deg, #f7f7f7, #f7f7f7 5px, #f0f0f0 5px, #f0f0f0 10px);
    min-height: 100%;
    background: #fff;
    background: linear-gradient(115deg, transparent 75%, rgba(0,0,0,0.03) 75%) 0 0, linear-gradient(245deg, transparent 75%, rgba(0,0,0,0.03) 75%) 0 0, linear-gradient(115deg, transparent 75%, rgba(0,0,0,0.03) 75%) 7px -15px, linear-gradient(245deg, transparent 75%, rgba(0,0,0,0.03) 75%) 7px -15px, #fff;
    background-size: 15px 30px;
    padding-bottom: 8px;
    border-bottom: 1px dashed #bebebe
}

.middle {
}

.middleRibbonTop {
    width: 1024px;
    margin: 0 auto
}
/*BLOG SECTION*/
.col-md-4 {
    width: 30%;
    float: left;
}

.item-html {
    width: 1024px;
    margin: 0px auto;
    padding-top: 50px;
}

#tmhtmlcontent_topColumn a {
    text-align: left;
    margin: 0px auto;
    width: 1024px;
    text-shadow: rgb(0, 0, 0) 0px 1px 10px;
}

    #tmhtmlcontent_topColumn a h2 {
        padding: 0px;
        margin-bottom: 20px;
        font-size: 3em;
        color: rgb(255, 255, 255);
        font-weight: bold;
    }

    #tmhtmlcontent_topColumn a p {
        color: rgb(255, 255, 255);
        margin-bottom: 20px;
        line-height: 25px;
    }

    #tmhtmlcontent_topColumn a span::after, #footer #newsletter_block_left .form-group .btn-sm::after, #footer #newsletter_block_left .form-group .btn-group-sm > .btn::after, #homepage-blog li .blog-item-container .blog-item-info .btn-default::after, #homepage-blog .btn-blog-all::after, #newsletter_popup .tmnewsletter-content .btn.tmnewsletter-submit::after, #htmlcontent_top ul li.htmlcontent-item-1 a .item-html span::after, #htmlcontent_top ul li.htmlcontent-item-2 a .item-html span::after, #htmlcontent_top ul li.htmlcontent-item-3 a .item-html span::after {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        transform: scaleY(1);
        transform-origin: 50% center 0px;
        transition-property: transform;
        transition-duration: 0.3s;
        transition-timing-function: ease-out;
    }

#htmlcontent_top ul li a .item-html span {
    display: inline-block;
    padding: 10px 22px;
    font-size: 12px;
    transition: all 0.2s linear;
    color: rgb(255, 255, 255);
    border-radius: 3px;
    margin-top: 70px;
    font-weight: bold;
    background-color: rgb(9, 201, 141);
}

    #htmlcontent_top ul li a .item-html span:hover {
        background-color: rgb(9, 201, 141);
    }

#htmlcontent_top ul li.htmlcontent-item-2 a .item-html span {
    color: rgb(255, 255, 255);
}

#htmlcontent_top ul li.htmlcontent-item-3 a .item-html span {
    color: rgb(255, 255, 255);
}

.home-column {
    padding-bottom: 0px;
    width: 1024px;
    margin: 0px auto;
}

.blackHtml {
    text-shadow: rgb(0, 0, 0) 0px 0px 0px;
    color: rgb(255, 255, 255);
    font-weight: normal;
}

.homeMdlContent {
    margin-top: 30px
}

    .homeMdlContent div {
        float: left;
        margin-right: 6px;
        margin-bottom: 6px;
        height: 211px;
        width: 335px;
        overflow: hidden;
        border: 1px dashed #fff
    }

        .homeMdlContent div:nth-child(3), .homeMdlContent div:nth-child(6) {
            margin-right: 0px;
        }

        .homeMdlContent div.smallBlog {
            float: none;
            margin-right: 0px;
            height: 107px;
        }

        .homeMdlContent div:hover img, .homeMdlContent .smallBlogMain .smallBlog:hover img {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }

        .homeMdlContent div img {
            -webkit-transition: all 0.7s ease;
            transition: all 0.7s ease;
            width: 100%;
        }

        .homeMdlContent div.smallBlogMain:hover img {
            -webkit-transform: scale(1);
            transform: scale(1);
        }


/*END BLOG SECTION*/

/*FOOTER*/
#footer {
    width: 100%;
    margin: 0px auto;
    padding: 0px;
}

    #footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
        color: #fff
    }

    #footer .footerZone1 {
        width: 1024px;
        margin: 0px auto;
    }

    #footer .footerZone1Inner {
        height: auto;
        margin-left: auto;
        margin-right: auto;
        float: left;
    }

    #footer .footerZone2 {
        width: 100%;
        margin: 0px auto;
        clear: both;
    }

.footer-block ul li i {
    font-size: 21px;
    margin-right: 8px;
}

    .footer-block ul li i.icon-map-marker {
        float: left;
        margin-right: 14px;
    }

.footer-block:nth-child(3) ul li {
    margin-top: 5px;
    color: rgb(255, 255, 255);
}

.footer-block:last-child ul li i {
    font-size: 30px;
}

.footer-block:last-child ul li a {
    display: inline-block;
    margin-bottom: 8px;
}
/*.footerZone1 .footer-block { float: left; text-align: left; line-height: 20px; }
.footer-block:first-child { width: 20%; }
.footer-block:nth-child(2) { width: 27%; }
.footerZone1 div.footer-block:nth-child(3) { width: 33%; }
.footerZone1 div.footer-block:last-child { width: 20%; }
.footerZone1 .footer-block a { font-size: 12px; }
.footerZone1 .blockcontactinfos-map span { display: block; margin-left: 28px; }*/
.footerZone2 {
    color: #fff;
    font-size: 15px;
}

    .footerZone2 ul {
        width: 100%;
        margin: 15px auto 10px;
        text-align: center;
    }

    .footerZone2 img {
        display: block;
        margin: 0px auto;
    }

    .footerZone2 ul li {
        list-style-type: square;
        color: #fff;
        font-size: 13px;
        list-style-position: inside;
    }

    .footerZone2 a:link, .footer2 a:visited {
        color: #fff;
        text-decoration: none;
        font-size: 13px;
    }

    .footerZone2 a:hover, .footer2 a:active {
        color: #fff;
        text-decoration: underline;
    }

.myfooter {
    display: table;
    width: 1024px;
    margin: 0px auto;
    padding: 15px 0px 30px;
    font-size: 14px;
    color: #fff;
}

.bottom-footer {
    margin: 30px auto;
    border-top: 1px solid #323232;
    width: 1024px;
    padding: 30px 0 0 0;
}

    .bottom-footer p {
        color: #969696;
        font-size: 10px;
        line-height: 14px;
        text-align: justify;
    }

        .bottom-footer p span {
            color: #fff;
        }

    .bottom-footer .container {
        text-align: center;
        margin-top: 30px
    }

.footer-container #footer {
    color: rgb(36, 36, 36);
    text-align: left;
    position: relative;
}

    .footer-container #footer h4 {
        font-style: normal;
        font-variant: normal;
        font-weight: 700;
        font-stretch: normal;
        font-size: 30px;
        line-height: 33px;
        font-family: "PT Sans", sans-serif;
        color: rgb(36, 36, 36);
        margin: 0px 0px 30px;
        text-transform: capitalize;
    }

#footer .footer-block {
    margin: 20px 0px 0 0;
    width: 26%;
    float: left;
    color: #fff;
}

    #footer .footer-block:first-child {
        width: 41%;
    }

    #footer .footer-block:last-child {
        width: 33%;
        margin-top: 17px
    }

#footer ul {
    margin-bottom: 0px;
}

    #footer ul li a {
        color: rgb(36, 36, 36);
    }

#footer a:hover, .searchZone a:hover {
    text-decoration: underline;
}

#footer ul.hbul {
    float: left;
    width: 43%;
}

#footer ul.nobullet li {
    list-style-type: none;
}

#footer ul.hbul li.SpclLink {
    margin-top: 7px;
    list-style: outside none none;
}

    #footer ul.hbul li.SpclLink a {
        background-color: #323232;
        padding: 5px 15px;
        border-radius: 10px;
    }

        #footer ul.hbul li.SpclLink a i {
            font-size: 16px;
            margin-right: 5px;
        }

#footer .footer-block .footerttl {
    margin-top: 30px;
    margin-bottom: 10px;
    color: #fff;
    font-size: 21px;
    text-transform: uppercase;
    font-family: oswald_regularregular, arial;
}

#footer .footer-block .contactemail #Email {
    position: relative;
    top: 0px;
    right: 0px;
    border: 0px solid #6c6c6c;
    outline: 0px none;
    width: 240px;
    height: 42px;
    padding: 0px 5px;
    -webkit-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
    font-size: 13px;
    color: #999;
}

#footer .footer-block .footerttl a {
    padding: 0px 0px 0 10px;
    color: #ccc;
    font-size: 2rem;
}

    #footer .footer-block .footerttl a:hover {
        color: #fff;
    }

/* RED BLOCK */
.footerZone2 .redBlock {
    background-color: #e3192d;
    height: 77px;
    width: 1024px;
    margin: 0 auto;
}

    .footerZone2 .redBlock div {
        float: left;
        height: 100%;
        background: url("/ImagesPortal/FR/Localisation/images/footer-redblock-iconset.png") no-repeat;
        margin: 0 68px 0 20px;
    }

    .footerZone2 .redBlock .block1 { /*background-position:0px 8px;*/
    }

    .footerZone2 .redBlock .block2 {
        background-position: 0px -67px;
    }

    .footerZone2 .redBlock .block3 {
        background-position: 0px -140px;
    }

    .footerZone2 .redBlock .block4 {
        background-position: 15px -222px;
        background-color: #bb0f20;
        border: 1px dashed #000;
        margin: 10px 0;
        padding: 0 20px 0 15px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        height: 60px;
    }

    .footerZone2 .redBlock span {
        color: #fff;
        font-size: 15px;
        padding-left: 70px;
        display: block;
        padding-top: 20px;
    }

    .footerZone2 .redBlock .block1 span {
        padding-left: 60px;
        padding-top: 30px;
    }

.footerZone2 .cmcPageTable tr:first-child .cmcPageCell1 {
    background-color: #e3192d;
    border-bottom: 1px solid #fff;
}

.footerZone2 .cmcPageTable tr:nth-child(2) .cmcPageCell1 {
    background-color: #3d3d3d;
}

.footerZone2 .redBlock .block4 span {
    padding-bottom: 20px;
}

.footerZone2 .redBlock .block4 a:hover {
    text-decoration: none;
}

.bottom-footer-dark {
    background-color: #323232;
    padding: 20px 0;
}

    .bottom-footer-dark ul {
        width: 1024px;
        margin: 0 auto;
        text-align: right;
    }

        .bottom-footer-dark ul li {
            display: inline-block;
            padding-left: 30px;
        }

/*Newsletter*/
.contactemail input[type="text"] {
    width: 85%;
    padding: 14px;
    position: relative;
    top: 1px;
    -webkit-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
    border: 0px;
    height: 42px
}

#idDivNewsletterSuccess, #idDivNewsletterEmailEmptyKO, #idDivNewsletterEmailFormatKO {
    margin-top: 10px
}

    #idDivNewsletterSuccess i, #idDivNewsletterEmailEmptyKO i, #idDivNewsletterEmailFormatKO i {
        font-size: 2em;
        margin-right: 5px;
        position: relative;
        top: 3px;
    }

#idDivNewsletterSuccess {
    color: #96BF0D
}

    #idDivNewsletterSuccess span {
        display: block;
        margin-left: 32px;
    }

#idDivNewsletterEmailEmptyKO {
    color: #F39200
}

#idDivNewsletterEmailFormatKO {
    color: #E83244;
    font-weight: bold
}

/*END FOOTER*/
/*END MASTER PAGE*********************************************************************/







/*TO MOVE IN THE CSS WEBPART PROMOTION*/
.promotionZone #WebPart_wp1334247718 {
    width: 1024px;
    margin: 0px auto;
}

.middleRibbonBottom table {
    width: 100%;
}

.prodblock-ttl {
    display: inline-block;
    padding: 2% 1% 0px;
    width: 100%;
}

    .prodblock-ttl > h2 {
        font-size: 1.5rem;
    }

    .prodblock-ttl h2 i, .title_block i {
        color: rgb(9, 201, 141);
        padding-right: 3px;
        font-size: 1.8rem;
    }


/* MOVE IN THE CSS WB BANNER*/
#slideshowtoggler { /*width: 1024px;*/
    z-index: 11;
}

* #slideshowtoggler {
    margin-left: auto;
    margin-right: auto;
}

#slideshowtoggler a.prev, #slideshowtoggler a.next {
    position: relative;
    top: 125px;
    z-index: 11;
}

#slideshowtoggler a.prev {
    left: 20px;
}

#slideshowtoggler a.next {
    float: right;
    right: 20px;
}

#bannerzone {
    margin-top: -11px;
    float: none;
    z-index: 1;
    height: 280px !important;
    width: 770px !important;
    margin: 0 auto;
    margin-right: 8px
}

    #bannerzone .gallerylayer {
    }

        #bannerzone .gallerylayer img {
            width: 100%;
        }

.descpanelfg, .fadeslidedescdiv {
    background-color: red;
    width: 20%;
    height: 200px;
    position: relative;
    z-index: 1000;
    display: none
}

#IcomWebPartZone7 {
    text-align: center;
    margin: 0 auto;
    width: 1024px;
}

    #IcomWebPartZone7 #WebPart_wp1853690998, #IcomWebPartZone7 #WebPart_wp1141759846 { /*display: inline-block;*/
        float: left
    }

#slideshowtoggler .fa-chevron-left, #slideshowtoggler .fa-chevron-right {
font-size: 3.3rem;
color: rgba(255, 255, 255, 0.9);
height: 6px;
text-shadow: 0 0 3px #000;
}

#slideshowtoggler1 {
    height: 6px;
}

#IcomWebPartZone7 #WebPart_wp1141759846 .cmcPageTable tr:nth-child(n+1), #IcomWebPartZone7 #WebPart_wp1141759846 .cmcPageTable tr:nth-child(n+2) {
    display: block;
}

.bannerRightStatic {
    width: 240px;
}

    .bannerRightStatic div {
        padding: 7px 20px;
        margin-top: 6px;
        height: 89px;
        padding: 0px;
    }

        .bannerRightStatic div span {
            font-weight: bold;
            font-size: 15px;
            padding: 24px 20px;
            display: block;
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

    .bannerRightStatic .iconTrouver {
        color: #1d1d1b;
        background: #e5e5e5 url("/ImagesPortal/FR/Localisation/images/bnr-rightsection-iconset.png") no-repeat 170px 13px;
		line-height: 48px;
    }

    .bannerRightStatic .iconPromos {
        color: #1d1d1b;
        background: #e5e5e5 url("/ImagesPortal/FR/Localisation/images/bnr-rightsection-iconset.png") no-repeat 170px -80px;
    }

    .bannerRightStatic .iconCatalog {
        color: #1d1d1b;
        background: #e5e5e5 url("/ImagesPortal/FR/Localisation/images/bnr-rightsection-iconset.png") no-repeat 170px -164px;
    }

    .bannerRightStatic .iconTrouver:hover {
        color: #e3192d;
        background: #e5e5e5 url("/ImagesPortal/FR/Localisation/images/bnr-rightsection-iconset.png") no-repeat 170px -253px;
    }

    .bannerRightStatic .iconPromos:hover {
        color: #e3192d;
        background: #e5e5e5 url("/ImagesPortal/FR/Localisation/images/bnr-rightsection-iconset.png") no-repeat 170px -346px;
    }

    .bannerRightStatic .iconCatalog:hover {
        color: #e3192d;
        background: #e5e5e5 url("/ImagesPortal/FR/Localisation/images/bnr-rightsection-iconset.png") no-repeat 170px -430px;
    }

    .bannerRightStatic a span i {
        font-size: 1.3rem;
        font-weight: bold;
        padding-left: 3px;
    }

/* IE>=10 HACK */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /*#slideshowtoggler1 {height:auto;}
	#bannerzone {top:-29px; position:relative;}
	.bannerRightStatic {margin-left:-6px; top:-31px; position:relative;}*/
}

:root #slideshowtoggler a.next {
    left: 690px;
}
/*:root #WebPart_wp1853690998 {width:930px;}*/
:root #WebPart_wp1141759846 {
    width: 240px;
}

:root #slideshowtoggler1 {
    position: absolute;
}

.divBanner:first-child {
    height: 6px !important;
}

/*MOVE IN THE CSS CATCONFIG TO PUT IN A OTHER CSS FILE**/
.StandardBottomBKG::before {
    bottom: 95px;
    content: "Moteur de recherche consommables";
    position: relative;
}

@-moz-document url-prefix() {
    .StandardBottomBKG::before {
        right: 250px;
        bottom: 95px
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Chrome */
    .StandardBottomBKG::before {
        right: 250px;
    }
}

.StandardBottomBKG {
    margin: 100px auto 20px;
    width: 50%;
}

.catconfig .content table {
    width: 100%;
}

.catconfig .Title {
    margin-left: 15px
}

.catconfig .boxcontent {
    background-color: #fff;
    padding: 40px 50px;
    position: relative;
    top: -90px;
}

tr.StandardBottomBKG_Title td {
    text-align: center;
    padding: 10px 0;
    background-color: #E3E3E3;
}

#ctl01_ContentCentral_listAttributeddl_div, #ctl01_ContentCentral_ddlValueContener {
    left: -50px;
    margin-top: 10px;
    position: relative;
}

    #ctl01_ContentCentral_listAttributeddl_div select, #ctl01_ContentCentral_ddlValueContener select {
        width: 315px !important;
    }

@-moz-document url-prefix() {
    #ctl01_ContentCentral_listAttributeddl_div select, #ctl01_ContentCentral_ddlValueContener select {
    }
}

.catconfig .CUSTOMER_ToolBarTable {
    width: 435px;
}

.catconfig tr.StandardBottomBKG_Title td {
    background-color: transparent;
}

.StandardBottomBKG_Title > td:last-child {
    padding-left: 0 !important;
    padding-top: 13px !important;
}

.StandardBottomBKG_Title td:last-child span {
    font-size: 17px;
    padding-left: 10px;
}
/*
.StandardBottomBKG_Title td:last-child::before {
    color: #646464;
    content: "\2014";
	position: relative;
    right: 24px;
}*/
.catconfig .boxcontent center {
    border-top: 1px solid #e4e5e5;
    margin-top: 15px;
}

.catconfig .CustomerUser_TableList {
    left: 20px;
    position: relative;
    width: 360px !important;
}

    .catconfig .CustomerUser_TableList .SearchCatconfig_Results, .catconfig center td[style="height: 24px"], .SearchCatconfig_ResultsNbr {
        font-size: 14px;
        padding: 10px 0;
        text-align: center;
    }

.catconfig .boxcontent img[src="../images/p.gif"] {
    display: none;
}

.SearchCatconfig_ResultsNbr {
    color: rgb(63, 63, 63);
    text-align: left;
}
/*IE*/ @media screen and (min-width:0\0) {
    .catconfig .gblBoutValid2 {
        margin-left: 40%;
    }
}


/*CATPRODUCT COMPARE TO MOVE IN THE OTHER CSS LATER*/
.gblListHeadLine {
    background-color: #E1E1E1;
    padding: 5px 10px;
    font-weight: bold
}

.background:hover, .CompareProduct tr:nth-child(2n), .CompareProductExtendWrapper:nth-child(2n) {
    background-color: #f9f9f9
}


/*WP BREADSCRUMB*/
#cmcwebuserbreadcrumbs {
    display: none
}

body.catpackageform #cmcwebuserbreadcrumbs,
body.catproductform #cmcwebuserbreadcrumbs,
body.catproductlist5 #cmcwebuserbreadcrumbs,
body.catproductlist6 #cmcwebuserbreadcrumbs,
body.catproductlist2 #cmcwebuserbreadcrumbs {
    display: block;
    background-color: #fff
}

.BREADCRUMB i + h3 a, .BREADCRUMB h3:last-child a {
    color: #242424;
    font-weight: bold;
}

.BREADCRUMB span span h3 a, .BREADCRUMB span h3 a {
    color: #565656;
}

.BREADCRUMB {
    margin: 0 auto;
    padding: 10px calc((100% - 1024px) / 2);
    padding-top: 10px;
}

    .BREADCRUMB i {
        transform: rotate(90deg);
        margin-right: 5px;
    }

#homeLink .directories {
    color: #242424;
    font-size: 12px;
    font-weight: bold;
}

.space {
    margin-left: 5px;
}

#mainContainer .stdDecoContent .breadcrumbZone {
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
}

    #mainContainer .stdDecoContent .breadcrumbZone a {
        -webkit-border-radius: 3px;
        border-radius: 3px;
        padding: 5px 0;
    }

    #mainContainer .stdDecoContent .breadcrumbZone h3 {
        margin: 0 0 0 0;
    }

        #mainContainer .stdDecoContent .breadcrumbZone h3 a:link, #mainContainer .stdDecoContent .breadcrumbZone h3 a:visited {
            display: inline-block;
            text-decoration: none;
            height: 14px;
            line-height: 14px;
        }


/*ORDER STEPS*/
ul#order_step {
    display: none
}

body.slscommercebasket ul#order_step,
body.cstlogin ul#order_step,
body.slscommerceordercheck ul#order_step,
body.slscommerceorderpayment ul#order_step,
body.slscommerceorderpayment ul#order_step,
body.slscommerceorderview ul#order_step {
    display: block
}

#freezone7 {
    background-color: #fff;
    border-bottom: 1px solid #eee
}

ul.step li span i, ul.step li a i, ul.step li span em, ul.step li a em {
    margin-right: 5px;
    font-size: 1.8rem;
}

ul#order_step {
    width: 1024px;
    margin: 0 auto;
    padding: 0px 0;
    overflow: hidden;
}

    ul#order_step li {
        background-color: #fff;
        width: 20%;
        float: left;
        padding: 15px 0px 15px 15px;
        text-align: center;
        position: relative;
        font-size: 15px
    }

        ul#order_step li span {
            width: 100%;
            text-align: center;
            display: inline-block;
        }

            ul#order_step li span::after {
                content: "";
                height: 30px;
                margin: 0;
                width: 5px;
                background-color: transparent;
                width: 0;
                height: 0;
                border-style: solid;
                position: absolute;
                height: 30px;
                background-color: #fff;
                border-width: 28px 28px 0 28px;
                border-color: #fff transparent transparent transparent;
                -webkit-transform: rotate(270deg);
                -moz-transform: rotate(270deg);
                -o-transform: rotate(270deg);
                transform: rotate(270deg);
                margin-top: 28px;
                z-index: 1;
                left: 190px;
                bottom: -1px;
            }

        ul#order_step li.last span::after {
            border-width: 0px
        }
        /*step slscommercebasket*/
        ul#order_step li.first {
            background-color: #00AAD2;
            color: #fff;
            font-size: 16px;
            font-weight: bold
        }

            ul#order_step li.first * {
                color: #fff;
            }

            ul#order_step li.first span::after {
                border-color: #00AAD2 transparent transparent transparent
            }
/*step cstlogin*/
.cstlogin ul#order_step li.first {
    background-color: #35bfdf;
}

    .cstlogin ul#order_step li.first span::after {
        border-color: #35bfdf transparent transparent transparent;
        background-color: #00AAD2;
    }

.cstlogin ul#order_step li.second {
    background-color: #00AAD2;
    color: #fff;
    font-size: 16px;
    font-weight: bold
}

    .cstlogin ul#order_step li.second * {
        color: #fff;
    }

    .cstlogin ul#order_step li.second span::after {
        border-color: #00AAD2 transparent transparent transparent
    }
/* step slscommerceordercheck*/
.slscommerceordercheck ul#order_step li.first {
    background-color: #3bd5f7;
    color: #fff;
    font-size: 16px;
    font-weight: bold
}

    .slscommerceordercheck ul#order_step li.first * {
        color: #fff;
    }

    .slscommerceordercheck ul#order_step li.first span::after {
        border-color: #3bd5f7 transparent transparent transparent;
        background-color: #35bfdf;
    }

.slscommerceordercheck ul#order_step li.second {
    background-color: #35bfdf;
    color: #fff;
    font-size: 16px;
    font-weight: bold
}

    .slscommerceordercheck ul#order_step li.second * {
        color: #fff;
    }

    .slscommerceordercheck ul#order_step li.second span::after {
        border-color: #35bfdf transparent transparent transparent;
        background-color: #00AAD2;
    }

.slscommerceordercheck ul#order_step li.third {
    background-color: #00AAD2;
    color: #fff;
    font-size: 16px;
    font-weight: bold
}

    .slscommerceordercheck ul#order_step li.third * {
        color: #fff;
    }

    .slscommerceordercheck ul#order_step li.third span::after {
        border-color: #00AAD2 transparent transparent transparent
    }
/*step slscommerceorderpayment*/
.slscommerceorderpayment ul#order_step li.first {
    background-color: #71d8f0;
    color: #fff;
    font-size: 16px;
    font-weight: bold
}

    .slscommerceorderpayment ul#order_step li.first * {
        color: #fff;
    }

    .slscommerceorderpayment ul#order_step li.first span::after {
        border-color: #71d8f0 transparent transparent transparent;
        background-color: #3bd5f7;
    }

.slscommerceorderpayment ul#order_step li.second {
    background-color: #3bd5f7;
    color: #fff;
    font-size: 16px;
    font-weight: bold
}

    .slscommerceorderpayment ul#order_step li.second * {
        color: #fff;
    }

    .slscommerceorderpayment ul#order_step li.second span::after {
        border-color: #3bd5f7 transparent transparent transparent;
        background-color: #35bfdf;
    }

.slscommerceorderpayment ul#order_step li.third {
    background-color: #35bfdf;
    color: #fff;
    font-size: 16px;
    font-weight: bold
}

    .slscommerceorderpayment ul#order_step li.third * {
        color: #fff;
    }

    .slscommerceorderpayment ul#order_step li.third span::after {
        border-color: #35bfdf transparent transparent transparent;
        background-color: #00AAD2;
    }

.slscommerceorderpayment ul#order_step li.four {
    background-color: #00AAD2;
    color: #fff;
    font-size: 16px;
    font-weight: bold
}

    .slscommerceorderpayment ul#order_step li.four * {
        color: #fff;
    }

    .slscommerceorderpayment ul#order_step li.four span::after {
        border-color: #00AAD2 transparent transparent transparent
    }
/*step slscommerceorderview*/
.slscommerceorderview ul#order_step li.first {
    background-color: #71d8f0;
    color: #fff;
    font-size: 16px;
    font-weight: bold
}

    .slscommerceorderview ul#order_step li.first * {
        color: #fff;
    }

    .slscommerceorderview ul#order_step li.first span::after {
        border-color: #71d8f0 transparent transparent transparent;
        background-color: #3bd5f7;
    }

.slscommerceorderview ul#order_step li.second {
    background-color: #3bd5f7;
    color: #fff;
    font-size: 16px;
    font-weight: bold
}

    .slscommerceorderview ul#order_step li.second * {
        color: #fff;
    }

    .slscommerceorderview ul#order_step li.second span::after {
        border-color: #3bd5f7 transparent transparent transparent;
        background-color: #35bfdf;
    }

.slscommerceorderview ul#order_step li.third {
    background-color: #35bfdf;
    color: #fff;
    font-size: 16px;
    font-weight: bold
}

    .slscommerceorderview ul#order_step li.third * {
        color: #fff;
    }

    .slscommerceorderview ul#order_step li.third span::after {
        border-color: #35bfdf transparent transparent transparent;
        background-color: #00AAD2;
    }

.slscommerceorderview ul#order_step li.four {
    background-color: #00AAD2;
    color: #fff;
    font-size: 16px;
    font-weight: bold
}

    .slscommerceorderview ul#order_step li.four * {
        color: #fff;
    }

    .slscommerceorderview ul#order_step li.four span::after {
        border-color: #00AAD2 transparent transparent transparent
    }

.slscommerceorderview ul#order_step li.last {
    background-color: #E3192D;
    color: #fff;
    font-size: 16px;
    font-weight: bold
}

    .slscommerceorderview ul#order_step li.last * {
        color: #fff;
    }

    .slscommerceorderview ul#order_step li.last span::after {
        border-color: #E3192D transparent transparent transparent
    }

.slscommerceorderview ul#order_step li span::after {
    background-color: #E3192D;
}



/*icons stock*/
.divStockInStock {
    background: rgba(0, 0, 0, 0) url("/ImagesPortal/FR/Localisation/images/gblFLagStock.png") no-repeat center -90px;
    float: none;
    height: 32px;
    margin: 10px auto 0;
}

.divStockRunningOutOfStock {
    background: rgba(0, 0, 0, 0) url("/ImagesPortal/FR/Localisation/images/gblFLagStock.png") no-repeat center 5px;
    float: none;
    height: 32px;
    margin: 10px auto 0;
}

.divStockOutOfStock {
    background: rgba(0, 0, 0, 0) url("/ImagesPortal/FR/Localisation/images/gblFLagStock.png") no-repeat scroll center center / 100% auto;
    float: none;
    height: 32px;
    margin: 0 auto 0;
    width: 147px;
}

.divStockNoStock {
    background: rgba(0, 0, 0, 0) url("/ImagesPortal/FR/Localisation/images/gblFLagStock.png") no-repeat center center;
    float: none;
    height: 32px;
    margin: 0 auto 0;
}





/*icons promo basic + contract*/
.PromotionLogo_T,
.PromotionLogo_H,
.PromotionLogo_E,
.PromotionLogo_0,
.PictoPromoTrue,
.CATALOGUE_SCOLAIRE,
.HYPERFLASH,
.EMAILING,
.PROFITABLES,
.TRACT
{
    position: absolute;
    font-family: arial,"Arial Black", "sans-serif";
    font-weight: bold;
}

.PromotionLogo_T::before,
.PromotionLogo_H::before,
.PromotionLogo_E::before,
.PromotionLogo_0::before,
.PictoPromoTrue::before,
.CATALOGUE_SCOLAIRE::before,
.HYPERFLASH::before,
.PROFITABLES::before,
.EMAILING::before,
.TRACT::before {
    content: "";
    background: transparent none repeat scroll 0 0;
    border-color: transparent transparent transparent #E3192D;
    border-style: solid;
    border-width: 0 0 70px 70px;
    display: inline-block;
    height: 0;
    margin-right: 5px;
    position: relative;
    right: 15px;
    top: -25px;
    vertical-align: middle;
    width: 0;
    float: left;
}

.PromotionLogo_T::after,
.PromotionLogo_H::after,
.PromotionLogo_E::after,
.PromotionLogo_0::after,
.PictoPromoTrue::after,
.CATALOGUE_SCOLAIRE::after,
.HYPERFLASH::after,
.PROFITABLES::after,
.EMAILING::after,
.TRACT::after
{
    content: 'PROMO';
    position: absolute;
    color: #fff;
    left: -15px;
    top: -10px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    letter-spacing: 0.10em;
}

.PromotionLogo_T::before,
.PromotionLogo_H::before,
.PromotionLogo_E::before,
.PromotionLogo_0::before,
.CATALOGUE_SCOLAIRE::before,
.HYPERFLASH::before,
.PROFITABLES::before,
.TRACT::before {
    border-width: 0 0 100px 100px;
}

.PromotionLogo_T::after,
.PromotionLogo_H::after,
.PromotionLogo_E::after,
.PromotionLogo_0::after,
.CATALOGUE_SCOLAIRE::after,
.HYPERFLASH::after,
.EMAILING::after,
.PROFITABLES::after,
.TRACT::after {
    left: -27px;
    top: 1px;
    text-align: center;
    width: 100px;
    line-height: 12px;
    text-align: center;
    font-size: 12px;
}

.CATALOGUE_SCOLAIRE::after {
    content: 'CATALOGUE SCOLAIRE';
}

.PromotionLogo_H::after,
.HYPERFLASH::after
{
    content: 'HYPERFLASH';
    left: -28px;
    top: 5px;
}

.PROFITABLES::after {
    content: 'PROFITABLES';
    left: -28px;
    top: 5px;
}

.PromotionLogo_T::after,
.TRACT::after
{
    content: 'TRACT';
    left: -30px;
    top: 1px;
    width: 100px;
    line-height: 12px;
    text-align: center;
    font-size: 14px;
}

.PromotionLogo_E::after,
.EMAILING::after
{
    content: 'EMAILING';
    left: -30px;
    top: 1px;
    width: 100px;
    line-height: 12px;
    text-align: center;
    font-size: 14px;
}

.CATALOGUE_SCOLAIRE::before {
    border-color: transparent transparent transparent #00AAD2;
}

.PromotionLogo_H::before, .HYPERFLASH::before {
    border-color: transparent transparent transparent #96bf0d;
}

.PromotionLogo_E::before, .EMAILING::before {
    border-color: transparent transparent transparent #00AAD2;
}

.PROFITABLES::before {
    border-color: transparent transparent transparent #f39200;
}

.PromotionLogo_T::before, .TRACT::before {
    border-color: transparent transparent transparent #a11780;
}


.catproductlist5 .PromotionLogo_T, .catproductlist5 .PromotionLogo_0, .catproductlist5 .PromotionLogo_H, .catproductlist5 .CATALOGUE_SCOLAIRE, .catproductlist5 .HYPERFLASH, .catproductlist5 .PROFITABLES, .catproductlist5 .TRACT {
    margin-left: -15px;
    margin-top: 10px;
}

.catproductlist5 .productCell:not(.displayList) .PromotionLogo_T,
.catproductlist5 .productCell:not(.displayList) .PromotionLogo_E,
.catproductlist5 .productCell:not(.displayList) .PromotionLogo_0,
.catproductlist5 .productCell:not(.displayList) .PromotionLogo_H,
.catproductlist5 .productCell:not(.displayList) .CATALOGUE_SCOLAIRE,
.catproductlist5 .productCell:not(.displayList) .HYPERFLASH,
.catproductlist5 .productCell:not(.displayList) .PROFITABLES,
.catproductlist5 .productCell:not(.displayList) .TRACT {
    margin-left: -40px;
    margin-top: 5px;
}


.promoByContract.CATALOGUE_SCOLAIRE .product-promo,
.promoByContract.HYPERFLASH .product-promo,
.promoByContract.EMAILING .product-promo,
.promoByContract.PROFITABLES .product-promo,
.promoByContract.TRACT .product-promo {
    display: none
}


/*
77650  HYPERFLASH
77740  PROFITABLES
77797  TRACT
77617  CATALOGUE_SCOLAIRE

/*icons promo contract*/



/*New functionnality : Icon cata perso (this icon appear when the product add in the basket is not inside the personal catalog*/
.Basket_List td:first-child {
    position: relative;
}

.catPersFalse {
    right: 0;
    position: absolute;
    bottom: 10px;
}

.catPersFalse span {
    width: 35px;
    height: 35px;
    -webkit-border-radius: 50px 50px 50px 50px;
    border-radius: 50px 50px 50px 50px;
    background-color: #3f3f3f;
    display: block;
    z-index: 100
}

.catPersFalse span::before {
    content: "\f02d";
    font-family: "fontawesome";
    color: #fff;
    font-size: 1.5em;
    position: absolute;
    top: 8px;
    z-index: 110;
    left: 9px
}

.catPersFalse span::after {
    content: " ";
    height: 3px;
    width: 35px;
    background-color: #e3192d;
    display: block;
    position: absolute;
    transform: rotate(50deg);
    bottom: 16px;
    z-index: 120
}

.catPersFalse span {
    position: relative;
    left: -10px;
    top: 0
}
/*all*/
tr.Basket_ProductHeadline_ .catPersFalse span {
    position: relative;
    left: -10px;
    top: 0
}
/*line bundle*/
.slscommerceorderdetail .catPersFalse span {
    position: relative;
    left: -10px;
    top: 0
}
/*line bundle*/
.slscommerceorderdetail .OrderDetail_ListPackage1 .catPersFalse span {
    position: relative;
    left: -10px;
    top: 0
}
/*line bundle for the orderdetail*/
.catPersFalse:hover::before {
    content: "Hors catalogue personnalisé";
    position: absolute;
    top: -36px;
    right: -13px;
    width: 75px;
    border: 1px solid;
    background: #fffece;
    text-align: center;
    border-radius: 2px;
    font-size: 11px;
    line-height: 12px;
    padding: 4px;
}
/*End icon cata perso*/

#IcomWebPartZone7 > div {
    display: inline-block
}



/*top header*/

.reseller_myAccount .leftAreaContent {
    background-color: transparent;
    width: 38%;
    float: left;
}

body:not(.logged) .reseller_myAccount .leftAreaContent {
    display: none
}
/*if the customer is not logged hide the part "create a cata perso"*/

.reseller_myAccount .rightAreaContent {
    background-color: transparent;
    width: 40%;
    float: left;
}

#cmcwebpartcataloguepersonnalised {
    background-color: transparent;
    width: 38%;
    float: left;
}

#cmcwebusercustomerresellerfinder .userOffline .moncompte-txt {
    background-color: transparent;
    width: 39%;
    float: left;
    cursor: default
}

#cmcwebusercustomerresellerfinder .userOffline .client-txt {
    background-color: transparent;
    width: 39%;
    float: left;
    cursor: default
}

.searchZone > div > div:last-child {
    background-color: transparent
}
/*cataperso*/
#cmcwebpartcataloguepersonnalised .CmcCatalogueOuterContainer {
    cursor: default
}

#cmcwebpartcataloguepersonnalised .CmcCatalogueInnerContainer a:hover {
    text-decoration: underline
}

#cmcwebpartcataloguepersonnalised .CmcCatalogueName .fa-caret-down {
    font-size: 1rem;
    position: relative;
    bottom: 3px
}

#cmcwebpartcataloguepersonnalised .WPCatPersonalized .fa-book {
    font-size: 2rem;
    float: left;
    margin-right: 5px;
    position: relative;
    top: 2px;
}

#cmcwebpartcataloguepersonnalised .leftAreaContent .MenuClient {
    display: inline-block;
    margin-top: 3px
}

#cmcwebpartcataloguepersonnalised .MenuClient span {
    display: inline-block;
    width: 80%;
    line-height: 16px;
}

#cmcwebpartcataloguepersonnalised .MenuClient .last {
    color: #E3192D;
    padding: 0;
    font-size: 12px;
    font-weight: bold
}

#cmcwebpartcataloguepersonnalised .MenuClient .fa-chevron-down {
    float: right;
    position: relative;
    bottom: 30px;
    right: 5px
}

#cmcwebpartcataloguepersonnalised .leftAreaContent ul {
    height: 30px;
    overflow: hidden;
    transform: translateY(15px);
    -moz-transform: translateY(15px);
    transition: all 0.1s ease-in 0s;
    -moz-transition: all 0.1s ease-in 0s;
    visibility: hidden;
    z-index: 100;
}

#cmcwebpartcataloguepersonnalised .leftAreaContent:hover ul {
    height: inherit;
    overflow: visible;
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    visibility: visible;
    z-index: 100;
}

#cmcwebpartcataloguepersonnalised .leftAreaContent ul {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dedede;
    padding: 10px;
    position: relative;
}

    #cmcwebpartcataloguepersonnalised .leftAreaContent ul li {
        display: block;
        padding: 3px 5px
    }

        #cmcwebpartcataloguepersonnalised .leftAreaContent ul li a {
            line-height: 15px
        }

        #cmcwebpartcataloguepersonnalised .leftAreaContent ul li:first-child {
            padding: 0
        }

            #cmcwebpartcataloguepersonnalised .leftAreaContent ul li:first-child a {
                display: block;
                background-color: #efefef;
                padding: 10px 10px;
                text-align: center;
                font-weight: bold;
                line-height: 15px;
                margin-bottom: 10px
            }

#cmcwebpartcataloguepersonnalised .CmcCatalogueInnerContainer {
    margin-top: 10px
}

#cmcwebpartcataloguepersonnalised:hover span.first {
    color: #e3192d;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#cmcwebpartcataloguepersonnalised:hover .fa-book {
    color: #e3192d;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/*reseller*/

#cmcwebusercustomerresellerfinder .leftAreaContent .fa-book {
    font-size: 1.8rem;
    float: left;
    margin-right: 5px;
    position: relative;
    top: 5px;
}

#cmcwebusercustomerresellerfinder .leftAreaContent span {
    display: inline-block;
    width: 80%;
    line-height: 18px;
}

#cmcwebusercustomerresellerfinder .leftAreaContent .MenuClient {
}

    #cmcwebusercustomerresellerfinder .leftAreaContent .MenuClient span:last-child {
        color: #E3192D;
        padding: 0;
        font-size: 12px;
        font-weight: bold
    }

    #cmcwebusercustomerresellerfinder .leftAreaContent .MenuClient:hover {
        text-decoration: none;
    }

        #cmcwebusercustomerresellerfinder .leftAreaContent .MenuClient:hover span {
            color: #e3192d;
            text-decoration: none;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

        #cmcwebusercustomerresellerfinder .leftAreaContent .MenuClient:hover .fa-book {
            color: #e3192d;
            text-decoration: none;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

#cmcwebusercustomerresellerfinder .rightAreaContent .CUSTOMERMenu {
}

#cmcwebusercustomerresellerfinder .rightAreaContent .CUSTOMERMenu {
    transform: translateY(15px);
    -moz-transform: translateY(15px);
    transition: all 0.1s ease-in 0s;
    -moz-transition: all 0.1s ease-in 0s;
    visibility: hidden;
    z-index: 100;
}

#cmcwebusercustomerresellerfinder .rightAreaContent:hover .CUSTOMERMenu {
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    visibility: visible;
    z-index: 100;
}

#cmcwebusercustomerresellerfinder .rightAreaContent .CUSTOMERMenu {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dedede;
    position: absolute;
    z-index: 100;
    margin-top: 0px
}

#cmcwebusercustomerresellerfinder .rightAreaContent #_History {
    padding: 8px 0;
    background-color: #f7f7f7;
    font-weight: bold;
}

    #cmcwebusercustomerresellerfinder .rightAreaContent #_History a {
        font-weight: bold
    }

#cmcwebusercustomerresellerfinder .rightAreaContent li {
    display: block;
    padding: 3px 15px 3px 15px;
}

#cmcwebusercustomerresellerfinder .rightAreaContent #_Informations {
    margin: 10px 0
}

#cmcwebusercustomerresellerfinder .rightAreaContent #poolManager {
    border-top: 1px dashed #bebebe;
    padding: 10px 0;
}

#cmcwebusercustomerresellerfinder .rightAreaContent .PoolManagerDetail {
    text-align: center
}

#cmcwebusercustomerresellerfinder .rightAreaContent .MenuClientHidden {
    display: none;
}

#cmcwebusercustomerresellerfinder .rightAreaContent .MenuClient1 {
    line-height: 18px;
    padding: 5px 0;
    width: 82%
}

    #cmcwebusercustomerresellerfinder .rightAreaContent .MenuClient1:hover {
        text-decoration: none
    }

#cmcwebusercustomerresellerfinder .rightAreaContent .corporatePool {
    font-weight: bold;
    padding: 0 5px
}

#cmcwebusercustomerresellerfinder .rightAreaContent .lbCorporatePoolList {
    width: 100%;
    text-align: center;
    margin-bottom: 10px
}

#cmcwebusercustomerresellerfinder .rightAreaContent .MyAccount_Title {
    font-weight: bold;
    text-align: center;
    margin-bottom: 5px;
    background-color: #EFEFEF;
    padding: 5px 0
}

#cmcwebusercustomerresellerfinder .rightAreaContent .btnDeco {
    width: 100%;
    text-align: center;
    border-top: 1px dashed #bebebe;
    padding-top: 5px
}

    #cmcwebusercustomerresellerfinder .rightAreaContent .btnDeco input {
        margin: 10px 0
    }

#cmcwebusercustomerresellerfinder .rightAreaContent .fa-user {
    font-size: 2.5em
}

#cmcwebusercustomerresellerfinder .rightAreaContent {
    cursor: default
}

#cmcwebusercustomerresellerfinder .text-myacc {
    background: transparent url("/ImagesPortal/FR/Localisation/images/header-iconset.png") no-repeat -15px -45px;
    padding: 2px 0px 0px 37px;
    height: 33px;
    padding-bottom: 45px
}

#cmcwebusercustomerresellerfinder .text-clientacc {
    background: transparent url("/ImagesPortal/FR/Localisation/images/header-iconset.png") no-repeat -15px -96px;
    padding: 2px 0px 0px 37px;
}

#cmcwebusercustomerresellerfinder .userOnline .rightAreaContent .text-myacc span,
#cmcwebpartcustomerlogin .userOnline .rightAreaContent .text-myacc span {
    font-weight: bold;
    line-height: 16px;
    display: inline-block;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 33px
}

#cmcwebusercustomerresellerfinder .fa-chevron-down {
    position: relative;
    bottom: 20px
}

#cmcwebusercustomerresellerfinder .userOffline .text-myacc, #cmcwebusercustomerresellerfinder .userOffline .client-txt .text-clientacc {
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
}

#cmcwebusercustomerresellerfinder .userOffline .redTxt {
    color: #E3192D;
    font-size: 12px
}

#cmcwebusercustomerresellerfinder .userOffline .moncompte-txt .loginDropdown {
    transform: translateY(15px);
    -moz-transform: translateY(15px);
    transition: all 0.1s ease-in 0s;
    -moz-transition: all 0.1s ease-in 0s;
    visibility: hidden;
    z-index: 100;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dedede;
    padding: 3%;
    position: relative;
    z-index: 100;
}

#cmcwebusercustomerresellerfinder .userOffline .moncompte-txt:hover .loginDropdown {
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    visibility: visible;
    z-index: 100;
}

#cmcwebusercustomerresellerfinder .userOffline .client-txt .clientDropdown {
    transform: translateY(15px);
    -moz-transform: translateY(15px);
    transition: all 0.1s ease-in 0s;
    -moz-transition: all 0.1s ease-in 0s;
    visibility: hidden;
    z-index: 100;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dedede;
    padding: 3%;
    position: relative;
    z-index: 100;
    margin-top: 12px
}

#cmcwebusercustomerresellerfinder .userOffline .client-txt:hover .clientDropdown {
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    visibility: visible;
    z-index: 100;
}

#cmcwebusercustomerresellerfinder .userOffline .loginDropdown, #cmcwebusercustomerresellerfinder .clientDropdown {
    text-align: center
}

    #cmcwebusercustomerresellerfinder .userOffline .loginDropdown a, #cmcwebusercustomerresellerfinder .clientDropdown a {
        margin: 15px 0
    }

        #cmcwebusercustomerresellerfinder .userOffline .loginDropdown a strong, #cmcwebusercustomerresellerfinder .clientDropdown a strong {
        }

#cmcwebusercustomerresellerfinder .userOffline .fa-chevron-down {
    position: relative;
    top: 0px;
}

#cmcwebusercustomerresellerfinder .userOffline .text-clientacc .fa-chevron-down {
    position: relative;
    top: -8px;
    left: 40px;
}

#cmcwebusercustomerresellerfinder .userOffline .moncompte-txt .text-myacc {
    line-height: 28px
}

.costAccountChange {
    font-family: "Roboto Condensed",sans-serif;
}

    .costAccountChange .costAccountTitle {
        font-size: 17px;
        background-color: #fff;
        position: relative;
        top: 17px;
        padding: 0 10px
    }

    .costAccountChange div {
        background-color: rgba(255, 255, 255, 0.8);
        border: 1px dashed #bebebe;
        border-radius: 10px;
        font-family: "Roboto Condensed",sans-serif;
        font-size: 13px;
        margin: 0 auto;
        text-align: center;
        margin: 5px;
        padding: 15px 5px 25px 5px;
        display: block;
        font-weight: normal;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }


    .costAccountChange a:link,
    .costAccountChange a:visited,
    .costAccountChange a:hover .costAccountChange a:active {
        border-radius: 50px;
        position: relative;
        bottom: 20px;
        text-decoration: none;
    }

.rightAreaContent li.costAccountChange {
    padding: 0px;
    text-align: center;
    display: block;
    width: 200px;
    bottom: 12px;
    height: 100px;
    position: relative;
    bottom: 12px
}

.costAccountChange a i {
    margin-left: 5px
}





/*red tab*/
#cat-7 {
    width: 160px;
}

#IcomWebPartZone7 > div {
    display: inline-block
}



/*cstlogin*/
#cmcwebpartcustomerlogin .leftAreaContent .fa-book {
    font-size: 2rem;
    float: left;
    margin-right: 5px;
    position: relative;
    top: 5px;
}

#cmcwebpartcustomerlogin .leftAreaContent span {
    display: inline-block;
    width: 80%;
    line-height: 15px;
}

#cmcwebpartcustomerlogin .leftAreaContent .MenuClient {
}

    #cmcwebpartcustomerlogin .leftAreaContent .MenuClient span:last-child {
        color: #E3192D;
        padding: 0;
        font-size: 12px;
        font-weight: bold
    }

    #cmcwebpartcustomerlogin .leftAreaContent .MenuClient:hover {
        text-decoration: none;
    }

        #cmcwebpartcustomerlogin .leftAreaContent .MenuClient:hover span {
            color: #e3192d;
            text-decoration: none;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

        #cmcwebpartcustomerlogin .leftAreaContent .MenuClient:hover .fa-book {
            color: #e3192d;
            text-decoration: none;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

#cmcwebpartcustomerlogin .rightAreaContent .CUSTOMERMenu {
}

#cmcwebpartcustomerlogin .rightAreaContent .CUSTOMERMenu {
    transform: translateY(15px);
    -moz-transform: translateY(15px);
    transition: all 0.1s ease-in 0s;
    -moz-transition: all 0.1s ease-in 0s;
    visibility: hidden;
    z-index: 100;
}

#cmcwebpartcustomerlogin .rightAreaContent:hover .CUSTOMERMenu {
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    visibility: visible;
    z-index: 100;
}

#cmcwebpartcustomerlogin .rightAreaContent .CUSTOMERMenu {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dedede;
    padding: 10px;
    position: absolute;
    z-index: 100;
    margin-top: 0px
}

#cmcwebpartcustomerlogin .rightAreaContent #_History {
    padding: 0px;
    background-color: #EFEFEF;
    font-weight: bold;
}

    #cmcwebpartcustomerlogin .rightAreaContent #_History a {
        font-weight: bold
    }

#cmcwebpartcustomerlogin .rightAreaContent li {
    display: block;
    padding: 3px 5px;
}

#cmcwebpartcustomerlogin .rightAreaContent #_Informations {
    margin: 10px 0
}

#cmcwebpartcustomerlogin .rightAreaContent #poolManager {
    border-top: 1px dashed #bebebe;
    padding: 10px 0;
}

#cmcwebpartcustomerlogin .rightAreaContent .PoolManagerDetail {
    text-align: center
}

#cmcwebpartcustomerlogin .rightAreaContent .MenuClientHidden {
    display: none;
}

#cmcwebpartcustomerlogin .rightAreaContent .MenuClient1 {
    line-height: 18px;
    padding: 5px 10px;
    width: 82%
}

    #cmcwebpartcustomerlogin .rightAreaContent .MenuClient1:hover {
        text-decoration: none
    }

#cmcwebpartcustomerlogin .rightAreaContent .corporatePool {
    font-weight: bold;
    padding: 0 0px
}

#cmcwebpartcustomerlogin .rightAreaContent .lbCorporatePoolList {
    width: 100%;
    text-align: center;
    margin-bottom: 10px
}

#cmcwebpartcustomerlogin .rightAreaContent .MyAccount_Title {
    font-weight: bold;
    text-align: center;
    margin-bottom: 5px;
    padding: 5px 0;
    font-size: 15px
}

#cmcwebpartcustomerlogin .rightAreaContent .btnDeco {
    width: 100%;
    text-align: center;
    border-top: 1px dashed #bebebe;
    padding-top: 5px
}

    #cmcwebpartcustomerlogin .rightAreaContent .btnDeco input {
        margin: 10px 0
    }

#cmcwebpartcustomerlogin .rightAreaContent .fa-user {
    font-size: 2.5em
}

#cmcwebpartcustomerlogin .rightAreaContent {
    cursor: default
}

#cmcwebpartcustomerlogin .text-myacc {
    background: transparent url("/ImagesPortal/FR/Localisation/images/header-iconset.png") no-repeat -15px -45px;
    padding: 2px 0px 0px 37px;
    height: 33px;
    padding-bottom: 40px
}

#cmcwebpartcustomerlogin .text-clientacc {
    background: transparent url("/ImagesPortal/FR/Localisation/images/header-iconset.png") no-repeat -15px -96px;
    padding: 2px 0px 0px 37px;
}

#cmcwebpartcustomerlogin .userOffline .text-myacc, #cmcwebpartcustomerlogin .userOffline .client-txt .text-clientacc {
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    padding-top: 7px
}

#cmcwebpartcustomerlogin .userOffline .client-txt .text-clientacc {
    padding-top: 0px
}

    #cmcwebpartcustomerlogin .userOffline .client-txt .text-clientacc .arrwIcon {
        float: right;
        font-size: 1.1em;
        position: relative;
        bottom: 6px;
    }

#cmcwebpartcustomerlogin .userOffline .redTxt {
    color: #E3192D;
    font-size: 12px
}

#cmcwebpartcustomerlogin .userOffline .moncompte-txt .loginDropdown {
    transform: translateY(15px);
    -moz-transform: translateY(15px);
    transition: all 0.1s ease-in 0s;
    -moz-transition: all 0.1s ease-in 0s;
    visibility: hidden;
    z-index: 100;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dedede;
    padding: 5px 15px;
    position: relative;
    z-index: 100;
}

#cmcwebpartcustomerlogin .userOffline .moncompte-txt:hover .loginDropdown {
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    visibility: visible;
    z-index: 100;
}

#cmcwebpartcustomerlogin .userOffline .client-txt .clientDropdown {
    transform: translateY(15px);
    -moz-transform: translateY(15px);
    transition: all 0.1s ease-in 0s;
    -moz-transition: all 0.1s ease-in 0s;
    visibility: hidden;
    z-index: 100;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dedede;
    padding: 5px 15px;
    position: relative;
    z-index: 100;
    margin-top: 12px
}

#cmcwebpartcustomerlogin .userOffline .client-txt:hover .clientDropdown {
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    visibility: visible;
    z-index: 100;
}

#cmcwebpartcustomerlogin .userOffline .loginDropdown, #cmcwebpartcustomerlogin .clientDropdown {
    text-align: center
}

    #cmcwebpartcustomerlogin .userOffline .loginDropdown a, #cmcwebpartcustomerlogin .clientDropdown a {
        margin: 15px 0
    }

        #cmcwebpartcustomerlogin .userOffline .loginDropdown a strong, #cmcwebpartcustomerlogin .clientDropdown a strong {
        }

#cmcwebpartcustomerlogin .userOnline {
    float: left;
    width: 85%
}

    #cmcwebpartcustomerlogin .userOnline .fa-chevron-down {
        position: relative;
        top: 3px;
        float: right;
        font-size: 1.1em
    }

    #cmcwebpartcustomerlogin .userOnline .leftAreaContent {
        width: 43%;
        float: left
    }

    #cmcwebpartcustomerlogin .userOnline .rightAreaContent {
        width: 43%;
        float: left
    }

body .searchZone {
    width: 46.2%;
    float: left;
    height: 46px;
    margin-top: 46px
}

    body .searchZone #IcomWebPartZone2 .searchZoneElement2 {
        display: none
    }

body.hyperburo1500 .searchZone #IcomWebPartZone2 .searchZoneElement2 {
    display: block
}

body.hyperburo1500 .searchZone #IcomWebPartZone2 .searchZoneElement1 {
    display: none
}

body .searchZone #IcomWebPartZone2 .searchZoneElement1 .userOffline .moncompte-txt,
body .searchZone #IcomWebPartZone2 .searchZoneElement1 .userOffline .client-txt,
body .searchZone #IcomWebPartZone2 .searchZoneElement2 .userOffline .moncompte-txt,
body .searchZone #IcomWebPartZone2 .searchZoneElement2 .userOffline .client-txt {
    float: left;
    width: 36%;
}

.searchZoneElement3 {
    width: 10%;
    height: 100px;
    float: right
}


/*Only 1500*/
body.slscommercebasketform.hyperburo1500 .BasketDetailCell .warehouse, body.slscommercebasket.hyperburo1500 .BasketDetailCell .warehouse {
    display: none
}

/*Home page Extranet*/
body form[action*="homepage.htm"] .middle .content {
    background-color: #fff;
    margin-top: 0;
    padding: 0;
    width: 1024px;
}
/*body.extranet .footerZone2 .cmcPageTable tr:first-child .cmcPageCell1{display: none}
body .navigationZone .cmcPageCell.cmcPageCell1 > ul{display: none}
body:not(.extranet) .navigationZone .cmcPageCell.cmcPageCell1 > ul:not(.extranet){display: block}
body.extranet .navigationZone .cmcPageCell.cmcPageCell1 > ul.extranet{display: block}*/
/*
body .bannerRightStatic{display: none}
body:not(.extranet) .bannerRightStatic:not(.extranet){display: block}
body.extranet form[action*="/homepage.htm"] .bannerRightStatic.extranet{display: block}
body.extranet .middleRibbonBottom{position: relative;bottom: 1px;}*/

/*CSS CLIENT*/
#mgmenu1 {
    width: 1030px !important
}

div.middleRibbon {
    width: 100% !important
}

/* Statistics */
.slscommercestatistics .comStatTitle {
    display: inline-block;
    padding: 10px calc((100% - 1024px) / 2) 30px;
    padding-top: 25px;
    margin-bottom: 25px;
    font-size: 23px;
    font-weight: bold;
}

.StatData {
    background-color: #FFFFFF;
    padding: 20px 20px 20px 20px;
}

.comStatPeriod {
    clear: both;
}
    /*.comStatPeriod:before { background-color: #e3192d; content: ""; height: 25px; position: absolute; width: 5px; padding: 0 0 10px 0; }*/
    .comStatPeriod label {
        display: inline-block;
        font-weight: normal;
        padding: 5px 0 5px 0;
        font-size: 12px;
        vertical-align: middle;
    }

    .comStatPeriod .period {
        display: block;
        vertical-align: middle;
        line-height: 2.5rem;
        padding: 15px 0 0 0;
        margin: 0 0 10px 0;
    }

        .comStatPeriod .period label {
            font-size: 23px;
            color: #3D3D3D;
            padding: 0 0 0 15px;
        }

    .comStatPeriod .startdate {
        float: left;
        padding: 0 15px 0 15px;
    }

    .comStatPeriod .startdateCal {
        float: left;
        padding: 0 10px 0 0;
        border: 1px solid #6c6c6c;
        margin-right: 20px;
    }

        .comStatPeriod .startdateCal input {
            border: 0px;
        }

    .comStatPeriod .enddate {
        float: left;
        padding: 0 15px 0 0;
    }

    .comStatPeriod .enddatecal {
        float: left;
        padding: 0 10px 0 0;
        border: 1px solid #6c6c6c;
        margin-right: 20px;
    }

        .comStatPeriod .enddatecal input {
            border: 0px;
        }

.comStatSelection {
    clear: both;
}
    /*.comStatSelection:before { background-color: #e3192d; content: ""; height: 25px; position: absolute; width: 5px; padding: 0 0 10px 0; }*/
    .comStatSelection label {
        display: inline-block;
        font-weight: normal;
        padding: 0 0 15px 5px;
        font-size: 12px;
    }

    .comStatSelection .selection {
        display: block;
        vertical-align: middle;
        line-height: 2.5rem;
        padding: 15px 0 0 0;
        margin: 0 0 10px 0;
    }

        .comStatSelection .selection label {
            font-size: 23px;
            color: #3D3D3D;
            padding: 0 0 0 15px;
        }

    .comStatSelection .society {
        float: left;
        padding: 0 20px 0 15px;
    }

    .comStatSelection .service {
        float: left;
        padding: 0 20px 0 0;
    }

    .comStatSelection .buyer {
        float: left;
        padding: 0 20px 0 0;
    }

.comStatic {
    clear: both;
}
    /*.comStatic:before { background-color: #e3192d; content: ""; height: 25px; position: absolute; width: 5px; padding: 0 0 10px 0; }*/
    .comStatic label {
        display: inline-block;
        font-weight: normal;
        padding: 0 0 15px 5px;
        font-size: 12px;
    }

    .comStatic .Name {
        display: block;
        vertical-align: middle;
        line-height: 2.5rem;
        padding: 15px 0 0 0;
        margin: 0 0 10px 0;
    }

        .comStatic .Name label {
            font-size: 23px;
            color: #3D3D3D;
            padding: 0 0 0 15px;
        }

    .comStatic .global {
        float: left;
        padding: 0 20px 0 15px;
    }

    .comStatic .category {
        float: left;
        padding: 0 20px 0 0;
    }

    .comStatic .product {
        float: left;
        padding: 0 20px 0 0;
    }

.comStatButton {
    clear: both;
    padding: 30px 0 50px 0;
}

    .comStatButton .visualize {
        float: left;
        padding-right: 300px;
    }

    .comStatButton input#btnVisualze {
        margin: inherit;
        padding: inherit;
        border: 0px solid #fff;
        display: inline-block;
        line-height: 30px;
        padding: 0 20px;
        text-align: center;
        -webkit-transition: box-shadow 0.3s ease;
        -moz-transition: box-shadow 0.3s ease;
        -ms-transition: box-shadow 0.3s ease;
        -o-transition: box-shadow 0.3s ease;
        transition: box-shadow 0.3s ease;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        color: #fff;
        background-color: #3F3F3F;
        cursor: pointer;
        text-decoration: none;
    }

    .comStatButton .Export {
        margin: 0 0 0 30px;
    }

        .comStatButton .Export span {
            display: inline;
            padding: 0 10px 0 0;
        }

    .comStatButton input#btnExport {
        margin-left: 10px;
        padding: inherit;
        border: 0px solid #fff;
        display: inline-block;
        line-height: 30px;
        padding: 0 20px;
        text-align: center;
        -webkit-transition: box-shadow 0.3s ease;
        -moz-transition: box-shadow 0.3s ease;
        -ms-transition: box-shadow 0.3s ease;
        -o-transition: box-shadow 0.3s ease;
        transition: box-shadow 0.3s ease;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        color: #fff;
        background-color: #E3192D;
        cursor: pointer;
        text-decoration: none;
    }

.comStaticBarChart {
    clear: both;
    margin: 70px 0 0 0;
}

/*************** NEWLY ADDED - 24/04/2018 ****************/

body .searchZone #IcomWebPartZone2 .moncompte-txt .text-myacc, body .searchZone #IcomWebPartZone2 .moncompte-txt a#pluspro {
    font-weight: bold;
    font-size: 14px;
    line-height: 28px;
}

#cmcwebusercustomerresellerfinder .fa-chevron-down {
    position: relative;
    top: 0px;
}

.searchZone #IcomWebPartZone2 .moncompte-txt, #cmcwebusercustomerresellerfinder .client-txt {
    float: left;
    width: 36%;
    background-color: transparent;
}

    #cmcwebusercustomerresellerfinder .client-txt .text-clientacc, #cmcwebusercustomerresellerfinder .client-txt .text-clientacc a#pluspro {
        font-weight: bold;
        font-size: 14px;
        line-height: 17px;
    }

#cmcwebusercustomerresellerfinder .redTxt {
    color: #E3192D;
    font-size: 12px;
    font-weight: bold;
}

#cmcwebusercustomerresellerfinder .text-clientacc .arrwIcon {
    float: right;
}

#cmcwebusercustomerresellerfinder .text-clientacc .fa-chevron-down {
    position: relative;
    top: -8px;
    font-size: 14px;
}

#cmcwebusercustomerresellerfinder .moncompte-txt .loginDropdown {
    transform: translateY(15px);
    -moz-transform: translateY(15px);
    transition: all 0.1s ease-in 0s;
    -moz-transition: all 0.1s ease-in 0s;
    visibility: hidden;
    z-index: 100;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dedede;
    padding: 3%;
    position: relative;
    text-align: center;
}

#cmcwebusercustomerresellerfinder .moncompte-txt:hover .loginDropdown {
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    visibility: visible;
    z-index: 100;
}

#cmcwebusercustomerresellerfinder .loginDropdown a, #cmcwebusercustomerresellerfinder .clientDropdown a {
    margin: 15px 0;
}

#cmcwebusercustomerresellerfinder .client-txt .clientDropdown {
    transform: translateY(15px);
    -moz-transform: translateY(15px);
    transition: all 0.1s ease-in 0s;
    -moz-transition: all 0.1s ease-in 0s;
    visibility: hidden;
    z-index: 100;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dedede;
    padding: 3%;
    position: relative;
    margin-top: 12px;
    text-align: center;
}

#cmcwebusercustomerresellerfinder .client-txt:hover .clientDropdown {
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    visibility: visible;
    z-index: 100;
}

body .searchZone #IcomWebPartZone2 .moncompte-txt a#pluspro:hover, #cmcwebusercustomerresellerfinder .client-txt .text-clientacc a#pluspro:hover {
    text-decoration: none;
}

/*.loginDropdown > a:link, .loginDropdown > a:visited, .clientDropdown > a:link, .clientDropdown > a:visited {
    background: #00abd7 url("/ImagesPortal/FR/Localisation/images/button-icons.png");
    background-position: -15px 190px;
    border: 0px solid #fff;
    display: inline-block;
    line-height: 30px;
    padding: 0 20px 0 35px;
    text-align: center;
    -webkit-transition: box-shadow 0.3s ease;
    -moz-transition: box-shadow 0.3s ease;
    -ms-transition: box-shadow 0.3s ease;
    -o-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
}*/

.loginDropdown > a:hover, .clientDropdown > a:hover {
    -webkit-box-shadow: inset 0 0 1000px 0 rgba(255,255,255,0.3);
    box-shadow: inset 0 0 1000px 0 rgba(255,255,255,0.3);
}

.searchZone #IcomWebPartZone2 .userOnline .moncompte-txt, #cmcwebusercustomerresellerfinder .userOnline .client-txt {
    width: 100%;
}


#cmcwebusercustomerresellerfinder .userOffline .client-txt,
body .searchZone #IcomWebPartZone2 .searchZoneElement1 .userOffline .client-txt {
    display: none;
}

#cmcwebusercustomerresellerfinder .reseller_myAccount,
#cmcwebpartcustomerlogin .rightAreaContent {
    width: 85%;
    float: left;
}

body .searchZone #IcomWebPartZone2 .searchZoneElement2 .userOffline .moncompte-txt,
body .searchZone #IcomWebPartZone2 .searchZoneElement1 .userOffline .moncompte-txt { float: right; width: 40%; cursor: pointer; }

/******************* BEGIN - RESELLER LOGO AREA **********************/
.logoZone #cmcwebuserlogohome .WPUserLogo_resellerName { color: black !important; margin-left: 2px !important; transition: 0.3s; }
.logoZone #cmcwebuserlogohome .WPUserLogo_resellerName:hover { color: #6c6c6c !important; }
.logoZone #cmcwebuserlogohome .WPUserLogo_resellerName .fa-map-marker { color: #e3192d; font-size: 20px;margin-right: 5px; }
/******************* END - RESELLER LOGO AREA **********************/

/************ BEGIN - RESELLER POPUP ************/
.resellerSearchPopup {
    background-color: #fff;
    border: 5px solid #fff;
    position: fixed;
    z-index: 8000;
    width: 1024px;
    top: 20%;
    left: 50%;
    margin-left: -515px;
    padding: 20px 20px;
    text-align: center;
    display: block;
    -webkit-box-shadow: 0 0 10px 1px #323232;
    -moz-box-shadow: 0 0 10px 1px #323232;
    box-shadow: 0 0 10px 1px #323232;
    -webkit-box-shadow: 0 0 10px 1px #323232;
    /*background-image: url('/ImagesPortal/FR/Localisation/images/fotolia_104629862.jpg');
    background-position: 0 -70px;*/
}

    .resellerSearchPopup .btnPopupClose {
        width: 40px;
        height: 40px;
        float: right;
        position: absolute;
    }

        .resellerSearchPopup .btnPopupClose i {
            position: relative;
            bottom: 30px;
            left: 955px;
            cursor: pointer;
            color: #E3192D;
            font-size: 3em;
            -webkit-box-shadow: 0 0 3px 1px #323232;
            -moz-box-shadow: 0 0 3px 1px #323232;
            box-shadow: 0 0 3px 1px #323232;
            -webkit-box-shadow: 0 0 3px 1px #323232;
            background-color: #fff;
            -webkit-border-radius: 50px;
            border-radius: 50px;
            height: 30px;
            -webkit-transition: color 0.3s ease;
            -moz-transition: color 0.3s ease;
            -ms-transition: color 0.3s ease;
            -o-transition: color 0.3s ease;
            transition: color 0.3s ease;
        }

            .resellerSearchPopup .btnPopupClose i:hover {
                color: #E73D4D
            }

            .resellerSearchPopup .btnPopupClose i::before {
                position: relative;
                bottom: 3px
            }

    .resellerSearchPopup .titleReseller {
        font-size: 26px;
        text-align: left;
        /*margin-bottom: 45px;
        width: 100%;
        overflow: hidden;*/
        font-weight: bold;
        font-family: 'Roboto Condensed', sans-serif;
        line-height: 45px;
        display: inline-block; padding-right: 20px; padding-top: 30px;
    }

        .resellerSearchPopup .titleReseller span {
            color: #E3192D
        }

    .resellerSearchPopup .geolocatebtn {
        background-color: #01aad3;
        /*width: 50%;*/
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 16px;
        line-height: 42px;
    }

        .resellerSearchPopup .geolocatebtn .fa-crosshairs {
            position: relative;
            right: -3px;
        }

    .resellerSearchPopup .titleResellerFirst {
        color: #cf1420;
    }

    .resellerSearchPopup .resellerSearch_LocateButton {
        text-align: center; display: inline-block;
    }

    .resellerSearchPopup #btnResellerFinder_Button {
        position: relative;
        margin-left: 5px
    }

    .resellerSearchPopup .resellerSearchContent label {
        margin-bottom: 5px;
        display: block;
        color: #000;
        font-size: 12px;
    }

    .resellerSearchPopup .txtBump {
        display: block;
        text-align: center;
        font-size: 24px;
        font-weight: bold;
        color: #807E7F;
        margin: 20px 20px; display: inline-block;
        top: 5px;
        position: relative;
    }

    .resellerSearchPopup .resellerSearchContent {
        text-align: left;
        /* margin-bottom: 15px;
        background-color: rgba(255,255,255,0.8);
        padding: 20px;
        -webkit-border-radius: 10px 10px 10px 10px;
        border-radius: 10px 10px 10px 10px;*/
        margin: 0 auto;
        /*width: 70%;
        overflow: auto;*/ display: inline-block;
        top: -37px;
        position: relative; width: 40%;
    }

    .resellerSearchPopup #txtResellerFinderPostCode {
        width: 48%;
        float: left;
        font-size: 14px;
        padding: 10px 5px 10px 5px;
        line-height: 20px;
        color: #757575;
    }

        .resellerSearchPopup #txtResellerFinderPostCode:focus {
            color: #000
        }

    .resellerSearchPopup .resellerSearch_SearchButton #btnResellerFinder_Button {
        width: 50%;
        float: right
    }
/*Hack*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #cmcwebusercustomerresellerfinder .leftAreaContent span {
        line-height: 15px;
    }
}

.resellerpopupStatic {padding: 20px; background: rgba(255,255,255,0.8);}
.resellerpopupStatic h3 {font-weight: bold; font-size: 18px; padding-bottom: 10px; color: #444; font-family: 'Roboto', sans-serif;}
.resellerpopupStatic p {font-family: 'Roboto', sans-serif; color: #444; padding-left: 40px;}
.resellerpopupStatic ul {list-style-image: url('/ImagesPortal/FR/Localisation/images/resellerpopup-bullet.png'); padding-left: 60px;}
/*.resellerpopupStatic ul li:before {content: '✓'; color: #E3192D; font-size: 20px; font-weight: bold; padding-right: 5px;}*/
.resellerpopupStatic ul li {font-size: 14px; float: left; width: 48%; padding-top: 5px; color: #444; font-family: 'Roboto', sans-serif;}
.resellerTopContent {border-bottom: 1px solid #ccc; height: 110px;}
.resellerpopuplogo {border-bottom: 1px solid #ccc; padding-bottom: 10px;}
.resellerSearchPopup .btnPopupClose img {
            position: relative;
            bottom: 70px;
            left: 965px;
            cursor: pointer;
            -webkit-transition: color 0.3s ease;
            -moz-transition: color 0.3s ease;
            -ms-transition: color 0.3s ease;
            -o-transition: color 0.3s ease;
            transition: color 0.3s ease;
        }
/************ END - RESELLER POPUP ************/