@import url(https://fonts.googleapis.com/css?family=Open+Sans:100,200,500,900,400,300,600,700,800); @import url(https://fonts.googleapis.com/css?family=Poppins:100,200,500,900,400,300,600,700,800); @font-face { font-family: 'poppinsregular'; src: url('./fonts/poppins-regular-webfont.woff2') format('woff2'), url('./fonts/poppins-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'poppinsmedium'; src: url('./fonts/poppins-medium-webfont.woff2') format('woff2'), url('./fonts/poppins-medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } * { font-family: Poppins; } /*test*/ @media (min-width:1200px) { .container { width: 1200px; } } /* HIDE MINI QUOTATION TEMP */ #cmcwebpartbasketmini .quotationlink { display: none; } /* HIDE MINI QUOTATION TEMP */ /* -------------------------------------------------------------------------------------------------------------------------------------------------- *** GENERAL STYLES *** ---------------------------------------------------------------------------------------------------------------------------------------------------*/ /*TO AVOID THE HORIZONTAL SCROLL ON THE VERSION MOBILE*/ html { min-height: 100%; overflow-x: hidden; box-sizing: border-box } html.modal-open-navBar { overflow-x: inherit } body { min-height: 100%; font-family: Poppins,Arial,sans-serif; position: relative; left: 0; -webkit-transition: opacity .3s linear,left .3s ease-out; -moz-transition: opacity .3s linear,left .3s ease-out; -o-transition: opacity .3s linear,left .3s ease-out; transition: opacity .3s linear,left .3s ease-out } /*body.modal-open-navBar{left:35%;overflow:hidden;}*/ body.index { background-color: #fff; overflow-x: initial; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin: 0 } #freezone1, #freezone8, #freezone3, #freezone4, #freezone5, #freezone6, #freezone7, #freezone8, #freezone9 { padding: 0 0 0 0; margin: 0 0 0 0 } div.row.RowHeader .container { padding-left: 0px; padding-right: 0px; } .headline { margin-bottom: 2em; margin-top: 3em; background: url(/imagesportal/localisation/inmac/images/responsive/common/background-title.gif) repeat-x 0px 15px; padding-left: 0; padding-right: 0 } .headline h2 { font-family: Poppins, sans-serif; background-color: #fff; font-size: 1.7em; color: #172c33; display: inline-block; padding-right: 15px } .headline a { margin-top: 0.5em; text-decoration: underline; font-weight: bold; background-color: #fff; padding: 0 1.5em; position: relative; bottom: 1px } .headline a span { margin-right: 0.3em; font-size: 0.8em } .headline.vBlack { background: inherit; text-align: center; } .headline.vBlack h2 { color: #2b2b2b; background-color: transparent; } .bgGrey { background-color: #f7f7f7; } #top { background-color: #F7F7F7 !important; /*padding-top: 44px;*/ padding-bottom: 44px; position: relative; margin-bottom: 10px; } body.index #top { margin-bottom: 0 } #top .container { padding: 0; } #top > .container { /*position: relative;*/ z-index: 1000; } input::-ms-clear { display: none; } button:focus { outline: 0 !important; } .form-control, .form-control:focus { box-shadow: none; } input[type="text"], input[type="password"], input[type="email"] { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; box-shadow: none; box-shadow: none; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; border: 1px solid #e0e0e0; } .btn:focus, input[type="text"]:focus, input[type="password"]:focus { box-shadow: none; border: 1px solid #A6C8E2 } a:link, a:hover, a:active, a:visited { outline: 0; } a:link, a:visited { color: #D30051 } a:hover, a:active { color: #D30051; text-decoration: underline } p { font-size: 1em; line-height: 1.5em } a, a:link, a:hover, a:active, a:visited, input, select, textarea, input:active, input:focus, input[type="password"]:active, input:focus, select:active, select:focus, textarea:focus, ::after, ::before, .btn, a.btn:link, a.btn:visited, .btn-default, .dropdown-menu > li.new-client > a:link, .dropdown-menu > li.new-client > a:visited, .btnLoginText, #tplCatproductlist5 .productCell .addToBasket, #tplCatproductlist5 .productCell .addToBasket:link, #tplCatproductlist5 .productCell .addToBasket:visited, .btn:active { -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .filled label span { -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .filled label span { -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .modal-backdrop { background-color: #FFFFFFD9; } .modal-backdrop.in { opacity: 1; } /*---------------------ALERT-----------------------*/ .CUSTOMER_MESSAGEtop .alert-danger, .CUSTOMER_MESSAGEtop .alert-warning, .CUSTOMER_MESSAGEtop .alert-info { display: table; text-align: left; border-color: transparent; border-radius: 0; float: left; font-family: Poppins,Arial,sans-serif; line-height: 17pt; padding: 10px 15px 10px 40px; width: 100%; -webkit-border-radius: 4px; border-radius: 4px; text-align: left } .CUSTOMER_MESSAGEtop .alert-danger::before, .CUSTOMER_MESSAGEtop .alert-warning::before, .CUSTOMER_MESSAGEtop .alert-info::before { font: 22px/1 FontAwesome; display: table-cell; vertical-align: middle; position: relative; width: 15px; left: -16px; } .CUSTOMER_MESSAGEtop .alert-danger .close, .CUSTOMER_MESSAGEtop .alert-warning .close, .CUSTOMER_MESSAGEtop .alert-info .close { font-family: Poppins, Arial, sans-serif; } .CUSTOMER_MESSAGEtop .alert-danger { background-color: #f2dede; color: #e3192d; } .CUSTOMER_MESSAGEtop .alert-danger::before { content: "\f00d"; } .CUSTOMER_MESSAGEtop .alert-danger .close { color: #e3192d; } .CUSTOMER_MESSAGEtop .alert-warning { background-color: #fcf8e3; color: #ffa800; } .CUSTOMER_MESSAGEtop .alert-warning::before { content: "\f071" } .CUSTOMER_MESSAGEtop .alert-warning .close { color: #ffa800; } .CUSTOMER_MESSAGEtop .alert-info { background-color: #dff0d8; color: #3c763d; } .CUSTOMER_MESSAGEtop .alert-info::before { content: "\f00c"; } .CUSTOMER_MESSAGEtop .alert-info .close { color: #3c763d; } /*Alert v old*/ .CUSTOMER_MESSAGEtop .gblMessageERROR, .CUSTOMER_MESSAGEtop .gblMessageGOOD, .CUSTOMER_MESSAGEtop .gblMessageWarning { background-color: #dae2e5; display: inline-block; border: 1px solid #FFF; -webkit-border-radius: 3px; border-radius: 3px; padding: 10px 15px; font-size: 15px; margin-bottom: 10px; } .CUSTOMER_MESSAGEtop .gblMessageERROR::before, .CUSTOMER_MESSAGEtop .gblMessageGOOD::before, .CUSTOMER_MESSAGEtop .gblMessageWarning::before { display: inline-block; content: "!"; border: 1px solid #FFF; -webkit-border-radius: 50px; border-radius: 50px; height: 20px; width: 20px; font-weight: bold; margin-right: 8px; line-height: 20px; text-align: center; padding-left: 1px; } .CUSTOMER_MESSAGEtop .gblMessageERROR { background-color: #f5e2e0; border: 1px solid #F03434; color: #F03434 !important } .CUSTOMER_MESSAGEtop .gblMessageERROR::before { content: "!"; border: 1px solid #F03434; } .CUSTOMER_MESSAGEtop .gblMessageGOOD { background-color: #E1F0E7; border: 1px solid #00B45D; color: #00B45D !important } .CUSTOMER_MESSAGEtop .gblMessageGOOD::before { content: "\1F5F8"; border: 1px solid #00B45D; } .CUSTOMER_MESSAGEtop .gblMessageWarning { background-color: #ebf3f8; border: 1px solid #172c33; color: #172c33 !important } .CUSTOMER_MESSAGEtop .gblMessageWarning::before { content: "i"; border: 1px solid #172c33; } .CUSTOMER_MESSAGEtop .gblMessageERROR:empty, .CUSTOMER_MESSAGEtop .gblMessageGOOD:empty, .CUSTOMER_MESSAGEtop .gblMessageWarning:empty { background-color: inherit; border: inherit; padding: 0 } .CUSTOMER_MESSAGEtop .gblMessageERROR:empty::before, .CUSTOMER_MESSAGEtop .gblMessageGOOD:empty::before, .CUSTOMER_MESSAGEtop .gblMessageWarning:empty::before { display: none } /*---------------------FORMS-----------------------*/ s{text-decoration:none} input:-moz-placeholder, textarea:-moz-placeholder { color: #aaa } input { outline: 0 } input[type="text"], input[type="password"], select, textarea { padding: .8em; /* border: 0px solid #bfbfbf; */ font-size: 14px; color: #254048; font-family: Poppins,Arial,sans-serif; width: 100%; background-color: transparent; background-repeat: no-repeat; background-position: 7px center; border-bottom: 1px solid #bfbfbf; } input[type="text"]:active, input[type="text"]:focus, input[type="password"]:active, input[type="password"]:focus, input[type="email"]:active, input[type="email"]:focus, select:active, select:focus, textarea:focus { border: 1px solid #2b2b2b; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } ::-webkit-input-placeholder { color: #999; font-size: 0.95em; font-family: Poppins,Arial,sans-serif; font-weight: normal } ::-moz-placeholder { color: #999; font-size: 0.95em; font-family: Poppins,Arial,sans-serif; font-weight: normal } :-ms-input-placeholder { color: #999; font-size: 0.95em; font-family: Poppins,Arial,sans-serif; font-weight: normal } :-moz-placeholder { color: #999; font-size: 0.95em; font-family: Poppins,Arial,sans-serif; font-weight: normal } textarea::-webkit-input-placeholder { font-style: italic } textarea::-moz-placeholder { font-style: italic } textarea:-ms-input-placeholder { font-style: italic } textarea:-moz-placeholder { font-style: italic } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; -ms-appearance: none \9; -o-appearance: none; padding-right: 25px; background: #fff url(/imagesportal/localisation/inmac/images/responsive/common/icon-arrowSelect.png) no-repeat right; cursor: pointer } body.modal-open { overflow: hidden; position: fixed; padding: 0 !important; width: 100%; } /*---------------------TITLES-----------------------*/ .titleH1 { border-bottom: 1px solid #e0e0e0; margin-bottom: 30px; padding-bottom: 10px; } .titleH1 h1 { font-family: Poppins,sans-serif; font-size: 30px; } .titleH1 h1 > .glyphicon, .titleH1 > h1 > .fa { margin-right: 10px; } .titleH2 { } .titleH2 > h2 { } /*---------------------BUTTONS---------------------*/ *:focus { outline: none !important } /*button default style*/ .btn, a.btn:link, a.btn:visited, .btn-default, .dropdown-menu > li.new-client > a:link, .dropdown-menu > li.new-client > a:visited, .btnLoginText, #tplCatproductlist5 .productCell .addToBasket, #tplCatproductlist5 .productCell .addToBasket:link, #tplCatproductlist5 .productCell .addToBasket:visited, .btn:active { display: block; cursor: pointer; font-family: Poppins,Tahoma,Geneva,sans-serif; text-align: center; text-decoration: none; font-size: 16px; font-weight: normal; height: initial; padding: 12px 24px; color: #fff; border: 1px solid #5563ED; border-radius: 8px; line-height: initial; background-color: #5563ED; margin: 0 auto; } button.btn:focus, .btn:hover, .btn:focus, .btn:active, .btn.active, .btn:disabled, .btn.disabled, a.btn:hover, a.btn:active, .btn-default:hover, .btn-default:focus, .btn-default.focus, .btn:active, .btn-default.active, .btn-default:disabled, .btn-default.disabled, .dropdown-menu > li.new-client > a:hover, .dropdown-menu > li.new-client > a:focus, .btnLoginText:hover, .btnLoginText:focus, .btnLoginText:active, .btnLoginText:disabled, /*#cmcwebpartcustomerlogin2 #valideLogout:hover, #cmcwebpartcustomerlogin2 #valideLogout:active,*/ #tplCatproductlist5 .productCell .addToBasket:hover, #tplCatproductlist5 .productCell .addToBasket:active, .btn:active:hover, .btn:active:focus { color: #fff; text-decoration: none; border: 1px solid #E14957; background-color: #E14957; -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0); box-shadow: inset 0 0px 0px rgba(0,0,0,0); } /*button colorStyle2*/ .btnStyle2, .btnStyle2:link, .btnStyle2:visited, a.btnStyle2:link, a.btnStyle2:visited, .dropdown-menu > li.new-client > a:link, .dropdown-menu > li.new-client > a:visited { color: #fff; border: 1px solid #172c33; background-color: #172c33; } .btnStyle2.btn:active:hover, .btnStyle2:hover, .btnStyle2:active:hover, .btnStyle2:active, .btnStyle2:focus, a.btnStyle2:hover, a.btnStyle2:active, a.btnStyle2:focus, .dropdown-menu > li.new-client > a:hover, .dropdown-menu > li.new-client > a:active { color: #fff; border: 1px solid #254048; background-color: #254048 } /*button colorStyle3*/ .btnStyle3, .btnStyle3:link, .btnStyle3:visited, .btnStyle3:focus, a.btnStyle3:link, a.btnStyle3:visited, .btnOpenAccount { color: #172c33; border: 1px solid #172c33; background-color: transparent } .btnStyle3:hover, .btnStyle3:active, a.btnStyle3:hover, a.btnStyle3:active, .btnOpenAccount:hover, .btnOpenAccount:active, .btnOpenAccount:focus { color: #fff; border: 1px solid #172c33; background-color: #172c33; } /*button colorStyle4*/ .btnStyle4, .btnStyle4:link, .btnStyle4:visited, a.btnStyle4:link, a.btnStyle4:visited, a.btnStyle4.btn:link { color: #fff; border: 1px solid #2196F3; background-color: #2196F3; } button.btn:focus, button.btn:hover, button.btn:active, button.btn:hover, .btnStyle4.btn:active:hover, .btnStyle4:hover, .btnStyle4:active:hover, .btnStyle4:active, .btnStyle4:focus, a.btnStyle4:hover, a.btnStyle4:active, a.btnStyle4:focus, .btn.btnStyle4:focus, .btn.btnStyle4:active:focus, .btn.btnStyle4.active:focus, .btn.btnStyle4.focus, .btn.btnStyle4:active.focus, .btn.btnStyle4.active.focus, .btn.btnStyle4:hover, .btn.btnStyle4:focus, .btn.btnStyle4.focus, .btn.btnStyle4:active, .btn.btnStyle4.active { color: #fff; border: 1px solid #35a3fb; background-color: #35a3fb } /*button colorStyle5*/ .btnStyle5, .btnStyle5:link, .btnStyle5:visited, a.btnStyle5:link, a.btnStyle5:visited, a.btnStyle5.btn:link { color: #31444a; border: 1px solid #31444a; background-color: #fff; } button.btn:focus, button.btn:hover, button.btn:active, button.btn:hover, .btnStyle5.btn:active:hover, .btnStyle5:hover, .btnStyle5:active:hover, .btnStyle5:active, .btnStyle5:focus, a.btnStyle5:hover, a.btnStyle5:active, a.btnStyle5:focus { color: #fff; border: 1px solid #31444a; background-color: #31444a } /*----------------------FLAGS PROMO---------------------------------*/ div.gblFlagPromo, div[class*="PromotionLogo_"] { height: 30px; width: 95px; position: absolute; z-index: 1; background: transparent url("/ImagesPortal/localisation/inmac/images/responsive/common/flags-marketing.png") no-repeat scroll 0 0; } div.gblFlagPromo, div.PromotionLogo_0 { background-position: 0 0; } /*Prix promo*/ div.PromotionLogo_D { background-position: 0 -34px; } /*destockage*/ div.PromotionLogo_N { background-position: 0 -68px; } /*Nouveau*/ div.PromotionLogo_6 { background-position: 0 -102px; } /*Vente flash*/ div.PromotionLogo_9 { background-position: 0 -136px; } /*Occasion*/ div.PromotionLogo_1, div.PromotionLogo_2, div.PromotionLogo_3, /*solde*/ div.PromotionLogo_8, /*Prix coutant*/ div.PromotionLogo_7, /*Prix Quantité limité*/ div.PromotionLogo_5, /*Vente à perte*/ div.PromotionLogo_4 /*Braderie*/ { background-position: 0 -270px; } /*transparent*/ body.mobileDevice div.gblFlagPromo, body.mobileDevice div[class*="PromotionLogo_"], body.tabMobDevice .basicProductCell div.gblFlagPromo, body.tabMobDevice .basicProductCell div[class*="PromotionLogo_"] { height: 20px; background-size: 70%; } body.mobileDevice div.gblFlagPromo, body.mobileDevice div.PromotionLogo_0, body.tabMobDevice .basicProductCell div.gblFlagPromo, body.tabMobDevice .basicProductCell div.PromotionLogo_0 { background-position: 0 0; } /*Prix promo*/ body.mobileDevice div.PromotionLogo_D, body.tabMobDevice .basicProductCell div.PromotionLogo_D { background-position: 0 -24px; } /*destockage*/ body.mobileDevice div.PromotionLogo_N, body.tabMobDevice .basicProductCell div.PromotionLogo_N { background-position: 0 -48px; } /*Nouveau*/ body.mobileDevice div.PromotionLogo_6, body.tabMobDevice .basicProductCell div.PromotionLogo_6 { background-position: 0 -72px; } /*Vente flash*/ body.mobileDevice div.PromotionLogo_9, body.tabMobDevice .basicProductCell div.PromotionLogo_9 { background-position: 0 -95px; } /*Occasion*/ body.mobileDevice div.PromotionLogo_1, body.mobileDevice div.PromotionLogo_2, body.mobileDevice div.PromotionLogo_3, /*solde*/ body.mobileDevice div.PromotionLogo_8, /*Prix coutant*/ body.mobileDevice div.PromotionLogo_7, /*Prix Quantité limité*/ body.mobileDevice div.PromotionLogo_5, /*Vente à perte*/ body.mobileDevice div.PromotionLogo_4 /*Braderie*/, body.tabMobDevice .basicProductCell div.PromotionLogo_1, body.tabMobDevice .basicProductCell div.PromotionLogo_2, body.tabMobDevice .basicProductCell div.PromotionLogo_3, /*solde*/ body.tabMobDevice .basicProductCell div.PromotionLogo_8, /*Prix coutant*/ body.tabMobDevice .basicProductCell div.PromotionLogo_7, /*Prix Quantité limité*/ body.tabMobDevice .basicProductCell div.PromotionLogo_5, /*Vente à perte*/ body.tabMobDevice .basicProductCell div.PromotionLogo_4 /*Braderie*/ { background-position: 0 -270px; } /*transparent*/ .blockPromoProducts .thumbnail .promoTag { border-radius: 20px; padding: 3px 8px 2px; color: #172C33; font-size: 11px; text-transform: uppercase; background: #e7e9ea; width: fit-content; position: absolute; z-index: 1; top: 12px; left: 12px; } .blockPromoProducts .thumbnail .promoTag.promoTag_R { background: #FDB930; color: #fff; } /*Ie9*/ body.internetExplorer9 .basicProductCell.hovereffect a.moreDetail:link { font-size: 5px; padding: 20px 10px } /*----------------------END FLAGS PROMO---------------------------------*/ /* -------------------------------------------------------------------------------------------------------------------------------------------------- *** FREEZONES *** ---------------------------------------------------------------------------------------------------------------------------------------------------*/ /*****************FREEZONE 1 - Top header*******************/ #freezone1 { color: #3d464c; font-size: .8em; margin-bottom: 2em; overflow: hidden } #freezone1 .pull-left { padding-left: 0 } #freezone1 .pull-left li:first-child { font-size: 12px; padding-top: 9px; /* font-weight: 300; */ } #freezone1 .pull-left li { list-style-type: none; display: inline-block; border-right: 1px solid #D8D8D8; padding: 7px 10px 8px 10px; font-size: 13px; color: #aaa; } #freezone1 .pull-left li:last-child { border: 0 } #freezone1 .pull-left span, #freezone1 .pull-left a { font-family: Poppins,sans-serif; margin-right: 5px; position: relative; top: 1px; letter-spacing: -0.05em; } #freezone1 .pull-left i { position: relative; margin-right: 5px; top: 3px; font-size: 14px; } #freezone1 ul li a:link, #freezone1 ul li a:visited { color: #aaa; -webkit-transition: color .5s; transition: color .5s; /* font-weight:300; */ } #freezone1 ul li a:hover, #freezone1 ul li a:active { color: #172c33; text-decoration: none } #freezone1 .pull-right { margin-bottom: 0; line-height: 2.5em } #freezone1 .pull-right .fa { margin-right: 5px } /* -------------------------------------------------------------------------------------------------------------------------------------------------- *** WEBPARTS HEADER *** ---------------------------------------------------------------------------------------------------------------------------------------------------*/ /*****************WEBPART LOGO USER - [CMC.WEBUSER.CATALOGUE.SEARCH]****************/ #cmcwebuserlogohome { text-align: center; } #cmcwebuserlogohome > a { padding: 26px 0 18px; float: left; } #cmcwebuserlogohome > a img { width: 140px; height: auto; object-fit:contain} /*****************WEBPART SEARCH - [CMC.WEBUSER.CATALOGUE.SEARCH]*****************/ #cmcwebusercataloguesearch { margin-top: 18px; margin-bottom: 18px; position: static; } body.logged #cmcwebusercataloguesearch { width: 62%; } .WpSearch .input-group { } .WpSearch #txtSearchBox { color: #767676; position: relative; z-index: 1; border: 0; padding: 0 16px; line-height: 34px; font-style: italic; font-family: 'poppinsregular',Arial,sans-serif; font-weight: normal; font-size: 13px; } .WpSearch .searchgreen { color: #263238; font-weight: normal; font-size: 18px; background: transparent !important; border: none !important; padding: 4.5px 16px; height: 34px; border-radius: 0; } .WpSearch .searchgreen .icon-magnifier { line-height: 34px !important; display: block; height: 34px !important; } .WpSearch div.has-feedback { width: 78%; position: static; display: inline-block; } .WpSearch .input-group { width: 100%; margin: 0 auto; z-index: 9999; } .WpSearch .input-group input { width: calc(100% - 57px); } .WpSearch .input-group button { width: 57px; } .WpSearch .input-group:hover i::before, .WpSearch.filled .input-group i::before { font-size: 22px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .WpSearch .input-group-btn:last-child > .btn, .WpSearch .input-group-btn:last-child > .btn-group { margin-left: 0 } .WpSearch .form-control:focus, .WpSearch .form-control:active { border: 0; border-bottom: 0px solid #71DCA9; } .WpSearch .form-control { border-color: none; border-right: 0; padding: 0; padding-left: 42px; border-bottom: 0; } .WpSearch .dropdown-toggle { background-color: #fbfbfb; height: 50px; color: #2b2b2b; border-right: 0 } .WpSearch .form-control-feedback { pointer-events: auto; cursor: pointer; z-index: 10; right: 45px; top: 5px; color: #5a5a5a } .WpSearch .HeaderContactLink { display: inline-block; width: 20%; text-align: center; top: 15px; position: relative; vertical-align: top; } .WpSearch .HeaderContactLink > a { color: #172C33; font-family: 'poppinsregular',Arial,sans-serif; font-size: 12px; font-weight: 500; text-transform: uppercase; } #searchEngineBg { position: absolute; text-align: left; top: 80px; left: 0; width: 100%; z-index: 9991; } #searchEngine > div { background-color: #fff; position: relative; border: 1px solid #d8d8d8; border-radius: 2px; z-index: 2; } #searchEngine > div::before, #searchEngine > div::after { content: ""; position: absolute; border-style: solid; border-width: 0 14px 15px 14px; border-color: transparent transparent #fff transparent; left: calc(50% - 14px); top: -15px; } #searchEngine > div.search-result::before { border-color: transparent transparent #ffffff transparent; top: -14px; } #searchEngine > div.search-result::after { top: -16px; } #searchEngine > div::after { border-width: 0 16px 17px 16px; border-color: transparent transparent #d8d8d8 transparent; left: calc(50% - 16px); top: -17px; z-index: -1; } #searchEngine .prod-block a {height: 80px;display: table !important;width: 100%;padding: 10px 0;text-decoration: none;} #searchEngine .prod-block a > div { vertical-align: middle; display: table-cell; float: none; } #searchEngine .prod-block a > div:last-child {text-indent: 15px;} #searchEngine .btnWrapper { position: absolute; bottom: 20px; left: 0; width: 100%; } #searchEngine .btnRed {background: #D30051;margin: 0 auto;width: 220px;font-size: 16px;font-family: Poppins,Tahoma,Geneva,sans-serif;border-radius: 26px;text-transform: none;padding: 12px 24px;color: #fff;text-align: center;margin-bottom: 10px;text-decoration: none;} #searchEngine .btnRed:hover, #BasketPage .btnRed:active, #BasketPage .btnRed:focus { background: #f94949 } #searchEngine .list-group-item { padding: 2px 5px; border-color: #FAFAF9; border-width: 0; background-color: inherit; padding: 10px; margin-bottom: inherit } #searchEngine .list-group-item i { color: #989898; font-size: 12px; float: left; display: inline-block; width: 8%; line-height: 20px; } #searchEngine .list-group-item i + span { background: inherit; float: left; overflow: hidden; height: 20px; display: inline-block; width: 92%; } #searchEngine .list-group { margin-bottom: 10px; } #searchEngine .list-unstyled { margin-bottom: 0 } #searchEngine .list-group-item:first-child, #searchEngine .list-group-item:last-child { font-size: 16px; line-height: normal; padding: 8px 10px; float: left; width: 100%; } #searchEngine .list-group-item.active, #searchEngine .list-group-item.active:hover, #searchEngine .list-group-item.active:focus {font-size: 14px;color: #60646C;padding: 10px;margin-bottom: 0;} #searchEngine .search-result strong { background: #f1e0e1; line-height: 20px; } #searchEngine p {margin: 0;font-size: 12px;color: #60646C;letter-spacing: 0.03em;} #searchEngine p.lead { margin-right: 10px; margin-top: 4px; } #searchEngine .priceHT { color: #FF6632; font-weight: bold; font-size: 17px; margin-right: 5px; } #searchEngine .priceHT sup, #searchEngine .priceTTC sup { font-weight: 100; font-size: .5em; top: -0.7em } #searchEngine .priceTTC { color: #172c33; font-weight: bold; font-size: 12px; position: relative; bottom: 4px; } #searchEngine .thumbnail span { display: block } #searchEngine .thumbnail { padding-bottom: 10px } #searchEngine .list-group-image { max-height: 60px; } #searchEngine a.list-group-item, button.list-group-item { color: #2b2b2b } #searchEngine .search-result { display: table; width: 100%; } #searchEngine .search-result > div { padding: 20px; display: table-cell; float: none; vertical-align: top; } #searchEngine .search-result > div:last-child { background: #f5f7f8 } #searchEngine .search-result > div:first-child { padding-bottom: 80px; } #searchEngine .search-result > div:last-child ul li { line-height: 0; } #searchEngine a:link, #searchEngine a:visited { display: block; } #searchEngine .list-group-item-heading {font-size: 16px;color: #2b2b2b;margin-bottom: 3px;font-weight: normal;} #searchEngine .list-group-item-heading span { font-weight: bold } #searchEngine .img-div { height: 55px; display: table-cell; line-height: 55px } #searchEngine .loader { font-weight: bold; padding: 10px; text-transform: uppercase; } #mask { background-color: #fff; opacity: 0.75; width: 100% !important; height: 100% !important; display: block; z-index: 1 !important; } #searchEngineOverlay { background: #fff; position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.75; z-index: -2; } .WpSearch .input-group-inner { border-radius: 26px; border: 1px solid #263238; background: #FFF; padding: 6px 0; height: 34px; display: table; width: 100%; position: relative; } .WpSearch .input-group.focused { z-index: 999999; position: relative; } body.desktopDevice .WpSearch .input-group.filled .input-group-inner::before, body.tabletDevice .WpSearch .input-group.filled .input-group-inner::before { text-transform: uppercase; content: "Chercher un produit, une reference ..."; position: absolute; left: 17px; top: 5px; font-size: 11px; color: #989898; font-style: italic; } .WpSearch .input-group.filled #txtSearchBox { color: #2b2b2b; font-size: 16px; font-weight: bold; height: 24px; line-height: 24px; } body.desktopDevice .WpSearch .input-group.filled #txtSearchBox, body.tabletDevice .WpSearch .input-group.filled #txtSearchBox { margin-top: 10px; } body.tabletDevice #cmcwebpartcustomerlogin2, body.tabletDevice #cmcwebpartbasketmini { width: 16.6666666667% } body.tabletDevice #cmcwebpartbasketmini svg { width: 36px; height: 36px; } /* .WpSearch .input-group{background-color:#FDFDFD;border: 1px solid #B9BFC1;border-radius:8px;position:relative;z-index:1002;padding: 6px 0;height: 34px;} .WpSearch .input-group.filled { z-index: 999999; } .WpSearch .input-group.filled::before { content: "chercher un produit, une référence ..."; position: absolute; left: 17px; top: 5px; font-size: 11px; color: #989898; font-style: italic; } .WpSearch .input-group.filled #txtSearchBox { color: #2b2b2b; font-size: 16px; font-weight: bold; height: 24px; margin-top: 10px; line-height: 24px; } */ /*****************WEBPART LOGIN2 - [CMC.WEBPART.CUSTOMER.LOGIN2]*****************/ #cmcwebpartcustomerlogin2 .btn-default, #cmcwebpartcustomerlogin2Tablet .btn-default, #cmcwebpartcustomerlogin2 .btn-default:active, #cmcwebpartcustomerlogin2 .btn-default.active { background: transparent; border-radius: 0; border: none; font-weight: normal; float: right; border-radius: 0; padding: 0px; height: 56px; box-sizing: unset; width: 100%; } #cmcwebpartcustomerlogin2 .dropdown-menu { left: 0 } #cmcwebpartcustomerlogin2 .dropdown .dropdown-menu { visibility: hidden; margin-left: 0; display: block; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; opacity: 0; margin-top: 20px; border: 1px solid #fff; left: calc(50% - 260px); top: 100px; } #cmcwebpartcustomerlogin2 .dropdown.open .dropdown-menu { visibility: visible; opacity: 1; margin-top: 0; padding: 20px 20px 0; margin-left: 0; top: 60px; z-index: 99999; border: 1px solid #DEE3ED; border-radius: 10px; } /*#cmcwebpartcustomerlogin2 .dropdown.open .dropdown-menu::before {content:" ";border-style: solid;border-width: 0 8px 6px 8px;border-color: transparent transparent #f03535 transparent;margin-left: 100px;margin-top: -10px;position:absolute} #cmcwebpartcustomerlogin2 .dropdown.logged.open .dropdown-menu{border-top:4px solid #de3c4b;} #cmcwebpartcustomerlogin2 .dropdown.logged.open .dropdown-menu::before{border-color:transparent transparent #de3c4b transparent;}*/ #cmcwebpartcustomerlogin2 #dropdownMenu i.fa-angle-down { top: 11px; font-size: 1.7em; position: relative; margin-left: .2em } #cmcwebpartcustomerlogin2 i.icon-user, #cmcwebpartcustomerlogin2 .LoginCustomer_BtnLogin { text-align: center; margin-top: 5px } #cmcwebpartcustomerlogin2 .LostPassword { text-align: center; } #cmcwebpartcustomerlogin2 > .dropdown span.status, #cmcwebpartcustomerlogin2 > .dropdown.open span.status { background-color: #FFFFFF; -moz-transition: all 0.01s ease; -ms-transition: all 0.01s ease; -o-transition: all 0.01s ease; transition: all 0.01s ease; } #cmcwebpartcustomerlogin2 .dropdown-menu li > svg { color: #8B97FF; width: 20px; height: auto; } #cmcwebpartcustomerlogin2 svg.feather-user { color: #172C33; text-align: center; width: 100%; display: block; height: 33px; padding-right: 10px; } #cmcwebpartcustomerlogin2 svg.feather-x, #cmcwebpartcustomerlogin2 svg.feather-check { color: #DE3C4B; width: 18px; position: absolute; top: 28px; right: calc(50% - 20px); height: 18px; } #cmcwebpartcustomerlogin2 svg.feather-check { color: #de3c4b; } #cmcwebpartcustomerlogin2 div.txt { text-align: center; float: left; width: auto; margin-top: 0; margin-left: 20px; } #cmcwebpartcustomerlogin2 #lbPerson { text-align: left; color: #8F8F8F; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; white-space: normal; } #cmcwebpartcustomerlogin2 #lbPersonTitle { text-align: left; color: #172C33; font-size: 18px; font-style: normal; font-weight: 400; line-height: 20px; letter-spacing: 0px; } #cmcwebpartcustomerlogin2 div.txt span { display: block; letter-spacing: -1px; line-height: 19px; font-family: Poppins,Tahoma,Geneva,sans-serif; text-transform: uppercase; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: #263238; color: #fff; border-radius: 50%; padding: 12px 9px; width: 42px; height: 42px; font-size: 14px; text-align: center; } #cmcwebpartcustomerlogin2 .dropdown-menu span#lbBuyer_UFT { background: #263238; color: #fff; border-radius: 50%; padding: 12px 9px; width: 42px; height: 42px; font-size: 15px; text-align: center; display: inline-block; text-transform: uppercase; line-height: 19px; letter-spacing: -1px; } #cmcwebpartcustomerlogin2 .btn-default:hover, #cmcwebpartcustomerlogin2 .btn-default:focus, #cmcwebpartcustomerlogin2 .btn-default:active, #cmcwebpartcustomerlogin2Tablet .btn-default:hover, #cmcwebpartcustomerlogin2Tablet .btn-default:focus, #cmcwebpartcustomerlogin2 .sublink, #cmcwebpartcustomerlogin2Tablet .sublink { display: block } #cmcwebpartcustomerlogin2 .sublink a:link, #cmcwebpartcustomerlogin2 .sublink a:visited, #cmcwebpartcustomerlogin2 .sublink a:hover, #cmcwebpartcustomerlogin2 .sublink a:active, #cmcwebpartcustomerlogin2Tablet .sublink a:link, #cmcwebpartcustomerlogin2Tablet .sublink a:visited, #cmcwebpartcustomerlogin2Tablet .sublink a:hover, #cmcwebpartcustomerlogin2Tablet .sublink a:active { color: #5a5a5a } #cmcwebpartcustomerlogin2 .dropdown-menu { width: 308px; padding: 0; font-size: .9em; background: #FFFFFF; margin-top: -1px; margin-left: -2px; -webkit-border-radius: 0; border-radius: 0; margin: 0 } #cmcwebpartcustomerlogin2 .feather-chevron-down { color: #263238; top: 10px; position: relative; } body.tabMobDevice #cmcwebpartcustomerlogin2 .feather-chevron-down { display: none; } #cmcwebpartcustomerlogin2 .dropdown-menu p { } /*#cmcwebpartcustomerlogin2 .dropdown-menu li { padding: 5px 0; }*/ #cmcwebpartcustomerlogin2 li input { margin-bottom: 10px; position: relative; z-index: 2; font-size: 14px; /* font-weight: normal; */ } #cmcwebpartcustomerlogin2 li label { position: absolute } #cmcwebpartcustomerlogin2 li label span { position: relative; color: #9b9b9b; font-weight: 100; top: 13px; left: 30px; font-size: 15px; background-color: #FFFFFF; padding: 1px 5px; z-index: 1 } #cmcwebpartcustomerlogin2 li.filled label span { position: relative; color: #172c33; font-weight: bold; top: -9px; left: 10px; font-size: 12px; z-index: 3 } #cmcwebpartcustomerlogin2 input[type="text"], #cmcwebpartcustomerlogin2 input[type="password"] { border: 1px solid #999; padding: 1.1em 0.8em 0.8em 0.8em; padding-left: 35px; width: 96%; margin: 0 2% } #cmcwebpartcustomerlogin2 input[type="text"], #cmcwebpartcustomerlogin2 input[type="password"] { color: #333; } #cmcwebpartcustomerlogin2 input.filled[type="text"], #cmcwebpartcustomerlogin2 input.filled[type="password"] { color: #333 } #cmcwebpartcustomerlogin2 .LoginCustomer_InputLogin { margin-bottom: 10px } #cmcwebpartcustomerlogin2 .LoginCustomer_InputLogin::before, #cmcwebpartcustomerlogin2 .LoginCustomer_InputPassword::before { content: '\e005'; position: absolute; font-family: "Simple-Line-Icons"; margin-top: 15px; margin-left: 12px } #cmcwebpartcustomerlogin2 .LoginCustomer_InputPassword::before { content: '\e08e' } #cmcwebpartcustomerlogin2 input[type="text"]:active, #cmcwebpartcustomerlogin2 input[type="text"]:focus, #cmcwebpartcustomerlogin2 input[type="password"]:active, #cmcwebpartcustomerlogin2 input[type="password"]:focus { border: 1px solid #172c33; } #cmcwebpartcustomerlogin2 li:first-child p { margin: 0 } #cmcwebpartcustomerlogin2 .dropdown.logged .dropdown-menu li:first-child { border-bottom: 1px solid #DEE3ED; margin-bottom: 10px; } #cmcwebpartcustomerlogin2 li input[type="submit"] { margin-top: 10px; } #cmcwebpartcustomerlogin2 li.LostPassword a, #cmcwebpartcustomerlogin2 li.LostPassword a:link, #cmcwebpartcustomerlogin2 li.LostPassword a:visited, #cmcwebpartcustomerlogin2 li.LoginCustomer_Btn_Myaccount a:link, #cmcwebpartcustomerlogin2 li.LoginCustomer_Btn_Myaccount a:visited { background: inherit; color: #172c33 } #cmcwebpartcustomerlogin2 li.LoggedInCustomer_Text_Left > span { display: inline-block; } #cmcwebpartcustomerlogin2 li.LoggedInCustomer_Text_Left > span:nth-child(2) { padding-left: 10px; } #cmcwebpartcustomerlogin2 li.LoginCustomer_Text { display: none } #cmcwebpartcustomerlogin2 li.LostPassword a:hover, #cmcwebpartcustomerlogin2 li.LostPassword a:active, #cmcwebpartcustomerlogin2 li.LoginCustomer_Btn_Myaccount a:hover, #cmcwebpartcustomerlogin2 li.LoginCustomer_Btn_Myaccount a:active { background: inherit; color: #4a97ca } #cmcwebpartcustomerlogin2 li.LostPassword a::before { content: "\e08c"; font-family: 'Simple-Line-Icons'; font-size: 11px; margin-right: 5px; } #cmcwebpartcustomerlogin2 li.LoginCustomer_Btn_Myaccount a::before { width: 7px; height: 7px; background-color: inherit; content: " "; display: inline-block; border-bottom: 2px solid #333; border-left: 2px solid #333; transform: rotate(45deg); margin-bottom: 1px; margin-right: 7px } #cmcwebpartcustomerlogin2 li.LoginCustomer_Btn_Myaccount a::before { transform: rotate(-135deg) } #cmcwebpartcustomerlogin2 li.LoginCustomer_Btn_Myaccount:hover a::before { border-bottom: 2px solid #172c33; border-left: 2px solid #172c33; margin-right: 4px } #cmcwebpartcustomerlogin2 .logged .btnStyle2 { font-size: 22px; padding: 10px 0 0; background-color: transparent; border: none; color: #172C33; display: grid; grid-template-columns: 42px 1fr 10px; align-items: center; justify-content: center; } #cmcwebpartcustomerlogin2 .logged .btnStyle2:hover { background-color: transparent; border: none; color: #000; } #cmcwebpartcustomerlogin2 .notLogged .btnStyle2 { /* margin-top: 10px; */ width: 100%; margin-top: 10px; font-size: 14px; } #cmcwebpartcustomerlogin2 .logged .btnStyle2.nameInitials { top: -10px; position: relative; } .cstcorporatepoollist #cmcwebpartcustomerlogin2 .logged .btnStyle2.nameInitials { margin-bottom: 5px; } #cmcwebpartcustomerlogin2 #flAutoLogin { position: relative; top: 3px } #cmcwebpartcustomerlogin2 #lbBuyer_UFT + span { padding-left: 10px; } #cmcwebpartcustomerlogin2 .svg-login-title { display: flex; align-items: center; border-radius: 50%; padding: 6px; background: #8b97ff7e; width: 30px; height: 30px; } #cmcwebpartcustomerlogin2 .new-client { margin-top: 10px; padding: 20px 10px; border-top: 1px solid #fff; background-color: #E3E3E3 } #cmcwebpartcustomerlogin2 .dropdown-menu > li > .btnBlue:link, .dropdown-menu > li > .btnBlue:visited { font-size: 1.2em } #cmcwebpartcustomerlogin2 .LoggedInCustomer_Text_Left p { font-weight: bold; font-size: 1.2em; margin-bottom: 0 } #cmcwebpartcustomerlogin2 .btnDeco { padding: 10px; border-top: 1px solid #fff; } #cmcwebpartcustomerlogin2 .svg-arrow { justify-self: center; } #cmcwebpartcustomerlogin2 .LoggedInCustomer_Text_Left a:hover, #cmcwebpartcustomerlogin2 .LoggedInCustomer_Text_Left a:active { background-color: #254048; color: #fff } #cmcwebpartcustomerlogin2 li .LoginConnectedLinks:link, #cmcwebpartcustomerlogin2 li .LoginConnectedLinks:visited { gap: 10px; padding: 10px 7px; text-align: left; line-height: 25px; font-size: 14px; padding: 10px 7px; color: #172c33; display: grid; grid-template-columns: 30px 1fr 15px; align-items: center; } #cmcwebpartcustomerlogin2 .dropdown li.UserDetails { padding: 10px 13px; margin-top: 10px; border-radius: 5px; border: 1px solid #EDEDFF; } #cmcwebpartcustomerlogin2 .dropdown li.UserDetails .UserName { color: #172C33; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; display: block; } #cmcwebpartcustomerlogin2 .dropdown li.UserDetails .UserSum { color: #767676; font-size: 12px; display: block; } #cmcwebpartcustomerlogin2 .dropdown li.UserDetails .UserPhone, #cmcwebpartcustomerlogin2 .dropdown li.UserDetails .UserEmail { font-size: 16px; font-weight: 500; display: grid; grid-template-columns: 16px 1fr 22px; align-items: center; justify-content: center; } #cmcwebpartcustomerlogin2 .dropdown li.UserDetails svg { color: #767676; width: 16px; height: 16px; } #cmcwebpartcustomerlogin2 .dropdown li.UserDetails i.fa-clone { font-size: 1.5rem; float: right; color: #6071FC; } #cmcwebpartcustomerlogin2 .dropdown li.UserDetails #UserPhoneId, #cmcwebpartcustomerlogin2 .dropdown li.UserDetails #UserEmailId { border: none; padding: 0; color: #020D64; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; } #cmcwebpartcustomerlogin2 .dropdown li.UserDetails button { border: none; padding: 0; background: transparent; display: flex; padding: 3px; justify-content: end; } #cmcwebpartcustomerlogin2 .dropdown li.UserDetails #UserEmailId { font-size: 12px; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #cmcwebpartcustomerlogin2 .dropdown li.UserDetails > div:nth-child(2), #cmcwebpartcustomerlogin2 .dropdown li.UserDetails > div:nth-child(3) { padding: 2px 0; } #cmcwebpartcustomerlogin2 .dropdown li.UserDetails > div:first-child { padding-bottom: 10px; } #cmcwebpartcustomerlogin2 .dropdown-menu li .svg-btn-deco { display: flex; align-items: center; border-radius: 50%; padding: 6px; background: #8b97ff7e; width: 30px; height: 30px; background: #FFF2F3; } #cmcwebpartcustomerlogin2 .dropdown .deco-section { display: flex; justify-content: center; margin: 10px 0; } #cmcwebpartcustomerlogin2 .dropdown .hlLoggedinZone { color: #DE3C4B; font-size: 12px; font-weight: 500; line-height: normal; background: none; border: none; cursor: pointer; } #cmcwebpartcustomerlogin2 .dropdown .hlLoggedinZone:hover { background: transparent; color: #DE3C4B; text-decoration: underline; } #cmcwebpartcustomerlogin2 li .LoginConnectedLinks:hover, #cmcwebpartcustomerlogin2 li .LoginConnectedLinks:active { background-color: #5858b112; color: #000087; border-radius: 8px; } #cmcwebpartcustomerlogin2 li .LoginConnectedLinks:hover .svg-login-title { background: #fff; } #cmcwebpartcustomerlogin2 li .LoginConnectedLinks:hover .svg-login-title path { stroke: #5858B1; } #cmcwebpartcustomerlogin2 li .LoginConnectedLinks:hover .svg-arrow { stroke: #000087; stroke-width: 0px; } #cmcwebpartcustomerlogin2 li.btnPoolChoice .btnLogoutPool { padding: 8px; display: grid; grid-template-columns: 1fr 1fr 20px; grid-template-rows: 1fr 1fr; gap: 0px 5px; grid-template-areas: "zone1 zone1 zone3" "zone2 zone2 zone3"; } #cmcwebpartcustomerlogin2 li.btnPoolChoice .btnLogoutPool + hr { margin: 10px auto 0; padding: 0; border-top-color: #DEE3ED; } #cmcwebpartcustomerlogin2 li.btnPoolChoice .btnLogoutPool + li { margin-top: 5px } #cmcwebpartcustomerlogin2 li.btnPoolChoice .btnLogoutPool:hover { background: #fff; } #cmcwebpartcustomerlogin2 li.btnPoolChoice .btnLogoutPool:hover span.namePool { color: #263238; overflow: hidden; text-overflow: ellipsis; } #cmcwebpartcustomerlogin2 .btnPoolChoice span.labelPool { display: block; font-size: 14px; grid-area: zone1; color: #BAC0C2; font-size: 11px; font-style: normal; font-weight: 500; line-height: normal; text-transform: capitalize; } #cmcwebpartcustomerlogin2 .btnPoolChoice span.namePool { font-weight: bold; font-size: 14px; display: block; grid-area: zone2; color: #FFF; font-size: 12px; font-style: normal; font-weight: 500; line-height: normal; text-transform: capitalize; text-overflow: ellipsis; overflow: hidden; } #cmcwebpartcustomerlogin2 .btnLogoutPool .svg-arrow { grid-area: zone3; align-self: center; margin-left: 5px } #cmcwebpartcustomerlogin2 .btnLogoutPool .svg-arrow path { fill: #FFF; stroke-width: 0px; stroke: #fff; } #cmcwebpartcustomerlogin2 .btnLogoutPool .svg-arrow path { fill: #fff; } #cmcwebpartcustomerlogin2 .btnLogoutPool:hover .svg-arrow path { fill: #00171F; } /*#cmcwebpartcustomerlogin2 #valideLogout:link,#valideLogout:visited{height: 44px;background: url(/imagesportal/localisation/inmac/images/responsive/common/WPLogin-BtnDeconnexion-Hover.jpg) no-repeat;} #cmcwebpartcustomerlogin2 #valideLogout:hover,#valideLogout:active {background: url(/imagesportal/localisation/inmac/images/responsive/common/WPLogin-BtnDeconnexion.jpg) no-repeat;}*/ #cmcwebpartcustomerlogin2 .btnDeco a { border: 1px solid #de3c4b; position: relative; color: #de3c4b; padding: 8px 8px 8px 30px; border-radius: 8px; text-align: center; font-size: 14px; font-weight: normal; cursor: pointer; } #cmcwebpartcustomerlogin2 .btnDeco a:hover, #cmcwebpartcustomerlogin2 .btnDeco a:active, #cmcwebpartcustomerlogin2 .btnDeco a:focus { background: #de3c4b; color: #fff; } #cmcwebpartcustomerlogin2 .btnDeco a::before { content: "\e097"; position: absolute; font-family: 'simple-line-icons'; font-weight: bold; width: 120px; text-align: left; left: calc(50% - 60px); font-size: 14px; line-height: 16px; } /* #cmcwebpartcustomerlogin2 .hlLoggedinZoneEN:link,.hlLoggedinZoneEN:visited{height: 44px;background: url(/imagesportal/localisation/inmac/images/responsive/common/WPLogin-BtnDeconnexion-Hover-En.jpg) no-repeat;} #cmcwebpartcustomerlogin2 .hlLoggedinZoneEN:hover,.hlLoggedinZoneEN:active {background: url(/imagesportal/localisation/inmac/images/responsive/common/WPLogin-BtnDeconnexion-En.jpg) no-repeat;} */ #cmcwebpartcustomerlogin2 { text-align: right; margin-top: 20px; } #cmcwebpartcustomerlogin2 li.btnPoolChoice a { border-radius: 4px; border: 1px solid #172C33; background: #263238; padding: 0; } #valideLoginText_Button { background-image: url("/imagesportal/localisation/inmac/images/responsive/common/button-login.png"); background-position: 7px 7px; padding: 0.4em 1em 0.3em 1em; padding-left: 35px; background-repeat: no-repeat; } #valideLoginText_Button:hover { background-position: 9px 7px; } /*#cmcwebpartcustomerlogin2 .dropdown-menu > li > a#valideLogout:visited {background-position:-15px 166px} #cmcwebpartcustomerlogin2 .dropdown-menu > li > a#valideLogout:hover, #cmcwebpartcustomerlogin2 .dropdown-menu > li > a#valideLogout:active{background-position:-12px 166px}*/ /*#cmcwebpartcustomerlogin2 {display: none;}*/ /*****************WEBPART BASKET MINI - [CMC.WEBPART.BASKET.MINI]*****************/ #cmcwebpartbasketmini .minicaddie { display: table; } #cmcwebpartbasketmini a { border-radius: 0; background-color: #F7F7F7; /*height: 56px;*/ box-sizing: unset; margin: 0 8px; display: inline-block; text-align: center; position: relative; padding: 27px 0 17px; } #cmcwebpartbasketmini .txtmain { display: block; color: #172C33; font-size: 11px; font-weight: normal; text-transform: uppercase; text-align: center; margin-top: 5px; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #cmcwebpartbasketmini .greentext { color: #81c90d; font-weight: 100; line-height: 17px; text-align: right; color: #898989; font-size: 14px; text-transform: initial; } #cmcwebpartbasketmini .greentext::before { content: "\e049"; font-family: 'Simple-Line-Icons'; font-size: 12px; margin-right: 5px } #cmcwebpartbasketmini .titlePrice { float: left; width: 100%; display: none; } #cmcwebpartbasketmini svg { color: #172C33; font-size: 25px; text-align: center; width: 100%; display: block; height: 33px; padding-right: 10px; padding-top: 1px; } #cmcwebpartbasketmini svg.feather-check { color: #51b600; height: 18px; top: -27px; position: relative; padding: 0; } #cmcwebpartbasketmini .greentext sup, #cmcwebpartbasketminiTablet .greentext sup { font-weight: 100; top: -.5em; font-size: 0.6em } #cmcwebpartbasketmini .productNumber, #cmcwebpartbasketminiTablet .productNumber { text-align: center; float: left; width: 100%; height: 33px; position: relative; } #cmcwebpartbasketmini .productNumber span, #cmcwebpartbasketminiTablet .productNumber span { position: absolute; min-width: 20px; display: inline-block; color: #fff; font-weight: normal; font-size: 10px; text-align: center; top: -4px; background-color: #172C33; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; line-height: 20px; /* text-align: center; */ padding: 0 2px; float: right; right: calc(50% - 23px); } #cmcwebpartbasketminiTablet .productNumber { left: 57px } #cmcwebpartbasketmini svg.feather-heart { fill: #DE3C4B; color: #DE3C4B; padding: 10px 10px; background: rgba(222, 60, 75, 0.20); border-radius: 50%; width: 42px; height: 42px; } #cmcwebpartbasketmini .fa-shopping-basket { background: rgba(96, 113, 252, 0.20); border-radius: 50%; width: 42px; height: 42px; padding: 10px; } #cmcwebpartbasketmini .fa-shopping-basket:before { color: #6071FB; font-size: 1.4em; } #cmcwebpartbasketmini { text-align: center; } /*** MINI QUOTATION ***/ #cmcwebpartbasketmini .quotationlink svg { padding: 0; } /***************** WEBPART BANNER - [CMC.WEBUSER.CATALOGUE.BANNER]****************/ /*#cmcwebusercataloguebanner{background-color: #14eac4; margin-bottom: 3em ;background-color:#fafafa}*/ #cmcwebusercataloguebanner .carousel-control.left { margin: auto; background-image: none; background: none; height: 20px; } #cmcwebusercataloguebanner .carousel-control.right { margin: auto; background-image: none; background: none; height: 20px; } #cmcwebusercataloguebanner .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; } #cmcwebusercataloguebanner .left > span::before, #cmcwebusercataloguebanner .right > span::before { width: 20px; height: 20px; background-color: inherit; content: " "; display: inline-block; border-bottom: 2px solid #95989a; border-left: 2px solid #95989a; transform: rotate(45deg); margin-bottom: 10px; } #cmcwebusercataloguebanner .right > span::before { transform: rotate(-135deg) } #cmcwebusercataloguebanner .carousel-indicators { bottom: 0; z-index: 1 } #cmcwebusercataloguebanner .carousel-indicators li { border-color: #95989a } #cmcwebusercataloguebanner .carousel-indicators .active { background-color: #95989a; border-color: #95989a } #cmcwebusercataloguebanner .left.carousel-control, #cmcwebusercataloguebanner .right.carousel-control { filter: none; background-image: none } /***************** WEBPART MEGA MENU RESPONSIVE - [CMC.WEBUSER.CATALOGUE.NAVMEGAMENU.RESPONSIVE ]****************/ #cmcwebusercataloguenavmegamenuresponsive { height: 44px; background: #E7E9EA; position: absolute; left: 0; bottom: 0; width: 100%; z-index: 999; } /*****************CATALOGUE MINI-SHOPPING LISTS*****************/ #cmcwebpartbasketmini #miniShoppingList { text-align: center; position: relative; padding: 27px 0 17px; } body.tabletDevice #cmcwebpartbasketmini #miniShoppingList { padding: 16px 0 17px; } body.mobileDevice #cmcwebpartbasketmini #miniShoppingList { padding: 10px 0 17px; } #cmcwebpartbasketmini #miniShoppingList #favouriteIcon { color: #172C33; font-size: 2.2em; } body.mobileDevice #cmcwebpartbasketmini #miniShoppingList #favouriteIcon { font-size: 1.6em; } #cmcwebpartbasketmini #miniShoppingList #shoppingListCount { right: calc(50% - 22px); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); } body.tabletDevice #cmcwebpartbasketmini #miniShoppingList #shoppingListCount { /*top: 12px;*/top:0; } body.mobileDevice #cmcwebpartbasketmini { padding-left: 0; text-align: center; height: 65px; } body.mobileDevice #cmcwebpartcustomerlogin2 { padding-right: 0; } @media screen and (min-width : 1024px) and (max-width : 1200px) { #cmcwebusercataloguesearch { width: 33%; } #cmcwebpartbasketmini { width: 16.66666667%; } #cmcwebpartcustomerlogin2 { width: 33.33333333%; } .WpSearch .HeaderContactLink { top: 7px; } } /* -------------------------------------------------------------------------------------------------------------------------------------------------- *** CONTENT HOME PAGE *** ---------------------------------------------------------------------------------------------------------------------------------------------------*/ /*****************Top des categories informatiques****************/ .actuZoneMob { padding-bottom: 60px } @media screen and (-webkit-min-device-pixel-ratio:0) { .topCat > ul { padding: 7px 0 16px 0 } } .topCat { margin-bottom: 3em } .topCat > ul { text-align: center; margin-bottom: 0; background-color: #fff; } .topCat ul ul { border-left: 2px solid #eee; margin-left: 2px; padding-left: 8px; margin: 0.5em 0 0 40px; text-align: left } .topCat ul ul a:link, .topCat ul ul a:visited { color: #333; font-size: 0.9em } .topCat ul ul a:hover, .topCat ul ul a:active { color: #0062a1 } .topCat .categoryCell { width: 20%; float: left; } .topCat .categoryCell h3 { display: block; text-align: left; padding-left: 36px; font-size: 1em; font-weight: bold } .topCat .categoryCell h3 a { color: #333 } .topCat .categoryCell:last-child h3 { margin-left: 30px } .topCat .categoryCell .productImg { height: 100px; text-align: center } .topCat ul .categoryCell:last-child ul { margin-left: 60px } .topCat > ul > li:last-child .productImg img { position: relative; bottom: 10px } /********************Ban Catalogues / bons plans**********************/ .HomepageBanner > div { overflow: hidden; padding: 1em; background: #fafafa; border: 1px solid #eee } .HomepageBannerBox-Img { overflow: hidden; float: left; text-align: center } .HomepageBannerBox-Img a img:hover { animation: pulse .3s forwards } .HomepageBannerBoxTitle { font-size: 20px; margin: 0; letter-spacing: -0.05em; text-transform: uppercase; font-weight: bold; color: #2b2b2b !important; text-align: left } .HomepageBannerBox-Content p { color: #9a9a9a; text-align: left } /***********************Num de tel (display only on the mobile mode)*********************/ .telInformation:link, .telInformation:visited, .telInformation:hover, .telInformation:active { text-align: center; font-size: 1.2em; color: #337ab7; text-decoration: none; margin-bottom: 1em } .telInformation span { display: block; font-size: 1.8em; font-family: Poppins,Arial,sans-serif } .telInformation span::before { font-family: fontawesome; content: "\f095"; margin-right: 5px; font-size: .8em; border: 2px solid #337ab7; border-radius: 50px; -webkit-border-radius: 50px; padding: .2em .3em; position: relative; bottom: 2px } /*****************Les offres des marques****************/ .brandsOffers { background-color: #172c33; background-image: -webkit-repeating-linear-gradient(135deg,rgba(0,0,0,.1),rgba(0,0,0,.1) 1px,transparent 2px,transparent 2px,rgba(0,0,0,.1) 3px); background-image: -moz-repeating-linear-gradient(135deg,rgba(0,0,0,.1),rgba(0,0,0,.1) 1px,transparent 2px,transparent 2px,rgba(0,0,0,.1) 3px); background-image: -o-repeating-linear-gradient(135deg,rgba(0,0,0,.1),rgba(0,0,0,.1) 1px,transparent 2px,transparent 2px,rgba(0,0,0,.1) 3px); background-image: repeating-linear-gradient(135deg,rgba(0,0,0,.1),rgba(0,0,0,.1) 1px,transparent 2px,transparent 2px,rgba(0,0,0,.1) 3px); -webkit-background-size: 4px 4px; -moz-background-size: 4px 4px; background-size: 4px 4px; padding: .7em 0 } .vue { overflow: hidden; position: relative; text-align: center; cursor: default } .vue a { border: 1px solid #eee; display: block } .vue .Offre-overlay, .vue .content { width: 99.95%; height: 40%; position: absolute; overflow: hidden; top: 60%; left: 0 } .vue img { display: block; position: relative } .vue h3 { text-transform: uppercase; color: #f60; text-align: left; position: relative; font-size: 1em; margin-bottom: .3em } .vue p { position: relative; color: #7c7c7c; text-align: left } .offre-vue img { width: 100%; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear } .offre-vue .Offre-overlay { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; background-color: rgba(255,255,255,0.8); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; padding: 1em } .offre-vue h3 { -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -o-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .offre-vue p { -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -o-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear } .offre-vue:hover img { -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1) } .offre-vue a.info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .offre-vue:hover .Offre-overlay { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1 } .offre-vue:hover h3, .offre-vue:hover p, .offre-vue:hover a.info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px) } .offre-vue:hover p { -webkit-transition-delay: .1s; -moz-transition-delay: .1s; -o-transition-delay: .1s; -ms-transition-delay: .1s; transition-delay: .1s } .offre-vue:hover a.info { -webkit-transition-delay: .2s; -moz-transition-delay: .2s; -o-transition-delay: .2s; -ms-transition-delay: .2s; transition-delay: .2s } /*****************Guides d'achat****************/ .config img { border-bottom: 1px solid #e0e0e0 } .config .content { text-align: center; background-color: #fff; float: left } .config p { margin: 1em; text-align: left } .config ul { padding-left: 25px; margin-bottom: 1em; overflow: auto } .config li { width: 50%; float: left; list-style-type: square; color: #172c33; text-align: left } /*****************Les dernieres actualites de Misco****************/ .actu { overflow: hidden; max-height: 175px; padding: 4px; margin-bottom: 2px } .actu .actu-overlay { position: absolute; bottom: 0; padding: 3%; width: 97.5%; opacity: 1 } .actu a { overflow: hidden; display: inline-block; max-height: 171px } .actu h3 { margin: 0 0 .3em 0; color: #fff; font-size: 1.2em } .actu p { font-size: .9em; color: #fff; margin-bottom: 0 } .actu img { -webkit-transition: all 200ms ease-in; -webkit-transform: scale(1); -ms-transition: all 200ms ease-in; -ms-transform: scale(1); -moz-transition: all 200ms ease-in; -moz-transform: scale(1); transition: all 200ms ease-in; transform: scale(1) } .actu a:hover img { -webkit-transition: all 200ms ease-in; -webkit-transform: scale(1.1); -ms-transition: all 200ms ease-in; -ms-transform: scale(1.1); -moz-transition: all 200ms ease-in; -moz-transform: scale(1.1); transition: all 200ms ease-in; transform: scale(1.1); opacity: .95 } /*****************Les boutiques de marques****************/ .carouselStatic2 .carousel-control { background-image: none; background-color: #9da0a7; width: 37px } .carouselStatic2 .carousel-control.left { left: 896px; height: 37px; opacity: 1; margin-top: 0; background: #172c33 url(/imagesportal/localisation/inmac/images/responsive/common/arrow-left.png) no-repeat center center; top: 38px } .carouselStatic2 .carousel-control.right { right: -4px; height: 37px; opacity: 1; margin-top: 0; background: #172c33 url(/imagesportal/localisation/inmac/images/responsive/common/arrow-right.png) no-repeat center center; top: 38px } .carouselStatic2 .carousel-indicators { background-color: #fff; width: 10%; left: 75%; bottom: -45px; padding-left: 4px; padding-top: 2px } .carouselStatic2 .carousel-indicators li { background-color: #9da0a7; width: 10px; height: 10px; margin: 0; background-color: #cccccc } .carouselStatic2 .carousel-indicators li.active { background-color: #172c33; } .carouselStatic2 .item > div { overflow: auto; } /*****************FREEZONE-7****************/ .HeaderUserLinks { line-height: 50px; } .HeaderUserLinks a { font-family: 'poppinsregular',Arial,sans-serif; font-size: 12px; font-style: normal; font-weight: bold; line-height: normal; text-transform: uppercase; border: 1px solid #263238; padding: 12px 15px; border-radius: 30px; font-weight: 500; } .HeaderUserLinks .HeaderCreateUser { margin-right: 15px; } .HeaderUserLinks .HeaderCreateUser a { color: #000; background: transparent; } .HeaderUserLinks .HeaderLoginUser a { color: #fff; background: #263238; } .HeaderUserLinks a:hover, .HeaderUserLinks a:focus, .HeaderUserLinks a:active { text-decoration: none; } #freezone7 > div { text-align: right; border-left: 1px solid rgba(186, 192, 194, 0.60); top: 20px; position: relative; } body.logged #freezone7 { display: none; } body.logged #cmcwebpartcustomerlogin2 { display: block; border-left: 1px solid rgba(186, 192, 194, 0.60); height: 55px; text-align: right; width: 8%; } body.punchout #cmcwebpartcustomerlogin2 { display: none; } body.tabMobDevice.logged #cmcwebpartcustomerlogin2 { border-left: none; top: 0; margin-top: 0; } body.mobileDevice.logged #cmcwebpartcustomerlogin2 { width: 50px; } body.mobileDevice.logged #cmcwebpartbasketmini { width: 42%; text-align: right; } /* -------------------------------------------------------------------------------------------------------------------------------------------------- *** TABLET PORTAIT (class col-sm-x) *** ---------------------------------------------------------------------------------------------------------------------------------------------------*/ body.tabletDevice #freezone1 ul.pull-left li:first-child { display: none } body.tabletDevice #searchEngineBg { top: 170px; } body.tabletDevice.fixedPosition #searchEngineBg { top: 90px; } body.tabDevice .offre-vue p { line-height: 1.1em; font-size: 12px; } body.tabDevice .offre-vue .Offre-overlay { padding: 0.5em; } /* -------------------------------------------------------------------------------------------------------------------------------------------------- *** TAB + MOB (class col-sm-x col-xs-x) *** ---------------------------------------------------------------------------------------------------------------------------------------------------*/ body.tabMobDevice > form > #middle { padding-bottom: 0px; z-index: 1; position: relative; } body.tabMobDevice .actuZoneMob { padding-bottom: 30px } body.tabMobDevice #freezone1 { margin-bottom: 0px } body.tabMobDevice #cmcwebpartcustomerlogin2 #dropdownMenu i.fa-angle-down { right: 1em } body.tabMobDevice #freezone8 .navbar { margin-bottom: 0; border: 0 solid transparent; min-height: 0; border-left: 1px solid #efeff0; border-right: 1px solid #efeff0; border-bottom: 1px solid #efeff0; margin-bottom: 10px } body.tabMobDevice #freezone8 .navbar-toggle { display: inline-block; width: 45px; margin: 0; float: left; padding: 0; margin-top: 3px; } body.tabMobDevice #freezone8 .navbar-toggle.extranet-navbar-toggle { display: none; } body.tabMobDevice #freezone8 .navbar-toggle .icon-bar { margin: 3px auto } body.tabMobDevice #freezone8 .navbar-toggle .sr-only { font-size: 9px; color: #f03434; line-height: 10px; display: block; width: 100%; float: left; height: auto; text-align: center; margin-top: 0px; display: none; } body.tabMobDevice #freezone8 { float: left; position: relative; z-index: 10 } body.tabMobDevice #freezone8 .navbar-toggle .icon-bar { background-color: #2B2B2B; width: 25px; } body.tabMobDevice #freezone8 .navbar-collapse.collapse { display: none !important } body.tabMobDevice #freezone8 .navbar-collapse.collapse.in { display: block !important } body.tabMobDevice #freezone8 .sr-only { position: inherit } body.tabMobDevice #freezone8 button.searchBar { border: 0; height: 45px; width: 45px } body.tabMobDevice #freezone8 button .glyphicon-search::before { font-size: 2.5em; line-height: 1.2em; color: #2b2b2b } body.tabMobDevice #cmcwebusercataloguesearchtablet { margin-top: 10px } body.tabMobDevice #cmcwebusercataloguesearchtablet { background: #172c33; padding: 10px } body.tabMobDevice .brandOffers ul li p { height: 120px } body.tabMobDevice #middle { padding-top: 0 } body.tabMobDevice #bottom { background: url("/imagesportal/localisation/inmac/images/responsive/common/bg-footer-tablet.gif") repeat-x center 50px } body.tabMobDevice #freezone4 .footerBlock1 { margin: 0 } body.tabMobDevice #freezone4 .footerBlock1 .infoMarketing ul li.info1, body.tabMobDevice #freezone4 .footerBlock1 .infoMarketing ul li.info2, body.tabMobDevice #freezone4 .footerBlock1 .infoMarketing ul li.info3, body.tabMobDevice #freezone4 .footerBlock1 .infoMarketing ul li.info4 { padding: 40px 0 0 0; background-position: top center; text-align: center } body.tabMobDevice #freezone4 .footerLine2TabletMobile { margin-top: 34px; font-size: 1.1em } body.tabMobDevice #freezone4 .footerBlock2 { margin: 45px 0 34px; height: inherit } body.tabMobDevice #freezone4 .footerBlock2 ul { width: 80%; margin: 0 auto; padding-left: 0 } body.tabMobDevice #freezone4 .footerBlock2 strong { margin-left: 16% } body.tabMobDevice #freezone4 .newsletter strong { padding: 5px 0 15px } body.tabMobDevice #freezone4 .newsletter { margin: 10px 0; margin-top: 20px } body.tabMobDevice #freezone4 .socialNetworks { margin: 10px 0; margin-top: 20px } body.tabMobDevice #freezone4 .socialNetworks img { height: 33px } body.tabMobDevice #freezone4 .footerLine4 ul { border-left: 0; border-right: 1px solid #dcdcdc } body.tabMobDevice #freezone4 .footerLine4 ul:last-child { border-right: 0 } body.tabMobDevice #freezone4 .footerLine4 { margin-top: 15px; padding: 8px 0 } body.tabMobDevice .carouselStatic2 .carousel-control.left { left: 660px } body.tabMobDevice .HomepageBanner .btn.HomepageBannerButton { padding: 0.6em 0.6em; } body.tabMobDevice #cmcwebpartbasketmini .productNumber span, body.tabMobDevice #cmcwebpartbasketminiTablet .productNumber span { min-width: 14px; font-size: 8px; top: -2px; line-height: 14px; right: calc(50% - 16px) !important; } body.tabMobDevice #cmcwebpartbasketmini svg { /*padding-top: 5px;*/ } body.tabMobDevice #cmcwebpartcustomerlogin2 { padding-left: 0; } body.tabMobDevice #cmcwebpartbasketmini .txtmain, body.tabMobDevice #cmcwebpartcustomerlogin2 div.txt { margin-top: 5px; line-height: initial; text-transform: capitalize; } body.tabMobDevice #cmcwebpartcustomerlogin2 div.txt { margin-left: 0px; } body.tabMobDevice #cmcwebpartcustomerlogin2 div.txt span { text-transform: capitalize; height: 35px; width: 35px; padding: 9px 0; } body.tabMobDevice #cmcwebpartcustomerlogin2 #divContentZone { white-space: nowrap; } body.tabMobDevice .WpSearch .HeaderContactLink { display: none; } body.tabMobDevice #top { padding-bottom: 0; } body.tabMobDevice.fixedPosition { -webkit-transition-property: all; -webkit-transition-duration: 0.1s; -webkit-transition-timing-function: ease-in-out; transition-property: left top; transition-duration: 0.5s; transition-timing-function: ease-in-out; } body.tabMobDevice.fixedPosition #top, body.tabMobDevice.fixedPosition #top #cmcwebuserlogohome img, body.tabMobDevice.fixedPosition #cmcwebusercataloguesearch, body.tabMobDevice.fixedPosition #top #freezone1 { -webkit-transition-property: all; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-in-out; transition-property: left top; transition-duration: 0.2s; transition-timing-function: ease-in-out; } body.tabMobDevice.fixedPosition #top { position: fixed; top: 0; left: 0; width: 100%; background-image: none; padding-top: 0; z-index: 100002; border-bottom: 1px solid #e9e9e9; animation-duration: 0.2s; animation-fill-mode: both; animation-name: fadeInDown; } body.tabMobDevice.fixedPosition #cmcwebpartlanguageselection { display: none; } body.tabMobDevice #top #cmcwebuserlogohome img { height: 45px } body.tabMobDevice #cmcwebuserlogohome > a { padding: 18px 0 10px; } body.tabMobDevice #cmcwebuserlogohome > a { padding: 20px 0 0px; } body.tabMobDevice #cmcwebusercataloguesearch { margin-top: 8px; margin-bottom: 8px; } body.tabletDevice #cmcwebusercataloguesearch { margin-top: 16px; } body.tabletDevice #cmcwebusercataloguesearch { width: 33.33333333%; } body.tabMobDevice #cmcwebpartcustomerlogin2 .btn-default, body.tabMobDevice #cmcwebpartcustomerlogin2Tablet .btn-default, body.tabMobDevice #cmcwebpartcustomerlogin2 .btn-default:active, body.tabMobDevice #cmcwebpartcustomerlogin2 .btn-default.active { padding: 14px 0 16px; height: 50px; } body.tabMobDevice #cmcwebpartcustomerlogin2 .dropdown.open .dropdown-menu { top: 81px; } body.tabMobDevice #cmcwebpartbasketmini a { padding: 14px 0 10px; } body.tabMobDevice #cmcwebpartbasketmini svg.feather-check { margin-left: -2px; } body.mobileDevice #cmcwebpartbasketmini svg.feather-check { height: 12px; top: -18px; margin-left: 3px; } body.tabMobDevice #cmcwebpartcustomerlogin2 svg.feather-x, body.tabMobDevice #cmcwebpartcustomerlogin2 svg.feather-check { top: 18px; } body.tabMobDevice #top #cmcwebuserlogohome img { animation-duration: .5s; animation-fill-mode: both } body.tabMobDevice #top #freezone1 { height: 0; padding: 0; margin: 0 } body.tabMobDevice #freezone8 .navbar-toggle { margin-top: 0 } body.tabMobDevice #cmcwebpartcustomerlogin2 > .dropdown span.status, body.tabMobDevice #cmcwebpartcustomerlogin2 .vTabMobile .status { margin-left: 36% } body.mobileDevice #cmcwebuserlogohome { margin-top: 0px } body.mobileDevice #top #cmcwebuserlogohome img { height: 34px; margin: 0 auto; } /* -------------------------------------------------------------------------------------------------------------------------------------------------- *** MOBILE (class col-xs-x) *** ---------------------------------------------------------------------------------------------------------------------------------------------------*/ body.mobileDevice { font-size: 1.2em; overflow-y: hidden;} body.mobileDevice #freezone5 { text-align: center; margin-top: 10px } body.mobileDevice.fixedPosition #freezone5 { margin-top: 7px } body.mobileDevice #freezone5 i::before { -webkit-transform: rotate(75deg); -moz-transform: rotate(75deg); -ms-transform: rotate(75deg); -o-transform: rotate(75deg); transform: rotate(75deg); color: #25B361; font-size: 20px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; left: -2px; background: #fff; padding: 5px; width: 40px; height: 40px; } body.mobileDevice #cmcwebpartbasketmini .icon-basket::before { top: 18px; } body.mobileDevice.fixedPosition #cmcwebpartbasketmini .icon-basket::before { top: 15px } body.mobileDevice #cmcwebpartcustomerlogin2 button i.icon-user, body.mobileDevice #cmcwebpartcustomerlogin2 .vTabMobile i.icon-user { padding-top: 5px; margin-top: 0; } body.mobileDevice .actuZoneMob { padding-bottom: 0px } body.mobileDevice .headline { background: inherit; padding: 1.3em 0 1.1em 1em; } body.mobileDevice .headline h2 { color: #2b2b2b; float: inherit !important } body.mobileDevice .brandsOffers > .container, body.mobileDevice .containerTopCat .container:last-child, body.mobileDevice .ContainerProductCell .container, body.mobileDevice .actuZoneMob .container { -webkit-box-shadow: 0 2px 2px 0 #d9d9d9; box-shadow: 0 2px 2px 0 #d9d9d9; background-color: #fff; margin-bottom: 1em } body.mobileDevice .headline.vBlack { text-align: left; background: #fff; padding: 1.2em 1em; -webkit-box-shadow: 0 0 2px 0 #ddd; box-shadow: 0 0 2px 0 #ddd } body.logged.mobileDevice #cmcwebpartcustomerlogin2 > .dropdown::before { margin-left: 33px } body.tabMobDevice #freezone8 .navbar-toggle { width: 50px; height: 33px; padding: 9px 0; margin: 0; box-sizing: content-box; } body.tabMobDevice #freezone8 .navbar-toggle .icon-bar { width: 22px; margin: 3px 14px; border-radius: 4px; float: left; background-color: #263238; } body.tabletDevice #freezone8 .navbar-toggle { margin: 9px 0; padding: 9px 10px 9px 5px; width: 30px; height: 42px; } body.tabletDevice #freezone8 .navbar-toggle .icon-bar { width: 29px; height: 3px; margin: 3.5px 0; } body.tabletDevice #freezone8 .navbar-toggle .sr-only { font-size: 11px; width: 30px; text-transform: uppercase; margin-top: 7px; } body.tabMobDevice .HeaderUserLinks .HeaderCreateUser { display: none; } body.tabMobDevice .HeaderUserLinks { line-height: normal; } body.tabMobDevice #freezone7 > div { border-left: none; } body.tabMobDevice #cmcwebpartbasketmini .fa-shopping-basket { width: 36px; height: 36px; padding: 10px 10px 10px 8px; } body.tabMobDevice .HeaderUserLinks { margin-right: 10px; } body.tabMobDevice .WpSearch div.has-feedback { width: 100%; } body.mobileDevice #cmcwebusercataloguesearch { margin: 0; background: #263238; position: absolute; padding: 10px 0 6px; bottom: 0; z-index: 99; width: 100%; } body.mobileDevice .WpSearch .input-group { height: 24px; width: calc(100% - 28px); background: transparent; padding: 0; } body.mobileDevice .WpSearch #txtSearchBox { line-height: 24px; height: 24px; width: calc(100% - 44px); } body.mobileDevice .WpSearch .searchgreen .icon-magnifier { height: 24px !important; line-height: 24px !important; } body.mobileDevice .container { min-width: 100vw; width: auto;} body.mobileDevice #top { padding-bottom: 47px; padding-top: 0; } body.mobileDevice #cmcwebpartlanguageselection, body.mobileDevice #cmcwebusermarketingcommunication { z-index: 9; display: none; } body.mobileDevice .liCMCCategory_200016, .liCMCCategory_200011, body.mobileDevice .liCMCCategory_303151 { display: none !important } body.mobileDevice #cmcwebpartcustomerlogin2 .dropdown .dropdown-menu { display: none } body.mobileDevice #cmcwebpartcustomerlogin2 .vTabMobile { position: relative; display: block; height: 31px; padding: 11px 0; box-sizing: initial; } body.mobileDevice #cmcwebpartcustomerlogin2 svg.feather-user { padding-right: 5px; height: 22px; } body.mobileDevice #cmcwebpartcustomerlogin2 svg.feather-x, body.mobileDevice #cmcwebpartcustomerlogin2 svg.feather-check { top: 12px !important; width: 13px; height: 13px; right: calc(50% - 15px); } body.mobileDevice #cmcwebpartcustomerlogin2 div.txt { margin-top: 0; } body.mobileDevice #cmcwebuserlogohome > a { padding: 12px 0 7px !important; display: block; float: right; } body.mobileDevice #cmcwebpartbasketmini a { border: 0; padding: 11px 0 !important; height: 31px; margin: 0 5px 0 0; } body.mobileDevice #cmcwebpartbasketminiTablet a { border: 0; padding: 11px 0 !important; height: 31px; margin: 0 5px; } body.mobileDevice #cmcwebpartbasketmini .productNumber, body.mobileDevice #cmcwebpartbasketminiTablet .productNumber { /*height: 22px*/; } body.mobileDevice #cmcwebpartbasketmini svg { /*padding-right: 0; height: 21px; padding-top: 1px;*/ width: 36px; height: 36px; } body.mobileDevice #cmcwebpartbasketmini .txtmain { font-size: 9px; margin-top: 0; text-transform: capitalize; line-height: 10px; } body.mobileDevice #cmcwebpartcustomerlogin2 button i.icon-user, body.mobileDevice #cmcwebpartcustomerlogin2 .vTabMobile i.icon-user { margin-left: 4px } body.mobileDevice #cmcwebuserlogohome img { display: block; max-width: 100%; height: auto } body.mobileDevice .WpSearchphone { margin-top: 10px } body.mobileDevice #freezone4 .infoMarketing ul li.info1, body.mobileDevice #freezone4 .infoMarketing ul li.info2 { margin-bottom: 5% } body.mobileDevice #bottom { background-image: none } body.mobileDevice .footerLine1TabletMobile { border-top: 2px solid #363636 } body.mobileDevice #freezone4 .footerBlock1 { background-color: #fafafa; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding: 5% } body.mobileDevice #freezone4 .newsletter { background-color: #353535; overflow: auto; padding-bottom: 5%; margin: 0 } body.mobileDevice #freezone4 .newsletter strong { text-align: center; padding: 15px 0 } body.mobileDevice #freezone4 .newsletter div { text-align: center } body.mobileDevice #freezone4 .footerLine2TabletMobile { margin: 20px 0 } body.mobileDevice #freezone4 .footerLine2TabletMobile p { margin: 0 } body.mobileDevice #freezone4 .footerLineMobile ul { margin: 10px auto 0 auto; width: 200px } body.mobileDevice #freezone4 .footerLineMobile ul li { float: left; display: inline-block; padding: 0 5px; margin: 10px 0; border-right: 1px solid #353535; line-height: 12px } body.mobileDevice #freezone4 .footerLineMobile ul li:last-child { border-right: 0 solid #353535 } body.mobileDevice #freezone4 .footerLineMobile ul li a:link, body.mobileDevice #freezone4 .footerLineMobile ul li a:visited, body.mobileDevice #freezone4 .footerLineMobile ul li a:hover, body.mobileDevice #freezone4 .footerLineMobile ul li a:visited { color: #2a2a2a } body.mobileDevice #freezone4 .footerLine4 { text-align: center; margin-top: 0; margin-bottom: 5px; border: 0 } body.mobileDevice #freezone4 .newsletter button { float: left } body.mobileDevice #freezone5 button[data-target="#searchBar"] { border: 0; padding: 0; height: 32px } body.mobileDevice #freezone5 button[data-target="#searchBar"] img { position: relative; bottom: 1px } body.mobileDevice #freezone5 button[data-target="#searchBar"]:hover { -webkit-box-shadow: inset 0 0 1000px 0 rgba(0,0,0,0); box-shadow: inset 0 0 1000px 0 rgba(0,0,0,0); } body.mobileDevice #freezone5 i::before { font-size: 26px; margin-top: 1px } body.mobileDevice .brandOffers ul li { margin-bottom: 2% } body.mobileDevice #cmcwebusercataloguebanner .left > span::before, body.mobileDevice #cmcwebusercataloguebanner .right > span::before { width: 10px; height: 10px; margin-top: 5px } body.mobileDevice #cmcwebusercataloguebanner .right > span::before { transform: rotate(-135deg) } body.mobileDevice #cmcwebusercataloguebanner .carousel-indicators { margin-bottom: 0 } body.mobileDevice .carousel-indicators li, body.mobileDevice .carousel-indicators .active { width: 10px; height: 10px; margin: 0 } body.mobileDevice .WpSearch .input-group button { width: 44px; padding: 0 10px; height: 24px; } body.mobileDevice .WpSearch .input-group button svg { width: 24px; height: 24px; display: block; margin: 0 auto; } body.mobileDevice #cmcwebusercataloguesearchphone { margin-left: 0 } body.mobileDevice #cmcwebusercataloguesearchphone button i::before { width: 15px; height: 15px; background-color: inherit; content: " "; display: inline-block; border-bottom: 2px solid #2B2B2B; border-left: 2px solid #2B2B2B; transform: rotate(45deg); margin-bottom: 11px; margin-left: 5px; } body.mobileDevice #cmcwebusercataloguesearchphone .close { opacity: 1 } body.mobileDevice #cmcwebusercataloguesearchphone .input-group { -webkit-border-radius: 2px; border-radius: 2px; overflow: hidden } body.mobileDevice #searchBar { padding-right: 0 !important } body.tabMobDevice .modal { z-index: 10001 } body.mobileDevice #searchBar .modal-dialog { padding: 0 !important; margin: 0; border-radius: 0 } body.mobileDevice #searchBar .modal-content { border-radius: 0; padding: 12px 0; border: 1px solid #fff; } body.mobileDevice #mask { z-index: 0 !important; display: none !important; z-index: 1000 } body.mobileDevice #searchEngineBg { top: 54px; width: 100%; border: 1px solid #2C2C2D; } body.mobileDevice.fixedPosition #searchEngineBg { border: 1px solid #B9BFC1; } body.mobileDevice #searchEngineBg::before, body.mobileDevice #searchEngineBg::after { content: ""; position: absolute; border-style: solid; border-width: 0 12px 11px 12px; border-color: transparent transparent #fff transparent; left: calc(50% - 14px); top: -8px; } body.mobileDevice #searchEngineBg::before { border-color: transparent transparent #B9BFC1 transparent; border-width: 0 14px 13px 14px; left: calc(50% - 16px); top: -9px; } body.mobileDevice #searchEngine { width: 100%; left: 0; padding-top: 0; margin-top: 0px; z-index: 1001; border: 0; overflow-y: auto; } body.mobileDevice #searchEngine > div { border: none; margin: 0; } body.mobileDevice #searchEngine .search-result { display: block; float: left; border: none; border-radius: 0; } body.mobileDevice #searchEngine .search-result::before, body.mobileDevice #searchEngine .search-result::after, body.mobileDevice #searchEngine > div::before, body.mobileDevice #searchEngine > div::after { content: none; } body.mobileDevice #searchEngine .search-result > div { display: block; float: left; padding: 20px; } body.mobileDevice #searchEngine .list-group-item:first-child, body.mobileDevice #searchEngine .list-group-item:last-child { font-size: 14px; padding: 5px 10px; } body.mobileDevice #searchEngine .list-group { border-right: 0 } body.mobileDevice #searchEngine .search-result > div:last-child li > a:link, body.mobileDevice #searchEngine .search-result > div:last-child li > a:visited { display: block; font-size: 14px; } body.mobileDevice #searchEngine .prod-block a { height: 60px; padding: 10px; } body.mobileDevice #searchEngine .list-group-item-heading { font-size: 14px; text-indent: 0; } body.mobileDevice #searchEngine p { text-indent: 0; } body.mobileDevice #searchEngine .btnWrapper { position: initial; margin-top: 20px; } body.mobileDevice .containerTopCat .headline { background: #fff } body.mobileDevice .containerTopCat .headline h2, body.mobileDevice .containerTopCat .headline a, body.mobileDevice .containerTopCat .topCat > ul { background: inherit } body.mobileDevice .topCat .categoryCell { border: 1px solid #eee; margin: 0 1em 2em 1em; width: inherit } body.mobileDevice .topCat .categoryCell h3 { padding: inherit; background: #fafafa; line-height: 3em; text-align: center } body.mobileDevice .topCat .categoryCell:last-child h3 { margin-left: 0 } body.mobileDevice .containerTopCat { margin-bottom: 1em } body.mobileDevice .containerTopCat .container:last-child { overflow: hidden; height: 213px } body.mobileDevice .topCat > div:last-child { overflow-x: scroll; margin-bottom: 1em } body.mobileDevice .topCat > div:last-child > ul { min-width: 740px; padding: 0 } body.mobileDevice .brandsOffers { background: inherit; padding: 0 4px; overflow: visible } body.mobileDevice .brandsOffers { min-height: 256px } body.mobileDevice .brandsOffers .container { margin-bottom: 2em } body.mobileDevice .brandsOffers .overflowMob { overflow: hidden; height: 145px; padding: 0 9px } body.mobileDevice .brandsOffers .overflowMob > div { overflow-x: scroll } body.mobileDevice .brandsOffers .overflowMob > div > div { min-width: 800px } body.mobileDevice .brandsOffers .linkAllOffers, body.mobileDevice .brandsOffers .linkAllOffers:link, body.mobileDevice .brandsOffers .linkAllOffers:visited, body.mobileDevice .brandsOffers .linkAllOffers:hover, body.mobileDevice .brandsOffers .linkAllOffers:active { padding: .9em 0 1em 0; text-align: right; text-transform: uppercase; font-weight: bold; font-size: 1.2em; text-decoration: none; cursor: pointer } body.mobileDevice .brandsOffers .linkAllOffers span { margin: 0 8px } body.mobileDevice .brandsOffers .vue { margin-bottom: 5px; padding-right: 18px } body.mobileDevice .brandsOffers .vue .Offre-overlay { padding-right: 18px; margin-left: 5px; width: 91%; top: 59.5% } body.mobileDevice .offre-vue .Offre-overlay { padding: .7em; background-color: rgba(255,255,255,0.9) } body.mobileDevice .offre-vue .Offre-overlay { opacity: 1 } body.mobileDevice .offre-vue img { width: 100%; -webkit-transition: all 0s linear; -moz-transition: all 0s linear; -o-transition: all 0s linear; -ms-transition: all 0s linear; transition: all 0s linear } body.mobileDevice .offre-vue h3 { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 1; -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; transition: all 0s ease-in-out; font-size: .9em; margin-bottom: .5em } body.mobileDevice .offre-vue p { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 1; -webkit-transition: all 0s linear; -moz-transition: all 0s linear; -o-transition: all 0s linear; -ms-transition: all 0s linear; transition: all 0s linear; line-height: 1em; font-size: .9em } body.mobileDevice .offre-vue:hover img { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1) } body.mobileDevice .ContainerProductCell { padding-bottom: 0 } body.mobileDevice .ContainerProductCell .container > div { background-color: #fff } body.mobileDevice .actu { background-color: #fff; margin-bottom: 4px; padding-right: 18px; margin-bottom: 2em } body.mobileDevice .actu h3 { margin-bottom: .2em } body.mobileDevice .actu .headline { float: left } body.mobileDevice .actuZoneMob .overflowMob { height: 165px; overflow: hidden; clear: both } body.mobileDevice .actuZoneMob .overflowMob > div { overflow-x: scroll } body.mobileDevice .actuZoneMob .overflowMob > div > div { min-width: 1074px; float: left; padding: 0 9px } body.mobileDevice .actuZoneMob .container > div { background-color: #fff } body.mobileDevice .actuZoneMob .actu .actu-overlay { line-height: 1em; width: 91.5%; top: 58.5%; height: 36% } /************************************** RESPONSIVE LOCKED *************************************/ /**********************************************************************************************/ @media (max-width: 20000px) and (min-width: 0px) { body.responsiveLocked .col-lg-24 { float: left; width: 100% } body.responsiveLocked .col-lg-23 { float: left; width: 95.83333333% } body.responsiveLocked .col-lg-22 { float: left; width: 91.66666667% } body.responsiveLocked .col-lg-21 { float: left; width: 87.5% } body.responsiveLocked .col-lg-20 { float: left; width: 83.33333333% } body.responsiveLocked .col-lg-19 { float: left; width: 79.16666667% } body.responsiveLocked .col-lg-18 { float: left; width: 75% } body.responsiveLocked .col-lg-17 { float: left; width: 70.83333333% } body.responsiveLocked .col-lg-16 { float: left; width: 66.66666667% } body.responsiveLocked .col-lg-15 { float: left; width: 62.5% } body.responsiveLocked .col-lg-14 { float: left; width: 58.33333333% } body.responsiveLocked .col-lg-13 { float: left; width: 54.16666667% } body.responsiveLocked .col-lg-12 { float: left; width: 50% } body.responsiveLocked .col-lg-11 { float: left; width: 45.83333333% } body.responsiveLocked .col-lg-10 { float: left; width: 41.66666667% } body.responsiveLocked .col-lg-9 { float: left; width: 37.5% } body.responsiveLocked .col-lg-8 { float: left; width: 33.33333333% } body.responsiveLocked .col-lg-7 { float: left; width: 29.16666667% } body.responsiveLocked .col-lg-6 { float: left; width: 25% } body.responsiveLocked .col-lg-5 { float: left; width: 20.83333333% } body.responsiveLocked .col-lg-4 { float: left; width: 16.66666667% } body.responsiveLocked .col-lg-3 { float: left; width: 12.5% } body.responsiveLocked .col-lg-2 { float: left; width: 8.33333333% } body.responsiveLocked .col-lg-1 { float: left; width: 4.16666667% } body.responsiveLocked .container { width: 984px !important; max-width: none !important; } body.responsiveLocked :not(.col-lg-24).hidden-sm, body.responsiveLocked :not(.col-lg-23).hidden-sm, body.responsiveLocked :not(.col-lg-22).hidden-sm, body.responsiveLocked :not(.col-lg-21).hidden-sm, body.responsiveLocked :not(.col-lg-20).hidden-sm, body.responsiveLocked :not(.col-lg-19).hidden-sm, body.responsiveLocked :not(.col-lg-18).hidden-sm, body.responsiveLocked :not(.col-lg-17).hidden-sm, body.responsiveLocked :not(.col-lg-16).hidden-sm, body.responsiveLocked :not(.col-lg-15).hidden-sm, body.responsiveLocked :not(.col-lg-14).hidden-sm, body.responsiveLocked :not(.col-lg-13).hidden-sm, body.responsiveLocked :not(.col-lg-12).hidden-sm, body.responsiveLocked :not(.col-lg-11).hidden-sm, body.responsiveLocked :not(.col-lg-10).hidden-sm, body.responsiveLocked :not(.col-lg-9).hidden-sm, body.responsiveLocked :not(.col-lg-8).hidden-sm, body.responsiveLocked :not(.col-lg-7).hidden-sm, body.responsiveLocked :not(.col-lg-6).hidden-sm, body.responsiveLocked :not(.col-lg-5).hidden-sm, body.responsiveLocked :not(.col-lg-4).hidden-sm, body.responsiveLocked :not(.col-lg-3).hidden-sm, body.responsiveLocked :not(.col-lg-2).hidden-sm, body.responsiveLocked :not(.col-lg-1).hidden-sm, body.responsiveLocked :not(.col-lg-24).hidden-xs, body.responsiveLocked :not(.col-lg-23).hidden-xs, body.responsiveLocked :not(.col-lg-22).hidden-xs, body.responsiveLocked :not(.col-lg-21).hidden-xs, body.responsiveLocked :not(.col-lg-20).hidden-xs, body.responsiveLocked :not(.col-lg-19).hidden-xs, body.responsiveLocked :not(.col-lg-18).hidden-xs, body.responsiveLocked :not(.col-lg-17).hidden-xs, body.responsiveLocked :not(.col-lg-16).hidden-xs, body.responsiveLocked :not(.col-lg-15).hidden-xs, body.responsiveLocked :not(.col-lg-14).hidden-xs, body.responsiveLocked :not(.col-lg-13).hidden-xs, body.responsiveLocked :not(.col-lg-12).hidden-xs, body.responsiveLocked :not(.col-lg-11).hidden-xs, body.responsiveLocked :not(.col-lg-10).hidden-xs, body.responsiveLocked :not(.col-lg-9).hidden-xs, body.responsiveLocked :not(.col-lg-8).hidden-xs, body.responsiveLocked :not(.col-lg-7).hidden-xs, body.responsiveLocked :not(.col-lg-6).hidden-xs, body.responsiveLocked :not(.col-lg-5).hidden-xs, body.responsiveLocked :not(.col-lg-4).hidden-xs, body.responsiveLocked :not(.col-lg-3).hidden-xs, body.responsiveLocked :not(.col-lg-2).hidden-xs, body.responsiveLocked :not(.col-lg-1).hidden-xs { display: block !important } body.responsiveLocked [class*="-pull-"] { right: inherit } body.responsiveLocked [class*="-offset-"] { margin-left: inherit } body.responsiveLocked .col-lg-pull-24 { right: 100% } body.responsiveLocked .col-lg-pull-23 { right: 95.83333333% } body.responsiveLocked .col-lg-pull-22 { right: 91.66666667% } body.responsiveLocked .col-lg-pull-21 { right: 87.5% } body.responsiveLocked .col-lg-pull-20 { right: 83.33333333% } body.responsiveLocked .col-lg-pull-19 { right: 79.16666667% } body.responsiveLocked .col-lg-pull-18 { right: 75% } body.responsiveLocked .col-lg-pull-17 { right: 70.83333333% } body.responsiveLocked .col-lg-pull-16 { right: 66.66666667% } body.responsiveLocked .col-lg-pull-15 { right: 62.5% } body.responsiveLocked .col-lg-pull-14 { right: 58.33333333% } body.responsiveLocked .col-lg-pull-13 { right: 54.16666667% } body.responsiveLocked .col-lg-pull-12 { right: 50% } body.responsiveLocked .col-lg-pull-11 { right: 45.83333333% } body.responsiveLocked .col-lg-pull-10 { right: 41.66666667% } body.responsiveLocked .col-lg-pull-9 { right: 37.5% } body.responsiveLocked .col-lg-pull-8 { right: 33.33333333% } body.responsiveLocked .col-lg-pull-7 { right: 29.16666667% } body.responsiveLocked .col-lg-pull-6 { right: 25% } body.responsiveLocked .col-lg-pull-5 { right: 20.83333333% } body.responsiveLocked .col-lg-pull-4 { right: 16.66666667% } body.responsiveLocked .col-lg-pull-3 { right: 12.5% } body.responsiveLocked .col-lg-pull-2 { right: 8.33333333% } body.responsiveLocked .col-lg-pull-1 { right: 4.16666667% } body.responsiveLocked .col-lg-pull-0 { right: auto } body.responsiveLocked .col-lg-offset-24 { margin-left: 100% } body.responsiveLocked .col-lg-offset-23 { margin-left: 95.83333333% } body.responsiveLocked .col-lg-offset-22 { margin-left: 91.66666667% } body.responsiveLocked .col-lg-offset-21 { margin-left: 87.5% } body.responsiveLocked .col-lg-offset-20 { margin-left: 83.33333333% } body.responsiveLocked .col-lg-offset-19 { margin-left: 79.16666667% } body.responsiveLocked .col-lg-offset-18 { margin-left: 75% } body.responsiveLocked .col-lg-offset-17 { margin-left: 70.83333333% } body.responsiveLocked .col-lg-offset-16 { margin-left: 66.66666667% } body.responsiveLocked .col-lg-offset-15 { margin-left: 62.5% } body.responsiveLocked .col-lg-offset-14 { margin-left: 58.33333333% } body.responsiveLocked .col-lg-offset-13 { margin-left: 54.16666667% } body.responsiveLocked .col-lg-offset-12 { margin-left: 50% } body.responsiveLocked .col-lg-offset-11 { margin-left: 45.83333333% } body.responsiveLocked .col-lg-offset-10 { margin-left: 41.66666667% } body.responsiveLocked .col-lg-offset-9 { margin-left: 37.5% } body.responsiveLocked .col-lg-offset-8 { margin-left: 33.33333333% } body.responsiveLocked .col-lg-offset-7 { margin-left: 29.16666667% } body.responsiveLocked .col-lg-offset-6 { margin-left: 25% } body.responsiveLocked .col-lg-offset-5 { margin-left: 20.83333333% } body.responsiveLocked .col-lg-offset-4 { margin-left: 16.66666667% } body.responsiveLocked .col-lg-offset-3 { margin-left: 12.5% } body.responsiveLocked .col-lg-offset-2 { margin-left: 8.33333333% } body.responsiveLocked .col-lg-offset-1 { margin-left: 4.16666667% } body.responsiveLocked .col-lg-offset-0 { margin-left: 0 } body.responsiveLocked .hidden-lg, body.responsiveLocked .hidden-md { display: none !important; } body.responsiveLocked .hidden-lg.hidden-sm, body.responsiveLocked .hidden-lg.hidden-xs { display: none !important; } body.responsiveLocked .hidden-xs { display: block !important; } body.responsiveLocked .navbar-header { float: inherit } body.responsiveLocked .navbar-collapse { overflow-x: inherit; padding-right: inherit; padding-left: inherit; border-top: inherit; -webkit-box-shadow: inherit; box-shadow: inherit; -webkit-overflow-scrolling: touch } body.responsiveLocked .navbar-collapse.in { overflow-y: inherit } body.responsiveLocked .navbar-nav { float: left; margin: 0 } body.responsiveLocked .navbar-nav > li { float: left } body.responsiveLocked .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px } body.responsiveLocked .navbar-right { float: right !important } } /************************************** END RESPONSIVE LOCKED *************************************/ /**********************************************************************************************/ /* -------------------------------------------------------------------------------------------------------------------------------------------------- *** STATIC PAGES STYLES (copy on the cmcpage.css as soon possible) *** ---------------------------------------------------------------------------------------------------------------------------------------------------*/ /*.spTitleH1{margin-bottom:20px} .spTitleH1 h1{font-size:35px;font-weight:400;color:#254048;padding:0 0 0 180px;line-height:60px;font-family:Poppins,sans-serif;font-size:2.5em;color:#3d464c;display:inline-block} .spSlider .carousel .carousel-inner{border:1px solid #e0e0e0;margin-bottom:20px} .spSlider .carousel .carousel-inner{border:1px solid #e0e0e0} .spSlider .carousel-control{width:5%} .spSlider .carousel-control.left{background-image:none} .spSlider .carousel-control.right{background-image:none} .spSlider .carousel-indicators{bottom:0} .spNavbar .navbar-default{background-color:#666;border-color:transparent;border-radius:0} .spNavbar .navbar-collapse{padding:0} .spNavbar .navbar-default .navbar-nav>.open>a,.spNavbar .navbar-default .navbar-nav>.open>a:hover,.spNavbar .navbar-default .navbar-nav>.open>a:focus,.spNavbar .navbar-default .navbar-nav>.active>a,.spNavbar .navbar-default .navbar-nav>.active>a:hover,.spNavbar .navbar-default .navbar-nav>.active>a:focus{background-color:#555;color:#fff} .spNavbar .navbar-default .navbar-nav>.open>a,.spNavbar .navbar-default .navbar-nav>.open>a:hover,.spNavbar .navbar-default .navbar-nav>.open>a:focus{background-color:#555;color:#fff;border-left:1px solid #4e4e4e;border-right:1px solid #4e4e4e} .spNavbar .navbar-default .navbar-nav>li>a{color:#fff;font-size:17px} .spNavbar ul{width:100%} .spNavbar .navbar-nav>li{width:25%;text-align:center} .spNavbar .dropdown-menu{background-color:#555} .spNavbar .dropdown-menu>li>a{color:#fff;padding:8px 20px} .spNavbar .dropdown-menu>li>a:hover,.spNavbar .dropdown-menu>li>a:visited{background-color:#666} .spNavbar .caret{position:relative;bottom:1px;left:5px;color:#4a4949} .spNavbar .navbar-brand,.spNavbar .navbar-brand:hover{color:#fff} .spNavbar .navbar-toggle{width:100%;border:0;border-radius:0;margin:0} .spNavbar .navbar-toggle span{width:40px} .spNavbar .navbar-toggle span:first-child{margin-top:10px} .spNavbar .navbar-toggle span.navbar-brand{width:200px;position:relative;bottom:32px} .spNavbar .navbar-default .navbar-toggle:hover,.spNavbar .navbar-default .navbar-toggle:visited,.spNavbar .navbar-toggle:not(.collapsed),.spNavbar .navbar-default .navbar-toggle:focus,.spNavbar .navbar-default .navbar-toggle:active{background-color:#555} .spNavbar .navbar{border:0} .spBigBanner div{position:relative;background:url(/imagesportal/localisation/inmac/images/responsive/common/marketingContent/staticsPages/bg-header.jpg) top center no-repeat;height:480px;margin-bottom:40px;padding:40px} .spBigBanner h2{color:#fff;font-family:Poppins,sans-serif;font-size:3em;line-height:.9em;float:left} .spBigBanner h2 span{font-size:.7em} .spBigBanner img{float:right} .spContent .maintitle{color:#2a9eda;margin-bottom:15px;margin-top:30px} .spContent .greyBorder2col{border:#b9b9b9 1px solid;background:#ededed;overflow:auto;padding:20px;margin-bottom:40px} .spContent .greyBorder2col strong{font-size:1.1em;margin-bottom:20px;display:block} .spContent .greyBorder2col ul{font-size:1.2em;margin-bottom:20px;overflow:auto} .spContent p{line-height:1.6em;font-size:1.1em} .spContent .greyBorder2col .tablesort p{float:left;padding-top:15px} .spContent .greyBorder2col .tablesort a{float:right} .spContent p.subtitle{font-size:24px} .spContent .greyBorder2col .tablesort a{padding:10px 50px;font-size:1.4em;font-family:Poppins,sans-serif;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;font-weight:normal} .spVideo{text-align:center;margin-bottom:40px}*/ /*body.cmcpage16234 .spTitleH1 .logo{background:url(/imagesportal/localisation/inmac/images/responsive/common/marketingContent/staticsPages/logo-dell-partnerdirect-premier.png) center left no-repeat} .spContent .footerbanner{position:relative;background:url(/imagesportal/localisation/inmac/images/responsive/common/marketingContent/staticsPages/bg-banner.jpg) top left no-repeat;padding:20px;margin:20px 0;text-align:left;overflow:auto}*/ /*.spContent .footerbanner p{margin-bottom:15px;line-height:inherit} .spContent .footerbanner p.text-larger{font-size:1.5em;font-weight:bold} .spContent .footerbanner ul{font-size:1.1em;float:left} .spContent .text-bottom{clear:both} .spContent .btn-cta:link,.spContent .btn-cta:visited{padding:10px 20px;float:right;font-family:Poppins,sans-serif;font-size:1.4em;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px} .spContent h2{margin-bottom:15px}*/ /* -------------------------------------------------------------------------------------------------------------------------------------------------- *** TAB + MOB (class col-sm-x col-xs-x) *** ---------------------------------------------------------------------------------------------------------------------------------------------------*/ body.tabMobDevice .spBigBanner h2 { font-size: 2.5em } body.tabMobDevice .spNavbar .navbar-header { width: 100%; } body.tabMobDevice .spNavbar .navbar-nav { margin: 0 } body.tabMobDevice .spNavbar .dropdown-menu > li > a { padding: 5px } body.tabMobDevice .spContent .footerbanner { background: #DAEDF4 } /* -------------------------------------------------------------------------------------------------------------------------------------------------- *** MOBILE (class col-xs-x) *** ---------------------------------------------------------------------------------------------------------------------------------------------------*/ body.mobileDevice .spNavbar .navbar-nav > li { width: 100%; text-align: left } body.mobileDevice .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #B4B4B4 } body.mobileDevice .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { color: #fff } body.mobileDevice .spNavbar .caret { float: right } /* -------------------------------------------------------------------------------------------------------------------------------------------------- *** ANIMATE.CSS *** ---------------------------------------------------------------------------------------------------------------------------------------------------*/ /*For frozen the responsive*/ /* @media (min-width: 1200px){ .container {width: 984px !important;} } @media (min-width: 992px){ .container {width: 984px !important;} } @media (min-width: 768px){ .container {width: 984px !important;} } @media screen and (max-width: 767px){ .container {width: 984px !important;} } */ @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.5.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2017 Daniel Eden */ .animated { animation-duration: 1s; animation-fill-mode: both; } .animated.infinite { animation-iteration-count: infinite; } .animated.hinge { animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { animation-duration: .75s; } @keyframes bounce { from, 20%, 53%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transform: translate3d(0,0,0); } 40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -30px, 0); } 70% { animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -15px, 0); } 90% { transform: translate3d(0,-4px,0); } } .bounce { animation-name: bounce; transform-origin: center bottom; } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scale3d(1, 1, 1); } } .pulse { animation-name: pulse; } @keyframes rubberBand { from { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(.95, 1.05, 1); } 75% { transform: scale3d(1.05, .95, 1); } to { transform: scale3d(1, 1, 1); } } .rubberBand { animation-name: rubberBand; } @keyframes shake { from, to { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); } } .shake { animation-name: shake; } @keyframes headShake { 0% { transform: translateX(0); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0); } } .headShake { animation-timing-function: ease-in-out; animation-name: headShake; } @keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } to { transform: rotate3d(0, 0, 1, 0deg); } } .swing { transform-origin: top center; animation-name: swing; } @keyframes tada { from { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { transform: scale3d(1, 1, 1); } } .tada { animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes wobble { from { transform: none; } 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { transform: none; } } .wobble { animation-name: wobble; } @keyframes jello { from, 11.1%, to { transform: none; } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { animation-name: jello; transform-origin: center; } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; transform: scale3d(.3, .3, .3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(.9, .9, .9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(.97, .97, .97); } to { opacity: 1; transform: scale3d(1, 1, 1); } } .bounceIn { animation-name: bounceIn; } @keyframes bounceInDown { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } to { transform: none; } } .bounceInDown { animation-name: bounceInDown; } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } to { transform: none; } } .bounceInLeft { animation-name: bounceInLeft; } @keyframes bounceInRight { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } to { transform: none; } } .bounceInRight { animation-name: bounceInRight; } @keyframes bounceInUp { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } to { transform: translate3d(0, 0, 0); } } .bounceInUp { animation-name: bounceInUp; } @keyframes bounceOut { 20% { transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; transform: scale3d(.3, .3, .3); } } .bounceOut { animation-name: bounceOut; } @keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0); } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .bounceOutDown { animation-name: bounceOutDown; } @keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { animation-name: bounceOutLeft; } @keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .bounceOutRight { animation-name: bounceOutRight; } @keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0); } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .bounceOutUp { animation-name: bounceOutUp; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { animation-name: fadeIn; } @keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: none; } } .fadeInDown { animation-name: fadeInDown; } @keyframes fadeInDownBig { from { opacity: 0; transform: translate3d(0, -2000px, 0); } to { opacity: 1; transform: none; } } .fadeInDownBig { animation-name: fadeInDownBig; } @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeft { animation-name: fadeInLeft; } @keyframes fadeInLeftBig { from { opacity: 0; transform: translate3d(-2000px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeftBig { animation-name: fadeInLeftBig; } @keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRight { animation-name: fadeInRight; } @keyframes fadeInRightBig { from { opacity: 0; transform: translate3d(2000px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRightBig { animation-name: fadeInRightBig; } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: none; } } .fadeInUp { animation-name: fadeInUp; } @keyframes fadeInUpBig { from { opacity: 0; transform: translate3d(0, 2000px, 0); } to { opacity: 1; transform: none; } } .fadeInUpBig { animation-name: fadeInUpBig; } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { animation-name: fadeOut; } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); } } .fadeOutDown { animation-name: fadeOutDown; } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { animation-name: fadeOutDownBig; } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { animation-name: fadeOutLeft; } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { animation-name: fadeOutLeftBig; } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0); } } .fadeOutRight { animation-name: fadeOutRight; } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { animation-name: fadeOutRightBig; } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } .fadeOutUp { animation-name: fadeOutUp; } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { animation-name: fadeOutUpBig; } @keyframes flip { from { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(.95, .95, .95); animation-timing-function: ease-in; } to { transform: perspective(400px); animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; animation-name: flip; } @keyframes flipInX { from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInX; } @keyframes flipInY { from { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInY; } @keyframes flipOutX { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @keyframes flipOutY { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipOutY; } @keyframes lightSpeedIn { from { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); opacity: 1; } to { transform: none; opacity: 1; } } .lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; } @keyframes lightSpeedOut { from { opacity: 1; } to { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; } @keyframes rotateIn { from { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { transform-origin: center; transform: none; opacity: 1; } } .rotateIn { animation-name: rotateIn; } @keyframes rotateInDownLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInDownLeft { animation-name: rotateInDownLeft; } @keyframes rotateInDownRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInDownRight { animation-name: rotateInDownRight; } @keyframes rotateInUpLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInUpLeft { animation-name: rotateInUpLeft; } @keyframes rotateInUpRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInUpRight { animation-name: rotateInUpRight; } @keyframes rotateOut { from { transform-origin: center; opacity: 1; } to { transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { animation-name: rotateOut; } @keyframes rotateOutDownLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { animation-name: rotateOutDownLeft; } @keyframes rotateOutDownRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { animation-name: rotateOutDownRight; } @keyframes rotateOutUpLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { animation-name: rotateOutUpLeft; } @keyframes rotateOutUpRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { animation-name: rotateOutUpRight; } @keyframes hinge { 0% { transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; } to { transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { animation-name: hinge; } @keyframes jackInTheBox { from { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { transform: rotate(-10deg); } 70% { transform: rotate(3deg); } to { opacity: 1; transform: scale(1); } } .jackInTheBox { animation-name: jackInTheBox; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollIn { from { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; transform: none; } } .rollIn { animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollOut { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { animation-name: rollOut; } @keyframes zoomIn { from { opacity: 0; transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { animation-name: zoomIn; } @keyframes zoomInDown { from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { animation-name: zoomInDown; } @keyframes zoomInLeft { from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { animation-name: zoomInLeft; } @keyframes zoomInRight { from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { animation-name: zoomInRight; } @keyframes zoomInUp { from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { animation-name: zoomInUp; } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(.3, .3, .3); } to { opacity: 0; } } .zoomOut { animation-name: zoomOut; } @keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { animation-name: zoomOutDown; } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; transform: scale(.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } .zoomOutLeft { animation-name: zoomOutLeft; } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; transform: scale(.1) translate3d(2000px, 0, 0); transform-origin: right center; } } .zoomOutRight { animation-name: zoomOutRight; } @keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { animation-name: zoomOutUp; } @keyframes slideInDown { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInDown { animation-name: slideInDown; } @keyframes slideInLeft { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInLeft { animation-name: slideInLeft; } @keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInRight { animation-name: slideInRight; } @keyframes slideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInUp { animation-name: slideInUp; } @keyframes slideOutDown { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, 100%, 0); } } .slideOutDown { animation-name: slideOutDown; } @keyframes slideOutLeft { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(-100%, 0, 0); } } .slideOutLeft { animation-name: slideOutLeft; } @keyframes slideOutRight { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(100%, 0, 0); } } .slideOutRight { animation-name: slideOutRight; } @keyframes slideOutUp { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, -100%, 0); } } .slideOutUp { animation-name: slideOutUp; } #searchEngineBg .inputAnimate { font-size: 16px; transform-origin: top left; transform: scale(0.75); } /**Transitions **/ [data-inmac][data-inmac][data-inmac-duration="50"], body[data-inmac-duration="50"] [data-inmac] { transition-duration: 50ms; } [data-inmac][data-inmac][data-inmac-delay="50"], body[data-inmac-delay="50"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="50"].inmac-animate, body[data-inmac-delay="50"] [data-inmac].inmac-animate { transition-delay: 50ms; } [data-inmac][data-inmac][data-inmac-duration="100"], body[data-inmac-duration="100"] [data-inmac] { transition-duration: 0.1s; } [data-inmac][data-inmac][data-inmac-delay="100"], body[data-inmac-delay="100"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="100"].inmac-animate, body[data-inmac-delay="100"] [data-inmac].inmac-animate { transition-delay: 0.1s; } [data-inmac][data-inmac][data-inmac-duration="150"], body[data-inmac-duration="150"] [data-inmac] { transition-duration: 0.15s; } [data-inmac][data-inmac][data-inmac-delay="150"], body[data-inmac-delay="150"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="150"].inmac-animate, body[data-inmac-delay="150"] [data-inmac].inmac-animate { transition-delay: 0.15s; } [data-inmac][data-inmac][data-inmac-duration="200"], body[data-inmac-duration="200"] [data-inmac] { transition-duration: 0.2s; } [data-inmac][data-inmac][data-inmac-delay="200"], body[data-inmac-delay="200"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="200"].inmac-animate, body[data-inmac-delay="200"] [data-inmac].inmac-animate { transition-delay: 0.2s; } [data-inmac][data-inmac][data-inmac-duration="250"], body[data-inmac-duration="250"] [data-inmac] { transition-duration: 0.25s; } [data-inmac][data-inmac][data-inmac-delay="250"], body[data-inmac-delay="250"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="250"].inmac-animate, body[data-inmac-delay="250"] [data-inmac].inmac-animate { transition-delay: 0.25s; } [data-inmac][data-inmac][data-inmac-duration="300"], body[data-inmac-duration="300"] [data-inmac] { transition-duration: 0.3s; } [data-inmac][data-inmac][data-inmac-delay="300"], body[data-inmac-delay="300"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="300"].inmac-animate, body[data-inmac-delay="300"] [data-inmac].inmac-animate { transition-delay: 0.3s; } [data-inmac][data-inmac][data-inmac-duration="350"], body[data-inmac-duration="350"] [data-inmac] { transition-duration: 0.35s; } [data-inmac][data-inmac][data-inmac-delay="350"], body[data-inmac-delay="350"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="350"].inmac-animate, body[data-inmac-delay="350"] [data-inmac].inmac-animate { transition-delay: 0.35s; } [data-inmac][data-inmac][data-inmac-duration="400"], body[data-inmac-duration="400"] [data-inmac] { transition-duration: 0.4s; } [data-inmac][data-inmac][data-inmac-delay="400"], body[data-inmac-delay="400"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="400"].inmac-animate, body[data-inmac-delay="400"] [data-inmac].inmac-animate { transition-delay: 0.4s; } [data-inmac][data-inmac][data-inmac-duration="450"], body[data-inmac-duration="450"] [data-inmac] { transition-duration: 0.45s; } [data-inmac][data-inmac][data-inmac-delay="450"], body[data-inmac-delay="450"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="450"].inmac-animate, body[data-inmac-delay="450"] [data-inmac].inmac-animate { transition-delay: 0.45s; } [data-inmac][data-inmac][data-inmac-duration="500"], body[data-inmac-duration="500"] [data-inmac] { transition-duration: 0.5s; } [data-inmac][data-inmac][data-inmac-delay="500"], body[data-inmac-delay="500"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="500"].inmac-animate, body[data-inmac-delay="500"] [data-inmac].inmac-animate { transition-delay: 0.5s; } [data-inmac][data-inmac][data-inmac-duration="550"], body[data-inmac-duration="550"] [data-inmac] { transition-duration: 0.55s; } [data-inmac][data-inmac][data-inmac-delay="550"], body[data-inmac-delay="550"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="550"].inmac-animate, body[data-inmac-delay="550"] [data-inmac].inmac-animate { transition-delay: 0.55s; } [data-inmac][data-inmac][data-inmac-duration="600"], body[data-inmac-duration="600"] [data-inmac] { transition-duration: 0.6s; } [data-inmac][data-inmac][data-inmac-delay="600"], body[data-inmac-delay="600"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="600"].inmac-animate, body[data-inmac-delay="600"] [data-inmac].inmac-animate { transition-delay: 0.6s; } [data-inmac][data-inmac][data-inmac-duration="650"], body[data-inmac-duration="650"] [data-inmac] { transition-duration: 0.65s; } [data-inmac][data-inmac][data-inmac-delay="650"], body[data-inmac-delay="650"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="650"].inmac-animate, body[data-inmac-delay="650"] [data-inmac].inmac-animate { transition-delay: 0.65s; } [data-inmac][data-inmac][data-inmac-duration="700"], body[data-inmac-duration="700"] [data-inmac] { transition-duration: 0.7s; } [data-inmac][data-inmac][data-inmac-delay="700"], body[data-inmac-delay="700"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="700"].inmac-animate, body[data-inmac-delay="700"] [data-inmac].inmac-animate { transition-delay: 0.7s; } [data-inmac][data-inmac][data-inmac-duration="750"], body[data-inmac-duration="750"] [data-inmac] { transition-duration: 0.75s; } [data-inmac][data-inmac][data-inmac-delay="750"], body[data-inmac-delay="750"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="750"].inmac-animate, body[data-inmac-delay="750"] [data-inmac].inmac-animate { transition-delay: 0.75s; } [data-inmac][data-inmac][data-inmac-duration="800"], body[data-inmac-duration="800"] [data-inmac] { transition-duration: 0.8s; } [data-inmac][data-inmac][data-inmac-delay="800"], body[data-inmac-delay="800"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="800"].inmac-animate, body[data-inmac-delay="800"] [data-inmac].inmac-animate { transition-delay: 0.8s; } [data-inmac][data-inmac][data-inmac-duration="850"], body[data-inmac-duration="850"] [data-inmac] { transition-duration: 0.85s; } [data-inmac][data-inmac][data-inmac-delay="850"], body[data-inmac-delay="850"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="850"].inmac-animate, body[data-inmac-delay="850"] [data-inmac].inmac-animate { transition-delay: 0.85s; } [data-inmac][data-inmac][data-inmac-duration="900"], body[data-inmac-duration="900"] [data-inmac] { transition-duration: 0.9s; } [data-inmac][data-inmac][data-inmac-delay="900"], body[data-inmac-delay="900"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="900"].inmac-animate, body[data-inmac-delay="900"] [data-inmac].inmac-animate { transition-delay: 0.9s; } [data-inmac][data-inmac][data-inmac-duration="950"], body[data-inmac-duration="950"] [data-inmac] { transition-duration: 0.95s; } [data-inmac][data-inmac][data-inmac-delay="950"], body[data-inmac-delay="950"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="950"].inmac-animate, body[data-inmac-delay="950"] [data-inmac].inmac-animate { transition-delay: 0.95s; } [data-inmac][data-inmac][data-inmac-duration="1000"], body[data-inmac-duration="1000"] [data-inmac] { transition-duration: 1s; } [data-inmac][data-inmac][data-inmac-delay="1000"], body[data-inmac-delay="1000"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="1000"].inmac-animate, body[data-inmac-delay="1000"] [data-inmac].inmac-animate { transition-delay: 1s; } [data-inmac][data-inmac][data-inmac-duration="1050"], body[data-inmac-duration="1050"] [data-inmac] { transition-duration: 1.05s; } [data-inmac][data-inmac][data-inmac-delay="1050"], body[data-inmac-delay="1050"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="1050"].inmac-animate, body[data-inmac-delay="1050"] [data-inmac].inmac-animate { transition-delay: 1.05s; } [data-inmac][data-inmac][data-inmac-duration="1100"], body[data-inmac-duration="1100"] [data-inmac] { transition-duration: 1.1s; } [data-inmac][data-inmac][data-inmac-delay="1100"], body[data-inmac-delay="1100"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="1100"].inmac-animate, body[data-inmac-delay="1100"] [data-inmac].inmac-animate { transition-delay: 1.1s; } [data-inmac][data-inmac][data-inmac-duration="1150"], body[data-inmac-duration="1150"] [data-inmac] { transition-duration: 1.15s; } [data-inmac][data-inmac][data-inmac-delay="1150"], body[data-inmac-delay="1150"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="1150"].inmac-animate, body[data-inmac-delay="1150"] [data-inmac].inmac-animate { transition-delay: 1.15s; } [data-inmac][data-inmac][data-inmac-duration="1200"], body[data-inmac-duration="1200"] [data-inmac] { transition-duration: 1.2s; } [data-inmac][data-inmac][data-inmac-delay="1200"], body[data-inmac-delay="1200"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="1200"].inmac-animate, body[data-inmac-delay="1200"] [data-inmac].inmac-animate { transition-delay: 1.2s; } [data-inmac][data-inmac][data-inmac-duration="1250"], body[data-inmac-duration="1250"] [data-inmac] { transition-duration: 1.25s; } [data-inmac][data-inmac][data-inmac-delay="1250"], body[data-inmac-delay="1250"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="1250"].inmac-animate, body[data-inmac-delay="1250"] [data-inmac].inmac-animate { transition-delay: 1.25s; } [data-inmac][data-inmac][data-inmac-duration="1300"], body[data-inmac-duration="1300"] [data-inmac] { transition-duration: 1.3s; } [data-inmac][data-inmac][data-inmac-delay="1300"], body[data-inmac-delay="1300"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="1300"].inmac-animate, body[data-inmac-delay="1300"] [data-inmac].inmac-animate { transition-delay: 1.3s; } [data-inmac][data-inmac][data-inmac-duration="1350"], body[data-inmac-duration="1350"] [data-inmac] { transition-duration: 1.35s; } [data-inmac][data-inmac][data-inmac-delay="1350"], body[data-inmac-delay="1350"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="1350"].inmac-animate, body[data-inmac-delay="1350"] [data-inmac].inmac-animate { transition-delay: 1.35s; } [data-inmac][data-inmac][data-inmac-duration="1400"], body[data-inmac-duration="1400"] [data-inmac] { transition-duration: 1.4s; } [data-inmac][data-inmac][data-inmac-delay="1400"], body[data-inmac-delay="1400"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="1400"].inmac-animate, body[data-inmac-delay="1400"] [data-inmac].inmac-animate { transition-delay: 1.4s; } [data-inmac][data-inmac][data-inmac-duration="1450"], body[data-inmac-duration="1450"] [data-inmac] { transition-duration: 1.45s; } [data-inmac][data-inmac][data-inmac-delay="1450"], body[data-inmac-delay="1450"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="1450"].inmac-animate, body[data-inmac-delay="1450"] [data-inmac].inmac-animate { transition-delay: 1.45s; } [data-inmac][data-inmac][data-inmac-duration="1500"], body[data-inmac-duration="1500"] [data-inmac] { transition-duration: 1.5s; } [data-inmac][data-inmac][data-inmac-delay="1500"], body[data-inmac-delay="1500"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="1500"].inmac-animate, body[data-inmac-delay="1500"] [data-inmac].inmac-animate { transition-delay: 1.5s; } [data-inmac][data-inmac][data-inmac-duration="1550"], body[data-inmac-duration="1550"] [data-inmac] { transition-duration: 1.55s; } [data-inmac][data-inmac][data-inmac-delay="1550"], body[data-inmac-delay="1550"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="1550"].inmac-animate, body[data-inmac-delay="1550"] [data-inmac].inmac-animate { transition-delay: 1.55s; } [data-inmac][data-inmac][data-inmac-duration="1600"], body[data-inmac-duration="1600"] [data-inmac] { transition-duration: 1.6s; } [data-inmac][data-inmac][data-inmac-delay="1600"], body[data-inmac-delay="1600"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="1600"].inmac-animate, body[data-inmac-delay="1600"] [data-inmac].inmac-animate { transition-delay: 1.6s; } [data-inmac][data-inmac][data-inmac-duration="1650"], body[data-inmac-duration="1650"] [data-inmac] { transition-duration: 1.65s; } [data-inmac][data-inmac][data-inmac-delay="1650"], body[data-inmac-delay="1650"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="1650"].inmac-animate, body[data-inmac-delay="1650"] [data-inmac].inmac-animate { transition-delay: 1.65s; } [data-inmac][data-inmac][data-inmac-duration="1700"], body[data-inmac-duration="1700"] [data-inmac] { transition-duration: 1.7s; } [data-inmac][data-inmac][data-inmac-delay="1700"], body[data-inmac-delay="1700"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="1700"].inmac-animate, body[data-inmac-delay="1700"] [data-inmac].inmac-animate { transition-delay: 1.7s; } [data-inmac][data-inmac][data-inmac-duration="1750"], body[data-inmac-duration="1750"] [data-inmac] { transition-duration: 1.75s; } [data-inmac][data-inmac][data-inmac-delay="1750"], body[data-inmac-delay="1750"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="1750"].inmac-animate, body[data-inmac-delay="1750"] [data-inmac].inmac-animate { transition-delay: 1.75s; } [data-inmac][data-inmac][data-inmac-duration="1800"], body[data-inmac-duration="1800"] [data-inmac] { transition-duration: 1.8s; } [data-inmac][data-inmac][data-inmac-delay="1800"], body[data-inmac-delay="1800"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="1800"].inmac-animate, body[data-inmac-delay="1800"] [data-inmac].inmac-animate { transition-delay: 1.8s; } [data-inmac][data-inmac][data-inmac-duration="1850"], body[data-inmac-duration="1850"] [data-inmac] { transition-duration: 1.85s; } [data-inmac][data-inmac][data-inmac-delay="1850"], body[data-inmac-delay="1850"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="1850"].inmac-animate, body[data-inmac-delay="1850"] [data-inmac].inmac-animate { transition-delay: 1.85s; } [data-inmac][data-inmac][data-inmac-duration="1900"], body[data-inmac-duration="1900"] [data-inmac] { transition-duration: 1.9s; } [data-inmac][data-inmac][data-inmac-delay="1900"], body[data-inmac-delay="1900"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="1900"].inmac-animate, body[data-inmac-delay="1900"] [data-inmac].inmac-animate { transition-delay: 1.9s; } [data-inmac][data-inmac][data-inmac-duration="1950"], body[data-inmac-duration="1950"] [data-inmac] { transition-duration: 1.95s; } [data-inmac][data-inmac][data-inmac-delay="1950"], body[data-inmac-delay="1950"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="1950"].inmac-animate, body[data-inmac-delay="1950"] [data-inmac].inmac-animate { transition-delay: 1.95s; } [data-inmac][data-inmac][data-inmac-duration="2000"], body[data-inmac-duration="2000"] [data-inmac] { transition-duration: 2s; } [data-inmac][data-inmac][data-inmac-delay="2000"], body[data-inmac-delay="2000"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="2000"].inmac-animate, body[data-inmac-delay="2000"] [data-inmac].inmac-animate { transition-delay: 2s; } [data-inmac][data-inmac][data-inmac-duration="2050"], body[data-inmac-duration="2050"] [data-inmac] { transition-duration: 2.05s; } [data-inmac][data-inmac][data-inmac-delay="2050"], body[data-inmac-delay="2050"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="2050"].inmac-animate, body[data-inmac-delay="2050"] [data-inmac].inmac-animate { transition-delay: 2.05s; } [data-inmac][data-inmac][data-inmac-duration="2100"], body[data-inmac-duration="2100"] [data-inmac] { transition-duration: 2.1s; } [data-inmac][data-inmac][data-inmac-delay="2100"], body[data-inmac-delay="2100"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="2100"].inmac-animate, body[data-inmac-delay="2100"] [data-inmac].inmac-animate { transition-delay: 2.1s; } [data-inmac][data-inmac][data-inmac-duration="2150"], body[data-inmac-duration="2150"] [data-inmac] { transition-duration: 2.15s; } [data-inmac][data-inmac][data-inmac-delay="2150"], body[data-inmac-delay="2150"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="2150"].inmac-animate, body[data-inmac-delay="2150"] [data-inmac].inmac-animate { transition-delay: 2.15s; } [data-inmac][data-inmac][data-inmac-duration="2200"], body[data-inmac-duration="2200"] [data-inmac] { transition-duration: 2.2s; } [data-inmac][data-inmac][data-inmac-delay="2200"], body[data-inmac-delay="2200"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="2200"].inmac-animate, body[data-inmac-delay="2200"] [data-inmac].inmac-animate { transition-delay: 2.2s; } [data-inmac][data-inmac][data-inmac-duration="2250"], body[data-inmac-duration="2250"] [data-inmac] { transition-duration: 2.25s; } [data-inmac][data-inmac][data-inmac-delay="2250"], body[data-inmac-delay="2250"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="2250"].inmac-animate, body[data-inmac-delay="2250"] [data-inmac].inmac-animate { transition-delay: 2.25s; } [data-inmac][data-inmac][data-inmac-duration="2300"], body[data-inmac-duration="2300"] [data-inmac] { transition-duration: 2.3s; } [data-inmac][data-inmac][data-inmac-delay="2300"], body[data-inmac-delay="2300"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="2300"].inmac-animate, body[data-inmac-delay="2300"] [data-inmac].inmac-animate { transition-delay: 2.3s; } [data-inmac][data-inmac][data-inmac-duration="2350"], body[data-inmac-duration="2350"] [data-inmac] { transition-duration: 2.35s; } [data-inmac][data-inmac][data-inmac-delay="2350"], body[data-inmac-delay="2350"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="2350"].inmac-animate, body[data-inmac-delay="2350"] [data-inmac].inmac-animate { transition-delay: 2.35s; } [data-inmac][data-inmac][data-inmac-duration="2400"], body[data-inmac-duration="2400"] [data-inmac] { transition-duration: 2.4s; } [data-inmac][data-inmac][data-inmac-delay="2400"], body[data-inmac-delay="2400"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="2400"].inmac-animate, body[data-inmac-delay="2400"] [data-inmac].inmac-animate { transition-delay: 2.4s; } [data-inmac][data-inmac][data-inmac-duration="2450"], body[data-inmac-duration="2450"] [data-inmac] { transition-duration: 2.45s; } [data-inmac][data-inmac][data-inmac-delay="2450"], body[data-inmac-delay="2450"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="2450"].inmac-animate, body[data-inmac-delay="2450"] [data-inmac].inmac-animate { transition-delay: 2.45s; } [data-inmac][data-inmac][data-inmac-duration="2500"], body[data-inmac-duration="2500"] [data-inmac] { transition-duration: 2.5s; } [data-inmac][data-inmac][data-inmac-delay="2500"], body[data-inmac-delay="2500"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="2500"].inmac-animate, body[data-inmac-delay="2500"] [data-inmac].inmac-animate { transition-delay: 2.5s; } [data-inmac][data-inmac][data-inmac-duration="2550"], body[data-inmac-duration="2550"] [data-inmac] { transition-duration: 2.55s; } [data-inmac][data-inmac][data-inmac-delay="2550"], body[data-inmac-delay="2550"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="2550"].inmac-animate, body[data-inmac-delay="2550"] [data-inmac].inmac-animate { transition-delay: 2.55s; } [data-inmac][data-inmac][data-inmac-duration="2600"], body[data-inmac-duration="2600"] [data-inmac] { transition-duration: 2.6s; } [data-inmac][data-inmac][data-inmac-delay="2600"], body[data-inmac-delay="2600"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="2600"].inmac-animate, body[data-inmac-delay="2600"] [data-inmac].inmac-animate { transition-delay: 2.6s; } [data-inmac][data-inmac][data-inmac-duration="2650"], body[data-inmac-duration="2650"] [data-inmac] { transition-duration: 2.65s; } [data-inmac][data-inmac][data-inmac-delay="2650"], body[data-inmac-delay="2650"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="2650"].inmac-animate, body[data-inmac-delay="2650"] [data-inmac].inmac-animate { transition-delay: 2.65s; } [data-inmac][data-inmac][data-inmac-duration="2700"], body[data-inmac-duration="2700"] [data-inmac] { transition-duration: 2.7s; } [data-inmac][data-inmac][data-inmac-delay="2700"], body[data-inmac-delay="2700"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="2700"].inmac-animate, body[data-inmac-delay="2700"] [data-inmac].inmac-animate { transition-delay: 2.7s; } [data-inmac][data-inmac][data-inmac-duration="2750"], body[data-inmac-duration="2750"] [data-inmac] { transition-duration: 2.75s; } [data-inmac][data-inmac][data-inmac-delay="2750"], body[data-inmac-delay="2750"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="2750"].inmac-animate, body[data-inmac-delay="2750"] [data-inmac].inmac-animate { transition-delay: 2.75s; } [data-inmac][data-inmac][data-inmac-duration="2800"], body[data-inmac-duration="2800"] [data-inmac] { transition-duration: 2.8s; } [data-inmac][data-inmac][data-inmac-delay="2800"], body[data-inmac-delay="2800"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="2800"].inmac-animate, body[data-inmac-delay="2800"] [data-inmac].inmac-animate { transition-delay: 2.8s; } [data-inmac][data-inmac][data-inmac-duration="2850"], body[data-inmac-duration="2850"] [data-inmac] { transition-duration: 2.85s; } [data-inmac][data-inmac][data-inmac-delay="2850"], body[data-inmac-delay="2850"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="2850"].inmac-animate, body[data-inmac-delay="2850"] [data-inmac].inmac-animate { transition-delay: 2.85s; } [data-inmac][data-inmac][data-inmac-duration="2900"], body[data-inmac-duration="2900"] [data-inmac] { transition-duration: 2.9s; } [data-inmac][data-inmac][data-inmac-delay="2900"], body[data-inmac-delay="2900"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="2900"].inmac-animate, body[data-inmac-delay="2900"] [data-inmac].inmac-animate { transition-delay: 2.9s; } [data-inmac][data-inmac][data-inmac-duration="2950"], body[data-inmac-duration="2950"] [data-inmac] { transition-duration: 2.95s; } [data-inmac][data-inmac][data-inmac-delay="2950"], body[data-inmac-delay="2950"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="2950"].inmac-animate, body[data-inmac-delay="2950"] [data-inmac].inmac-animate { transition-delay: 2.95s; } [data-inmac][data-inmac][data-inmac-duration="3000"], body[data-inmac-duration="3000"] [data-inmac] { transition-duration: 3s; } [data-inmac][data-inmac][data-inmac-delay="3000"], body[data-inmac-delay="3000"] [data-inmac] { transition-delay: 0; } [data-inmac][data-inmac][data-inmac-delay="3000"].inmac-animate, body[data-inmac-delay="3000"] [data-inmac].inmac-animate { transition-delay: 3s; } [data-inmac][data-inmac][data-inmac-easing="linear"], body[data-inmac-easing="linear"] [data-inmac] { transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); } [data-inmac][data-inmac][data-inmac-easing="ease"], body[data-inmac-easing="ease"] [data-inmac] { transition-timing-function: ease; } [data-inmac][data-inmac][data-inmac-easing="ease-in"], body[data-inmac-easing="ease-in"] [data-inmac] { transition-timing-function: ease-in; } [data-inmac][data-inmac][data-inmac-easing="ease-out"], body[data-inmac-easing="ease-out"] [data-inmac] { transition-timing-function: ease-out; } [data-inmac][data-inmac][data-inmac-easing="ease-in-out"], body[data-inmac-easing="ease-in-out"] [data-inmac] { transition-timing-function: ease-in-out; } [data-inmac][data-inmac][data-inmac-easing="ease-in-back"], body[data-inmac-easing="ease-in-back"] [data-inmac] { transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); } [data-inmac][data-inmac][data-inmac-easing="ease-out-back"], body[data-inmac-easing="ease-out-back"] [data-inmac] { transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } [data-inmac][data-inmac][data-inmac-easing="ease-in-out-back"], body[data-inmac-easing="ease-in-out-back"] [data-inmac] { transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } [data-inmac][data-inmac][data-inmac-easing="ease-in-sine"], body[data-inmac-easing="ease-in-sine"] [data-inmac] { transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } [data-inmac][data-inmac][data-inmac-easing="ease-out-sine"], body[data-inmac-easing="ease-out-sine"] [data-inmac] { transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } [data-inmac][data-inmac][data-inmac-easing="ease-in-out-sine"], body[data-inmac-easing="ease-in-out-sine"] [data-inmac] { transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } [data-inmac][data-inmac][data-inmac-easing="ease-in-quad"], body[data-inmac-easing="ease-in-quad"] [data-inmac] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-inmac][data-inmac][data-inmac-easing="ease-out-quad"], body[data-inmac-easing="ease-out-quad"] [data-inmac] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-inmac][data-inmac][data-inmac-easing="ease-in-out-quad"], body[data-inmac-easing="ease-in-out-quad"] [data-inmac] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-inmac][data-inmac][data-inmac-easing="ease-in-cubic"], body[data-inmac-easing="ease-in-cubic"] [data-inmac] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-inmac][data-inmac][data-inmac-easing="ease-out-cubic"], body[data-inmac-easing="ease-out-cubic"] [data-inmac] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-inmac][data-inmac][data-inmac-easing="ease-in-out-cubic"], body[data-inmac-easing="ease-in-out-cubic"] [data-inmac] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-inmac][data-inmac][data-inmac-easing="ease-in-quart"], body[data-inmac-easing="ease-in-quart"] [data-inmac] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-inmac][data-inmac][data-inmac-easing="ease-out-quart"], body[data-inmac-easing="ease-out-quart"] [data-inmac] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-inmac][data-inmac][data-inmac-easing="ease-in-out-quart"], body[data-inmac-easing="ease-in-out-quart"] [data-inmac] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-inmac^="fade"][data-inmac^="fade"] { opacity: 0; transition-property: opacity, transform; } [data-inmac^="fade"][data-inmac^="fade"].inmac-animate { opacity: 1; transform: translateZ(0); } [data-inmac="fade-up"] { transform: translate3d(0, 100px, 0); } [data-inmac="fade-down"] { transform: translate3d(0, -100px, 0); } [data-inmac="fade-right"] { transform: translate3d(-100px, 0, 0); } [data-inmac="fade-left"] { transform: translate3d(100px, 0, 0); } [data-inmac="fade-up-right"] { transform: translate3d(-100px, 100px, 0); } [data-inmac="fade-up-left"] { transform: translate3d(100px, 100px, 0); } [data-inmac="fade-down-right"] { transform: translate3d(-100px, -100px, 0); } [data-inmac="fade-down-left"] { transform: translate3d(100px, -100px, 0); } [data-inmac^="zoom"][data-inmac^="zoom"] { opacity: 0; transition-property: opacity, transform; } [data-inmac^="zoom"][data-inmac^="zoom"].inmac-animate { opacity: 1; transform: translateZ(0) scale(1); } [data-inmac="zoom-in"] { transform: scale(0.6); } [data-inmac="zoom-in-up"] { transform: translate3d(0, 100px, 0) scale(0.6); } [data-inmac="zoom-in-down"] { transform: translate3d(0, -100px, 0) scale(0.6); } [data-inmac="zoom-in-right"] { transform: translate3d(-100px, 0, 0) scale(0.6); } [data-inmac="zoom-in-left"] { transform: translate3d(100px, 0, 0) scale(0.6); } [data-inmac="zoom-out"] { transform: scale(1.2); } [data-inmac="zoom-out-up"] { transform: translate3d(0, 100px, 0) scale(1.2); } [data-inmac="zoom-out-down"] { transform: translate3d(0, -100px, 0) scale(1.2); } [data-inmac="zoom-out-right"] { transform: translate3d(-100px, 0, 0) scale(1.2); } [data-inmac="zoom-out-left"] { transform: translate3d(100px, 0, 0) scale(1.2); } [data-inmac^="slide"][data-inmac^="slide"] { transition-property: transform; } [data-inmac^="slide"][data-inmac^="slide"].inmac-animate { transform: translateZ(0); } [data-inmac="slide-up"] { transform: translate3d(0, 100%, 0); } [data-inmac="slide-down"] { transform: translate3d(0, -100%, 0); } [data-inmac="slide-right"] { transform: translate3d(-100%, 0, 0); } [data-inmac="slide-left"] { transform: translate3d(100%, 0, 0); } [data-inmac^="flip"][data-inmac^="flip"] { backface-visibility: hidden; transition-property: transform; } [data-inmac="flip-left"] { transform: perspective(2500px) rotateY(-100deg); } [data-inmac="flip-left"].inmac-animate { transform: perspective(2500px) rotateY(0); } [data-inmac="flip-right"] { transform: perspective(2500px) rotateY(100deg); } [data-inmac="flip-right"].inmac-animate { transform: perspective(2500px) rotateY(0); } [data-inmac="flip-up"] { transform: perspective(2500px) rotateX(-100deg); } [data-inmac="flip-up"].inmac-animate { transform: perspective(2500px) rotateX(0); } [data-inmac="flip-down"] { transform: perspective(2500px) rotateX(100deg); } [data-inmac="flip-down"].inmac-animate { transform: perspective(2500px) rotateX(0); } /** Fin des transitions **/ #cmcwebuserbreadcrumbs { display: none } /**WALLPAPER**/ body:not(.pageedit) form > br, body:not(.pageedit) form > center { display: none } /*hide the empty part at the bottom*/ body.wallpaper #middle { cursor: pointer; background: #254048 url("/ImagesPortal/FR/Localisation/4/images/Wallpapers/Wallpaper_554.jpg") repeat-y scroll center 36px; } body.wallpaper { /*background-position:center 253px;*/ background: none; } body.wallpaper #bottom::after { content: ""; display: block; height: 20px; width: 100%; background-color: #fff; position: absolute } body.wallpaper .bgClickOFF { cursor: inherit } body.tabMobDevice.wallpaper { background-color: #fff; background-image: inherit } /* START ERROR PAGE */ .errorpage #main-404 { border: solid #efefef 1px; height: 100%; width: 100%; text-align: center; padding: 50px 20px; } .errorpage #main-404 h1 { font-size: 50px; color: #f23c3b; text-align: center; padding-bottom: 30px; } .errorpage #main-404 h3 { font-weight: bold; } .errorpage #main-404 p { font-size: 18px; text-align: center; padding: 30px 0 50px; } .errorpage #main-404 .add-cart-button { width: 330px; text-align: center; display: block; font-size: 14px; padding: 20px 20px; color: #fff !important; cursor: pointer; background-color: #f23c3b; text-transform: uppercase; text-decoration: none; -webkit-border-radius: 2px; border-radius: 2px; transition: all .2s ease; margin: 0 auto; } .errorpage #main-404 .add-cart-button:hover { -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0); box-shadow: inset 0 0px 0px rgba(0,0,0,0); text-decoration: none; background-color: #fd5958; } .mobileDevice.errorpage #main-404 h3 { font-size: 20px; } .mobileDevice.errorpage #main-404 p { font-size: 16px; } .mobileDevice.errorpage #main-404 .add-cart-button { width: 100%; } /* END ERROR PAGE */ /* START Tooltip_PriceTax */ .Tooltip_PriceTax_Link { cursor: pointer; width: 100%; display: block; white-space: nowrap; } .Tooltip_PriceTax_Link i { color: inherit; font-size: 12px; padding-left: 5px; } .catproductform .Tooltip_PriceTax_Link i { font-size: 15px; line-height: 25px; } .Tooltip_PriceTax_Link .SalePriceCustomer + i { color: #DE3C4B; font-weight: bold; } .Tooltip_PriceTax.tooltip { background-color: transparent; transition: opacity 0.2s ease-out 0s; opacity: 0; right: -13px; opacity: 0; visibility: hidden; } .catproductform .Tooltip_PriceTax.tooltip { right: -5px; } body.desktopDevice .Tooltip_PriceTax_Link:hover + .Tooltip_PriceTax.tooltip, body.desktopDevice .Tooltip_PriceTax_Link:active + .Tooltip_PriceTax.tooltip, body.desktopDevice .Tooltip_PriceTax_Link:focus + .Tooltip_PriceTax.tooltip, .Tooltip_PriceTax_Link.active + .Tooltip_PriceTax.tooltip, body.desktopDevice .priceInfo:hover .Tooltip_PriceTax.tooltip, body.desktopDevice .priceInfo:active .Tooltip_PriceTax.tooltip, body.desktopDevice .priceInfo:focus .Tooltip_PriceTax.tooltip, .priceInfo.active .Tooltip_PriceTax.tooltip { opacity: 1; visibility: visible; } .Tooltip_PriceTax.tooltip > .tooltip-inner { background-color: #fff; border: 1px solid #bfbfbf; border-radius: 20px; padding: 6px 10px; position: relative; -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2); float: left; max-width: 230px; } .Tooltip_PriceTax.tooltip > .tooltip-inner::before { content: ''; position: absolute; border-style: solid; border-width: 0 8px 8px; border-color: #bfbfbf transparent; display: block; width: 0; z-index: 0; top: -8px; right: 14px; } .Tooltip_PriceTax.tooltip > .tooltip-inner::after { content: ''; position: absolute; border-style: solid; border-width: 0 8px 8px; border-color: #fff transparent; display: block; width: 0; z-index: 0; top: -7px; right: 15px; } .Tooltip_PriceTax.tooltip ul { padding: 0; list-style: none; margin-bottom: 0; } .Tooltip_PriceTax.tooltip li { white-space: nowrap; text-align: right; font-size: 14px; line-height: 20px; color: #9b9b9b; width: 205px; float: right; margin-bottom: 4px; } .Tooltip_PriceTax.tooltip li.TaxLine { width: 160px; } .Tooltip_PriceTax.tooltip li span { display: none; text-transform: capitalize; } .Tooltip_PriceTax.tooltip li:first-child span { display: inline; } .Tooltip_PriceTax.tooltip li > div { float: left; } .Tooltip_PriceTax.tooltip li > div:first-child { width: 135px; } .Tooltip_PriceTax.tooltip li > div:last-child { width: 70px; } .Tooltip_PriceTax.tooltip li.TaxLine > div:first-child { width: 70px; float: right; } .Tooltip_PriceTax.tooltip li.TaxLine > div:last-child { width: 90px; float: right; } .Tooltip_PriceTax.tooltip li.linePrixRemise div { color: #DE3C4B; font-weight: normal !important; } .Tooltip_PriceTax.tooltip li.linePrixHT div { color: #DE3C4B; } .Tooltip_PriceTax.tooltip li.linePrixTTC { margin-bottom: 14px; } .Tooltip_PriceTax.tooltip li .prixHT { color: #333; } .Tooltip_PriceTax.tooltip li .SalePriceNoCustomer { color: #DE3C4B; text-decoration: line-through; } .PriceSup { display: inline !important; } /* END Tooltip_PriceTax */ /*****START Promo Products*****/ .blockPromoProducts { padding-top: 26px; padding-bottom: 32px; } .blockPromoProducts h2 { padding-bottom: 13px; font-size: 26px; color: #172C33; text-transform: uppercase; font-weight: 500; border-bottom: 1px solid #B9BFC1; margin-bottom: 0; line-height: 32px; } .blockPromoProducts .owl-carousel { margin-right: -24px; } .blockPromoProducts .owl-stage-outer { padding: 40px 18px 0; margin: 0 -18px; } .blockPromoProducts .thumbnail { border-radius: 20px; padding: 20px 20px; border: 1px solid transparent; margin-top: 12px; margin-bottom: 12px; position: relative; } body.desktopDevice .blockPromoProducts .thumbnail:hover, body.desktopDevice .blockPromoProducts .thumbnail:active, .blockPromoProducts body.desktopDevice .thumbnail:focus { box-shadow: 0 0 18px 0px #172C332E; } .blockPromoProducts .thumbnail .thumbImageWrapper { display: table; width: 100%; } .blockPromoProducts .thumbnail .thumbImage { height: 202px; width: 100%; margin-bottom: 20px; position: relative; display: table-cell; vertical-align: middle; } .blockPromoProducts .thumbnail img { max-height: 80%; margin: 0 auto 16px; width: auto !important; } .blockPromoProducts .thumbnail .MoreDetail { background: #DE3C4B; color: #fff; width: 42px; height: 42px; position: absolute; border-radius: 100%; box-shadow: 0px 13px 16px #2540480003D; left: calc(50% - 21px); top: calc(50% - 21px); visibility: hidden; opacity: 0; } .blockPromoProducts .thumbnail .MoreDetail:hover, .blockPromoProducts .thumbnail .MoreDetail:active, .blockPromoProducts .thumbnail .MoreDetail:focus { background: #E14957; } .blockPromoProducts .thumbnail:hover .MoreDetail, .blockPromoProducts .thumbnail:active .MoreDetail, .blockPromoProducts .thumbnail:focus .MoreDetail { visibility: visible; opacity: 1; } .blockPromoProducts .thumbnail .MoreDetail svg { margin: 0 auto; display: block; width: 20px; height: 42px; } .blockPromoProducts .thumbnail .caption { padding: 0; } .blockPromoProducts .thumbnail .prodRatings { text-align: center; display: block; margin-bottom: 5px; height: 20px; } .blockPromoProducts .thumbnail .prodRatings i { color: #B9BFC1; font-size: 14px; } .blockPromoProducts .thumbnail h3 { font-size: 16px; line-height: 22px; color: #172C33; text-align: center; margin-bottom: 12px; overflow: hidden; height: 42px; } .blockPromoProducts .thumbnail .priceHT { color: #DE3C4B; text-align: center; font-size: 16px; line-height: 18px; margin-bottom: 4px; } .blockPromoProducts .thumbnail .priceTTC { color: #8B9599; text-align: center; font-size: 16px; line-height: 18px; margin-bottom: 8px; } .blockPromoProducts .thumbnail sup { top: 0; font-size: 12px; } .blockPromoProducts .thumbnail .PriceSup { font-size: 100%; } .blockPromoProducts .thumbnail .availabilityStock { font-size: 16px; text-align: center; font-weight: bold; line-height: initial; margin-bottom: 12px; } .blockPromoProducts .thumbnail .availabilityStock.InStock { color: #4CC034; } .blockPromoProducts .thumbnail .availabilityStock.outStock { color: #DE3C4B; } .blockPromoProducts .thumbnail .availabilityStock.RunningOutOfStock { color: #F5AD03; } .blockPromoProducts .thumbnail .addToBasket { font-size: 14px; line-height: 16px; border-radius: 38px; padding: 16px 32px; font-weight: 400; width: 198px; text-transform: uppercase; letter-spacing: 0; border: none; color: #fff; text-align: center; background: #172C33; margin: 0 auto; display: block; text-decoration: none; } body.lgNL .blockPromoProducts .thumbnail .addToBasket { font-size: 14px; letter-spacing: 0; } .blockPromoProducts .thumbnail:hover .addToBasket, .blockPromoProducts .thumbnail:active .addToBasket, .blockPromoProducts .thumbnail:focus .addToBasket { background: #DE3C4B; } .blockPromoProducts .thumbnail .addToBasket:hover, .blockPromoProducts .thumbnail .addToBasket:active, .blockPromoProducts .thumbnail .addToBasket:focus { background: #E14957; } .blockPromoProducts .owl-nav { left: initial; top: -45px; right: 0; position: absolute; height: 32px; } .blockPromoProducts .owl-carousel .owl-nav button.owl-prev, .blockPromoProducts .owl-carousel .owl-nav button.owl-next { border: 1px solid #B9BFC1; border-radius: 16px; width: 32px; height: 32px; position: inline; background: #fff; padding: 0; } .blockPromoProducts .owl-carousel .owl-nav button.owl-next { margin-left: 12px; } .blockPromoProducts .owl-carousel .owl-nav button.owl-prev:hover, .blockPromoProducts .owl-carousel .owl-nav button.owl-prev:active, .blockPromoProducts .owl-carousel .owl-nav button.owl-prev:focus, .blockPromoProducts .owl-carousel .owl-nav button.owl-next:hover, .blockPromoProducts .owl-carousel .owl-nav button.owl-next:active, .blockPromoProducts .owl-carousel .owl-nav button.owl-next:focus { border-color: #aaa; } .blockPromoProducts .owl-carousel .owl-nav button.owl-prev svg, .blockPromoProducts .owl-carousel .owl-nav button.owl-next svg { width: 30px; height: 30px; display: block; padding: 3px; } .blockPromoProducts .owl-dots { display: none; } .blockPromoProducts .thumbnail .prodFavorite { position: absolute; width: 32px; height: 32px; right: 12px; top: 12px; } .blockPromoProducts .thumbnail .btnFavorite { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; margin: 0; border: 1px solid #8B9599; border-radius: 100px; padding: 0; background: #fff; } .blockPromoProducts .thumbnail .btnFavorite:hover, .blockPromoProducts .thumbnail .btnFavorite:active, .blockPromoProducts .thumbnail .btnFavorite:focus, .blockPromoProducts .thumbnail .btnFavorite.addToFavSelected { border-color: #DE3C4B; } .blockPromoProducts .thumbnail .btnFavorite svg { width: 31px; height: 31px; padding: 0 8px; display: block; color: #8B9599; } .blockPromoProducts .thumbnail .btnFavorite.addToFavSelected svg { color: #DE3C4B; fill: #DE3C4B; } .blockPromoProducts .thumbnail .btnFavorite:hover svg, .blockPromoProducts .thumbnail .btnFavorite:active svg, .blockPromoProducts .thumbnail .btnFavorite:focus svg { color: #DE3C4B; } .blockPromoProducts .thumbnail .prodFavorite .tooltipFavorite { font-size: 12px; text-align: left; color: #fff; background: #172C33; border-radius: 12px; padding: 8px 16px; position: absolute; top: calc(100% + 8px); right: -12px; display: none !important; white-space: nowrap; z-index: 1; } .blockPromoProducts .thumbnail .prodFavorite:hover .addToFavSelected + .tooltipFavorite, .blockPromoProducts .thumbnail .prodFavorite:active .addToFavSelected + .tooltipFavorite, .blockPromoProducts .thumbnail .prodFavorite:focus .addToFavSelected + .tooltipFavorite { display: block !important; } .blockPromoProducts .thumbnail .prodFavorite .tooltipFavorite::before { content: ''; position: absolute; border-style: solid; border-width: 0 8px 6px; border-color: #172C33 transparent; display: block; width: 0; z-index: 0; top: -5px; right: 20px; } .blockPromoProducts .thumbnail .prodFavorite .tooltipFavorite span { display: block; padding-left: 10px; } .blockPromoProducts .thumbnail .hide { display: none; } .blockPromoProducts .thumbnail .disabled { opacity: 0; pointer-events: none; } #promoSlider .active { display: block; } #promoSlider .hide { display: none; } .blockProductsTabs li { font-size: 14px; line-height: 16px; border-radius: 38px; padding: 16px 32px; font-weight: 400; text-transform: uppercase; letter-spacing: 0; border: none; color: #000; text-align: center; background: #fff; margin: 10px auto; display: block; text-decoration: none; } .blockProductsTabs li.active { color: #fff; text-align: center; background: #172C33; } .blockProductsTabs li:hover { color: #fff; background: #E14957; cursor: pointer; } /*****END Promo Products*****/ /*****START Favorite Modal*****/ body .modal-open #top { z-index: 9; } #PopupAddToShoppingList { z-index: 9999992; position: relative; } #favoriteModal { z-index: 9999; display: block; overflow-y: auto; background: rgba(238,238,238,0.8); } #favoriteModal .modal-dialog { margin: 20px 0; width: 535px; position: absolute; top: 50%; left: 50%; max-width: 90%; transform: translateY(-50%) translateX(-50%); padding: 20px 0; } #favoriteModal .modal-content { border-radius: 20px; border: none; box-shadow: 0px 20px 40px #172C3359; } #favoriteModal .modal-header { padding: 0; border-bottom: none; z-index: 2; position: relative; } #favoriteModal .close { margin-top: 0; position: absolute; right: 0; top: 0; width: 44px; height: 44px; background: #e7e9ea; border-radius: 0px 20px 0px 8px; opacity: 1; padding: 6px; cursor: pointer; } #favoriteModal .close:hover, #favoriteModal .close:active, #favoriteModal .close:focus { opacity: 0.8; } #favoriteModal .close svg { color: #172C33; width: 28px; height: 28px; stroke-width: 2; } #favoriteModal .modal-title { color: #172C33; font-weight: normal; line-height: 22px; font-size: 22px; margin-bottom: 36px; text-transform: uppercase; text-align: center; } #favoriteModal .modal-body { padding: 28px; min-height: 250px; } #favoriteModal .modal-body p { margin: 0; text-align: left; font-size: 16px; line-height: 22px; margin-bottom: 20px; } #favoriteModal .modal-body p:last-child { margin-bottom: 0; } #favoriteModal .modal-body small { color: #8B9599; font-size: 12px; line-height: 18px; display: block; text-align: left; } #favoriteModal .modal-body .form-group { margin-bottom: 24px; float: none; } #favoriteModal .modal-body label { font-size: 16px; font-weight: normal; margin-bottom: 4px; padding-left: 16px; width: 100%; text-align: left; } #favoriteModal .modal-body input, #favoriteModal .modal-body #btnSelect { color: #00171F; border-radius: 22px; border: 1px solid #B9BFC1; padding: 8px 16px; font-size: 16px; height: 43px; width: 100%; background: transparent; text-align: left; text-transform: none; } #favoriteModal .modal-body .dropDownGrpBttn.open #btnSelect { border-radius: 22px 22px 0 0; } #favoriteModal .modal-body #btnSelect i { float: right; } #favoriteModal .modal-body #btnSelect i.icon-arrow-up { display: none; } #favoriteModal .modal-body .dropDownGrpBttn.open #btnSelect i.icon-arrow-up { display: inline; } #favoriteModal .modal-body .dropDownGrpBttn.open #btnSelect i.icon-arrow-down { display: none; } #favoriteModal .modal-body #ShoppingListUL { margin: 0; border-radius: 0 0 22px 22px; width: 100%; overflow: hidden; padding: 0; border-top: none; margin-left: -1px; border-left: 1px solid #B9BFC1; border-right: 1px solid #B9BFC1; border-bottom: 1px solid #B9BFC1; position: relative; max-height: 0; transition: max-height 0.2s; display: block; opacity: 0; } #favoriteModal .modal-body .open > #ShoppingListUL { max-height: 600px; opacity: 1; } #favoriteModal .modal-body #ShoppingListUL li { position: relative; border-bottom: 1px solid #B9BFC1; } #favoriteModal .modal-body #ShoppingListUL li:last-child { border-bottom: none; } #favoriteModal .modal-body #ShoppingListUL a { padding: 8px 16px; font-size: 16px; background: transparent !important; min-height: 40px; } #favoriteModal .modal-body #ShoppingListUL a:hover, #favoriteModal .modal-body #ShoppingListUL a:active, #favoriteModal .modal-body #ShoppingListUL a:focus { color: #DE3C4B; } #favoriteModal .modal-body #ShoppingListUL a + i { color: #DE3C4B; font-size: 16px; right: 17px; line-height: 38px; margin: 0; position: absolute; top: 0; } #favoriteModal .modal-body #Buttons { text-align: center; padding-top: 8px; margin-bottom: 0; } #favoriteModal .modal-body #Buttons button { border-radius: 22px; border-color: #DE3C4B; background: #DE3C4B; padding: 8px 24px; font-size: 16px; height: 43px; text-transform: uppercase; display: inline; margin: 0 10px 16px; } #favoriteModal .modal-body #Buttons button#btnSave { pointer-events: none; opacity: 0.3; } #favoriteModal .modal-body #Buttons.active button#btnSave { pointer-events: initial; opacity: 1; } #favoriteModal .modal-body #Buttons button#btnCancel { background: #172C33; border-color: #172C33; } #favoriteModal .modal-body #Buttons button#btnSave i { margin-right: 6px; } #favoriteModal .modal-body #Buttons button:hover, #favoriteModal .modal-body #Buttons button:active, #favoriteModal .modal-body #Buttons button:focus { opacity: 0.9 !important; } #favoriteModal .Alert { border: 1px solid; border-radius: 20px; font-size: 16px; line-height: 22px; position: absolute; top: 50%; left: 50%; max-width: 90%; transform: translateY(-50%) translateX(-50%); overflow: hidden; display: table; min-width: 50%; max-width: 100%; } #favoriteModal .Alert.Warning { background: #fcf2eb; color: #E6843E; border-color: #E6843E; width: 100%; height: 26px; position: relative; float: left; margin: 16px 0 0; } #favoriteModal .Alert.Success { background: #e5f2e5; color: #4CC034; border-color: #4CC034; } #favoriteModal .Alert i { display: table-cell; vertical-align: middle; padding: 0 12px; width: 50px; color: #fff; text-align: center; font-size: 20px; } #favoriteModal .Alert.Warning i { background: #E6843E; } #favoriteModal .Alert.Success i { background: #4CC034; } #favoriteModal .Alert span { display: table-cell; vertical-align: middle; padding: 16px 12px; width: calc(100% - 50px); } #favoriteModal .Alert.Warning span { padding: 10px 12px; } /*****END Favorite Modal*****/ /*****START Tablet*****/ body.tabletDevice .blockPromoProducts h2 { font-size: 24px; margin-bottom: 20px; } body.tabletDevice .blockPromoProducts .owl-nav { top: -66px; } /*****END Tablet*****/ /*****START Tablet/Mobile*****/ body.tabMobDevice .blockPromoProducts.container { padding-left: 16px; padding-right: 16px; } /*****END Tablet/Mobile*****/ /*****START Mobile*****/ body.mobileDevice .blockPromoProducts.container { padding: 40px 16px 28px; } body.mobileDevice .blockPromoProducts h2 { font-size: 16px; text-align: center; margin-bottom: 16px; } body.mobileDevice .blockPromoProducts .thumbnail .priceTTC { margin-bottom: 16px; } body.mobileDevice .blockPromoProducts .owl-nav { top: calc(50% - 18px); width: 100%; } body.mobileDevice .blockPromoProducts .owl-carousel .owl-nav button.owl-next { margin-left: 0; float: right; } body.mobileDevice #favoriteModal .Alert.Success { width: calc(100% - 24px); border-radius: 28px; } body.mobileDevice #favoriteModal .Alert.Success span { padding-top: 12px; padding-bottom: 12px; } /*****END Mobile*****/ /* Migration BE */ .cmcpage37856 #megaMenu { display: none !important; } .cmcpage37856 #pageContent { margin: 60px 60px 100px 60px; } .cmcpage37856 .MessageBe { margin-bottom: 50px; border: 1px solid #ccc; background-color: #eee; padding: 30px 0 30px 0; } .cmcpage37856 h1 { font-size: 3em; color: #DE3C4B; margin-bottom: 60px; margin-left: 40px; text-align: center; } .cmcpage37856 h2 { font-size: 1.8em; color: #444; margin-top: 30px; margin-left: 40px; } .cmcpage37856 ul { margin-left: 60px; margin-top: 15px; } .cmcpage37856 ul li { color: #444; } .cmcpage37856 .blockMarketing { display: none !important; } .cmcpage37856 .paymentMethods { display: none !important; } .cmcpage37856 .blockFooterMain { margin-top: 50px; } .cmcpage37856 #cmcwebpartbasketmini { display: none !important; } .cmcpage37856 #cmcwebpartcustomerlogin2 { display: none !important; } .cmcpage37856 #cmcwebusercataloguesearch { display: none !important; } .cmcpage37856 .avis-ctn { display: none !important; }