.bgDarkGrey{background:#666;}.bgMediumGrey{background:#ebebeb;}.bgLightGrey{background:#f7f7f7;}.bgWhite{background:#fff;}.bgBlack{background:#000;}.bgMediumGreyToWhite{background:rgb(235,235,235);background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,rgba(235,235,235,1) 0%,rgba(255,255,255,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(235,235,235,1)),color-stop(100%,rgba(255,255,255,1)));background:-webkit-linear-gradient(top,rgba(235,235,235,1) 0%,rgba(255,255,255,1) 100%);background:-o-linear-gradient(top,rgba(235,235,235,1) 0%,rgba(255,255,255,1) 100%);background:-ms-linear-gradient(top,rgba(235,235,235,1) 0%,rgba(255,255,255,1) 100%);background:linear-gradient(to bottom,rgba(235,235,235,1) 0%,rgba(255,255,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb',endColorstr='#ffffff',GradientType=0);}.darkGrey{color:#6a6a6a;}.mediumGrey{color:#999;}.lightGrey{color:#b9b9b9;}.white{color:#fff;}.black{color:#000;}.blue{color:#5BC0DE}.blueLink{color:#5BC0DE!important}.fontLetterSpace{letter-spacing:0.03em}.font100{font-weight:100}.font200{font-weight:200}.font300{font-weight:300}.font400{font-weight:400}.font500{font-weight:500}.fontShadowWhite{text-shadow:2px 2px 2px #fff;}@media (max-width: 768px) {.text-xs-center{text-align:center;}}@media (max-width: 992px) {.text-sm-center{text-align:center;}}.typography p,.typography li,.typography #Form_Form label{font-size:18px;font-weight:300;letter-spacing:0.8px;color:#6a6a6a;line-height:24px;}.typography ul{list-style-type:disc;margin:1em 2em 2em 2em;list-style-type:disc;}h1{font-size:48px;font-weight:300;letter-spacing:7.5px;color:#6a6a6a;margin:0;text-transform:uppercase;}h2{font-size:16px;font-weight:400;line-height:30px;letter-spacing:8px;color:#6a6a6a;margin:0;text-transform:uppercase;margin-bottom:30px;}h3{font-size:40px;line-height:49px;font-weight:100;letter-spacing:0.2px;color:#6a6a6a;margin:0 0 40px 0;}h4{font-size:22px;line-height:25px;text-transform:uppercase;font-weight:100;letter-spacing:0.2px;color:#6a6a6a;margin:0 0 40px 0;}p{font-size:18px;font-weight:300;letter-spacing:0.8px;color:#6a6a6a;line-height:24px;margin:0 0 20px 0;}.lead{font-size:22px;}@media (max-width: 768px) {h1{font-size:28px!important;letter-spacing:4.5px!important;}h3{font-size:20px;line-height:36px}h4{font-size:14px}p{font-size:14px;}.lead{font-size:17px;}}.more{font-size:20px;font-weight:300;color:#16aeda;transition:all linear 0.3s;-webkit-transition:all linear 0.3s;-moz-transition:all linear 0.3s;-o-transition:all linear 0.3s;}.more:hover{padding-left:10px;color:#16aeda;}.carousel a.more:after{content:" >";transition:all linear 0.4s;-webkit-transition:all linear 0.4s;-moz-transition:all linear 0.4s;-o-transition:all linear 0.4s;}.carousel a:hover.more:after{padding-left:5px;}.plus{font-size:20px;font-weight:300;color:#16aeda;transition:all linear 0.3s;-webkit-transition:all linear 0.3s;-moz-transition:all linear 0.3s;-o-transition:all linear 0.3s;}.plus:hover{padding-left:10px;color:#16aeda;}a.plus:after{content:" >";transition:all linear 0.4s;-webkit-transition:all linear 0.4s;-moz-transition:all linear 0.4s;-o-transition:all linear 0.4s;}a:hover.plus:after{padding-left:5px;}@font-face{font-family:'icomoon';src:url("/mysite/fonts/icomoon.eot");src:url("/mysite/fonts/icomoon.eot?#iefix-d5pu8i") format("embedded-opentype"),url("/mysite/fonts/icomoon.woff") format("woff"),url("/mysite/fonts/icomoon.ttf") format("truetype"),url("/mysite/fonts/icomoon.svg") format("svg");font-weight:normal;font-style:normal;}[class^="icon-"],[class*=" icon-"]{font-family:'icomoon'!important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}i{font-family:'icomoon';font-style:normal}.icon-bluetooth:before{content:"\e903";}.icon-wifi:before{content:"\e904";}.icon-spotify-connect:before{content:"\e905";}.icon-tv:before{content:"\e6ac";}.icon-tablet:before{content:"\e6ab";}.icon-vinyl:before{content:"\e6a8";}.icon-cd:before{content:"\e6a9";}.icon-mobile:before{content:"\e699";}.icon-computer:before{content:"\e6a7";}.icon-ethernet:before{content:"\e906";}.icon-optical:before{content:"\e611";}a.icomoonLink{position:absolute;width:100%;height:100%;z-index:1;top:0;left:0;}body.V3Contenu .navbar-default{border:none}body .navbar-default{border-bottom:1px solid #f2f2f2}.navbar-default{background:#fff;border:none;height:60px;margin:0;z-index:1061;transition:all linear 0.3s}.affix.affix-hide{top:-60px;}.navbar-default .container{padding:5px 0;}.navbar-brand{float:left;height:50px;padding:15px 15px 14px 30px;font-size:18px;line-height:20px;}.icon-devialet-logo:before{content:"\e62a";font-size:15px;}.navbar-nav{margin:4.5px -15px}.navbar-left{margin:0;}.navbar-left li:first-child{display:none}.navbar-left li{float:left;}.navbar-left li a{font-size:13px;font-weight:300;letter-spacing:1px;text-transform:uppercase;margin-right:20px;padding:15px 0;color:#5a5a5a!important;transition:all linear 0.1s}.navbar-left li a.active,.navbar-right li a.active{font-weight:500!important;color:#343434!important;}.navbar-left li#navStore a{margin-right:0px;padding:7px 15px;margin-top:8px;background-color:#5BC0DE;border-radius:4px;color:#fff!important;}.navbar-left li#navStore a:hover,.navbar-left li#navStore a:active{background-color:#31b0d5!important;}.navbar-left li a:hover{color:#343434}.navbar-right{float:right;margin:0 15px 0 0;}.navbar-right li{float:left;text-align:right}.navbar-right li a{font-size:12px;font-weight:300;letter-spacing:1px;text-transform:uppercase;margin-left:20px;padding:15px 0;color:#5a5a5a;transition:all linear 0.1s}.navbar-right li a:hover{color:#343434;}.navbar-right li.navLogin i,.navbar-right li.navAssistance i{display:none}.navbar-right li.dropdown a,.navbar-right li.open a{background:#fff!important}.navbar-right li.dropdown ul.dropdown-menu{float:right;border:none;border-radius:0;width:46px;background:#fff;min-width:0;padding:0;}body.page .navbar-right li.dropdown ul.dropdown-menu{width:80px;}.navbar-right li.dropdown ul.dropdown-menu li a{margin:0;padding:5px 10px;}.navbar-left~small{padding:10px 10px;display:inline-block;line-height:16px;letter-spacing:1px;}.navbar-left~small span{font-weight:400;text-transform:uppercase;}#navContactBtn{display:none;}@media (min-width: 992px) and (max-width: 1200px) {.navbar-right li a{font-size:10px;margin-left:18px;}}@media (min-width: 768px) and (max-width: 992px) {.navbar-left li a{margin-right:15px;font-size:12px;}.navbar-right li a{font-size:10px;}}@media (max-width: 768px) {.navbar-default{height:45px;min-height:0;}.navbar-brand{float:left;height:35px;padding:15px 15px 8px 30px;font-size:0px;}.icon-devialet-logo:before{font-size:9px;}.affix.affix-hide{top:-110px;}.navbar-toggle{display:none}.collapse{display:block;visibility:visible;border:none;margin:2px 0 0;}.navbar-left{float:left;width:100%;background:#5e5e5e;background-color:rgba(0,0,0,0.8);background:rgba(0,0,0,0.8);color:rgba(0,0,0,0.8);margin:0;padding:0 15px;margin:3px 0 0;height:35px;}.navbar-left li a{font-size:12px;color:#999999!important;padding:7px 0;margin-right:10px;letter-spacing:0px}.navbar-left li a.active{font-size:13px;color:#fff!important;font-weight:400;padding:7px 0}.navbar-left li#navStore a{margin-top:0px;border-radius:0;padding:8px 10px 7px 10px;}.navbar-right{position:absolute;top:0;right:0}.navbar-right li.dropdown ul.dropdown-menu li a{margin:0;padding:15px 10px;}.navbar-right li a{font-size:9px;}.navbar-right li.dropdown ul.dropdown-menu li a span{position:relative;top:-10px;}}@media (max-width: 992px) {#navContactLink{display:none;}#navContactBtn{position:fixed;display:block;bottom:60px;left:12px;background-color:rgb(75,75,75);border-radius:6px;padding:10px;height:36px;width:43px;margin:0;transform:translateY(0%);z-index:16000000;}#navContactBtn svg{display:block;height:100%;width:auto;margin:0 auto;}.navbar-right li a{padding:0;margin:12px 0 12px 10px;height:20px;letter-spacing:0}.navbar-right li.navLogin i{position:fixed;display:block;bottom:116px;left:12px;font-size:43px;color:rgb(75,75,75);font-style:normal;}.navbar-right li a:hover i{color:#64b4cb;}.navbar-right li.navLogin i:before{content:"\e69d";}.navbar-right li.navLogin a{font-size:0}}.footer.footerV3{padding:0;background:#000;}.footerV3 .footerNewsletter{padding:30px 0 35px;}.footerV3 .footerNewsletter label{padding:0;font-size:22px;color:#999999;letter-spacing:3px;float:left;width:100%;text-transform:uppercase;}.footerV3 .footerNewsletter .field-newsletter-input{float:left;width:381px;margin-left:calc(50% - 190px);}.footerV3 .footerNewsletter .field-newsletter-input input{width:350px;height:32px;border:1px solid #929292;padding-left:10px;font-style:italic;float:left;}.footerV3 .footerNewsletter .field-newsletter-input button{background:#000;border:1px solid #929292;border-left:none;color:#929292;padding:5px 8px;float:left;}.footerV3 #mc-embedded-subscribe-form{padding:30px 0 35px;overflow:hidden;}.footerV3 #mc-embedded-subscribe-form label{display:block;padding:0;font-size:22px;color:#999999;letter-spacing:3px;float:left;width:100%;text-transform:uppercase;}.footerV3 #mc-embedded-subscribe-form #mc_embed_signup_scroll{float:left;margin-left:calc(50% - 190px);}.footerV3 #mc-embedded-subscribe-form #mc_embed_signup_scroll input#mce-EMAIL{width:350px;height:32px;border:1px solid #929292;padding-left:10px;font-style:italic;float:left;}.footerV3 #mc-embedded-subscribe-form #mc_embed_signup_scroll input#mc-embedded-subscribe{height:auto;background:#000;border:1px solid #929292;border-left:none;color:#929292;padding:5px 8px;float:left;}.footerV3 #mc-embedded-subscribe-form #mce-responses{width:100%;display:inline-block;color:#fff;margin:1em;font-size:18px;}.footerV3 #mc-embedded-subscribe-form #mce-responses a{color:#428bca}.footerV3 #mc-embedded-subscribe-form div.mce_inline_error{font-size:18px;line-height:2em;color:red;font-weight:300;background:transparent;}.footerV3 .footerSocial,.footerV3 .footerLiens{background:#1f1f1f;}.footerV3 .footerSocial ul{padding:0;margin:15px auto;display:inline-block;}.footerV3 .footerSocial li{float:left;list-style-type:none;margin:7px;}.footerV3 .footerSocial li:last-child{margin-right:0px;}.footerV3 .footerSocial li a i:before{font-size:35px;color:#fff;}.footerV3 .footerSocial li a i.icon-facebook:before{content:"\e695";}.footerV3 .footerSocial li a i.icon-twitter:before{content:"\e697";}.footerV3 .footerSocial li a i.icon-pinterest:before{content:"\e696";}.footerV3 .footerSocial li a i.icon-instagram:before{content:"\e902";}.footerV3 .footerLiens ul{float:left;padding:0;margin:0 calc(50% - 280px) 15px;text-align:center;}.footerV3 .footerLiens ul li{display:inline-block;list-style-type:none;}.footerV3 .footerLiens ul li a{font-size:11px;letter-spacing:7px;text-transform:uppercase;color:#6a6a6a;margin-right:15px;}.footerV3 .footerLiens ul li:last-child a{margin-right:0;}.footerV3 .footerLiens ul li a:hover{color:#fff;}@media (max-width: 768px) {.footerV3 .footerNewsletter .field-newsletter-input{float:left;width:100%;margin-left:0;}.footerV3 .footerNewsletter .field-newsletter-input input{width:280px;height:32px;border:1px solid #929292;padding-left:10px;font-style:italic;float:left;margin:0 calc(50% - 140px);}.footerV3 #mc-embedded-subscribe-form #mc_embed_signup_scroll{margin-left:0;width:100%}.footerV3 #mc-embedded-subscribe-form #mc_embed_signup_scroll>.mc-field-group{display:inline-block;}.footerV3 #mc-embedded-subscribe-form #mc_embed_signup_scroll input#mce-EMAIL{width:210px}.footerV3 .footerNewsletter .field-newsletter-input button{background:#000;border:1px solid #929292;border-left:1px solid #929292;color:#929292;padding:5px 8px;float:left;width:50px;margin:10px calc(50% - 25px) 0;}.footerV3 .footerLiens ul{width:100%;margin:0 0 15px 0;}.footerV3 .footerLiens ul li{width:100%;text-align:center}.footerV3 .footerLiens ul li a{font-size:11px;letter-spacing:7px;text-transform:uppercase;color:#6a6a6a;margin-right:0px;}}#modalLogin{z-index:9999;background:rgba(255,255,255,0.85);}#modalLogin .modal-dialog{width:450px;height:360px;max-width:100%;margin-left:calc(50% - 225px);top:calc(50% - 180px);position:absolute;-moz-box-shadow:0px 0px 20px 0px #656565;-webkit-box-shadow:0px 0px 20px 0px #656565;-o-box-shadow:0px 0px 20px 0px #656565;box-shadow:0px 0px 20px 0px #656565;filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565,Direction=NaN,Strength=20);}#modalLogin .modal-dialog .modal-content{overflow:hidden;top:0;height:100%;background:#fff;padding:30px 50px;box-shadow:none!important;border-radius:0;}#modalLogin .modal-dialog .modal-content .modal-header{padding:0 0 30px 0;border:none;min-height:inherit;float:left;}#modalLogin .modal-dialog .modal-content .modal-header fieldset{font-size:46px;line-height:46px;font-weight:100!important;color:#6a6a6a;letter-spacing:1px;}#modalLogin .modal-dialog .modal-content .modal-header button.close{font-size:16px;color:#7f7f7f;padding:10px 16px;background:#eeeeee;border-radius:4px;letter-spacing:0.15px;opacity:1;font-weight:300;border:1px solid #c9c9c9;position:absolute;right:50px;top:34px;text-indent:0;margin:0;width:auto;height:auto;z-index:9999;}#modalLogin .modal-dialog .modal-content .modal-header button.close:hover{font-weight:500}#modalLogin .modal-dialog .modal-content .modal-body{padding:0;}#modalLogin .modal-dialog .modal-content .modal-body input.text{color:#000;width:100%;font-size:18px;font-weight:300;padding:5px 0 5px 12px;border-radius:4px;border:1px solid #bcbcbc;margin-bottom:15px;background:#fff;}#modalLogin .modal-dialog .modal-content .modal-body label{display:none}#modalLogin .modal-dialog .modal-content .modal-body input.action{font-size:16px;font-weight:300;color:#fff;padding:7px 12px;margin:13px 0 15px!important;background:#5babc2;border-radius:4px;letter-spacing:0.15px;text-transform:initial;border:none;width:100%;background:-moz-linear-gradient(top,#5babc2 0%,#64b4cb 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#5babc2),color-stop(100%,#64b4cb));background:-webkit-linear-gradient(top,#5babc2 0%,#64b4cb 100%);background:-o-linear-gradient(top,#5babc2 0%,#64b4cb 100%);background:-ms-linear-gradient(top,#5babc2 0%,#64b4cb 100%);background:linear-gradient(to top,#5babc2 0%,#64b4cb 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5babc2',endColorstr='#64b4cb',GradientType=0);}#modalLogin .modal-dialog .modal-content .modal-body input.action:hover{background:linear-gradient(to bottom,#5babc2 0%,#64b4cb 100%)!important;color:#fff;}body.ConfiguratorPage #MemberLoginForm_LoginForm,body.ConfiguratorHome #MemberLoginForm_LoginForm{width:inherit!important;}body.ConfiguratorPage #MemberLoginForm_LoginForm fieldset a,body.ConfiguratorHome #MemberLoginForm_LoginForm fieldset a{color:#16aeda;font-size:20px;display:inline-block;padding:0px;}body.ConfiguratorPage #MemberLoginForm_LoginForm fieldset a:hover,body.ConfiguratorHome #MemberLoginForm_LoginForm fieldset a:hover{padding-left:10px;}#modalLogin .modal-dialog .modal-content .modal-body input.text,#modalLogin .modal-dialog .modal-content .modal-body input.action{max-width:inherit!important;cursor:inherit;}@media (max-width: 768px) {#modalLogin .modal-dialog{width:90%;height:360px;max-width:100%;margin-left:5%;top:calc(50% - 180px);}#modalLogin .modal-dialog .modal-content{padding:15px 20px;}#modalLogin .modal-dialog .modal-content .modal-header fieldset{font-size:25px;}#modalLogin .modal-dialog .modal-content .modal-header button.close{right:20px;top:22px;}}.padding5{padding:5px;}.navbar-right li.navLogin{display:none;}body.expert .navbar-right li.navLogin,body.ConfiguratorHome .navbar-right li.navLogin,body.ConfiguratorPage .navbar-right li.navLogin{display:block;} body.page #main{padding-top:0px;} body.page.UserDefinedForm #main,body.page.ChildrenHolder #main{padding-top:80px}body.page #MemberLoginForm_LostPasswordForm .Actions input.action{font-size:16px;font-weight:300;color:#fff;padding:7px 12px;margin:13px 0 15px!important;background:#5babc2;border-radius:4px;letter-spacing:0.15px;text-transform:initial;border:none;width:100%;}body.page #MemberLoginForm_LoginForm,body.page #MemberLoginForm_LostPasswordForm{width:390px;}body.page #MemberLoginForm_LoginForm fieldset{margin:0;}body.page form .field.checkbox{width:inherit;}body.page form .field.checkbox input{margin-left:0}body.page form .Actions #ForgotPassword,.form-actions #ForgotPassword{text-align:center;padding:0;}body.page form .form-control{margin-bottom:1em;}body.page form .Actions input.action{font-size:16px;font-weight:300;color:#fff;padding:7px 12px;margin:13px 0 15px!important;background:#5babc2;border-radius:4px;letter-spacing:0.15px;text-transform:initial;border:none;width:100%;background:-moz-linear-gradient(top,#5babc2 0%,#64b4cb 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#5babc2),color-stop(100%,#64b4cb));background:-webkit-linear-gradient(top,#5babc2 0%,#64b4cb 100%);background:-o-linear-gradient(top,#5babc2 0%,#64b4cb 100%);background:-ms-linear-gradient(top,#5babc2 0%,#64b4cb 100%);background:linear-gradient(to top,#5babc2 0%,#64b4cb 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5babc2',endColorstr='#64b4cb',GradientType=0);}body.page .breadcrumbs{display:none}.navbar [class^="icon-"],.navbar [class*=" icon-"],footer [class^="icon-"],footer [class*=" icon-"],{font-family:'icomoon'!important;}fieldset .more{font-size:20px;font-weight:300;color:#16aeda;transition:all linear 0.3s;-webkit-transition:all linear 0.3s;-moz-transition:all linear 0.3s;-o-transition:all linear 0.3s;display:inline-block;text-transform:initial!important;text-align:left!important;font-style:normal!important;padding:0!important;}.login.dropdown-menu fieldset{width:100%;}body.page.ChildrenHolder #main p.p1{font-size:14px}body.page #MemberLoginForm_LostPasswordForm fieldset{padding:0.35em 0.625em 0.75em;}form .form-actions{text-align:center;}#Form_Form_action_process{margin:auto;text-transform:uppercase;font-size:16px;font-weight:300;color:#fff;padding:7px 12px;background:#5babc2;border-radius:4px;letter-spacing:0.15px;border:none;background:-moz-linear-gradient(top,#5babc2 0%,#64b4cb 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#5babc2),color-stop(100%,#64b4cb));background:-webkit-linear-gradient(top,#5babc2 0%,#64b4cb 100%);background:-o-linear-gradient(top,#5babc2 0%,#64b4cb 100%);background:-ms-linear-gradient(top,#5babc2 0%,#64b4cb 100%);background:linear-gradient(to top,#5babc2 0%,#64b4cb 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5babc2',endColorstr='#64b4cb',GradientType=0);}.listChildrenJobs p:nth-child(-n+2){display:none;}.spontapp{border-radius:4px;margin:0 0 25px 0;padding:0;text-align:center;clear:both;}.spontapp h4{text-align:center;letter-spacing:3px;margin-bottom:25px;}.spontapp a{display:inline-block;background-color:#5BC0DE;border-radius:4px;padding:5px 10px;color:white;text-transform:uppercase;letter-spacing:2px;font-weight:500;margin:0 auto;}#logo_careers{margin:30px 0 50px 0;}.icontitle{width:100%;background-color:#f7f7f7;border-radius:4px;float:left;text-align:left;padding:20px;margin:0 0 25px 0;}.icontitle svg{width:75px!important;height:75px!important;float:left;margin:32.5px 50px 32.5px 25px;}.icontitle p{text-transform:uppercase;padding:20px 0 15px 0;!important;margin:0;}.icontitle p a{font-size:16px!important;color:#5BC0DE;font-weight:500!important;}.icontitle p a span{color:#9a9a9a;font-size:11px;font-weight:500!important;display:table;line-height:100%!important;margin:10px 0;}.icontitle ul{columns:2;-webkit-columns:2;-moz-columns:2;}.icontitle ul li{font-size:12px;color:#9a9a9a;font-weight:400!important;position:relative;}.icontitle ul li::before{content:"";width:4px;height:4px;background-color:#dadada;transform:rotate(45deg);display:block;left:-8px;top:5px;position:absolute;}.icontitle ul li::after{content:"";width:4px;height:4px;background-color:#f7f7f7;display:block;left:-10px;top:5px;position:absolute;}a.spontapp{display:inline-block;background-color:#f7f7f7;border-radius:4px;padding:16px 0 14px 0;color:white;text-transform:uppercase;letter-spacing:2px;font-weight:500!important;margin:0 auto 50px auto;font-size:14px;width:100%;color:#5BC0DE;}a.spontapp:hover{font-weight:500!important;}.iframeCol{position:relative;padding-bottom:56.25%!important;padding-top:30px;height:0;overflow:hidden;}.iframeCol iframe{position:absolute;top:5em;left:0;width:100%;height:100%;}iframe .navbar,iframe footer{display:none!important}body.StoreLocatorPage div.checkProducts{text-transform:uppercase;padding:15px 0;border-bottom:1px solid #e8e8e8;text-align:center;font-size:12px}body.StoreLocatorPage .checkProducts>div{display:inline-block;text-align:left;}body.StoreLocatorPage div.checkProducts input{margin:0 2px 0 8px}body.StoreLocatorPage #map-side-bar .map-location a,body.StoreLocatorPage #map-side-bar .map-location h3{color:#5BC0DE}body.StoreLocatorPage .form-control{width:90%;margin:auto}body.StoreLocatorPage .category-dropdown-label{width:100%;display:block;}body.StoreLocatorPage .gm-style .gm-style-iw>div{width:420px!important;}body.StoreLocatorPage .gm-style .gm-style-iw div{overflow-x:hidden!important;}body.StoreLocatorPage .gm-style-iw p,body.StoreLocatorPage .gm-style-iw li{font-size:14px}body.StoreLocatorPage .gm-style-iw ul li{border-left:#ccc solid 1px;display:inline-block;}body.StoreLocatorPage .gm-style-iw ul li:first-child,body.StoreLocatorPage .gm-style-iw ul li.linkToW2s{border-left:none;}body.StoreLocatorPage .gm-style-iw ul li.linkToW2s a{background:#16aeda;color:#fff;}body.StoreLocatorPage .gm-style-iw ul li a{font-size:12px!important;color:#16aeda;padding:0.5em 1em;}body.StoreLocatorPage#map-side-bar .map-location:hover{background-color:#f9f9f9;}body.StoreLocatorPage #map-side-bar .map-location a,body.StoreLocatorPage #map-side-bar .map-location h3{color:#5BC0DE}body.StoreLocatorPage #map-side-bar .map-location h3{text-transform:uppercase;}body.StoreLocatorPage #map-side-bar .map-location>a{position:relative;display:block}body.StoreLocatorPage section#main{min-height:initial}@media (min-width: 768px) and (max-width: 1200px) {body.StoreLocatorPage .checkProducts>div{width:45%;margin:10px 0;}}@media (min-width: 768px) {body.StoreLocatorPage .gmap #map{height:550px!important;}body.StoreLocatorPage .gsidemap #map-side-bar{height:440px!important;margin:15px 0 0 0;padding-bottom:15px}body.StoreLocatorPage #map-side-bar .map-location>a:after{content:'>';position:absolute;right:10px;top:10px;opacity:0;-webkit-transition:opacity .8s ease-out;transition:opacity .8s ease-out;}body.StoreLocatorPage #map-side-bar .map-location a:hover:after{opacity:1}body.StoreLocatorPage #map-side-bar .map-location a:hover h3{-moz-animation:moveFromRight 300ms ease-in-out;-webkit-animation:moveFromRight 300ms ease-in-out;animation:moveFromRight 300ms ease-in-out;}body.StoreLocatorPage #map-side-bar .map-location a:hover p:first-of-type{-moz-animation:moveFromLeft 300ms ease-in-out;-webkit-animation:moveFromLeft 300ms ease-in-out;animation:moveFromLeft 300ms ease-in-out;}body.StoreLocatorPage #map-side-bar .map-location a:hover p:first-of-type+p{-moz-animation:moveFromRight 500ms ease-in-out;-webkit-animation:moveFromRight 500ms ease-in-out;animation:moveFromRight 500ms ease-in-out;}@keyframes moveFromLeft{ from { opacity: 0;-webkit-transform:translateX(-10%) rotate(-15deg); } to { opacity: 1;-webkit-transform: translateX(0%) rotate(0deg); } } @-moz-keyframes moveFromLeft { from { opacity: 0;transform:translateX(-10%) rotate(-15deg); } to { opacity: 1;transform: translateX(0%) rotate(0deg); } } @-webkit-keyframes moveFromLeft{ from { opacity: 0;-webkit-transform:translateX(-10%) rotate(-15deg); } to { opacity: 1;-webkit-transform: translateX(0%) rotate(0deg); } } @keyframes moveFromRight{ from { opacity: 0; -webkit-transform: translateX(+10%); } to { opacity: 1; -webkit-transform: translateX(0%); } } @-moz-keyframes moveFromRight{ from { opacity: 0; -moz-transform: translateX(+10%); } to { opacity: 1; -moz-transform: translateX(0%); } } @-webkit-keyframes moveFromRight{ from { opacity: 0; -webkit-transform: translateX(+10%); } to { opacity: 1; -webkit-transform: translateX(0%); } } } body.StoreLocatorPage #map-side-bar .map-location {padding: 5px 10px;} body.StoreLocatorPage #map-side-bar .map-location *{font-size: 14px} body.StoreLocatorPage #map-side-bar .map-location p, body.StoreLocatorPage #map-side-bar .map-location li {color:#b9b9b9;} body.StoreLocatorPage #map-side-bar .map-location .store-extra-info li {display: inline-block} body.StoreLocatorPage #map-side-bar .map-location .store-extra-info li:nth-child(1), body.StoreLocatorPage #map-side-bar .map-location .store-extra-info li:nth-child(2) {display: block} body.StoreLocatorPage #map-side-bar .map-location .store-extra-info li a {padding: 20px 5px 0 0; line-height: 25px } body.StoreLocatorPage #map-side-bar .map-location .map-link p:first-of-type {text-transform: uppercase;letter-spacing: 1.5px;font-size: 12px;color: #000} body.StoreLocatorPage #map img {display: inline-block;margin-bottom: 1em} body.StoreLocatorPage #map h2 {font-size: 18px;margin: 1em 0; letter-spacing: 4px;} body.StoreLocatorPage #map h2 span {font-size: 12px;line-height: 20px;display: block;} body.StoreLocatorPage #map h2 span + span {text-align: right} body.StoreLocatorPage #map h2 span em {background:#f7f7f7;padding: 5px;margin-left: 5px;font-size: 10px; font-style: normal;} @media (max-width: 768px) { body.StoreLocatorPage #map-side-bar .map-location {padding: 5px} body.StoreLocatorPage div.gmap div#map {width: 85% !important; margin: auto;height: 350px !important} body.StoreLocatorPage div.selectCountryAndType { width: 100%; background-color: #fff; padding: 1em 0;z-index: 105} body.StoreLocatorPage .gsidemap { padding-top: 0px; } body.StoreLocatorPage div#map-side-bar { } } @media (min-width: 768px) { div.store-locator { margin-left: -30px; margin-right: -30px; } } /* Quel Devialet pour moi*/ body.ProductSelectionPage #main {padding: 0} body.ProductSelectionPage .bookrdv {display: none} body.ProductSelectionPage a.select {display: none} body.ProductSelectionPage .amp, body.ProductSelectionPage .qdpm-option { color: #5bc0de; } body.ProductSelectionPage .toggle-switch__selection { background: #5bc0de;} body.ProductSelectionPage .typography .backtotop {display: none} body.V3Contenu .comparePricePage {display: none} body.page .comparePriceV3 {display: none} /* Tabs Nav */ /* debug Pages.ss */ #navTab {width: 100%} .affix-top ~ .container-fluid.tab ~ #v3Iframe{margin-top: 60px;position: relative;} .container-fluid.tab {background: #5e5e5e; background-color: rgba(0, 0, 0, 0.7); background: rgba(0, 0, 0, 0.7); color: rgba(0, 0, 0, 0.7); z-index: 1060; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; } body.expert .container-fluid.tab {background: #5e5e5e; background-color: #5e5e5e;} .affix-top + .tab {top: 60px;} .affix-top ~ .produits .row.affix {top: 60px;} .tab {position: fixed; z-index: 1020; top: 0;} .tab .nav-tabs{padding: 0; margin-left: -15px; width: calc(100% + 30px)} .tab .nav-tabs li {float: left!important; width: auto!important; position: static; border-radius: 0; background: none; border: none} .tab .nav-tabs li a {font-size: 10px; letter-spacing: 1.3px; font-weight: 400; text-transform: uppercase; margin-right: 20px!important; margin-bottom: 0!important; padding: 15px 0; color: #c0c0c0; background: none; border: none!important;} .tab .nav-tabs li a[name="navTabsGold"] {color: #c29472;!important;} .tab .nav-tabs li:last-child a {margin-right: 0!important;} .tab .nav-tabs li a:hover, .tab .nav-tabs li a:focus, .tab .nav-tabs li.active a:hover, .tab .nav-tabs li.active a:focus {color: #fff!important; border: none; background: none!important;} .tab .nav-tabs li.active > a {font-size: 10px; font-weight: 500 !important; letter-spacing: 1px; text-transform: uppercase; margin-right: 20px!important; padding: 15px 0; color: #fff; background: none; border: none!important;} .tab .nav-blue {position: absolute; top: 6px; right: 0} .tab .col-md-12 div {width: 190px; overflow: hidden; margin-left: -15px;} .tab select {border:none; background: none; border-radius: 0; font-size: 12px; text-transform: uppercase; letter-spacing: 1px;font-weight: 400; -webkit-appearance: none; -moz-appearance: none; padding-left: 27px;} .tab select:focus {outline: none;} /* Tabs Nav Responsive */ @media (max-width: 768px) { .container-fluid.tab {background: #fff; background-color: rgba(255, 255, 255, 0.9); background: rgba(255, 255, 255, 0.9); color: rgba(255, 255, 255, 0.9); z-index: 1060; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition:all linear 0.3s ; -o-transition:all linear 0.3s ;} .expert .container-fluid.tab {background-color: rgba(255, 255, 255, 0.9)!important; background: rgba(255, 255, 255, 0.9)!important; color: rgba(255, 255, 255, 0.9)!important;} .affix-top + .tab {top: 80px;} .tab select {height: 42px!important; color: #000!important; background: url("/mysite/v3/svg/dropdown.svg") no-repeat left!important; background-size: 15px; } .tab .nav-blue {border-radius: 0; padding: 10px 14px; top: 0; right: -15px;} } @media (max-width: 992px) { .tab select {height: 46px; color: #fff; background: url("/mysite/v3/svg/dropdown-white.svg") no-repeat left; background-size: 15px!important; } } /* 3eme niveau de nav */ .tab .nav-tabs li ul {display: none} .tab .nav-tabs li.active ul {display: block; position: absolute; left: 0; list-style-type: none; text-transform: uppercase; padding: 10px 0; background: #ebebeb; margin-top: -1px; width: 100%;} .tab .nav-tabs li.active ul li a{font-size: 12px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; margin-right: 20px!important; padding: 15px 0; color: #6c6c6c; background: none; border: none!important;} .tab .nav-tabs li.active ul li a:hover {color: #353535!important} .tab .nav-tabs li.active ul li a.active {font-weight: 500; color: #353535!important;} .tab .nav-tabs li.nav-blue {float: right!important; padding: 5px 0;} .tab .nav-tabs li.nav-blue a{font-size: 16px; font-weight: 400; color: #fff; padding: 7px 12px; margin: 0!important; background: #5babc2; border-radius: 4px; letter-spacing: 0.15px; text-transform: initial; /* Old browsers */ background: -moz-linear-gradient(top, #5babc2 0%, #64b4cb 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5babc2), color-stop(100%,#64b4cb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #5babc2 0%,#64b4cb 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #5babc2 0%,#64b4cb 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #5babc2 0%,#64b4cb 100%); /* IE10+ */ background: linear-gradient(to top, #5babc2 0%,#64b4cb 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5babc2', endColorstr='#64b4cb',GradientType=0 );/* IE6-9 */} .tab .nav-tabs li.nav-blue a:hover {background:linear-gradient(to bottom, #5babc2 0%,#64b4cb 100%)!important; color: #fff;} .who-is .nav-tabs li.active ul {display: block; position: absolute; left: 0; list-style-type: none; text-transform: uppercase; padding: 10px 0; background: none; margin-top: -1px; width: 100%;} .who-is .nav-tabs li.active ul li a{font-size: 12px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; margin-right: 20px!important; padding: 15px 0; color: #fff; background: none; border: none!important; text-shadow: 0px 1px 8px rgba(0, 0, 0, 0.8);} .who-is .nav-tabs li.active ul li a:hover {color: #fff!important} .who-is .nav-tabs li.active ul li a.active {font-weight: 500; color: #fff!important;} .phantom .nav-tabs li.active ul {display: block; position: absolute; left: 0; list-style-type: none; text-transform: uppercase; padding: 10px 0; background: none; margin-top: -1px; width: 100%;} .phantom .nav-tabs li.active ul li a{font-size: 12px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; margin-right: 20px!important; padding: 15px 0; color: #fff; background: none; border: none!important; text-shadow: 0px 1px 8px rgba(0, 0, 0, 0.8);} .phantom .nav-tabs li.active ul li a:hover {color: #fff!important} .phantom .nav-tabs li.active ul li a.active {font-weight: 500; color: #fff!important;} .phantom #navTab .menu-carousel, .who-is #navTab .menu-carousel {z-index:2;} .phantom .nav-tabs li.active ul li a, .who-is .nav-tabs li.active ul li a {margin-left: 10px;} .phantom .nav-tabs li.navTabsTrame.active:after, .who-is .nav-tabs li.navTabsTrame.active:after { content: ""; height: 38px; position: fixed; left: 0; width: 100%; background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.1) 100%); z-index: 1; } /* 3eme niveau de nav Responsive */ @media (max-width: 992px) { ol.carousel-indicators {width: 100%; position: absolute; left: calc(50% - 390px); list-style-type: none; text-transform: uppercase; padding: 10px 0; top: 47px; margin: 0; height: 40px;} ol.carousel-indicators li {float: left!important; width: auto!important; position: initial; border-radius: 0; background: none; border: none; font-size: 12px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; margin-right: 20px!important; padding: 0; color: #6c6c6c; background: none; border: none!important;} ol.carousel-indicators li:hover {color: #353535!important} ol.carousel-indicators li.active {font-weight: 500; color: #353535;} .carousel-indicators li, .carousel-indicators li.active {text-indent: 0;width: auto;background: transparent;margin: 0 15px;border: none;font-weight: 400; letter-spacing: 1px; } .who-is ol.carousel-indicators {display: block } .who-is ol.carousel-indicators li {color: #fff;} .who-is ol.carousel-indicators li:hover {color: #fff!important} .who-is ol.carousel-indicators li.active {color: #fff;} .phantom ol.carousel-indicators {display: block } .who-is .carousel-inner, .phantom #pressCarousel .carousel-inner {padding-top: 50px} .phantom ol.carousel-indicators li {color: #fff;} .phantom ol.carousel-indicators li:hover {color: #fff!important} .phantom ol.carousel-indicators li.active {color: #fff;} } @media (max-width: 768px) { ol.carousel-indicators {position: absolute; left: 0; width: 100%; list-style-type: none; text-transform: uppercase; top: 75px; margin: 0; height: 50px; overflow-x: scroll; overflow-y: hidden; padding: 0 0 0 15px; white-space: nowrap;} ol.carousel-indicators li {float: none!important; width: auto!important; position: initial; border-radius: 0; padding: 10px 0; margin: 0 20px 0 0!important; font-size: 12px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; padding: 15px 0; color: #6c6c6c; background: none; border: none!important;} ol.carousel-indicators li.active {font-weight: 500; color: #353535;} .who-is ol.carousel-indicators {display: block } .who-is ol.carousel-indicators li {color: #fff; } .who-is ol.carousel-indicators li.active {color: #fff;} .phantom ol.carousel-indicators {display: block } .phantom ol.carousel-indicators li {color: #fff; } .phantom ol.carousel-indicators li.active {color: #fff;} } /* CONFIGURATOR */ @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) { /* For landscape layouts only */ #configurator .stack-wrapper {zoom:85%;} } /* LANDING */ body.ItemsListStores .modal button.close { right: calc(50% - 550px); } /* la-maison-online */ .MaisonPage .maisononline p {padding:0;} @media (max-width: 768px) { .MaisonPage ul#maisontab.nav.nav-tabs span { font-size: 0} } @media (max-width: 1200px) { body.ItemsListStores .modal button.close { right: calc(50% - 450px); top: 15%; } @media (max-width: 992px) { body.ItemsListStores .modal button.close { right: calc(50% - 350px); } .icon-title p a { font-size: 14px !important; letter-spacing: 0; line-height: 120%; } } @media (max-width: 768px) { body.ItemsListStores .modal button.close { right: calc(50% - 200px); top: 10%; } @media (max-width: 480px) { body.ItemsListStores .modal button.close { right: calc(50% - 130px); }