/* CSS GENERAL */ .wrapper{position: relative;width: 100%;min-height: 100%;transition: all .5s ease-in-out;z-index: 2;/*max-width: 1440px;*/margin:0 auto;} .flexItemCenter{display: flex;align-items: center;} h1{font-family: 'Playfair Display', serif;font-size: 106px;color: #FFF;line-height: 130px} h2{font-family: 'Playfair Display', serif;font-size: 66px;color: #000;line-height: 71px} p.paragraphe{font-family: "europa",sans-serif;font-weight: 400;color:#000;font-size: 16px;margin:30px 0;} p.categ{font-family: "europa",sans-serif;font-weight: 400;color:#737373;font-size: 12px;letter-spacing: 2px} p.sous-titre{font-family: "europa",sans-serif;font-weight: 900;color:#000;font-size: 12px;text-transform: uppercase;letter-spacing: 2px} div.cta{font-family: "europa",sans-serif;font-weight: 900;color:#000;font-size: 12px;padding:0 15px;text-transform: uppercase;border:2px solid #000;display: inline-block;position: relative;line-height: 40px;text-align: center} button.cta{font-family: "europa",sans-serif;font-weight: 900;color:#000;font-size: 12px;padding:0 30px;text-transform: uppercase;border:2px solid #000;display: inline-block;position: relative;line-height: 40px;text-align: center;background: #FFF;z-index: 0} span.ls0{letter-spacing: 0} hr{display: inline-block;border:0;border-top:3px solid #fce400;width:100%;max-width: 52px;margin-top: 30px} .media_container{position: relative;} .media_wrapper{position: absolute;top:0;left:0;overflow: hidden;} .media_wrapper .media_video{width: 100%;height: 100%;position: absolute;top:0;left:0;display: block;object-fit: cover;} @media screen and (max-width: 991px){ h1{font-size: 100px;line-height: 125px} /*#hp #floor1 .text_container h1{font-size: 70px!important;line-height: 90px!important}*/ #hp #floor1 .text_container h1{font-size: 70px;line-height: 90px} h2{font-size: 70px;line-height: 75px} p.paragraphe{font-size: 28px;} p.categ{font-size: 15px;} div.cta{width: 100%;font-size: 24px;padding:25px 0;} hr{margin-top: 15px} } @media screen and (max-width: 639px){ h1{font-size: 70px;line-height: 90px} h2{font-size: 55px;line-height: 60px} p.paragraphe{font-size: 20px;} p.categ{font-size: 13px;} div.cta{font-size: 18px;padding:10px 0;} } @media screen and (max-width: 479px){ h1{font-size: 55px;line-height: 75px} #hp #floor1 .text_container h1{font-size: 60px;} h2{font-size: 40px;line-height: 45px} p.paragraphe{font-size: 16px;} p.categ{font-size: 11px;} div.cta{font-size: 15px;padding:5px 0;} } @media screen and (min-width: 992px){ h1{font-size: 90px;line-height: 115px} h2{font-size: 45px;line-height: 50px} p.paragraphe{font-size: 12px;margin:15px 0 25px;} p.sous-titre{font-size: 11px;} p.categ{font-size:10px} div.cta{font-size: 10px;} hr{margin-top: 10px} } @media screen and (min-width: 1200px){ h1{font-size: 100px;line-height: 125px} h2{font-size: 60px;line-height: 65px} p.paragraphe{font-size: 15px;margin:20px 0 20px;} p.sous-titre{font-size: 12px;} p.categ{font-size:12px} div.cta{font-size: 12px;} hr{margin-top: 20px} } @media screen and (min-width: 1366px){ h1{font-size: 106px;line-height: 130px} h2{font-size: 66px;line-height: 71px} p.paragraphe{font-size: 16px;margin:30px 0 30px;} hr{margin-top: 30px} } @media screen and (min-width: 1680px){ h1{font-size: 134px;} #hp #floor1 p.paragraphe{font-size: 22px;} /*div.cta {font-size: 16px;}*/ } /* 404 */ li.lang-item.lang-item-2.lang-item-fr.current-lang.no-translation {display: none;} li.lang-item.lang-item-5.lang-item-en.lang-item-first.no-translation {display: none;} li.lang-item.lang-item-2.lang-item-fr.no-translation {display: none;} /* HEADER NAVIGATION */ #nav_container{width: 100%;position: absolute;top:0;left:0;height: 80px;transition: background .5s ease-out;z-index:9999;} #nav_container:hover{background: rgba(0,0,0,0.8);} #nav_container .logo p.icon-logo-wonder{line-height: 80px;font-size: 90px;color:#fce400;padding-left: 10px} #nav_container ul#menu-menu-navigation-principal, #nav_container ul#menu-menu-navigation-principal-en{display: flex;justify-content: space-around;align-items: center;height: 100%;} #nav_container ul#menu-menu-navigation-principal li a, #nav_container ul#menu-menu-navigation-principal-en li a{font-family: "europa",sans-serif;font-weight: 900;color:#FFF;font-size: 13px;letter-spacing: 2px;position:relative;text-transform: uppercase;line-height: 80px} #nav_container ul#menu-menu-navigation-principal li a::before,#nav_container ul#menu-menu-navigation-principal-en li a::before{ position: absolute; left: 0; bottom: -10px; width: 0; height: 2px; background: #fce400; content: ""; transition:width 0.8s cubic-bezier(.11,.41,.72,.95); } #nav_container ul#menu-menu-navigation-principal li a:hover::before,#nav_container ul#menu-menu-navigation-principal-en li a:hover:before{width:100%;} #nav_container ul#menu-menu-navigation-principal li.active a::before,#nav_container ul#menu-menu-navigation-principal-en li.active a::before{width:100%;} #nav_container nav#secondary ul{padding-right: 10px} #nav_container nav#secondary ul li{display: block;transition: 0.5s;text-align: center;position: relative;cursor: pointer;font-family: "europa",sans-serif;font-weight: 900;color:#FFF;font-size: 13px;letter-spacing: 2px;line-height: 80px} #nav_container nav#secondary ul li a{font-family: "europa",sans-serif;font-weight: 900;color:#FFF;} #nav_container nav#secondary ul li:first-child::after{content: "";position: absolute;top:50%;right:20%;background: url('assets/images/arrowWhite_down.png');width:9px;height:4px;margin-top: -2px} #nav_container nav#secondary ul li:last-child{display: none;background: rgba(0,0,0,0.8)} /* Drilldown */ #nav_container nav#main ul#menu-menu-navigation-principal li .dropdown-content{display: none;position: absolute;width:574px;right:0;height:269px;} #nav_container nav#main ul#menu-menu-navigation-principal li .dropdown-content ul{display: block;width:287px;padding: 40px 30px 0;background: #FFF;border-top:1px solid #f1f0f0;border-bottom:1px solid #f1f0f0;border-left:1px solid #f1f0f0;} #nav_container nav#main ul#menu-menu-navigation-principal li .dropdown-content ul li{line-height: initial;margin-bottom: 20px} #nav_container nav#main ul#menu-menu-navigation-principal li .dropdown-content ul li a{font-size: 12px;letter-spacing: 0;line-height: 12px;color:#000} #nav_container nav#main ul#menu-menu-navigation-principal li .dropdown-content ul li a::before{display: none;} #nav_container nav#main ul#menu-menu-navigation-principal li:hover .dropdown-content{display: flex;} @media screen and (max-width: 991px){ #nav_container{position: relative;height: 70px;background:#000;} #nav_container:hover{background: #000} #nav_container .icon-menu{position: absolute;top:50%;margin-top: -9px;left:6%;cursor:pointer;z-index:999999999;} #nav_container .logo{text-align: center;justify-content: center;position: relative;z-index: 99999999} #nav_container .logo p.icon-logo-wonder{line-height: 70px} #nav_container .menuMobile{display: block;position: absolute;top:0;left:0;height: 100vh;width: 100%;background: rgba(0,0,0,0.7);transition: opacity .5s ease-out;z-index:9999999;opacity:0;height:0} #nav_container .menuMobile .icon-close{position: absolute;top:20px;right:0;cursor:pointer;width: 15%;text-align: center;} #nav_container .menuMobile #mainMobile{width:85%;background: #FFF;padding:30px 0 30px 30px;height: 100%;transition: left .5s ease-out;position: absolute;top: 0;left: -100%;} #nav_container .menuMobile #mainMobile .menuFirst li{margin: 35px 0} #nav_container .menuMobile #mainMobile .menuFirst li:nth-child(1){margin-top: 0} #nav_container .menuMobile #mainMobile .menuFirst li a{font-family: 'Playfair Display', serif;font-size: 45px;color: #000;} #nav_container .menuMobile #mainMobile .menuSecond li{margin: 20px 0;margin-left: 30px} #nav_container .menuMobile #mainMobile .menuSecond li:nth-child(1){margin-top: 20px} #nav_container .menuMobile #mainMobile .menuSecond li a{font-family: "europa",sans-serif;font-weight: 400;font-size: 28px;color: #000;} #nav_container .menuMobile #mainMobile .menuContacts li{margin: 35px 0} #nav_container .menuMobile #mainMobile .menuContacts li a{font-family: 'Playfair Display', serif;font-size: 45px;color: #000;} } @media screen and (max-width: 639px){ #nav_container .menuMobile #mainMobile .menuFirst li{margin: 30px 0} #nav_container .menuMobile #mainMobile .menuFirst li a{font-size: 35px;} #nav_container .menuMobile #mainMobile .menuSecond li{margin: 15px 0;margin-left: 25px} #nav_container .menuMobile #mainMobile .menuSecond li a{font-size: 20px;} #nav_container .menuMobile #mainMobile .menuContacts li{margin: 30px 0} #nav_container .menuMobile #mainMobile .menuContacts li a{font-size: 35px;} } @media screen and (max-width: 479px){ #nav_container .logo p.icon-logo-wonder{font-size: 70px;} #nav_container .menuMobile #mainMobile .menuFirst li{margin: 20px 0} #nav_container .menuMobile #mainMobile .menuFirst li a{font-size: 22px;} #nav_container .menuMobile #mainMobile .menuSecond li{margin: 10px 0;margin-left: 20px} #nav_container .menuMobile #mainMobile .menuSecond li a{font-size: 14px;} #nav_container .menuMobile #mainMobile .menuContacts li{margin: 25px 0} #nav_container .menuMobile #mainMobile .menuContacts li a{font-size: 22px;} } @media screen and (min-width: 992px){ #nav_container .logo p.icon-logo-wonder{font-size: 60px;} #nav_container ul#menu-menu-navigation-principal li a,#nav_container ul#menu-menu-navigation-principal-en li a{font-size: 10px;} #nav_container nav#secondary ul li{font-size: 10px;} #nav_container nav#secondary ul li:first-child::after{right:10%;} } @media screen and (min-width: 1200px){ #nav_container .logo p.icon-logo-wonder{font-size: 90px;} #nav_container ul#menu-menu-navigation-principal li a,#nav_container ul#menu-menu-navigation-principal-en li a{font-size: 12px;} #nav_container nav#secondary ul li{font-size: 12px;} #nav_container nav#secondary ul li:first-child::after{right:20%;} } @media screen and (min-width: 1366px){ #nav_container ul#menu-menu-navigation-principal li a,#nav_container ul#menu-menu-navigation-principal-en li a{font-size: 13px;} #nav_container nav#secondary ul li{font-size: 13px;} } /* FOOTER */ footer{height: 70px;background: #000} footer ul{display: flex;justify-content: space-between;align-items: center;height: 100%} footer ul li {font-family: "europa",sans-serif;font-weight: 900;color:#FFF;font-size: 12px;line-height: 70px;} footer ul li a{color:#FFF;} @media screen and (max-width: 991px){ footer ul{justify-content: center} } @media screen and (max-width: 639px){ footer ul li {font-size: 11px;} } @media screen and (max-width: 479px){ footer ul li {font-size: 7px;} } /* HP */ /*Floor 1*/ #hp #floor1{position: relative;margin-bottom: 50px} #hp #floor1 .sliderMainHp .slick-slide{height: auto !important;position: relative;} #hp #floor1 .sliderMainHp .slick-slide img{width:100%;} #hp #floor1 .controls{position: absolute;bottom: 4.263093788063337%;left:50%;transform: translateX(-50%);width: 100%;max-width: 172px} #hp #floor1 .controls .slick-dots{text-align: center;} #hp #floor1 .controls .slick-dots li{position: relative;display: inline-block;width: 7px;height: 7px;margin: 0 10px;padding: 0;cursor: pointer;border-radius:50%;} #hp #floor1 .controls .slick-dots li button{font-size: 0;line-height: 0;display: block;width: 7px;height: 7px;padding: 0;cursor: pointer;color: transparent;border: 0;outline: none;background: #b6b6b5;border-radius:50%;} #hp #floor1 .controls .slick-dots li.slick-active button{background:#ffcd00 } #hp #floor1 .controls .slickPrev, #hp #floor1 .controls .slickNext{position: absolute;top:50%;left:0;margin-top: -10px} #hp #floor1 .controls .slickNext{left: initial;right:0;} #hp #floor1 .controls .slickPrev span:before, #hp #floor1 .controls .slickNext span:before{font-size: 20px;color: #b6b6b5} #hp #floor1 .text_container{position: absolute;top:40.2326431181486%;left:0;width:100%;text-align: center;z-index: 2} #hp #floor1 .text_container .anim_active{/*opacity: 1 !important;*/transform: perspective(2000px) translateY(0) !important;} #hp #floor1 .text_container .anim_active_cta{opacity: 1 !important;transform: perspective(2000px) translateY(0) !important;} #hp #floor1 .text_container .hideDiv{/*opacity: 0;*/transform: perspective(2000px) translateY(20px);transition-duration: 2000ms;transition-property: -moz-transform, opacity;transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);} #hp #floor1 .text_container .hideCta{opacity: 0;transform: perspective(2000px) translateZ(100px);transition-duration: 1600ms;transition-property: -moz-transform, opacity;transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);} #hp #floor1 .text_container h1{color: #FFF} #hp #floor1 .text_container p.paragraphe{color: #FFF} #hp #floor1 .text_container div.cta{color: #FFF;border:2px solid #FFF} #hp #floor1 .text_container p.baseline{font-family: "europa",sans-serif;font-weight: 400;color:rgba(252, 228, 0, 0.98);font-size: 32px;margin-top: 10px;letter-spacing: 32px;text-shadow: 1px 0px 10px rgba(252, 228, 0, 1);} #hp h1 span {font-size: 30px;position: relative;display: inline-block;transform: translateY(-40%);} #hp #floor1 p.paragraphe{margin: 0 0 30px;} /*Floor 1 Video*/ #hp #floor1 .media_container{height: 100vh;} #hp #floor1 .media_container .media_wrapper{height: 100%;width: 100%;} @media screen and (max-width: 991px){ #hp #floor1 .sliderMainHp .slick-slide img{width:100%;} /*#hp #floor1 .text_container{top:2.268292682926829%;}*/ #hp #floor1 .text_container{top: 50%;transform: translateY(-50%);} /*#hp #floor1 .text_container p.paragraphe#hp #floor1 .text_container p.paragraphe{display: none}*/ #hp #floor1 .text_container p.baseline{font-size: 37px;letter-spacing: 32px;} #hp #floor1 .text_container div.cta{margin-top:30px;width: 82.93333333333333%} #hp #floor1 .media_container{height: 80vh;} } @media (max-width:768px){ #hp #floor1 .text_container {position: absolute;bottom: -20%;top: unset;} } @media screen and (max-width: 639px){ #hp #floor1 .text_container p.baseline{font-size: 30px;letter-spacing: 24px;margin-top: 10px} } @media screen and (max-width: 479px){ #hp #floor1 .text_container p.baseline{font-size: 24px;letter-spacing: 18px;} } @media screen and (min-width: 992px){ #hp #floor1 .text_container p.baseline{font-size: 25px;letter-spacing: 25px;} } @media screen and (min-width: 1200px){ #hp #floor1 .text_container p.baseline{font-size: 32px;letter-spacing: 32px;} } /*Floor 2*/ #hp #floor2{position: relative;margin-bottom: 80px;} #hp #floor2 .sliderSecondaryHp{/*max-width: 893px;*/width: 70.92930897537728%;margin-left:18.03018268467037%;} #hp #floor2 .sliderSecondaryHp .slick-slide{height: auto !important;} #hp #floor2 .sliderSecondaryHp .slick-slide img{margin:0 auto;width:100%;max-width: 100%} #hp #floor2 .text_container{position: absolute;top:50%;left:0;text-align: left;z-index: 999;transform: translateY(-50%);} #hp #floor2 .gammes{position: absolute;top:50%;right:0;transform: translateY(-50%);text-align: left;z-index: 999;height:78.76923076923077%;width: 19.77582065652522%;background:#343436;display: flex;justify-content: center;align-items: center} #hp #floor2 .gammes ul li{font-family: "europa",sans-serif;font-weight: 900;color:#FFF;font-size: 13px;letter-spacing:2px;cursor:pointer;text-transform: uppercase;margin-bottom: 12%;position: relative;} #hp #floor2 .gammes ul li:last-child{margin-bottom: 0} #hp #floor2 .gammes ul li p{display: inline-block;position: relative;} #hp #floor2 .gammes ul li p::before{ position: absolute; left: 0; bottom: -3px; width: 0; height: 1px; background: #fce400; content: ""; transition:width 0.8s cubic-bezier(.11,.41,.72,.95); } #hp #floor2 .gammes ul li.active p::before{ width: 100%; } @media screen and (max-width: 991px){ #hp #floor2{margin-bottom: 50px;} #hp #floor2 .text_container{position: relative;top:0;transform: none;} #hp #floor2 .sliderSecondaryHp{width:100%;margin-left: 0;max-width: none;margin-top: 15px} #hp #floor2 .gammes{display:block;position: relative;top:0;transform: none;text-align: center;height:auto;width: 62.66666666666667%;background:rgba(38,38,40,0.9);margin: -35px auto 0;padding:25px 0;} #hp #floor2 .gammes .slickNav .slick-slide{height: auto !important;font-family: "europa",sans-serif;font-weight: 900;color:#FFF;font-size: 13px;text-transform: uppercase;letter-spacing: 2px} #hp #floor2 .gammes .slickPrev, #hp #floor2 .gammes .slickNext{position: absolute;top:-25px;left:-22px;/*margin-top: -12px*/;padding:24px 5px;background:rgba(38,38,40,0.9);} #hp #floor2 .gammes .slickNext{left: initial;right:-22px;} #hp #floor2 .gammes .slickPrev span:before, #hp #floor2 .gammes .slickNext span:before{font-size: 12px;color: #FFF} #hp #floor2 .gammes .slick-list{padding:0 !important;} #hp #floor2 .col-xs-16{padding:0;} } @media screen and (max-width: 639px){ #hp #floor2 .gammes{/*margin: -44px auto 0;padding:30px 0;*/} #hp #floor2 .gammes .slickNav .slick-slide{/*font-size: 20px;*/} #hp #floor2 .gammes .slickPrev, #hp #floor2 .gammes .slickNext{/*margin-top: -10px*/} #hp #floor2 .gammes .slickPrev span:before, #hp #floor2 .gammes .slickNext span:before{/*font-size: 20px;*/} } @media screen and (max-width: 479px){ #hp #floor2 .gammes{/*margin: -35px auto 0;padding:25px 0;*/} #hp #floor2 .gammes .slickNav .slick-slide{/*font-size: 14px;*/} #hp #floor2 .gammes .slickPrev, #hp #floor2 .gammes .slickNext{/*margin-top: -7px*/} #hp #floor2 .gammes .slickPrev span:before, #hp #floor2 .gammes .slickNext span:before{/*font-size: 14px;*/} } @media screen and (min-width: 992px){ #hp #floor2 .gammes ul li{font-size: 9px;margin-bottom: 10%;} } @media screen and (min-width: 1200px){ #hp #floor2 .gammes ul li{font-size: 11px;margin-bottom: 12%;} } @media screen and (min-width: 1680px){ #hp #floor2 .gammes ul li{font-size: 13px;} } /*Floor 3*/ #hp #floor3{position: relative;margin-bottom: 50px;} #hp #floor3 .text_container{position: absolute;top:0;left:50%;text-align: center;width:50%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;z-index:0} @media screen and (max-width: 991px){ #hp #floor3 .text_container{position: relative;top:0;left:0;transform: none;width: 100%;height: auto;text-align: left;display: block} #hp #floor3 .col-xs-16{padding:0;} #hp #floor3 hr{margin-bottom: 15px} } /*Floor 4*/ #hp #floor4{position: relative;margin-bottom: 100px;} #hp #floor4 .text_container{position: absolute;top:50%;left:0;text-align: left;z-index: 999;transform: translateY(-50%);} /*Floor 4 Video*/ #hp #floor4 .media_wrapper{width: 23.82370458606313%;height:62.99212598425197%;top:27.29658792650919%;left:66.70637284097677%;} @media screen and (max-width: 991px){ #hp #floor4{margin-bottom: 50px;} #hp #floor4 .text_container{position: relative;top:0;left:0;transform: none;width: 100%;height: auto;text-align: left;display: block} #hp #floor4 img{width:100%;} #hp #floor4 hr{margin-bottom: 15px} } /*Wonder Community*/ #hp #wonder_community{border-top:1px solid #e6e6e6;padding:40px 5px;text-align: center;} #hp #wonder_community img{max-width: 626px;width:87.55244755244755%;margin:0 auto;} #hp #wonder_community .blockRegister{display:block;max-width: 487px;width: 100%;position: relative;margin:30px auto;} #hp #wonder_community .blockRegister input{width:100%;display:block;line-height:45px;background:#FFF;border:2px solid #000;font-family: "europa",sans-serif;font-weight:900;font-size:14px;text-indent:20px;color:#000;width:100%;display: inline-block;height:45px;letter-spacing: 1px;border-radius: 0 !important;-webkit-appearance: none} #hp #wonder_community .blockRegister input::placeholder{color:#000;opacity: 1} #hp #wonder_community .blockRegister button{display: inline-block;background: transparent;border:0;line-height: 45px;position: absolute;top:0;right:17px;} #hp #wonder_community .blockRegister button span{line-height: 45px;font-size:16px;} #hp #wonder_community .reseaux_sociaux ul{text-align: center} #hp #wonder_community .reseaux_sociaux ul li{display: inline-block;margin:0 10px;} #hp #wonder_community .reseaux_sociaux ul li a span{font-family: 'icomoon' !important;font-size: 35px;color:#000;} #hp #wonder_community .feedback_ctn.success{background: rgba(255,206,0,0.95);text-align:center;margin-top: 15px;margin-bottom: 20px;color: #fff;padding: 25px;bottom: 25px;right: 25px;max-width: 450px;max-height: 250px;font-family: "europa",sans-serif;font-weight: 400;font-size: 14px;} #hp #wonder_community .feedback_ctn.error{background: rgba(255, 38, 0, 0.95);text-align:center;margin-top: 15px;margin-bottom: 20px;color: #fff;padding: 25px;bottom: 25px;right: 25px;max-width: 450px;max-height: 250px;font-family: "europa",sans-serif;font-weight: 400;font-size: 14px;} @media screen and (max-width: 991px){ #hp #wonder_community img{max-width: 652px;width:100%;} #hp #wonder_community .blockRegister{max-width: none} #hp #wonder_community .blockRegister input{line-height:100px;height:100px;font-size: 28px} #hp #wonder_community .blockRegister button{line-height:100px;} #hp #wonder_community .blockRegister button span{line-height: 100px;font-size: 30px;} #hp #wonder_community .reseaux_sociaux ul li a span{font-size: 45px;} } @media screen and (max-width: 639px){ #hp #wonder_community .blockRegister input{line-height:70px;height:70px;font-size: 20px} #hp #wonder_community .blockRegister button{line-height:70px;} #hp #wonder_community .blockRegister button span{line-height: 70px;font-size: 20px} } @media screen and (max-width: 479px){ #hp #wonder_community .blockRegister input{line-height:40px;height:40px;font-size: 14px} #hp #wonder_community .blockRegister button{line-height:40px;font-size: 14px} #hp #wonder_community .blockRegister button span{line-height: 40px;} #hp #wonder_community .reseaux_sociaux ul li a span{font-size: 30px;} } /* FLUX INSTAGRAM */ #hp #instagram #flux_instagram_viewer{display: flex;justify-content: center;} #hp #instagram #flux_instagram_viewer article{width:20%;/*max-height: 320px*/} #hp #instagram #flux_instagram_viewer article a{position: relative;overflow: hidden;display: block;padding-bottom: 100%;} #hp #instagram #flux_instagram_viewer article figure{position: absolute;top: 0;left: 0;background-repeat: no-repeat !important;background-position:top center !important;width:100%;height: 100%;background-size:cover !important} #hp #instagram #flux_instagram_viewer article img{width:100%;height: 100%} @media screen and (max-width: 991px){ #hp #instagram #flux_instagram_viewer article{width:33.3333333%;} } /* // HP */ /* Page la Marque */ #la_marque #nav_container:hover{background: rgba(255,255,255,0.8);} #la_marque #nav_container .logo{justify-content: center;height: 100%; margin-top:0; } #la_marque #nav_container ul#menu-menu-navigation-principal, #la_marque #nav_container ul#menu-menu-navigation-principal-en{display: flex;justify-content: space-between;align-items: center;height: 100%;margin-top:0;} #la_marque #nav_container ul#menu-menu-navigation-principal li a,#la_marque ul#menu-menu-navigation-principal-en li a{color: #000;} #la_marque #nav_container nav#secondary ul li a{color: #000;} #la_marque #nav_container nav#secondary ul li:first-child::after{background: url('assets/images/arrowBlack_down.png')} #la_marque #nav_container nav#secondary ul li:last-child{background: rgba(255,255,255,0.8)} #la_marque section{ display:block; /*float:left;*/ margin:0; padding:0; width:100%; position:relative; } #la_marque h1{ font-family: "europa",sans-serif; font-size:60px; font-weight:bold; color:#000; text-shadow: 3px 0px 0 #ffcd00; text-align:center; padding:0; margin:0; margin-top:145px;line-height: initial; } #la_marque p.titre{ font-family: "europa",sans-serif; font-size:50px; font-weight:bold; color:#ffcd00; text-shadow: 3px 0px 0 #000; text-align:center; padding:0; margin:0; } #la_marque div.img{ position:absolute; left:0; top:0; width:auto; height:auto; z-index:8000; } #la_marque div.img img{ display:block; width:100%; max-width:100%; height:auto;} #la_marque div.item{ position:absolute; left:0; top:0; width:auto; height:auto; background:#fff; padding:15px 18px; font-family: "europa",sans-serif; font-size:12px; font-weight:normal; color:#000; text-align:left; border-radius:10px; z-index:9000; } #la_marque #floor1{ background:#eeeeee url("assets/images/la_marque/bg_intro.jpg?$staticlink$") top center no-repeat; width:100%; height:717px; max-height:717px; padding-bottom:0;overflow: hidden; } #la_marque #floor1 article{ background:#fff; padding:50px; margin-top:-17px; } #la_marque #floor1 article p{ font-family: "europa",sans-serif; font-size:14px; font-weight:normal; color:#000; text-align:left; padding:0; margin:0 0 1em 0; } @media all and (max-width:991px){ #la_marque #nav_container:hover{background: #000;} #la_marque h1{ margin-top:100px; } #la_marque #floor1{ background:#eeeeee url("assets/images/la_marque/mobile/bg_intro.jpg?$staticlink$") top center no-repeat; min-height:1090px; /* max-height:909px;*/ height:auto; } #la_marque #floor1 article{ background:#fff; padding:50px; margin-top:-17px; } #la_marque #floor1 article p{ font-size:14px; text-align:center; margin:0 0 1em 0; line-height: 18px} } #la_marque #y2016{ background:#212427 url("assets/images/la_marque/bg_2016.jpg?$staticlink$") top center no-repeat; width:100%; height:963px; max-height:963px; } #la_marque #y2016 div.content{ position:relative; width:100%; height:100%; } #la_marque #y2016 p.titre{ position:absolute; left:525px; top:158px; width:auto; } #la_marque #y2016 div.img.img1{ top:73px; top:7.580477673935618%; left:147px; left:15.15463917525773%; } #la_marque #y2016 div.img.img2{ top:338px; top:35.09865005192108%; left:500px; left:51.54639175257732%; } #la_marque #y2016 div.img.img3{ top:522px; top:54.20560747663551%; left:66px; left:6.804123711340206%; } #la_marque #y2016 div.img.img4{ top:602px; top:62.51298026998962%; left:500px; left:51.54639175257732%; } #la_marque #y2016 div.img.img1 img{ max-width:323px; } #la_marque #y2016 div.img.img2 img{ max-width:326px; } #la_marque #y2016 div.img.img3 img{ max-width:403px; } #la_marque #y2016 div.img.img4 img{ max-width:405px; } #la_marque #y2016 div.item{ font-size:14px; } #la_marque #y2016 div.item.item1{ top:216px; top:22.42990654205607%; left:500px; left:51.54639175257732%; /*width:227px; width:23.4020618556701%;*/ } #la_marque #y2016 div.item.item2{ top:403px; top:42.15991692627207%; left:712px; left:73.4020618556701%; /*width:243px; width:25.05154639175258%;*/ } #la_marque #y2016 div.item.item3{ top:761px; top:79.02388369678089%; left:632px; left:65.15463917525773%; /*width:338px; width:34.84536082474227%;*/ } #la_marque #y2016 div.item.item4{ top:795px; top:82.55451713395639%; left:162px; left:16.70103092783505%; /*width:308px; width:31.75257731958763%;*/ } @media all and (max-width:991px){ #la_marque #y2016{ background:#212428 url("assets/images/la_marque/mobile/bg_2016.jpg?$staticlink$") top center no-repeat; width:100%; height:1390px; max-height:1390px; } #la_marque #y2016 p.titre{ position:absolute; left:0; top:90px; width:100%; text-align:center; } #la_marque #y2016 div.item{ width:300px; width:38.96103896103900%;font-size:12px;} #la_marque #y2016 div.img{ width:300px; width:38.96103896103900%;} #la_marque #y2016 div.img img{ max-width:300px; width:100%;} #la_marque #y2016 div.img.img1{ top:394px; top:28.34532374100719%; left:60px; left:7.79220779220779%; } #la_marque #y2016 div.img.img2{ top:486px; top:34.96402877697842%; left:410px; left:53.24675324675320%; } #la_marque #y2016 div.img.img3{ top:947px; top:68.12949640287770%; left:60px; left:7.79220779220779%; } #la_marque #y2016 div.img.img4{ top:1094px; top:78.70503597122302%; left:410px; left:53.24675324675320%; } #la_marque #y2016 div.img.img1 img{ max-width:323px; } #la_marque #y2016 div.img.img2 img{ max-width:326px; } #la_marque #y2016 div.img.img3 img{ max-width:403px; } #la_marque #y2016 div.img.img4 img{ max-width:405px; } #la_marque #y2016 div.item.item1{ top:201px; top:14.46043165467630%; left:60px; left:7.79220779220779%; } #la_marque #y2016 div.item.item2{ top:275px; top:19.78417266187050%; left:410px; left:53.24675324675320%; } #la_marque #y2016 div.item.item3{ top:830px; top:59.71223021582730%; left:60px; left:7.79220779220779%; } #la_marque #y2016 div.item.item4{ top:850px; top:61.15107913669060%; left:410px; left:53.24675324675320%; } } #la_marque #y20152010{ background:#edefef url("assets/images/la_marque/bg_20152010.jpg?$staticlink$") top center no-repeat; width:100%; height:1260px; max-height:1260px; } #la_marque #y20152010 sup{ color:#000; } #la_marque #y20152010 div.content{ position:relative; width:100%; height:100%; } #la_marque #y20152010 p.titre{ position:absolute; left:0; top:0; width:auto; color:#000; text-shadow: 3px 0px 0 #ffcd00; z-index:9100;} #la_marque #y20152010 div.img.img1{ top:81px; top:6.42857142857143%; left:500px; left:51.54639175257730%; } #la_marque #y20152010 div.img.img2{ top:164px; top:13.01587301587300%; left:177px; left:18.24742268041240%; } #la_marque #y20152010 div.img.img3{ top:; top:25.55555555555560%; left:500px; left:51.54639175257730%; } #la_marque #y20152010 div.img.img5{ top:606px; top:48.09523809523810%; left:257px; left:26.49484536082470%; } #la_marque #y20152010 div.img.img4{ top:581px; top:46.11111111111110%; left:500px; left:51.54639175257730%; } #la_marque #y20152010 div.img.img6{ top:939px; top:74.52380952380950%; left:177px; left:18.24742268041240% } #la_marque #y20152010 div.item.item1{ top:189px; top:15%; left:712px; left:73.40206185567010%; } #la_marque #y20152010 div.item.item2{ top:364px; top:28.88888888888890%; left:15px; left:1.54639175257732%; } #la_marque #y20152010 div.item.item3{ top:404px; top:32.06349206349210%; left:742px; left:76.49484536082470%; } #la_marque #y20152010 div.item.item4{ top:689px; top:54.68253968253970%; left:712px; left:73.40206185567010%; } #la_marque #y20152010 div.item.item5{ top:785px; top:62.30158730158730%; left:15px; left:1.54639175257732%; } #la_marque #y20152010 div.item.item6{ top:1100px; top:87.30158730158730%; left:500px; left:51.54639175257730%; } #la_marque #y20152010 p.titre.titre1{ top:134px; /*top:15%;*/ left:732px; /*left:73.40206185567010%;*/ } #la_marque #y20152010 p.titre.titre2{ top:309px; /*top:28.88888888888890%;*/ left:35px; /*left:1.54639175257732%;*/ } #la_marque #y20152010 p.titre.titre3{ top:349px; /*top:32.06349206349210%;*/ left:762px; /*left:76.49484536082470%;*/ } #la_marque #y20152010 p.titre.titre4{ top:634px; /*top:54.68253968253970%;*/ left:732px; /*left:73.40206185567010%;*/ } #la_marque #y20152010 p.titre.titre5{ top:730px; /*top:62.30158730158730%;*/ left:35px; /*left:1.54639175257732%*/ } #la_marque #y20152010 p.titre.titre6{ top:1045px; /*top:87.30158730158730%;*/ left:520px; /*left:51.54639175257730%;*/ } @media all and (max-width:991px){ #la_marque #y20152010{ background:#edefef url("assets/images/la_marque/mobile/bg_20152010.jpg?$staticlink$") top center no-repeat; width:100%; height:2044px; max-height:2044px; } #la_marque #y20152010 div.item{ width:300px; width:38.96103896103900%;} #la_marque #y20152010 div.img{ width:300px; width:38.96103896103900%;} #la_marque #y20152010 div.img img{ max-width:300px; width:100%;} #la_marque #y20152010 div.img.img1{ top:244px; top:11.93737769080230%; left:410px; left:53.24675324675320%; } #la_marque #y20152010 div.img.img2{ top:292px; top:14.28571428571430%; left:60px; left:7.79220779220779%; } #la_marque #y20152010 div.img.img3{ top:990px; top:48.43444227005870%; left:410px; left:53.24675324675320%; } #la_marque #y20152010 div.img.img5{ top:1090px; top:53.32681017612520%; left:60px; left:7.79220779220779%; } #la_marque #y20152010 div.img.img4{ top:1448px; top:70.84148727984340%; left:410px; left:53.24675324675320%; } #la_marque #y20152010 div.img.img6{ top:1774px; top:86.79060665362030%; left:60px; left:7.79220779220779%; } #la_marque #y20152010 div.item.item1{ top:120px; top:5.87084148727984%; left:410px; left:53.24675324675320%; } #la_marque #y20152010 div.item.item2{ top:175px; top:8.56164383561644%; left:60px; left:7.79220779220779%; } #la_marque #y20152010 div.item.item3{ top:764px; top:37.37769080234830%; left:410px; left:53.24675324675320%; } #la_marque #y20152010 div.item.item4{ top:805px; top:39.38356164383560%; left:60px; left:7.79220779220779%; } #la_marque #y20152010 div.item.item5{ top:1268px; top:62.03522504892368%; left:410px; left:53.24675324675320%; } #la_marque #y20152010 div.item.item6{ top:1600px; top:78.27788649706460%; left:60px; left:7.79220779220779%; } #la_marque #y20152010 p.titre.titre1{ top:65px; /*top:15%;*/ left:410px; left:53.24675324675320%; } #la_marque #y20152010 p.titre.titre2{ top:120px; /*top:28.88888888888890%;*/ left:60px; left:7.79220779220779%; } #la_marque #y20152010 p.titre.titre3{ top:709px; /*top:32.06349206349210%;*/ left:410px; left:53.24675324675320%; } #la_marque #y20152010 p.titre.titre4{ top:750px; /*top:54.68253968253970%;*/ left:60px; left:7.79220779220779%; } #la_marque #y20152010 p.titre.titre5{ top:1213px; /*top:62.30158730158730%;*/ left:410px; left:53.24675324675320%; } #la_marque #y20152010 p.titre.titre6{ top:1545px; /*top:87.30158730158730%;*/ left:60px; left:7.79220779220779%; } } #la_marque #y20102000{ background:#2c3034 url("assets/images/la_marque/bg_20102000.jpg?$staticlink$") top center no-repeat; width:100%; height:1205px; max-height:1205px; } #la_marque #y20102000 div.content{ position:relative; width:100%; height:100%; } #la_marque #y20102000 p.titre{ position:absolute; left:0; top:0; width:auto; z-index:9100;} #la_marque #y20102000 div.img.img1{ top:67px; top:5.56016597510373%; left:177px; left:18.24742268041240%; } #la_marque #y20102000 div.img.img2{ top:132px; top:10.95435684647300%; left:500px; left:51.54639175257730%; } #la_marque #y20102000 div.img.img3{ top:472px; top:39.17012448132780%; left:15px; left:1.54639175257732%; } #la_marque #y20102000 div.img.img4{ top:589px; top:48.87966804979250%; left:500px; left:51.54639175257730%; } #la_marque #y20102000 div.img.img5{ top:781px; top:64.81327800829880%; left:96px; left:9.89690721649485%; } #la_marque #y20102000 div.item.item1{ top:271px; top:22.48962655601660%; left:0; left:0%; } #la_marque #y20102000 div.item.item2{ top:515px; top:42.73858921161830%; left:500px; left:51.54639175257732%; } #la_marque #y20102000 div.item.item3{ top:685px; top:56.84647302904560%; left:727px; left:74.94845360824740%; } #la_marque #y20102000 div.item.item4{ top:1030px; top:85.47717842323650%; left:500px; left:51.54639175257730%; } #la_marque #y20102000 p.titre.titre1{ top:216px; /*top:15%;*/ left:20px; /*left:73.40206185567010%;*/ } #la_marque #y20102000 p.titre.titre2{ top:460px; /*top:28.88888888888890%;*/ left:520px; /*left:1.54639175257732%;*/ } #la_marque #y20102000 p.titre.titre3{ top:630px; /*top:32.06349206349210%;*/ left:747px; /*left:76.49484536082470%;*/ } #la_marque #y20102000 p.titre.titre4{ top:975px; /*top:54.68253968253970%;*/ left:520px; /*left:73.40206185567010%;*/ } @media all and (max-width:991px){ #la_marque #y20102000{ background:#2c3034 url("assets/images/la_marque/mobile/bg_20102000.jpg?$staticlink$") top center no-repeat; width:100%; height:1537px; max-height:1537px; } #la_marque #y20102000 div.item{ width:300px; width:38.96103896103900%;} #la_marque #y20102000 div.img{ width:300px; width:38.96103896103900%;} #la_marque #y20102000 div.img img{ max-width:300px; width:100%;} #la_marque #y20102000 div.img.img1{ top:165px; top:10.73519843851660%; left:410px; left:53.24675324675320%; } #la_marque #y20102000 div.img.img2{ top:560px; top:36.43461288223810%; left:60px; left:7.79220779220779%; } #la_marque #y20102000 div.img.img3{ top:820px; top:53.35068314899150%; left:60px; left:7.79220779220779%; } #la_marque #y20102000 div.img.img4{ top:1012px; top:65.84255042290180%; left:410px; left:53.24675324675320%; } #la_marque #y20102000 div.img.img5{ top:1244px; top:80.93689004554330%; left:60px; left:7.79220779220779%; } #la_marque #y20102000 div.item.item1{ top:112px; top:7.28692257644763%; left:60px; left:7.79220779220779%; } #la_marque #y20102000 div.item.item2{ top:642px; top:41.76968119713730%; left:410px; left:53.24675324675320%; } #la_marque #y20102000 div.item.item3{ top:838px; top:54.52179570592060%; left:410px; left:53.24675324675320%; } #la_marque #y20102000 div.item.item4{ top:1100px; top:71.56798959011060%;left:60px; left:7.79220779220779%; } #la_marque #y20102000 p.titre.titre1{ top:57px; /*top:15%;*/ left:60px; left:7.79220779220779%; } #la_marque #y20102000 p.titre.titre2{ top:587px; /*top:28.88888888888890%;*/ left:410px; left:53.24675324675320%; } #la_marque #y20102000 p.titre.titre3{ top:783px; /*top:32.06349206349210%;*/ left:410px; left:53.24675324675320%; } #la_marque #y20102000 p.titre.titre4{ top:1045px; /*top:54.68253968253970%;*/ left:60px; left:7.79220779220779%; } } #la_marque #y19701998{ background:#eeeeee url("assets/images/la_marque/bg_19701998.jpg?$staticlink$") top center no-repeat; width:100%; height:1083px; max-height:1083px; } #la_marque #y19701998 div.content{ position:relative; width:100%; height:100%; } #la_marque #y19701998 p.titre{ position:absolute; left:0; top:0; color:#000; text-shadow: 3px 0px 0 #ffcd00; width:auto; z-index:9100;} #la_marque #y19701998 div.img.img1{ top:96px; top:8.86426592797784%; left:177px; left:18.24742268041240%; } #la_marque #y19701998 div.img.img2{ top:186px; top:17.17451523545710%; left:500px; left:51.54639175257730%; } #la_marque #y19701998 div.img.img3{ top:637px; top:58.81809787626960%; left:500px; left:51.54639175257730%; } #la_marque #y19701998 div.item.item1{ top:88px; top:8.12557710064635%; left:500px; left:51.54639175257732%; } #la_marque #y19701998 div.item.item2{ top:580px; top:53.55493998153280%; left:89px; left:9.17525773195876%; } #la_marque #y19701998 div.item.item3{ top:847px; top:78.20867959372110%; left:162px; left:16.70103092783500%; } #la_marque #y19701998 div.item.item4{ top:922px; top:85.13388734995383%; left:500px; left:51.54639175257730%; } #la_marque #y19701998 p.titre.titre1{ top:33px; /*top:15%;*/ left:520px; /*left:73.40206185567010%;*/ } #la_marque #y19701998 p.titre.titre2{ top:525px; /*top:28.88888888888890%;*/ left:129px; /*left:1.54639175257732%;*/ } #la_marque #y19701998 p.titre.titre3{ top:792px; /*top:32.06349206349210%;*/ left:182px; /*left:76.49484536082470%;*/ } #la_marque #y19701998 p.titre.titre4{ top:867px; /*top:54.68253968253970%;*/ left:520px; /*left:73.40206185567010%;*/ } @media all and (max-width:991px){ #la_marque #y19701998{ background:#eeeeee url("assets/images/la_marque/mobile/bg_19701998.jpg?$staticlink$") top center no-repeat; width:100%; height:1341px; max-height:1341px; } #la_marque #y19701998 div.item{ width:300px; width:38.96103896103900%;} #la_marque #y19701998 div.img{ width:300px; width:38.96103896103900%;} #la_marque #y19701998 div.img img{ max-width:300px; width:100%;} #la_marque #y19701998 div.img.img1{ top:212px; top:15.80909768829230%; left:60px; left:7.79220779220779%; } #la_marque #y19701998 div.img.img2{ top:295px; top:21.99850857568980%; left:410px; left:53.24675324675320%; } #la_marque #y19701998 div.img.img3{ top:713px; top:53.16927665920950%; left:410px; left:53.24675324675320%; } #la_marque #y19701998 div.item.item1{ top:121px; top:9.02311707680835%; left:410px; left:53.24675324675320%; } #la_marque #y19701998 div.item.item2{ top:580px; top:43.25130499627144%; left:60px; left:7.79220779220779%; } #la_marque #y19701998 div.item.item3{ top:940px; top:70.09694258016410%; left:410px; left:53.24675324675320%; } #la_marque #y19701998 div.item.item4{ top:1140px; top:85.01118568232660%; left:410px; left:53.24675324675320%; } #la_marque #y19701998 p.titre.titre1{ top:66px; /*top:15%;*/ left:410px; left:53.24675324675320%; } #la_marque #y19701998 p.titre.titre2{ top:523px; /*top:28.88888888888890%;*/ left:60px; left:7.79220779220779%; } #la_marque #y19701998 p.titre.titre3{ top:885px; /*top:32.06349206349210%;*/ left:410px; left:53.24675324675320%; } #la_marque #y19701998 p.titre.titre4{ top:1085px; /*top:54.68253968253970%;*/ left:410px; left:53.24675324675320%; } } #la_marque #y19391968{ background:#373b3e url("assets/images/la_marque/bg_19391968.jpg?$staticlink$") top center no-repeat; width:100%; height:940px; max-height:940px; } #la_marque #y19391968 div.content{ position:relative; width:100%; height:100%; } #la_marque #y19391968 p.titre{ position:absolute; left:0; top:0; width:auto; z-index:9100;} #la_marque #y19391968 div.img.img1{ top:65px; top:6.914893617021277%; left:66px; left:6.80412371134021%; } #la_marque #y19391968 div.img.img2{ top:526px; top:55.95744680851060%; left:500px; left:51.54639175257730%; } #la_marque #y19391968 div.img.img3{ top:764px; top:81.27659574468080%; left:323px; left:33.29896907216490%; } #la_marque #y19391968 div.item.item1{ top:134px; top:14.25531914893620%; left:500px; left:51.54639175257732%; } #la_marque #y19391968 div.item.item2{ top:301px; top:32.02127659574470%; left:500px; left:51.54639175257732%; } #la_marque #y19391968 div.item.item3{ top:430px; top:45.74468085106380%; left:500px; left:51.54639175257732%; } #la_marque #y19391968 div.item.item4{ top:481px; top:51.17021276595740%; left:15px; left:1.54639175257732%; } #la_marque #y19391968 div.item.item5{ top:670px; top:71.27659574468080%; left:162px; left:16.70103092783500%; } #la_marque #y19391968 div.item.item6{ top:782px; top:83.19148936170210%; left:500px; left:51.54639175257730%; } #la_marque #y19391968 p.titre.titre1{ top:79px; /*top:15%;*/ left:520px; /*left:73.40206185567010%;*/ } #la_marque #y19391968 p.titre.titre2{ top:246px; /*top:28.88888888888890%;*/ left:520px; /*left:1.54639175257732%;*/ } #la_marque #y19391968 p.titre.titre3{ top:375px; /*top:32.06349206349210%;*/ left:520px; /*left:76.49484536082470%;*/ } #la_marque #y19391968 p.titre.titre4{ top:426px; /*top:54.68253968253970%;*/ left:35px; /*left:73.40206185567010%;*/ } #la_marque #y19391968 p.titre.titre5{ top:615px; /*top:32.06349206349210%;*/ left:182px; /*left:76.49484536082470%;*/ } #la_marque #y19391968 p.titre.titre6{ top:727px; /*top:54.68253968253970%;*/ left:520px; /*left:73.40206185567010%;*/ } @media all and (max-width:991px){ #la_marque #y19391968{ background:#373b3e url("assets/images/la_marque/mobile/bg_19391968.jpg?$staticlink$") top center no-repeat; width:100%; height:1310px; max-height:1310px; } #la_marque #y19391968 div.item{ width:300px; width:38.96103896103900%;} #la_marque #y19391968 div.img{ width:300px; width:38.96103896103900%;} #la_marque #y19391968 div.img img{ max-width:300px; width:100%;} #la_marque #y19391968 div.img.img1{ top:597px; top:45.57251908396950%; left:60px; left:7.79220779220779%; } #la_marque #y19391968 div.img.img2{ top:736px; top:56.18320610687020%; left:410px; left:53.24675324675320%; } #la_marque #y19391968 div.img.img3{ top:1120px; top:85.49618320610690%; left:410px; left:53.24675324675320%; } #la_marque #y19391968 div.item.item1{ top:152px; top:11.60305343511450%; left:60px; left:7.79220779220779%; } #la_marque #y19391968 div.item.item2{ top:180px; top:13.74045801526720%; left:410px; left:53.24675324675320%; } #la_marque #y19391968 div.item.item3{ top:361px; top:27.55725190839695%; left:410px; left:53.24675324675320%; } #la_marque #y19391968 div.item.item4{ top:442px; top:33.74045801526720%; left:60px; left:7.79220779220779%; } #la_marque #y19391968 div.item.item5{ top:610px; top:46.56488549618320%; left:410px; left:53.24675324675320%; } #la_marque #y19391968 div.item.item6{ top:970px; top:74.04580152671760%; left:410px; left:53.24675324675320%; } #la_marque #y19391968 p.titre.titre1{ top:96px; /*top:15%;*/ left:60px; left:7.79220779220779%; } #la_marque #y19391968 p.titre.titre2{ top:125px; /*top:28.88888888888890%;*/ left:410px; left:53.24675324675320%; } #la_marque #y19391968 p.titre.titre3{ top:306px; /*top:32.06349206349210%;*/ left:410px; left:53.24675324675320%; } #la_marque #y19391968 p.titre.titre4{ top:386px; /*top:54.68253968253970%;*/ left:60px; left:7.79220779220779%; } #la_marque #y19391968 p.titre.titre5{ top:555px; /*top:32.06349206349210%;*/ left:410px; left:53.24675324675320%; } #la_marque #y19391968 p.titre.titre6{ top:915px; /*top:54.68253968253970%;*/ left:410px; left:53.24675324675320%; } } /* // Page la Marque */ /* Page Wonder & moi */ #wonder_et_moi{background: #f5f4f4} #wonder_et_moi #nav_container:hover{background: rgba(255,255,255,0.8);} #wonder_et_moi #nav_container .logo{justify-content: center;height: 100%; margin-top:0; } #wonder_et_moi #nav_container ul#menu-menu-navigation-principal, #wonder_et_moi #nav_container ul#menu-menu-navigation-principal-en{display: flex;justify-content: space-between;align-items: center;height: 100%;margin-top:0;} #wonder_et_moi #nav_container ul#menu-menu-navigation-principal li a,#wonder_et_moi #nav_container ul#menu-menu-navigation-principal-en li a{color: #000;} #wonder_et_moi #nav_container nav#secondary ul li a{color: #000;} #wonder_et_moi #nav_container nav#secondary ul li:first-child::after{background: url('assets/images/arrowBlack_down.png')} #wonder_et_moi #nav_container nav#secondary ul li:last-child{background: rgba(255,255,255,0.8)} #wonder_et_moi #guide_des_tailles{padding-top: 80px} #wonder_et_moi #guide_des_tailles h2{font-size: 50px;line-height: 55px} #wonder_et_moi #guide_des_tailles p.paragraphe{font-size: 14px} #wonder_et_moi #guide_des_tailles .text_container{margin:70px 0;} #wonder_et_moi #guide_des_tailles .etapes_container .baseline{font-family: "europa",sans-serif;font-weight: 900;color:#000;font-size: 16px;border-bottom:1px solid #dadada;padding-bottom: 15px;text-transform: uppercase;margin-bottom: 30px} #wonder_et_moi #guide_des_tailles .etapes_container .etapes{counter-reset: my-counter;} #wonder_et_moi #guide_des_tailles .etapes_container .etapes li{position: relative;margin-bottom: 30px} #wonder_et_moi #guide_des_tailles .etapes_container .etapes li::before{content: counter(my-counter);counter-increment: my-counter;display: block;width: 25px;line-height: 25px;border-radius: 50%;background: #FFF;text-align: center;font-family: "europa",sans-serif;font-weight: 900;color:#000;font-size: 14px;position: absolute;top:50%;left:0;margin-top: -12px} #wonder_et_moi #guide_des_tailles .etapes_container .etapes p.paragraphe{margin:0 0 0 55px;} #wonder_et_moi #guide_des_tailles .reperes{position: relative;text-align: center;max-width: 543px;margin: 0 auto;z-index: 1} /*#wonder_et_moi #guide_des_tailles .reperes img.visu{width:77.24039829302987%;max-width: 543px;}*/ #wonder_et_moi #guide_des_tailles .reperes div.circle{display: flex;justify-content:center;width: 25px;height: 25px;border-radius: 50%;background: #ffce00;text-align: center;position: absolute;} #wonder_et_moi #guide_des_tailles .reperes div.circle p{font-family: "europa",sans-serif;font-weight: 400;color:#000;font-size: 14px;cursor: pointer;} #wonder_et_moi #guide_des_tailles .reperes div.tourPoitrine{top:44.79418886198547%;left:18.60455192034139%;} #wonder_et_moi #guide_des_tailles .reperes div.tourBuste{top:52.6634382566586%;left:65.58890469416785%;} #wonder_et_moi #guide_des_tailles .reperes div.tourTaille{top:67.83144912641316%;left:27.00568990042674%;} #wonder_et_moi #guide_des_tailles .reperes div.tourBassin{top:78.41726618705036%;left:78.83499288762447%;} #wonder_et_moi #guide_des_tailles .reperes .tooltip {position: relative;display: inline-block;cursor:pointer;z-index:99999;} #wonder_et_moi #guide_des_tailles .reperes .tooltip .tooltiptext {visibility: hidden;width: 220px;background-color: #000;color: #fff;text-align: center;padding: 10px 0;position: absolute;z-index: 1;bottom: 160%;left: 50%;margin-left: -110px;opacity: 0;transition: opacity 0.3s;display: block;font-size:14px;font-family: "europa",sans-serif;} #wonder_et_moi #guide_des_tailles .reperes .tooltip .tooltiptext::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #000 transparent transparent transparent;} #wonder_et_moi #guide_des_tailles .reperes .tooltip:hover .tooltiptext {visibility: visible;opacity: 1;} #wonder_et_moi #guide_des_tailles .reperes .arrowPoitrine{position: absolute;top: 46%;left: 10%;display: none;width: 70.34990791896869%} #wonder_et_moi #guide_des_tailles .reperes .arrowBuste{position: absolute;top: 53%;left: 13%;display: none;width: 61.69429097605893%} #wonder_et_moi #guide_des_tailles .reperes .arrowTaille{position: absolute;top: 69%;left: 20%;display: none;width: 63.16758747697974%} #wonder_et_moi #guide_des_tailles .reperes .arrowBassin{position: absolute;top: 79%;left: 18%;display: none;width: 69.42909760589319%} #wonder_et_moi #guide_des_tailles .trouverTaille{margin-top: 200px} #wonder_et_moi #guide_des_tailles .trouverTaille fieldset{background: #FFF;border:0;margin: 0 0 35px;padding: 0;} #wonder_et_moi #guide_des_tailles .trouverTaille fieldset legend{font-family: "europa",sans-serif;font-weight: 900;color:#000;font-size: 13px;border:0;position: relative;text-align: center;text-transform: uppercase;white-space: normal;padding: 25px 0;border-bottom: 1px solid #e9e9e9;letter-spacing: 1px} #wonder_et_moi #guide_des_tailles .trouverTaille .choix{padding:20px 5px 10px;font-family: "europa",sans-serif;font-weight: 400;color:#000;font-size: 14px;} #wonder_et_moi #guide_des_tailles .trouverTaille .choix .flexItemCenter{margin-bottom: 20px;} #wonder_et_moi #guide_des_tailles .trouverTaille .choix label{width:50%;padding-left: 15px; position: relative;z-index: 0;} #wonder_et_moi #guide_des_tailles .trouverTaille .choix label::before {content: "";display: inline-block;position: absolute;width: 20px;height: 20px;color: #000;background: #ffce00;border-radius: 20px;z-index: -1;left: -10px;text-align: center;} #wonder_et_moi #guide_des_tailles .trouverTaille .choix .buste label::before{content:"A"} #wonder_et_moi #guide_des_tailles .trouverTaille .choix .poitrine label::before{content:"B"} #wonder_et_moi #guide_des_tailles .trouverTaille .choix .waist label::before{content:"C"} #wonder_et_moi #guide_des_tailles .trouverTaille .choix .hips label::before{content:"D"} #wonder_et_moi #guide_des_tailles .trouverTaille .choix .styled-select{position: relative;overflow: hidden;width: 50%;height:32px;} #wonder_et_moi #guide_des_tailles .trouverTaille .choix .styled-select::after{content:"";background: url("assets/images/chevronSelect.png") no-repeat right center;position: absolute;top:1px;right: 1px;width:30px;height:30px;pointer-events: none;} #wonder_et_moi #guide_des_tailles .trouverTaille .choix select{text-indent:5px;border:1px solid #dadada;background: #f1f1f1;width:100% !important;height:32px;-webkit-appearance: none;-moz-appearance: none;appearance: none;font-family: "europa",sans-serif;font-weight: 400;color:#000;font-size: 14px;} #wonder_et_moi #guide_des_tailles .trouverTaille .bra-result, #wonder_et_moi #guide_des_tailles .trouverTaille .bottom-result{text-align:center;background: #ffce00;line-height:45px;height:45px;font-family: "europa",sans-serif;font-weight: 900;color:#000;font-size: 24px;} @media screen and (max-width: 991px){ #wonder_et_moi #nav_container:hover{background: #000;} #wonder_et_moi #guide_des_tailles{padding-top: 0} #wonder_et_moi #guide_des_tailles h2{font-size: 35px;line-height: 40px} #wonder_et_moi #guide_des_tailles p.paragraphe{font-size: 14px} #wonder_et_moi #guide_des_tailles .text_container{margin:50px 0;text-align: center} #wonder_et_moi #guide_des_tailles .trouverTaille{margin-top: 0} } @media screen and (min-width: 992px){ #wonder_et_moi #guide_des_tailles h2{font-size: 30px;line-height: 35px} #wonder_et_moi #guide_des_tailles p.paragraphe{font-size: 12px} #wonder_et_moi #guide_des_tailles .text_container{margin:40px 0;} #wonder_et_moi #guide_des_tailles .etapes_container .baseline{font-size: 14px;padding-bottom: 5px;margin-bottom: 10px} #wonder_et_moi #guide_des_tailles .etapes_container .etapes li{margin-bottom: 10px} #wonder_et_moi #guide_des_tailles .etapes_container .etapes p.paragraphe{margin:0 0 0 35px;} #wonder_et_moi #guide_des_tailles .trouverTaille{margin-top: 60px} #wonder_et_moi #guide_des_tailles .trouverTaille fieldset legend{font-size: 10px;padding: 15px 0;} #wonder_et_moi #guide_des_tailles .trouverTaille .choix{padding:15px 5px 5px;font-size: 12px} #wonder_et_moi #guide_des_tailles .trouverTaille .choix label{padding-left: 10px;} #wonder_et_moi #guide_des_tailles .trouverTaille .choix label::before{left: -15px;} #wonder_et_moi #guide_des_tailles .trouverTaille .choix select{font-size:10px;} #wonder_et_moi #guide_des_tailles .trouverTaille .bra-result, #wonder_et_moi #guide_des_tailles .trouverTaille .bottom-result{line-height: 35px;height: 35px;font-size: 18px;} } @media screen and (min-width: 1200px){ #wonder_et_moi #guide_des_tailles h2{font-size: 40px;line-height: 45px} #wonder_et_moi #guide_des_tailles p.paragraphe{font-size: 13px} #wonder_et_moi #guide_des_tailles .text_container{margin:50px 0;} #wonder_et_moi #guide_des_tailles .etapes_container .baseline{font-size: 15px;padding-bottom: 10px;margin-bottom: 20px} #wonder_et_moi #guide_des_tailles .etapes_container .etapes li{margin-bottom: 20px} #wonder_et_moi #guide_des_tailles .etapes_container .etapes p.paragraphe{margin:0 0 0 45px;} #wonder_et_moi #guide_des_tailles .trouverTaille{margin-top: 100px} #wonder_et_moi #guide_des_tailles .trouverTaille fieldset legend{font-size: 13px;padding: 25px 0;} #wonder_et_moi #guide_des_tailles .trouverTaille .choix{padding:20px 5px 10px;font-size: 14px} #wonder_et_moi #guide_des_tailles .trouverTaille .choix label{padding-left: 15px;} #wonder_et_moi #guide_des_tailles .trouverTaille .choix label::before{left: -10px;} #wonder_et_moi #guide_des_tailles .trouverTaille .choix select{font-size:14px;} #wonder_et_moi #guide_des_tailles .trouverTaille .bra-result, #wonder_et_moi #guide_des_tailles .trouverTaille .bottom-result{line-height: 45px;height: 45px;font-size: 24px;} } @media screen and (min-width: 1366px){ #wonder_et_moi #guide_des_tailles h2{font-size: 50px;line-height: 55px} #wonder_et_moi #guide_des_tailles p.paragraphe{font-size: 14px} #wonder_et_moi #guide_des_tailles .text_container{margin:70px 0;} #wonder_et_moi #guide_des_tailles .etapes_container .baseline{font-size: 16px;padding-bottom: 15px;margin-bottom: 30px} #wonder_et_moi #guide_des_tailles .etapes_container .etapes li{margin-bottom: 30px} #wonder_et_moi #guide_des_tailles .etapes_container .etapes p.paragraphe{margin:0 0 0 55px;} #wonder_et_moi #guide_des_tailles .trouverTaille{margin-top: 200px} } /* // Page Wonder & moi */ /* Page gamme */ #page_gamme .filtresSoutiensMobile2 .sous-titre{padding-top:15px;} #page_gamme p.sous-paragraphe {font-family: "europa", sans-serif;font-style: italic;font-size: 14px;} #page_gamme .filtreGroup {border-right: 1px solid #e6e6e6;width: 60%;} #page_gamme div#groupDesFiltres {width: 100%;padding: 0 10% 2%;display: flex;} #page_gamme .text_containerFiltre {display: flex;justify-content: space-between;padding: 0 10%;} #page_gamme .pastillesCoulour {margin-top: 15px;display: inline-flex;flex-wrap: wrap;height: inherit;} #page_gamme .filtreGroup2 {width: 40%;display: flex;flex-direction: column;height: inherit;justify-content: center;} #page_gamme #floor1{width:100%;} #page_gamme #floor1 img {width: 100%!important;} #page_gamme #floor2{margin-bottom: 100px;background: #FFF} #page_gamme .fixedTop{position: fixed !important;top:0;width: 100%;margin-left: auto;margin-right: auto;z-index:9999999999;} #page_gamme #floor2 .nav_forme{padding:30px 0 0;position: relative; background: #FFF;} #page_gamme #floor2 .nav_forme nav {position: relative;background: #FFF;padding: 2% 10%;} #page_gamme #floor2 .nav_forme nav ul li{display: inline-block;vertical-align: top;height: 120px;cursor: pointer;width: 19%;text-align: center;} /*#page_gamme #floor2 .nav_forme nav ul li:first-child, #page_gamme #floor2 .nav_forme nav ul li:last-child{display: inline-flex;flex-direction: column;justify-content: center;align-items: center;max-width: none;width:auto;} #page_gamme #floor2 .nav_forme nav ul li:first-child{border-right:1px solid #e6e6e6;} #page_gamme #floor2 .nav_forme nav ul li:last-child{border-left:1px solid #e6e6e6;}*/ #page_gamme #floor2 div.text_filtreSoutiens{display: inline-block;text-align: left;} #page_gamme #floor2 p.libelleFiltre{font-family: 'Playfair Display', serif;color: #000;font-size: 16px;margin-right: 25px;line-height: 20px;text-transform: none;} #page_gamme #floor2 .nav_forme nav ul li p.eurFt11{font-family: "europa",sans-serif;font-weight: 900;color:#000;font-size: 11px;} #page_gamme #floor2 .nav_forme nav ul li p.playFt20{font-family: 'Playfair Display', serif;color:#000;font-size: 16px;} #page_gamme #floor2 .nav_forme nav ul li div{height: 47px;position: relative;} #page_gamme #floor2 .nav_forme nav ul li p.desc{font-family: "europa",sans-serif;font-weight: 900;color:#000;font-size: 10px;text-transform: uppercase;letter-spacing: 1px;margin: 10px auto 0;width:95%;} #page_gamme #floor2 .nav_forme nav ul li p.plus{font-family: "europa",sans-serif;font-weight: 900;font-size: 13px;color:#ffce00;position: absolute;bottom: 0;width: 100%;z-index: 999999} #page_gamme #floor2 .nav_forme nav ul li.black p.icon{color:#000} #page_gamme #floor2 .nav_forme nav ul li p.icon{font-size: 70px;color:#c3c3c3;} #page_gamme #floor2 .nav_forme .borderFiltre{border-bottom: 1px solid #e6e6e6;position: absolute;left: 0;bottom: 0;width: 100%;} #page_gamme #floor2 .nav_forme .btn_filtre{text-align:center;background:url("assets/images/BG_cercle.png") bottom center no-repeat;background-size:contain;position: absolute;bottom:0;left:50%;width:80px;height: 80px;margin-left: -40px;margin-bottom: -40px;border-radius: 50%;display: flex;justify-content: center;align-items: flex-end;cursor:pointer;z-index: 9999; opacity:0; transition: opacity 0.2s; } #page_gamme #floor2 .nav_forme .btn_filtre div{padding-bottom: 17px} #page_gamme #floor2 .nav_forme .btn_filtre p {font-family: "europa",sans-serif;font-weight: 900;color: #000;font-size: 12px;letter-spacing: 1px;transform: translateY(-35%);} #page_gamme #floor2 .nav_forme .btn_filtre span.icon-down-arrow{color:#ffce00;font-size: 12px; display: none;} #page_gamme #floor2 .nav_forme .btn_filtre span.icon-up-arrow{color:#ffce00;font-size: 12px;} #page_gamme #floor2 .nav_forme .filtres{position: relative;z-index: 99;transition:opacity 0.3s ease-out, height 0.4s ease-out 0.1s;height: 0;overflow: hidden;display: flex;justify-content: center;align-items: center;opacity:0;} #page_gamme #floor2 .nav_forme .filtres.openFiltres{height:auto;opacity: 1;transition:opacity 0.5s ease-out 0.3s, height 0.4s ease-out;} #page_gamme #floor2 .nav_forme .filtres.openFiltresScroll{height:auto;opacity: 1;transition:opacity 0.3s ease-out 0.3s, height 0.3s ease-out;} #page_gamme #floor2 .nav_forme .filtres .libelleFiltre{font-family: 'Playfair Display', serif;color:#000;font-size: 16px;margin-right: 25px;line-height: 20px} #page_gamme #floor2 .nav_forme .filtres label {display: block;position: relative;padding-left: 40px;cursor: pointer;-webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;user-select: none;} #page_gamme #floor2 .nav_forme .filtres label input {position: absolute;opacity: 0;} #page_gamme #floor2 .nav_forme .filtres .checkmark {position: absolute;top: 0;left: 0;height: 20px;width: 20px;border-radius: 50%;} #page_gamme #floor2 .nav_forme .filtres .filtreCouleur label input#blanc ~ .checkmark, #page_gamme #floor2 .nav_forme .filtres .filtreCouleur label input#white ~ .checkmark, #page_gamme #floor2 .nav_forme .filtres .filtreCouleur label input#print-wink-ivory ~ .checkmark, #page_gamme #floor2 .nav_forme .filtres .filtreCouleur label input#print-logo-black ~ .checkmark{border:1px solid #000;} #page_gamme #floor2 .nav_forme .filtres .filtreCouleur label input#blanc-et-noir ~ .checkmark, #page_gamme #floor2 .nav_forme .filtres .filtreCouleur label input#white-black ~ .checkmark{border:1px solid #000;background-size:contain !important;} #page_gamme #floor2 .nav_forme .filtres .checkmark:after {content: "";position: absolute;display: none;} #page_gamme #floor2 .nav_forme .filtres label input.selected ~ .checkmark:after {display: block;} #page_gamme #floor2 .nav_forme .filtres .filtreCouleur {display: block;height: 50%;padding: 0 15%;} #page_gamme #floor2 .nav_forme .filtres .filtreCouleur label input.selected ~ .checkmark{border:2px solid #000000;} #page_gamme #floor2 .nav_forme .filtres .filtreCouleur label .checkmark:after {top: 0;left: 0;width: 16px;height: 16px;border-radius: 50%;border:1px solid #FFF;} #page_gamme #floor2 .nav_forme .filtres .filtreMatiere {display: block;padding: 0 15%;padding-bottom: 20px;} #page_gamme #floor2 .nav_forme .filtres .filtreMatiere .options{display: inline-flex;justify-content: center;flex-wrap: nowrap;margin-top: 15px;} #page_gamme #floor2 .nav_forme .filtres .filtreMatiere .checkmark{border:1px solid #e6e6e6;} #page_gamme #floor2 .nav_forme .filtres .filtreMatiere label{margin-right:30px;font-family: "europa",sans-serif;font-weight: 400;color:#000;font-size: 14px;line-height: 20px} #page_gamme #floor2 .nav_forme .filtres .filtreMatiere label input.checked ~ .checkmark:after {display: block;} #page_gamme #floor2 .nav_forme .filtres .filtreMatiere label input.checked ~ .checkmark{border:2px solid #000000;} #page_gamme #floor2 .nav_forme .filtres .filtreMatiere label .checkmark:after {top: 0;left: 0;width: 16px;height: 16px;border-radius: 50%;border:1px solid #FFF;background: #000} #page_gamme #floor2 .nav_forme .filtres .btn_reset_filtre{position: absolute;bottom:15%;right:-25%;transition: right 0.4s;margin-bottom: -10px} #page_gamme #floor2 .nav_forme .filtres .btn_reset_filtre p {cursor: pointer;/* text-decoration: underline; */font-family: "europa",sans-serif;font-weight: 400;color: #000;font-size: 14px;font-style: italic;border: 1px solid;width: 120px;height: 30px;justify-content: center;align-items: center;display: flex;} /*#page_gamme #floor2 .nav_forme .filtres .btn_reset_filtre p{cursor:pointer;text-decoration: underline;font-family: "europa",sans-serif;font-weight: 400;color:#000;font-size: 14px;font-style:italic;}*/ #page_gamme .gammeProduits{margin-bottom: 50px} #page_gamme .gammeProduits .text_container{text-align: center} #page_gamme .gammeProduits .text_container h2{font-size: 40px;line-height: 45px} #page_gamme .gammeProduits .text_container p.paragraphe{margin: 30px 0 50px;} #page_gamme .gammeProduits .produitGamme{text-align: center;position: relative;margin-bottom: 40px;transition: box-shadow 0.5s;} #page_gamme .gammeProduits .produitGamme:hover{box-shadow: 20px 20px 20px -4px rgba(0,0,0,0.2);} #page_gamme .gammeProduits .produitGamme .newLogo {position: absolute;right: 5%;z-index: 9999;top: 2%;} #page_gamme .gammeProduits .produitGamme .infos{height: 90px;display: flex;flex-direction: column;justify-content: center;align-items: center;} #page_gamme .gammeProduits .produitGamme p.libelle{font-family: "europa",sans-serif;font-weight: 400;color:#000;font-size: 16px;margin: 0 0 15px;padding:0 10px;} #page_gamme .gammeProduits .produitGamme hr{margin:0;max-width: 50px;border-top:1px solid #ffce00;} #page_gamme .gammeProduits .produitGamme .visuProd img{max-width: 100%} #page_gamme .gammeProduits .produitGamme:hover .visuProd{display: none} #page_gamme .gammeProduits .produitGamme .hoverProd{opacity: 0;height:0;overflow: hidden;transition: opacity 0.8s ease-out;} #page_gamme .gammeProduits .produitGamme:hover .hoverProd{opacity: 1;height: auto;} #page_gamme .gammeProduits .produitGamme .slickPrev, #page_gamme .gammeProduits .produitGamme .slickNext{position: absolute;top:50%;left:3%;margin-top: -10px;z-index: 999} #page_gamme .gammeProduits .produitGamme .slickNext{left: initial;right:3%;} #page_gamme .gammeProduits .produitGamme .slickPrev span:before, #page_gamme .gammeProduits .produitGamme .slickNext span:before{font-size: 20px;color: #000} #page_gamme .gammeProduits .produitGamme .slick-slide{height: auto !important} #page_gamme .gammeProduits .produitGamme .infosCouleurs{position: absolute;top:10px;left:10px;} #page_gamme .gammeProduits .produitGamme .infosCouleurs ul li{display: inline-block;margin:0 2px;} #page_gamme .gammeProduits .produitGamme .infosCouleurs ul li span{display: block;border-radius: 50%;width:10px;height:10px;} @media screen and (max-width: 991px){ #page_gamme #floor2 .nav_forme .btn_filtre{opacity: 1;} #page_gamme #floor2 .nav_forme .btn_filtre span.icon-down-arrow{display: block;} #page_gamme #floor2 .nav_forme .btn_filtre span.icon-up-arrow{display: none;} #page_gamme #floor2 .nav_forme .filtres .filtreCouleur{padding: 0;} #page_gamme #floor2 .nav_forme nav{padding: 0;} #page_gamme #floor2 .nav_forme .borderFiltre {border-bottom: 1px solid #e6e6e6;position: absolute;left: 0;bottom: 0;width: 100%;} #page_gamme #floor2 .nav_forme .filtres .filtreCouleur {display: inline-flex;justify-content: center;flex-wrap: wrap;} #page_gamme #floor1{display: none} #page_gamme #floor2 .nav_forme nav ul li {display: inline-block;padding: 0 30px;vertical-align: top;height: 120px;cursor: pointer;width: 120px;} #page_gamme #floor2 .nav_forme{z-index:1; text-align: center;} #page_gamme #floor2 .nav_forme nav{padding-bottom: 40px} #page_gamme #floor2 .nav_forme nav ul li{padding: 0;margin:0 10px;height:100px;} /*#page_gamme #floor2 .nav_forme nav ul li:first-child, #page_gamme #floor2 .nav_forme nav ul li:last-child{display: block} #page_gamme #floor2 .nav_forme nav ul li:first-child{border-right:0} #page_gamme #floor2 .nav_forme nav ul li:last-child{border-left:0}*/ #page_gamme #floor2 .nav_forme nav ul li p.icon{font-size: 50px} #page_gamme #floor2 .nav_forme nav ul li p.desc{font-size: 9px} #page_gamme #floor2 .nav_forme .filtres.openFiltres{height: 170px;padding-bottom: 20px} #page_gamme #floor2 .nav_forme .filtres label{padding-left: 40px;} #page_gamme #floor2 .nav_forme .filtres .filtreCouleur{margin-bottom: 40px;} #page_gamme #floor2 .nav_forme .filtres .filtreCouleur label:last-child{padding-left: 20px} #page_gamme #floor2 .nav_forme .filtres .filtreMatiere{margin-left: 0} #page_gamme #floor2 .nav_forme .filtres .filtreMatiere label:last-child{margin-right: 0} #page_gamme #floor2 .nav_forme .filtres .libelleFiltre{margin-bottom: 10px;width:100%;margin-right:0;} #page_gamme #floor2 .nav_forme .filtres .btn_reset_filtre{bottom:6%;margin-bottom: 0} #page_gamme #floor2 .nav_forme .sliderFormes .slick-slide{height: auto !important} #page_gamme .gammeProduits .text_container p.paragraphe{font-size: 24px} #page_gamme .gammeProduits .produitGamme:hover{box-shadow: none;} #page_gamme .gammeProduits .produitGamme:hover .visuProd{display: block} #page_gamme .gammeProduits .produitGamme .hoverProd{display: none} #page_gamme .gammeProduits .produitGamme:hover .hoverProd{display: none} #page_gamme .gammeProduits .produitGamme p.libelle{font-size: 22px;margin:0 0 15px;} #page_gamme #floor2 p.sous-titre{margin-bottom: 10px} #page_gamme .gammeProduits .produitGamme .newLogo{z-index: 0;} #page_gamme .gammeProduits .produitGamme .newLogo img {width: 80%;} #page_gamme #floor2 .nav_forme .filtres.openFiltresScroll{opacity: 0;height: 0;} #page_gamme .text_containerFiltre{display: block; padding: 10px 0;} } @media screen and (max-width:768px){ #page_gamme #floor2 .nav_forme{padding: 0!important;} } @media screen and (max-width: 639px){ #page_gamme #floor2{margin-bottom: 70px} #page_gamme #floor2 .nav_forme nav{padding-bottom: 15px} #page_gamme #floor2 .nav_forme .filtres .libelleFiltre{font-size: 14px} #page_gamme #floor2 .nav_forme .filtres .filtreMatiere label{margin-right: 20px;font-size: 12px;} #page_gamme #floor2 .nav_forme .filtres label{padding-left: 30px;} #page_gamme .gammeProduits .text_container p.paragraphe{font-size: 18px} #page_gamme .gammeProduits .produitGamme p.libelle{font-size: 16px;} } @media screen and (max-width: 479px){ #page_gamme #floor2{margin-bottom: 50px} #page_gamme #floor2 p.sous-titre{font-size: 10px} #page_gamme #floor2 .nav_forme .filtres .libelleFiltre{font-size: 14px;} #page_gamme #floor2 .nav_forme .filtres .filtreMatiere label{margin-right: 10px;font-size: 14px;} #page_gamme #floor2 .nav_forme .filtres label{padding-left: 36px;} #page_gamme #floor2 .nav_forme .filtres .btn_reset_filtre p{font-size: 14px} #page_gamme #floor2 .nav_forme nav ul li p.plus{font-size: 10px} #page_gamme .gammeProduits .text_container h2{font-size: 35px;line-height: 40px;} #page_gamme .gammeProduits .text_container p.paragraphe{font-size: 14px;margin:15px 0} #page_gamme .gammeProduits .produitGamme p.libelle{font-size: 14px;} #page_gamme #floor2 .nav_forme .filtres .btn_reset_filtre p {cursor: pointer;text-decoration: underline;font-family: "europa",sans-serif;font-weight: 400;color: #000;font-size: 14px;font-style: italic;border: 0;width: 60px;height: 30px;justify-content: center;align-items: center;display: flex; margin-bottom: 20px;} } @media screen and (min-width: 992px){ #page_gamme #floor2{margin-bottom: 70px} /*#page_gamme #floor2 .nav_forme nav ul li:first-child, #page_gamme #floor2 .nav_forme nav ul li:last-child{padding:0 18px;}*/ #page_gamme #floor2 .nav_forme nav ul li p.icon{font-size: 60px;} #page_gamme #floor2 .nav_forme .filtres label{padding-left: 30px;} #page_gamme #floor2 .nav_forme nav ul li p.desc{font-size: 9px} #page_gamme .gammeProduits .produitGamme p.libelle{font-size: 14px;margin:0 0 15px} } @media screen and (min-width: 1200px){ #page_gamme #floor2{margin-bottom: 100px} #page_gamme #floor2 .nav_forme .filtres label{padding-left: 30px;} #page_gamme .gammeProduits .produitGamme p.libelle{font-size: 15px;margin:0 0 15px} } @media screen and (min-width: 1366px){ #page_gamme #floor2 .nav_forme nav ul li p.icon{font-size: 70px;} #page_gamme #floor2 .nav_forme .filtres label{padding-left: 35px;} #page_gamme #floor2 .nav_forme nav ul li p.desc{font-size: 10px} #page_gamme .gammeProduits .produitGamme p.libelle{font-size: 16px} #page_gamme p.sous-paragraphe {padding: 0 5% 0 0;} } @media screen and (min-width: 1440px){ #page_gamme #floor2 .nav_forme .filtres label{padding-left: 50px;} } @media screen and (min-width: 1680px){ #page_gamme #floor2 .nav_forme nav ul li p.plus{bottom:15px;} } @media screen and (min-width: 1921px){ #page_gamme #floor2 .nav_forme .filtres label{padding-left: 60px;} } /* // Page gamme */ /*body.fixed{ position:fixed;} #page_produit {display: none; } #page_produit.active {display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 999;}*/ /* Page produit */ section#produitMobile .description_container {text-align: center;} #page_produit{min-height: 100vh;} #page_produit #produit{min-height: 100vh;} #page_produit .flexbox{display: flex;position: relative;} #page_produit .infos_produit{width:50%;overflow: hidden;position: sticky;position: -webkit-sticky;top:0;right:0;height: 100vh; } #page_produit .infos_produit .flexItemCenter{flex-direction: column;height: 100%;justify-content: center;transform: translateX(110%);overflow: hidden;transition: transform 1.5s;position: relative;background: #fff;} #page_produit .infos_produit .flexItemCenter.activeProd{transform: translateX(0)} #page_produit .infos_produit .description_container{width:100%;} #page_produit .infos_produit .description_container .text_container{text-align: center;margin-bottom: 50px} #page_produit .infos_produit .description_container .text_container h2{font-size: 40px;line-height: 45px} #page_produit .infos_produit .description_container .text_container .description_modele p{ font-family: "europa",sans-serif;font-weight: 400;color: #000;width:70%;margin:30px auto 40px;} #page_produit .infos_produit .description_container .text_container .colors{display: flex;justify-content: center;margin-bottom: 40px} #page_produit .infos_produit .description_container .text_container .colors p.sous-titre{margin-right:15px;line-height: 15px} #page_produit .infos_produit .description_container .text_container .colors ul li{display: inline-block;margin:0 10px;cursor:pointer;} #page_produit .infos_produit .description_container .text_container .colors ul li span{display: block;border-radius: 50%;width:15px;height:15px;background-size:contain !important} #page_produit .infos_produit .description_container .text_container .colors ul li[data-couleur-soutien="white"] span, #page_produit .infos_produit .description_container .text_container .colors ul li[data-couleur-soutien="blanc"] span{border: 1px solid #000;} #page_produit .infos_produit .description_container .text_container .colors ul li.activeColors span{border:2px solid #000;} #page_produit .infos_produit .description_container .technologie_container{border-top: 1px solid #e6e6e6;display: flex;justify-content: center;text-align: center;width:70%;padding-top: 40px;margin:0 auto;} #page_produit .infos_produit .description_container .technologie_container .technologie{width:50%;} #page_produit .infos_produit .description_container .technologie_container .technologie p:not(.sous-titre){font-family: "europa",sans-serif;font-weight: 900;color:#000;font-size: 10px;letter-spacing: 1px} #page_produit .infos_produit .description_container .technologie_container .technologie img{margin:25px auto 10px;} #page_produit .galerie-img{width:50%;height: auto;} #page_produit .galerie-img .containerProd{position: relative;transform: translateX(-110%);overflow: hidden;transition: transform 1.5s;background: #fff;} #page_produit .galerie-img .containerProd.activeProd{transform: none} #page_produit .galerie-img .containerProd .listVisuProd{display: block;position: relative;width: 100%;} #page_produit .galerie-img .containerProd .listVisuProd ul{display: flex;flex-shrink: 0;flex-wrap: nowrap;flex-direction: column;width: 100%} #page_produit .galerie-img .containerProd .listVisuProd ul li{ display: block;overflow: hidden;height: 100vh;position: relative;} #page_produit .galerie-img .containerProd .listVisuProd ul li .img_container{position:absolute; top:0; left:0; width:100%;height: 100%;overflow: hidden;} #page_produit .galerie-img .containerProd .listVisuProd ul li .img_container img{height:100%;width: auto !important;position: absolute;top:0;left:0;} /*#page_produit .galerie-img .containerProd .listVisuProd ul li.active{opacity: 1;height: auto;transition: opacity 0.8s ease-out;}*/ #page_produit .galerie-img .containerProd .listPreVisuProd{position: fixed;top:60px;left:60px;z-index: 99999;cursor: pointer} #page_produit .galerie-img .containerProd .listPreVisuProd ul li{max-width: 70px;margin-bottom: 10px} #page_produit .galerie-img .containerProd .listPreVisuProd ul li.active{border:2px solid #000;} #page_produit .parures_container{text-align: center;padding:70px 0;} #page_produit .parures_container .text_container{margin-bottom: 50px} #page_produit .parures_container .text_container p{font-family: "europa",sans-serif;font-weight: 400;color:#000;font-size: 18px;} #page_produit .parures_container .text_container hr{margin-top:20px;max-width: 36px} #page_produit .parures_container .parures img{width:auto;margin:0 auto;} #page_produit .parures_container .parures ul{display: flex;justify-content: center;} #page_produit .parures_container .parures ul li{width:33.333333%;text-align: center} #page_produit .parures_container .parures ul li p.libelle{font-size: 16px;margin: 50px 0 10px} #page_produit .parures_container .parures ul li hr{margin:0;max-width: 50px;border-top:1px solid #e6e6e6} #page_produit #closeProd{position: absolute;top:15px;right:15px;} @media screen and (max-width: 991px){ #page_produit_mobile .back{background: #FFF;position: relative} #page_produit_mobile .back a{position: absolute;left:15px;top:50%;transform: translateY(-50%);font-size: 35px} #page_produit_mobile .back p{font-family: "europa",sans-serif;font-weight: 900;color:#000;font-size: 24px;line-height: 100px;text-align: center} #page_produit_mobile .sliderPageProduit .slick-slide{height: auto !important} #page_produit_mobile .sliderPageProduit .slickPrev, #page_produit_mobile .sliderPageProduit .slickNext{position: absolute;top:50%;left:3%;margin-top: -10px;z-index: 999} #page_produit_mobile .sliderPageProduit .slickNext{left: initial;right:3%;} #page_produit_mobile .sliderPageProduit .slickPrev span:before, #page_produit_mobile .sliderPageProduit .slickNext span:before{font-size: 20px;color: #000} #page_produit_mobile .text_container{margin-top: 50px} #page_produit_mobile .text_container p.categ{font-size: 24px} #page_produit_mobile .text_container p.paragraphe{font-size: 28px} #page_produit_mobile .text_container .colors{display: flex;margin-bottom: 30px} #page_produit_mobile .text_container .colors p.sous-titre{margin-right:15px;line-height: 35px;font-size: 28px} #page_produit_mobile .text_container .colors ul li{display: inline-block;margin:0 10px;cursor:pointer;} #page_produit_mobile .text_container .colors ul li span{display: block;border-radius: 50%;width:35px;height:35px;} #page_produit_mobile .text_container .colors ul li.activeColors span{border:2px solid #000;} #page_produit_mobile .technologie_container{border-top: 1px solid #e6e6e6;display: flex;flex-direction:column;justify-content: center;text-align: center;padding-top: 30px;margin-top:50px;} #page_produit_mobile .technologie_container .technologie p.sous-titre{font-size: 28px} #page_produit_mobile .technologie_container .technologie p:not(.sous-titre){font-family: "europa",sans-serif;font-weight: 900;color:#000;font-size: 22px;letter-spacing: 1px} #page_produit_mobile .technologie_container .technologie img{margin:25px auto 10px;} #page_produit_mobile .parures_container{text-align: center;} #page_produit_mobile .parures_container .text_container{margin-bottom: 50px} #page_produit_mobile .parures_container .text_container p{font-family: "europa",sans-serif;font-weight: 400;color:#000;font-size: 44px;} #page_produit_mobile .parures_container .text_container hr{margin-top:20px;max-width: 36px} #page_produit_mobile .parures_container .parures img{width:auto;margin:0 auto;} #page_produit_mobile .parures_container .parures ul li{text-align: center} #page_produit_mobile .parures_container .parures ul li p.libelle{font-size: 28px;margin: 30px 0 50px} } @media screen and (max-width: 639px){ #page_produit_mobile .back p{font-size: 20px;line-height: 80px} #page_produit_mobile .text_container h2{font-size: 45px;line-height: 50px;} #page_produit_mobile .text_container p.categ{font-size: 20px} #page_produit_mobile .text_container p.paragraphe{font-size: 24px} #page_produit_mobile .text_container .colors p.sous-titre{line-height: 20px;font-size: 24px} #page_produit_mobile .text_container .colors ul li span{width:20px;height:20px;} #page_produit_mobile .technologie_container .technologie p.sous-titre{font-size: 24px} #page_produit_mobile .technologie_container .technologie p:not(.sous-titre){font-size: 18px;} #page_produit_mobile .parures_container .text_container p{font-size: 30px;} #page_produit_mobile .parures_container .parures ul li p.libelle{font-size: 24px;margin: 30px 0 50px} } @media screen and (max-width: 479px){ #page_produit_mobile .back a{font-size: 25px} #page_produit_mobile .back p{font-size: 14px;line-height: 60px} #page_produit_mobile .text_container h2{font-size: 30px;line-height: 35px;} #page_produit_mobile .text_container p.categ{font-size: 14px} #page_produit_mobile .text_container p.paragraphe{font-size: 18px} #page_produit_mobile .text_container .colors p.sous-titre{font-size: 18px} #page_produit_mobile .technologie_container .technologie p.sous-titre{font-size: 18px} #page_produit_mobile .technologie_container .technologie p:not(.sous-titre){font-size: 14px;} #page_produit_mobile .parures_container .text_container p{font-size: 20px;} #page_produit_mobile .parures_container .parures ul li p.libelle{font-size: 18px;margin: 30px 0 50px} } @media screen and (min-width: 992px){ #page_produit .infos_produit .description_container .text_container{margin-bottom: 30px;} #page_produit .infos_produit .description_container .text_container h2{font-size: 35px;line-height: 40px;} #page_produit .infos_produit .description_container .text_container .description_modele p{margin:30px auto;font-size: 14px} #page_produit .infos_produit .description_container .text_container .colors{margin-bottom: 30px} #page_produit .infos_produit .description_container .technologie_container{padding-top: 30px;} #page_produit .galerie-img .containerProd .listPreVisuProd{top: 30px;left: 30px;} #page_produit .galerie-img .containerProd .listPreVisuProd ul li{max-width: 50px;} } @media screen and (min-width: 1680px){ #page_produit .infos_produit .description_container .text_container{margin-bottom: 50px;} #page_produit .infos_produit .description_container .text_container h2{font-size: 40px;line-height: 45px;} #page_produit .infos_produit .description_container .text_container .description_modele p{margin:30px auto 40px;font-size: 16px} #page_produit .infos_produit .description_container .text_container .colors{margin-bottom: 40px} #page_produit .infos_produit .description_container .technologie_container{padding-top: 40px;} #page_produit .galerie-img .containerProd .listPreVisuProd{top: 60px;left: 60px;} } /* // Page produit */ /* Page Contact */ #page_contact #nav_container:hover{background: rgba(255,255,255,0.8);} #page_contact #nav_container ul#menu-menu-navigation-principal li a, #page_contact #nav_container ul#menu-menu-navigation-principal-en li a{color: #000;} #page_contact #nav_container nav#secondary ul li a{color: #000;} #page_contact #nav_container nav#secondary ul li:first-child::after{background: url('assets/images/arrowBlack_down.png')} #page_contact #nav_container nav#secondary ul li:last-child{background: rgba(255,255,255,0.8)} #page_contact #contact{height: auto;display: flex;flex-direction: column;justify-content: center;} #page_contact #contact .text_container{margin:80px 0;} #page_contact #contact .text_container h2{font-size: 56px;line-height: 61px} #page_contact #contact .text_container p.paragraphe{font-size:14px;text-transform:uppercase;font-weight:900;} #page_contact #contact .text_container p.paragraphe a.mail{border-bottom: 2px solid #ffce00;padding-bottom: 2px} #page_contact #contact .text_container hr{margin-top: 15px} #page_contact #contact .formulaire .flexBetween{display:flex;justify-content:space-between;margin-bottom:20px} #page_contact #contact .formulaire .formline{width:47.38562091503268%;display:inline-block} #page_contact #contact .formulaire label{width:100%;font-family: "europa",sans-serif;font-weight:900;font-size:12px;display:block;color:#000;text-transform: uppercase;letter-spacing: 1px} #page_contact #contact .formulaire input{width:100%;display:block;line-height:30px;background:#FFF;border-bottom:1px solid #c7c9cf;border-top:0;border-right:0;border-left:0;font-family: "europa",sans-serif;font-weight:400;text-transform: capitalize;font-size:13px;text-indent:10px;color:#000} #page_contact #contact .formulaire input#inptMail, #page_contact #contact .formulaire input#inptMessage{text-transform:none} #page_contact #contact .formulaire .styled-select{position: relative;/*overflow: hidden;*/width: 100%;height:30px;} #page_contact #contact .formulaire .styled-select::after{content:"";background: url(assets/images/chevronSelectContact.png) no-repeat right center;position: absolute;top:0;right: 0;width:30px;height:30px;pointer-events: none;} #page_contact #contact .formulaire select{cursor:pointer;-webkit-appearance: none;-moz-appearance: none;appearance: none;width:100% !important;display:block;height:30px;background:#FFF;border-bottom:1px solid #c7c9cf;border-top:0;border-right:0;border-left:0;font-family: "europa",sans-serif;font-weight:400;font-size:13px;text-indent:4px;color:#000} #page_contact #contact .formulaire .formlineMessage{width:100%;display:block} #page_contact #contact .formulaire .formlineMessage textarea{width:100%;display:block;background:#f9f9f9;border:0;font-family: "europa",sans-serif;font-weight:400;font-size:13px;text-indent:10px;resize:none;color:#4d4f53;padding-top:10px;height:204px;} #page_contact #contact .formulaire .formlineMessage p{font-family: "europa",sans-serif;font-size:11px;text-align:right;margin:5px 0 0} #page_contact #contact .formulaire .center{text-align:center} #page_contact #contact .formulaire .champs{font-family: "europa",sans-serif;font-weight:900;font-size:10px;margin:0;color:#939494;text-align: right} #page_contact #contact .formulaire .mb40{margin-bottom: 40px} #page_contact #contact .formulaire .mb10{margin-bottom: 10px} #page_contact #contact .formulaire .feedback_ctn{text-align:center;margin-bottom: 20px;background: rgba(255,206,0,0.95);color: #fff;padding: 25px;bottom: 25px;right: 25px;max-width: 450px;max-height: 250px;font-family: "europa",sans-serif;font-weight: 400;font-size: 14px;} @media screen and (max-width: 991px){ #page_contact #nav_container:hover{background: #000;} #page_contact #contact{height: auto;margin:40px 0;} #page_contact #contact .text_container{margin-top:0;margin-bottom: 60px} #page_contact #contact .formulaire .flexBetween{flex-direction: column} #page_contact #contact .formulaire .formline{width:100%;} #page_contact #contact .formulaire .mb40{margin-bottom: 30px} #page_contact #contact .formulaire .mb30{margin-bottom: 30px} #page_contact #contact .formulaire .champs{margin-bottom: 10px} } @media screen and (max-width: 479px){ #page_contact #contact .text_container h2{font-size: 35px;line-height: 40px} #page_contact #contact .text_container p.paragraphe{font-size: 12px} } @media screen and (min-width: 992px){ #page_contact #contact{height: auto;margin-bottom: 50px} #page_contact #contact .text_container h2{font-size: 40px;line-height: 45px} #page_contact #contact .text_container p.paragraphe{font-size: 11px;margin:20px 0;} #page_contact #contact .formulaire .mb40{margin-bottom: 30px} #page_contact #contact .formulaire .formlineMessage textarea{height: 185px} } @media screen and (min-width: 1200px){ #page_contact #contact .text_container h2{font-size: 45px;line-height: 50px} #page_contact #contact .text_container p.paragraphe{font-size: 12px;} } @media screen and (min-width: 1680px){ #page_contact #contact{height: 100vh;margin-bottom: 0} #page_contact #contact .text_container h2{font-size: 56px;line-height: 61px} #page_contact #contact .text_container p.paragraphe{font-size: 14px;margin:30px 0;} #page_contact #contact .formulaire .mb40{margin-bottom: 40px} #page_contact #contact .formulaire .formlineMessage textarea{height: 204px} } /* // Page Contact */ /* Page Service Client */ #page_service_client #nav_container:hover{background: rgba(255,255,255,0.8);} #page_service_client #nav_container ul#menu-menu-navigation-principal li a, #page_service_client #nav_container ul#menu-menu-navigation-principal-en li a{color: #000;} #page_service_client #nav_container nav#secondary ul li a{color: #000;} #page_service_client #nav_container nav#secondary ul li:first-child::after{background: url('assets/images/arrowBlack_down.png')} #page_service_client #nav_container nav#secondary ul li:last-child{background: rgba(255,255,255,0.8)} #page_service_client #service_client .row{margin: 120px 0 50px;} #page_service_client #service_client .service_container{display: none;} #page_service_client #service_client .service_container.activeLangue{display: block;} #page_service_client #service_client .text_container h2{font-size: 50px;line-height: 55px;} #page_service_client #service_client .text_container p.paragraphe{font-size:14px;font-weight:900;line-height: 24px} #page_service_client #service_client .text_container p.paragraphe span.upper{text-transform:uppercase} #page_service_client #service_client .text_container p.paragraphe span.regular{font-weight: 400} #page_service_client #service_client .text_container p.paragraphe a.mail{border-bottom: 2px solid #ffce00;padding-bottom: 2px} #page_service_client #service_client .text_container hr{margin-top: 15px} #page_service_client #service_client .langues_container ul li{display: inline-flex;margin-right:25px;cursor:pointer;padding-top:10px;} #page_service_client #service_client .langues_container ul li.active{border-top:1px solid #000;} #page_service_client #service_client .langues_container ul li:last-child{margin-right: 0} #page_service_client #service_client .langues_container ul li span{font-family: "europa",sans-serif;font-size:10px;font-weight:900;line-height: 13px;margin-left: 10px} @media screen and (max-width: 991px){ #page_service_client #nav_container:hover{background: #000;} #page_service_client #service_client{height: auto;margin:40px 0;} #page_service_client #service_client .row{margin: 0;} #page_service_client #service_client .langues_container{margin-bottom: 30px;} } @media screen and (max-width: 479px){ #page_service_client #service_client .text_container h2{font-size: 35px;line-height: 40px} #page_service_client #service_client .langues_container ul li{margin-right:15px;} } @media screen and (min-width: 992px){ #page_service_client #service_client{height: 100vh;margin-bottom: 50px} #page_service_client #service_client .text_container h2{font-size: 40px;line-height: 45px} #page_service_client #service_client .text_container p.paragraphe{font-size: 11px;margin:20px 0;line-height: 16px} #page_service_client #service_client .langues_container ul li{margin-right:15px;} } @media screen and (min-width: 1200px){ #page_service_client #service_client{height: auto;margin-bottom:0;} #page_service_client #service_client .text_container h2{font-size: 45px;line-height: 50px} #page_service_client #service_client .text_container p.paragraphe{font-size: 12px;line-height: 22px} #page_service_client #service_client .langues_container ul li{margin-right:25px;} } @media screen and (min-width: 1366px){ #page_service_client #service_client .text_container h2{font-size: 50px;line-height: 55px} #page_service_client #service_client .text_container p.paragraphe{font-size: 14px;margin:30px 0;line-height: 24px} } /* // Page Service Client */ /* Page Achat en ligne */ #page_achat_en_ligne #nav_container:hover{background: rgba(255,255,255,0.8);} #page_achat_en_ligne #nav_container ul#menu-menu-navigation-principal li a, #page_achat_en_ligne #nav_container ul#menu-menu-navigation-principal-en li a{color: #000;} #page_achat_en_ligne #nav_container nav#secondary ul li a{color: #000;} #page_achat_en_ligne #nav_container nav#secondary ul li:first-child::after{background: url('assets/images/arrowBlack_down.png')} #page_achat_en_ligne #nav_container nav#secondary ul li:last-child{background: rgba(255,255,255,0.8)} #page_achat_en_ligne #achat_en_ligne .row .text_container{margin: 100px 0 50px;} #page_achat_en_ligne #achat_en_ligne .text_container h2{font-size: 35px;line-height: 40px;text-align: center} #page_achat_en_ligne #achat_en_ligne .text_container hr{display: block} #page_achat_en_ligne #achat_en_ligne .marques_container{position: relative;/*padding-bottom: 86.32124352331606%;overflow: hidden;*/} #page_achat_en_ligne #achat_en_ligne .marques_container ul{display:flex;flex-wrap:wrap;align-items:center;text-align:center;border-top:1px solid #eeeeee;border-left:1px solid #eeeeee;/*position: absolute;top:0;left:0;width:100%;height: 100%*/} #page_achat_en_ligne #achat_en_ligne .marques_container ul li{width:50%;display: inline-flex;border-bottom:1px solid #eeeeee;border-right:1px solid #eeeeee;align-items: center;height:auto;flex-direction: column;justify-content: center;padding:75px 0;} /*#page_achat_en_ligne #achat_en_ligne .marques_container ul.en li{height:50%;}*/ #page_achat_en_ligne #achat_en_ligne .marques_container ul li div{width:78.85714285714286%;margin: 0 auto} #page_achat_en_ligne #achat_en_ligne .marques_container ul li img{margin:0 auto;} #page_achat_en_ligne #achat_en_ligne .marques_container ul li p{display: block;font-family: "europa",sans-serif;font-size:11px;font-weight:900;letter-spacing: 1px;border-top:1px solid #eeeeee;padding-top: 20px;margin-top: 30px} #page_achat_en_ligne #achat_en_ligne .sticky_container{position: sticky;top: 0;height: 100vh;} #page_achat_en_ligne #achat_en_ligne .sticky_container .row{height: 100%} #page_achat_en_ligne #achat_en_ligne .sticky_container .bgSticky{display:block;width:100%;height: 100%;background: url('assets/images/acheter_en_ligne_img.jpg') center no-repeat;background-size: cover;} #page_achat_en_ligne #achat_en_ligne .sticky_container .bgSticky.fr{background: url('assets/images/visu_acheter_en_ligne.jpg') center no-repeat;background-size: cover;} @media screen and (max-width: 991px){ #page_achat_en_ligne #nav_container:hover{background: #000;} #page_achat_en_ligne #achat_en_ligne{height: auto;margin:40px 0;} #page_achat_en_ligne #achat_en_ligne .row .text_container{margin: 0 0 30px;} /*#page_achat_en_ligne #achat_en_ligne .marques_container{padding-bottom: 100%;}*/ } @media screen and (max-width: 639px){ #page_achat_en_ligne #achat_en_ligne .text_container h2{font-size: 25px;line-height: 30px} #page_achat_en_ligne #achat_en_ligne .marques_container ul li{padding:50px 0;} #page_achat_en_ligne #achat_en_ligne .marques_container ul li p{padding-top: 10px;margin-top: 15px} } @media screen and (max-width: 479px){ #page_achat_en_ligne #achat_en_ligne .marques_container ul li p{font-size: 9px} } @media screen and (min-width: 992px){ /*#page_achat_en_ligne #achat_en_ligne{height: calc(100vh - 70px);}*/ #page_achat_en_ligne #achat_en_ligne .row .text_container{margin: 85px 0 40px;} #page_achat_en_ligne #achat_en_ligne .text_container h2{font-size: 35px;line-height: 40px} #page_achat_en_ligne #achat_en_ligne .marques_container ul li{padding:50px 0;} #page_achat_en_ligne #achat_en_ligne .marques_container ul li p{padding-top: 10px;margin-top: 15px} } @media screen and (min-width: 1200px){ #page_achat_en_ligne #achat_en_ligne{height: auto;} #page_achat_en_ligne #achat_en_ligne .row .text_container{margin: 100px 0 50px;} #page_achat_en_ligne #achat_en_ligne .marques_container ul li p{padding-top: 20px;margin-top: 30px} } @media screen and (min-width: 1680px){ #page_achat_en_ligne #achat_en_ligne .marques_container ul li{padding:75px 0;} } /* // Page Achat en ligne */ /* Page inspirations */ #page_inspirations{background: #FFF;position: relative;z-index: 9999} #page_inspirations .padding_container{position: relative;overflow: hidden;} #page_inspirations .padding_container .height_container{position: absolute;top:0;left:0;width: 100%;height: 100%} #page_inspirations h2{color:#930a1c;font-size: 80px;line-height: 80px} #page_inspirations .global_container{text-align:center;background: #FFF;padding:50px 0} #page_inspirations #floor_intro p.paragraphe{margin: 30px auto 120px} #page_inspirations #floor1{position: relative;text-align: center;} #page_inspirations #floor1 .bg{display: block;position: fixed;width: 100vw;height: 100vh;top: 0;left: 0;background: url('assets/images/floor_inspirations.jpg') center no-repeat;background-size: auto auto;background-size: cover;-moz-transition: 0.1s;-o-transition: 0.1s;-webkit-transition: 0.1s;transition: 0.1s;z-index: -1;} #page_inspirations #floor1 img{width:100%;} #page_inspirations #floor1 .media_container{height: 100vh;position: relative;overflow: hidden;background: rgba(0,0,0,0.2)} #page_inspirations #floor1 .text_container{position: relative;display:block;top: 50%;left: 0;transform: translateY(-50%);background: url('assets/images/logo_inspirations.png') center no-repeat;background-size: auto 100%;padding:34px 0;} #page_inspirations #floor1 .text_container p.categ{font-size: 14px;color:#FFF;} #page_inspirations #floor1 .text_container h1{color: #FFF} #page_inspirations #floor1 .text_container p.paragraphe{color: #FFF;font-size: 24px;margin: 20px 0 0;} #page_inspirations #floor1 .text_container p.baseline{font-family: "europa",sans-serif;font-weight: 400;color:rgba(252, 228, 0, 0.98);font-size: 38px;margin-top: 10px;letter-spacing: 30px;text-shadow: 1px 0px 10px rgba(252, 228, 0, 1);} #page_inspirations #floor2{position: relative;margin-bottom: 120px;text-align: center;background: #FFF} #page_inspirations #floor2 .padding_container{padding-bottom: 50.68493150684932%} #page_inspirations #floor2 .titre{position: absolute;top:0;left:35.97379392495533%;z-index: 3} #page_inspirations #floor2 .visu01{position: absolute;top:9.422850412249706%;left:0;width:27.32142857142857%;z-index: 6} #page_inspirations #floor2 .visu02{position: absolute;bottom:0;left:21.56045265038714%;width:60.39309112567004%;z-index: 5} #page_inspirations #floor2 .decor{position: absolute;top:0;right:0;width:33.17161916312917%} #page_inspirations #floor2 .spectaculaire2{width:29.20143027413588%;height:43.58068315665489%;top:43.1095406360424%;left:initial;right:2.443384982121573%;;z-index: 9} #page_inspirations #floor3{position: relative;margin-bottom: 120px;text-align: center;background: #FFF} #page_inspirations #floor3 .padding_container{padding-bottom: 53.75%} #page_inspirations #floor3 .titre{display: inline-block;text-align: center;z-index: 2;position: relative;} #page_inspirations #floor3 .titre h2{margin-top: 30px;} #page_inspirations #floor3 .visu01{position: absolute;bottom:0;left:3.333333333333333%;width:37.5%;z-index: 2;} #page_inspirations #floor3 .visu02{position: absolute;top:4.983388704318937%;right:3.333333333333333%;width:36.66666666666667%;z-index: 2;} #page_inspirations #floor3 .decor{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28.92857142857143%} #page_inspirations #floor4{position: relative;margin-bottom: 120px;text-align: center;background: #FFF} #page_inspirations #floor4 .padding_container{padding-bottom: 55.35714285714286%} #page_inspirations #floor4 .titre{position: absolute;top:16.66666666666667%;left:4.166666666666667%;z-index: 3} #page_inspirations #floor4 .visu01{position: absolute;bottom:0;left:29.76190476190476%;width:34.3452380952381%;z-index: 2;} #page_inspirations #floor4 .visu02{position: absolute;top:22.90322580645161%;right:3.333333333333333%;width:27.20238095238095%;} #page_inspirations #floor4 .decor{position: absolute;top:0;left:0;width:33.51190476190476%} #page_inspirations #floor4 .irresistible{left:4.166666666666667%;width:29.16666666666667%;height:39.78494623655914%;top:46.55913978494624%;z-index: 9} #page_inspirations #floor5{position: relative;margin-bottom: 120px;text-align: center;background: #FFF} #page_inspirations #floor5 .padding_container{padding-bottom: 64.4047619047619%} #page_inspirations #floor5 .titre{position: absolute;top:6.007393715341959%;left:60.29761904761905%;z-index: 3} #page_inspirations #floor5 .visu01{position: absolute;top:3.881700554528651%;left:4.464285714285714%;width:50.6547619047619%;} #page_inspirations #floor5 .visu02{position: absolute;bottom:13.86321626617375%;right:3.333333333333333%;width:47.26190476190476%;z-index: 2;} #page_inspirations #floor5 .decor{position: absolute;top:0;right:0;width:29.28571428571429%} #page_inspirations #floor5 .hypnotique{left:25.23809523809524%;width:29.16666666666667%;height:34.19593345656192%;bottom:0;z-index: 9;top:initial;} #page_inspirations #floor6{position: relative;margin-bottom: 120px;text-align: center;background: #FFF} #page_inspirations #floor6 .padding_container{padding-bottom: 62.73809523809524%} #page_inspirations #floor6 .titre{position: absolute;top:2.846299810246679%;left:32.38095238095238%;z-index: 3} #page_inspirations #floor6 .visu01{position: absolute;bottom:0;left:7.261904761904762%;width:35.29761904761905%;} #page_inspirations #floor6 .visu02{position: absolute;bottom:9.20303605313093%;right:31.54761904761905%;width:28.80952380952381%;z-index: 2;} #page_inspirations #floor6 .decor{position: absolute;top:0;left:39.04761904761905%;width:22.67857142857143%} #page_inspirations #floor6 .authentique{right:7.261904761904762%;width:29.16666666666667%;height:35.10436432637571%;bottom:20.39848197343454%;z-index: 9;top:initial;left:initial;} @media screen and (max-width: 991px){ #page_inspirations .global_container{padding:30px 0;} #page_inspirations .padding_container .height_container{position: relative;width: 100%;height: auto} #page_inspirations .titre img.logo{margin:0 auto;} #page_inspirations h2{font-size: 65px;line-height: 65px;margin-top: 10px} #page_inspirations #floor1 .media_container{height: calc(100vh - 100px);} #page_inspirations #floor1 .text_container p.baseline{font-size: 36px;letter-spacing: 26px;} #page_inspirations #floor_intro p.paragraphe{margin:30px auto 50px;font-size: 22px;padding:0 20px;} #page_inspirations #floor2 .padding_container, #page_inspirations #floor3 .padding_container, #page_inspirations #floor4 .padding_container, #page_inspirations #floor5 .padding_container ,#page_inspirations #floor6 .padding_container{padding-bottom: 0} #page_inspirations #floor2, #page_inspirations #floor3, #page_inspirations #floor4, #page_inspirations #floor5, #page_inspirations #floor6{margin-bottom: 50px} #page_inspirations #floor2 .titre{position: relative;top:0;left:0;z-index: 3} #page_inspirations #floor2 .visu01{position: relative;top:0;left:0;width:90%;max-width: 459px;margin: 0 auto} #page_inspirations #floor2 .visu02{position: relative;bottom:0;left:0;width:100%;max-width: 1014px;margin: 30px auto} #page_inspirations #floor3 .titre h2{margin-top: 0;} #page_inspirations #floor3 .visu01{position: relative;bottom:0;left:0;width:90%;max-width: 630px;margin: 30px auto} #page_inspirations #floor3 .visu02{position: relative;top:0;right:0;width:90%;max-width: 616px;margin:0 auto;} #page_inspirations #floor4 .titre{position: relative;top:0;left:0;} #page_inspirations #floor4 .visu01{position: relative;bottom:0;left:0;width:90%;max-width: 577px;margin: 30px auto} #page_inspirations #floor4 .visu02{position: relative;top:0;right:0;width:90%;max-width: 457px;margin:0 auto;} #page_inspirations #floor5 .titre{position: relative;top:0;left:0;} #page_inspirations #floor5 .visu01{position: relative;top:0;left:0;width:90%;max-width: 851px;margin: 30px auto} #page_inspirations #floor5 .visu02{position: relative;bottom:0;right:0;width:90%;max-width: 794px;margin: 0 auto} #page_inspirations #floor6 .titre{position: relative;top:0;left:0;} #page_inspirations #floor6 .visu01{position: relative;bottom:0;left:0;width:90%;max-width: 593px;margin: 30px auto} #page_inspirations #floor6 .visu02{position: relative;bottom:0;right:0;width:90%;max-width: 484px;margin: 0 auto} #page_inspirations #floor2 img.logo{max-width: 44px} #page_inspirations #floor3 img.logo{max-width: 70px} #page_inspirations #floor4 img.logo{max-width: 61px} #page_inspirations #floor5 img.logo{max-width: 45px} #page_inspirations #floor6 img.logo{max-width: 44px} } @media screen and (max-width: 639px){ #page_inspirations h2{font-size: 55px;line-height: 55px} #page_inspirations #floor1 .text_container p.baseline{font-size: 30px;letter-spacing: 24px;} #page_inspirations #floor_intro p.paragraphe{font-size: 16px} } @media screen and (max-width: 479px){ #page_inspirations h2{font-size: 35px;line-height: 35px} #page_inspirations #floor1 .text_container p.baseline{font-size: 24px;letter-spacing: 18px;} #page_inspirations #floor_intro p.paragraphe{font-size: 14px} } @media screen and (min-width: 992px){ #page_inspirations .global_container{padding:30px 0} #page_inspirations h2{font-size: 42px;line-height: 42px} #page_inspirations #floor_intro p.paragraphe{margin:30px auto 50px;font-size: 12px} #page_inspirations #floor2, #page_inspirations #floor3, #page_inspirations #floor4, #page_inspirations #floor5, #page_inspirations #floor6{margin-bottom: 50px} #page_inspirations #floor1 .text_container p.baseline{font-size: 25px;letter-spacing: 22px;} #page_inspirations #floor2 img.logo{max-width: 44px} #page_inspirations #floor3 img.logo{max-width: 90px} #page_inspirations #floor4 img.logo{max-width: 81px} #page_inspirations #floor5 img.logo{max-width: 60px} #page_inspirations #floor6 img.logo{max-width: 54px} } @media screen and (min-width: 1200px){ #page_inspirations h2{font-size: 52px;line-height: 52px} #page_inspirations #floor_intro p.paragraphe{margin:30px auto 80px;font-size: 14px} #page_inspirations #floor2, #page_inspirations #floor3, #page_inspirations #floor4, #page_inspirations #floor5, #page_inspirations #floor6{margin-bottom: 80px} #page_inspirations #floor1 .text_container p.paragraphe{font-size: 20px} #page_inspirations #floor1 .text_container p.baseline{font-size: 30px;letter-spacing: 25px;} } @media screen and (min-width: 1440px){ #page_inspirations h2{font-size: 60px;line-height: 60px} #page_inspirations .titre img.logo{max-width: 100% !important} #page_inspirations .global_container{padding:50px 0} #page_inspirations #floor_intro p.paragraphe{margin:30px auto 120px;font-size: 16px} #page_inspirations #floor2, #page_inspirations #floor3, #page_inspirations #floor4, #page_inspirations #floor5, #page_inspirations #floor6{margin-bottom: 120px} #page_inspirations #floor1 .text_container p.paragraphe{font-size: 24px} #page_inspirations #floor1 .text_container p.baseline{font-size: 38px;letter-spacing: 30px;} } @media screen and (min-width: 1680px){ #page_inspirations h2{font-size: 80px;line-height: 80px} } /* // Page inspirations */ /* Page Mentions */ #page_mentions #nav_container:hover{background: rgba(255,255,255,0.8);} #page_mentions #nav_container ul#menu-menu-navigation-principal li a, #page_mentions #nav_container ul#menu-menu-navigation-principal-en li a {color: #000;} #page_mentions #nav_container nav#secondary ul li a{color: #000;} #page_mentions #nav_container nav#secondary ul li:first-child::after{background: url('assets/images/arrowBlack_down.png')} #page_mentions #nav_container nav#secondary ul li:last-child{background: rgba(255,255,255,0.8)} #page_mentions #mentions .mentions_container{margin-top:120px;} #page_mentions #mentions .mentions_container h1{font-size: 50px;line-height: 50px;margin-bottom: 60px;color: #000;text-align: center} #page_mentions #mentions .mentions_container h2{font-size: 45px;line-height: 50px;} #page_mentions #mentions .mentions_container hr{margin-top: 15px} #page_mentions #mentions .mentions_container a.mail{border-bottom:2px solid #fce400;} #page_mentions #mentions .mentions_container p.italic{font-style: italic;font-size: 22px} #page_mentions #mentions .mentions_container ul{margin-left: 30px} #page_mentions #mentions .mentions_container ul li{font-family: "europa",sans-serif;font-size:16px;font-weight:400;margin-bottom: 15px} @media screen and (max-width: 991px){ #page_mentions #nav_container:hover{background: #000;} #page_mentions #mentions .mentions_container h1{font-size: 60px;line-height: 60px;} #page_mentions #mentions .mentions_container h2{font-size: 50px;line-height: 55px;} #page_mentions #mentions .mentions_container p.paragraphe{font-size: 16px} #page_mentions #mentions .mentions_container p.italic{font-size: 22px} } @media screen and (max-width: 639px){ #page_mentions #mentions .mentions_container h1{font-size: 50px;line-height: 50px;} #page_mentions #mentions .mentions_container h2{font-size: 40px;line-height: 45px} #page_mentions #mentions .mentions_container p.paragraphe{font-size: 14px} #page_mentions #mentions .mentions_container p.italic{font-size: 20px} #page_mentions #mentions .mentions_container ul{margin-left: 20px} #page_mentions #mentions .mentions_container ul li{font-size:14px;} } @media screen and (max-width: 479px){ #page_mentions #mentions .mentions_container h1{font-size: 35px;line-height: 35px;} #page_mentions #mentions .mentions_container h2{font-size: 25px;line-height: 30px} #page_mentions #mentions .mentions_container p.paragraphe{font-size: 12px} #page_mentions #mentions .mentions_container p.italic{font-size: 16px} #page_mentions #mentions .mentions_container ul{margin-left: 10px} #page_mentions #mentions .mentions_container ul li{font-size:12px;} } @media screen and (min-width: 992px){ #page_mentions #mentions .mentions_container{margin-bottom: 100px} #page_mentions #mentions .mentions_container h1{font-size: 45px;line-height: 45px;} #page_mentions #mentions .mentions_container h2{font-size: 35px;line-height: 40px} #page_mentions #mentions .mentions_container p.italic{font-size: 18px} } @media screen and (min-width: 1200px){ #page_mentions #mentions .mentions_container h1{font-size: 50px;line-height: 50px;} #page_mentions #mentions .mentions_container h2{font-size: 40px;line-height: 45px} #page_mentions #mentions .mentions_container p.italic{font-size: 20px} } @media screen and (min-width: 1440px){ #page_mentions #mentions .mentions_container h1{font-size: 55px;line-height: 55px;} #page_mentions #mentions .mentions_container h2{font-size: 45px;line-height: 50px} #page_mentions #mentions .mentions_container p.italic{font-size: 22px} } /* // Page Mentions */ /* Page Politique */ #page_politique #nav_container:hover{background: rgba(255,255,255,0.8);} #page_politique #nav_container ul#menu-menu-navigation-principal li a, #page_politique #nav_container ul#menu-menu-navigation-principal-en li a{color: #000;} #page_politique #nav_container nav#secondary ul li a{color: #000;} #page_politique #nav_container nav#secondary ul li:first-child::after{background: url('assets/images/arrowBlack_down.png')} #page_politique #nav_container nav#secondary ul li:last-child{background: rgba(255,255,255,0.8)} #page_politique #politique .mentions_container{margin-top:120px;} #page_politique #politique .mentions_container h1{font-size: 45px;line-height: 55px;margin-bottom: 60px;color: #000;text-align: center} #page_politique #politique .mentions_container h2{font-size: 40px;line-height: 45px;} #page_politique #politique .mentions_container hr{margin-top: 15px} #page_politique #politique .mentions_container a.mail{border-bottom:2px solid #fce400;} #page_politique #politique .mentions_container p.italic{font-style: italic;font-size: 22px} #page_politique #politique .mentions_container ul{margin-left: 30px} #page_politique #politique .mentions_container ul li{font-family: "europa",sans-serif;font-size:16px;font-weight:400;margin-bottom: 15px} @media screen and (max-width: 991px){ #page_politique #nav_container:hover{background: #000;} #page_politique #politique .mentions_container h1{font-size: 55px;line-height: 65px;} #page_politique #politique .mentions_container h2{font-size: 45px;line-height: 50px;} #page_politique #politique .mentions_container p.paragraphe{font-size: 16px} #page_politique #politique .mentions_container p.italic{font-size: 22px} } @media screen and (max-width: 639px){ #page_politique #politique .mentions_container h1{font-size: 45px;line-height: 55px;} #page_politique #politique .mentions_container h2{font-size: 35px;line-height: 40px} #page_politique #politique .mentions_container p.paragraphe{font-size: 14px} #page_politique #politique .mentions_container p.italic{font-size: 20px} #page_politique #politique .mentions_container ul{margin-left: 20px} #page_politique #politique .mentions_container ul li{font-size:14px;} } @media screen and (max-width: 479px){ #page_politique #politique .mentions_container h1{font-size: 30px;line-height: 40px;} #page_politique #politique .mentions_container h2{font-size: 20px;line-height: 25px} #page_politique #politique .mentions_container p.paragraphe{font-size: 12px} #page_politique #politique .mentions_container p.italic{font-size: 16px} #page_politique #politique .mentions_container ul{margin-left: 10px} #page_politique #politique .mentions_container ul li{font-size:12px;} } @media screen and (min-width: 992px){ #page_politique #politique .mentions_container{margin-bottom: 100px} #page_politique #politique .mentions_container h1{font-size: 40px;line-height: 50px;} #page_politique #politique .mentions_container h2{font-size: 30px;line-height: 35px} #page_politique #politique .mentions_container p.italic{font-size: 18px} } @media screen and (min-width: 1200px){ #page_politique #politique .mentions_container h1{font-size: 45px;line-height: 55px;} #page_politique #politique .mentions_container h2{font-size: 35px;line-height: 40px} #page_politique #politique .mentions_container p.italic{font-size: 20px} } @media screen and (min-width: 1440px){ #page_politique #politique .mentions_container h1{font-size: 50px;line-height: 60px;} #page_politique #politique .mentions_container h2{font-size: 40px;line-height: 45px} #page_politique #politique .mentions_container p.italic{font-size: 22px} } /* // Page Politique */ /* Page Desabo */ #page_desabo #nav_container:hover{background: rgba(255,255,255,0.8);} #page_desabo #nav_container ul#menu-menu-navigation-principal li a, #page_desabo #nav_container ul#menu-menu-navigation-principal-en li a{color: #000;} #page_desabo #nav_container nav#secondary ul li a{color: #000;} #page_desabo #nav_container nav#secondary ul li:first-child::after{background: url('assets/images/arrowBlack_down.png')} #page_desabo #nav_container nav#secondary ul li:last-child{background: rgba(255,255,255,0.8)} #page_desabo #desabo{height:calc(100vh - 70px);} #page_desabo #desabo .mentions_container{margin-top:150px;} @media screen and (max-width: 991px){ #page_desabo #nav_container:hover{background: #000;} #page_desabo #desabo .mentions_container p.paragraphe{font-size: 16px} } @media screen and (min-width: 992px){ #page_desabo #desabo .mentions_container p.paragraphe{font-size: 20px} } /* // Page Desabo */ /* Page Retour */ #page_retour #nav_container:hover{background: rgba(255,255,255,0.8);} #page_retour #nav_container ul#menu-menu-navigation-principal li a, #page_retour #nav_container ul#menu-menu-navigation-principal-en li a{color: #000;} #page_retour #nav_container nav#secondary ul li a{color: #000;} #page_retour #nav_container nav#secondary ul li:first-child::after{background: url('assets/images/arrowBlack_down.png')} #page_retour #nav_container nav#secondary ul li:last-child{background: rgba(255,255,255,0.8)} #page_retour #retour{height:calc(100vh - 70px);} #page_retour #retour .mentions_container{margin-top:150px;} @media screen and (max-width: 991px){ #page_retour #nav_container:hover{background: #000;} #page_retour #retour .mentions_container p.paragraphe{font-size: 16px} #page_retour #retour{height:calc(100vh - 140px);} #page_retour #retour .mentions_container{margin-top:50px;} } @media screen and (min-width: 992px){ #page_retour #retour .mentions_container p.paragraphe{font-size: 20px} } /* // Page Retour */ /* Page Erreur */ #page_erreur #nav_container{background: rgba(0,0,0,0.8);} #page_erreur #erreur{height:calc(100vh - 70px);overflow: hidden;} #page_erreur #erreur .flexbox{display: flex;justify-content: center;align-items: center} #page_erreur #erreur .flexbox .img-responsive{width:100%;} #page_erreur #erreur .flexbox .img_container, #page_erreur #erreur .flexbox .text_container{width: 50%;text-align: center} #page_erreur #erreur .flexbox .text_container h2{font-size: 110px;color:#ffce00;line-height: 130px} #page_erreur #erreur .flexbox .text_container p.paragraphe{text-transform: uppercase;} @media screen and (max-width: 991px){ #page_erreur #nav_container:hover{background: #000;} #page_erreur #erreur .flexbox{flex-direction: column} #page_erreur #erreur{height:auto;} #page_erreur #erreur .flexbox .img_container, #page_erreur #erreur .flexbox .text_container{width: 100%;} #page_erreur #erreur .text_container{margin:100px 0;} #page_erreur #erreur .text_container p.paragraphe{font-size: 30px} #page_erreur #erreur .text_container div.cta{width: 45%;} } @media screen and (max-width: 639px){ #page_erreur #erreur .flexbox .text_container h2{font-size: 90px;line-height: 110px} #page_erreur #erreur .text_container p.paragraphe{font-size: 20px} } @media screen and (max-width: 479px){ #page_erreur #erreur{height:calc(100vh - 140px);} #page_erreur #erreur .flexbox .text_container h2{font-size: 70px;line-height: 90px} #page_erreur #erreur .text_container p.paragraphe{font-size: 14px} #page_erreur #erreur .text_container div.cta{font-size: 12px;} } @media screen and (min-width: 992px){ #page_erreur #erreur .flexbox .img_container{width: 65%;} #page_erreur #erreur .flexbox .text_container{width: 35%;} #page_erreur #erreur .flexbox .text_container h2{font-size: 70px;line-height: 90px} #page_erreur #erreur .text_container p.paragraphe{font-size: 14px} } @media screen and (min-width: 1200px){ #page_erreur #erreur .flexbox .img_container, #page_erreur #erreur .flexbox .text_container{width: 50%;} #page_erreur #erreur .flexbox .text_container h2{font-size: 90px;line-height: 110px} #page_erreur #erreur .text_container p.paragraphe{font-size: 16px} } @media screen and (min-width: 1440px){ #page_erreur #erreur .flexbox .text_container h2{font-size: 110px;line-height: 130px} #page_erreur #erreur .text_container p.paragraphe{font-size: 20px} } /* // Page Erreur */ /* Page Store locator */ #page_store_locator #nav_container:hover{background: rgba(255,255,255,0.8);} #page_store_locator #nav_container ul#menu-menu-navigation-principal li a, #page_store_locator #nav_container ul#menu-menu-navigation-principal-en li a{color: #000;} #page_store_locator #nav_container nav#secondary ul li a{color: #000;} #page_store_locator #nav_container nav#secondary ul li:first-child::after{background: url('assets/images/arrowBlack_down.png')} #page_store_locator #nav_container nav#secondary ul li:last-child{background: rgba(255,255,255,0.8)} #page_store_locator #list-magasins .row .text_container{margin: 100px 0 50px;} #page_store_locator #list-magasins .text_container h2{font-size: 35px;line-height: 40px;text-align: center} #page_store_locator #list-magasins .text_container hr{display: block} #page_store_locator #list-magasins .magasins_container{position: relative;/*padding-bottom: 86.32124352331606%;overflow: hidden;*/} #page_store_locator #list-magasins .magasins_container .blockRegister{padding:25px;width: 100%;position: relative;margin:0 auto;border-bottom:1px solid #eeeeee;border-right:1px solid #eeeeee;border-top:1px solid #eeeeee} #page_store_locator #list-magasins .magasins_container .blockRegister input{width:100%;display:block;line-height:45px;background:#000;border:2px solid #000;font-family: "europa",sans-serif;font-weight:900;font-size:14px;text-indent:20px;color:#FFF;width:100%;display: inline-block;height:45px;letter-spacing: 1px;border-radius: 0 !important;-webkit-appearance: none} #page_store_locator #list-magasins .magasins_container .blockRegister input::placeholder{color:#FFF;opacity: 1} #page_store_locator #list-magasins .magasins_container .blockRegister button{display: inline-block;background: transparent;border:0;line-height: 45px;position: absolute;top:50%;right:30px;transform: translateY(-50%);} #page_store_locator #list-magasins .magasins_container .blockRegister button span{line-height: 45px;font-size:16px;color:#FFF;} #page_store_locator #list-magasins .magasins_container .height_container{display:flex;flex-wrap:wrap;align-items:flex-start;text-align:center;/*position: absolute;top:0;left:0;width:100%;height: 100%*/} /*#page_store_locator #list-magasins .magasins_container ul{height: calc(100% - 14.28571428571429%);}*/ #page_store_locator #list-magasins .magasins_container ul{display: block;width:100%;} #page_store_locator #list-magasins .magasins_container ul li{width:100%;display: flex;align-items:center;border-bottom:1px solid #eeeeee;border-right:1px solid #eeeeee;/*height:16.66666666666667%;*/text-align: left;padding:25px;cursor: pointer;} #page_store_locator #list-magasins .magasins_container ul li::before {content: "";display: block;width: 34px;height: 34px;background: url(assets/images/icon_wonderbra.png);overflow: hidden;} #page_store_locator #list-magasins .magasins_container ul li.clicked::before {content: "";display: block;width: 34px;height: 34px;background: url(assets/images/icon_wonderbra_jaune.png);overflow: hidden;} #page_store_locator #list-magasins .magasins_container ul li div{margin: 0 0 0 25px;} #page_store_locator #list-magasins .magasins_container ul li p.nomMag{display: block;font-family: "europa",sans-serif;font-size:14px;font-weight:900;} #page_store_locator #list-magasins .magasins_container ul li p.adresseMag{display: block;font-family: "europa",sans-serif;font-size:12px;font-weight:400;} #page_store_locator #list-magasins #map-magasins{position: sticky;top:0;} #page_store_locator #list-magasins #map-magasins #map{position:relative;height: 100vh;width:100%;} /* Marker tweaks */ .marker {background-image: url('assets/images/icon_wonderbra.png');background-size: cover;width: 31px;height: 31px;border-radius: 50%;cursor: pointer;} .marker_clicked {background-image: url('assets/images/icon_wonderbra_jaune.png');background-size: cover;width: 34px;height: 34px;border-radius: 50%;cursor: pointer;} .mapboxgl-popup-close-button {display: none;} .mapboxgl-popup-content {font: 400 15px/22px, 'europa', Sans-serif;padding: 0;width: 200px;text-align: center;transform: translateY(-15%);} .mapboxgl-popup-content-wrapper {padding: 1%;} .mapboxgl-popup-content h3 {font-size: 14px;color: #000;margin: 0;display: block;padding: 10px;border-radius: 3px 3px 0 0;font-weight: 700;margin-top: -15px;} .mapboxgl-popup-content h4 {margin: 0;display: block;padding: 0px;font-weight: 200;font-size: 12px;} .mapboxgl-popup-content div {padding: 10px;} .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {-webkit-align-self: center;align-self: center;border-bottom: none;border-top-color: #fff;transform: translateY(-175%);} @media screen and (max-width: 991px){ #page_store_locator #nav_container:hover{background: #000;} #page_store_locator #list-magasins{height: auto;margin:40px 0;} #page_store_locator #list-magasins .row .text_container{margin: 0 0 30px;} } @media screen and (max-width: 639px){ #page_store_locator #list-magasins .text_container h2{font-size: 25px;line-height: 30px} } @media screen and (max-width: 479px){ #page_store_locator #list-magasins .magasins_container .blockRegister input{font-size: 8px} #page_store_locator #list-magasins .magasins_container ul li{padding:20px;} #page_store_locator #list-magasins .magasins_container ul li img{max-width: 24px} #page_store_locator #list-magasins .magasins_container ul li div{margin: 0 0 0 15px} #page_store_locator #list-magasins .magasins_container ul li p.nomMag{font-size: 12px} #page_store_locator #list-magasins .magasins_container ul li p.adresseMag{font-size: 10px} } @media screen and (min-width: 992px){ #page_store_locator #list-magasins .row .text_container{margin: 85px 0 40px;} #page_store_locator #list-magasins .text_container h2{font-size: 35px;line-height: 40px} } @media screen and (min-width: 1200px){ #page_store_locator #list-magasins{height: auto;} #page_store_locator #list-magasins .row .text_container{margin: 100px 0 50px;} } /* // Store locator */ /* ANIMATION */ .constructBorder{-webkit-transition: 0.5s;} .constructBorder:hover{border: 2px solid rgba(0,160,80,0) !important;/*color: #fce400 !important;*/color: #000 !important;} .constructBorder::before, .constructBorder::after{width: 100%;height: 100%;z-index: 3;content: '';position: absolute;top: 0;left: 0;box-sizing: border-box;-webkit-transform: scale(0);transition: 0.5s;} /*.constructBorder::before{border-bottom: 2px solid #fce400;border-left: 2px solid #fce400;-webkit-transform-origin: 0 100%;}*/ .constructBorder::before{border-bottom: 2px solid #000;border-left: 2px solid #000;-webkit-transform-origin: 0 100%;} /*.constructBorder::after{border-top: 2px solid #fce400;border-right: 2px solid #fce400;-webkit-transform-origin: 100% 0;}*/ .constructBorder::after{border-top: 2px solid #000;border-right: 2px solid #000;-webkit-transform-origin: 100% 0;} .constructBorder:hover::before, .constructBorder:hover::after{-webkit-transform: scale(1);} .constructBackground{overflow: hidden;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .constructBackground::before{content: "";z-index: -1;position: absolute;width: 100%;height: 100%;top: 0;left: -100%;background-color: #000;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .constructBackground:hover{color:#FFF;} .constructBackground:hover::before{left:0;} /* ICOMOON */ @font-face { font-family: 'icomoon'; src: url('assets/css/fonts/icomoon.eot?okj6m0'); src: url('assets/css/fonts/icomoon.eot?okj6m0#iefix') format('embedded-opentype'), url('assets/css/fonts/icomoon.ttf?okj6m0') format('truetype'), url('assets/css/fonts/icomoon.woff?okj6m0') format('woff'), url('assets/css/fonts/icomoon.svg?okj6m0#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-backless:before { content: "\e899"; } .icon-balconnet:before { content: "\e906"; } .icon-bralette:before { content: "\e907"; } .icon-fulleffect:before { content: "\e908"; } .icon-multiway:before { content: "\e909"; } .icon-plungue:before { content: "\e90a"; } .icon-strapless:before { content: "\e90b"; } .icon-triangle:before { content: "\e90c"; } .icon-tshirtbra:before { content: "\e90d"; } .icon-wireless:before { content: "\e90e"; } .icon-youtube:before { content: "\e90f"; } .icon-insta:before { content: "\e910"; } .icon-pint:before { content: "\e911"; } .icon-facebook-logo-button:before { content: "\e912"; } .icon-twitter-logo-button:before { content: "\e913"; } .icon-back:before { content: "\e905"; } .icon-up-arrow:before { content: "\e91a"; } .icon-down-arrow:before { content: "\e91b"; } .icon-logo-wonder:before { content: "\e91c"; color: #ffd100; } .icon-right-arrow2:before { content: "\e900"; } .icon-left-arrow2:before { content: "\e901"; } .icon-bt-newsletter:before { content: "\e902"; } .icon-right-arrow:before { content: "\e903"; } .icon-left-arrow:before { content: "\e904"; }